"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
Object.defineProperty(exports, "toObservableValue", {
  enumerable: true,
  get: function get() {
    return _state.default;
  }
});
Object.defineProperty(exports, "DatString", {
  enumerable: true,
  get: function get() {
    return _DatString.default;
  }
});
Object.defineProperty(exports, "DatNumber", {
  enumerable: true,
  get: function get() {
    return _DatNumber.default;
  }
});
Object.defineProperty(exports, "DatBoolean", {
  enumerable: true,
  get: function get() {
    return _DatBoolean.default;
  }
});
Object.defineProperty(exports, "DatButton", {
  enumerable: true,
  get: function get() {
    return _DatButton.default;
  }
});
Object.defineProperty(exports, "DatFolder", {
  enumerable: true,
  get: function get() {
    return _DatFolder.default;
  }
});
Object.defineProperty(exports, "DatSelect", {
  enumerable: true,
  get: function get() {
    return _DatSelect.default;
  }
});
Object.defineProperty(exports, "DatColor", {
  enumerable: true,
  get: function get() {
    return _DatColor.default;
  }
});
Object.defineProperty(exports, "DatPresets", {
  enumerable: true,
  get: function get() {
    return _DatPresets.default;
  }
});
exports.default = exports.DatGui = void 0;

var _react = _interopRequireWildcard(require("react"));

var _mobxReact = require("xmobx/mobx-react");

var _propTypes = _interopRequireDefault(require("prop-types"));

var _classnames = _interopRequireDefault(require("classnames"));

var _exotic = require("exotic");

var _style = _interopRequireDefault(require("./style"));

var _state = _interopRequireDefault(require("./components/state"));

var _DatString = _interopRequireDefault(require("./components/DatString"));

var _DatNumber = _interopRequireDefault(require("./components/DatNumber"));

var _DatBoolean = _interopRequireDefault(require("./components/DatBoolean"));

var _DatButton = _interopRequireDefault(require("./components/DatButton"));

var _DatFolder = _interopRequireDefault(require("./components/DatFolder"));

var _DatSelect = _interopRequireDefault(require("./components/DatSelect"));

var _DatColor = _interopRequireDefault(require("./components/DatColor"));

var _DatPresets = _interopRequireDefault(require("./components/DatPresets"));

var _dec,
    _class,
    _class2,
    _temp,
    _jsxFileName = "/Users/michaelfrohberg/Training/mono/packages/modules/devtools/dat-gui/index.js";

function _interopRequireDefault(obj) {
  return obj && obj.__esModule ? obj : {
    default: obj
  };
}

function _interopRequireWildcard(obj) {
  if (obj && obj.__esModule) {
    return obj;
  } else {
    var newObj = {};

    if (obj != null) {
      for (var key in obj) {
        if (Object.prototype.hasOwnProperty.call(obj, key)) {
          var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};

          if (desc.get || desc.set) {
            Object.defineProperty(newObj, key, desc);
          } else {
            newObj[key] = obj[key];
          }
        }
      }
    }

    newObj.default = obj;
    return newObj;
  }
}

let DatGui = (_dec = (0, _style.default)(), _dec(_class = (0, _mobxReact.observer)(_class = (_temp = _class2 = class DatGui extends _react.Component {
  constructor(...args) {
    super(...args);

    this.handleUpdateValue = (path, value) => {
      const _this$props = this.props,
            data = _this$props.data,
            onUpdate = _this$props.onUpdate; // console.log({
      //   handleUpdateValue: {
      //     path, value, data,
      //   },
      // })
      // this.forceUpdate()
      // was clone
      // const dataUpdated = set(data, path, value)
      // onUpdate(value)
    };
  }

  renderChildren() {
    const _this$props2 = this.props,
          children = _this$props2.children,
          data = _this$props2.data;
    return _react.default.Children.toArray(children).map((child, index) => {
      const shouldLiveUpdate = (0, _exotic.isUndefined)(child.props.shouldLiveUpdate) ? this.props.shouldLiveUpdate : child.props.shouldLiveUpdate;
      const labelWidth = (0, _exotic.isUndefined)(child.props.labelWidth) ? this.props.labelWidth : child.props.labelWidth;
      return (0, _react.cloneElement)(child, {
        key: index,
        // data,
        shouldLiveUpdate,
        labelWidth,
        _onUpdateValue: this.handleUpdateValue
      });
    });
  }

  render() {
    const _this$props$style = this.props.style,
          style = _this$props$style === void 0 ? {} : _this$props$style;
    const className = (0, _classnames.default)('react-dat-gui', this.props.className);
    return _react.default.createElement("div", {
      className: className,
      style: style,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 69
      },
      __self: this
    }, _react.default.createElement("ul", {
      className: "dg main",
      __source: {
        fileName: _jsxFileName,
        lineNumber: 70
      },
      __self: this
    }, this.renderChildren()));
  }

}, _class2.propTypes = {
  data: _propTypes.default.object.isRequired,
  children: _propTypes.default.node.isRequired,
  onUpdate: _propTypes.default.func.isRequired,
  shouldLiveUpdate: _propTypes.default.bool,
  labelWidth: _propTypes.default.number,
  className: _propTypes.default.string,
  style: _propTypes.default.object
}, _class2.defaultProps = {
  shouldLiveUpdate: true,
  labelWidth: 40
}, _temp)) || _class) || _class);
exports.DatGui = DatGui;
var _default = DatGui;
exports.default = _default;