kitchen-simulator 3.1.2 → 4.0.0-react-18

package/es/styles/export.js

@@ -1,5 +0,0 @@
-import * as TabsStyle from "./tabs.css";
-export { TabsStyle };
-export default {
-  TabsStyle: TabsStyle
-};

package/es/styles/tabs.css

@@ -1,40 +0,0 @@
-.react-tabs__tab-list {
-  border-bottom: 1px solid #aaa;
-  margin: 0 0 10px;
-  padding: 0;
-}
-
-.react-tabs__tab {
-  display: inline-block;
-  border: 1px solid transparent;
-  border-bottom: none;
-  bottom: -1px;
-  position: relative;
-  list-style: none;
-  padding: 6px 12px;
-  cursor: pointer;
-}
-
-.react-tabs__tab--selected,
-.react-tabs__tab:focus {
-  border-color: #aaa;
-  color: #1ca6fc;
-  outline: none;
-}
-
-.react-tabs__tab-panel {
-  display: none;
-}
-
-.react-tabs__tab-panel--selected {
-  display: block;
-}
-
-@keyframes spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}

package/lib/catalog/properties/export.js

@@ -1,81 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "PropertyCheckbox", {
-  enumerable: true,
-  get: function get() {
-    return _propertyCheckbox["default"];
-  }
-});
-Object.defineProperty(exports, "PropertyColor", {
-  enumerable: true,
-  get: function get() {
-    return _propertyColor["default"];
-  }
-});
-Object.defineProperty(exports, "PropertyEnum", {
-  enumerable: true,
-  get: function get() {
-    return _propertyEnum["default"];
-  }
-});
-Object.defineProperty(exports, "PropertyHidden", {
-  enumerable: true,
-  get: function get() {
-    return _propertyHidden["default"];
-  }
-});
-Object.defineProperty(exports, "PropertyLengthMeasure", {
-  enumerable: true,
-  get: function get() {
-    return _propertyLengthMeasure["default"];
-  }
-});
-Object.defineProperty(exports, "PropertyNumber", {
-  enumerable: true,
-  get: function get() {
-    return _propertyNumber["default"];
-  }
-});
-Object.defineProperty(exports, "PropertyReadOnly", {
-  enumerable: true,
-  get: function get() {
-    return _propertyReadOnly["default"];
-  }
-});
-Object.defineProperty(exports, "PropertyString", {
-  enumerable: true,
-  get: function get() {
-    return _propertyString["default"];
-  }
-});
-Object.defineProperty(exports, "PropertyToggle", {
-  enumerable: true,
-  get: function get() {
-    return _propertyToggle["default"];
-  }
-});
-exports["default"] = void 0;
-var _propertyColor = _interopRequireDefault(require("./property-color"));
-var _propertyEnum = _interopRequireDefault(require("./property-enum"));
-var _propertyString = _interopRequireDefault(require("./property-string"));
-var _propertyNumber = _interopRequireDefault(require("./property-number"));
-var _propertyLengthMeasure = _interopRequireDefault(require("./property-length-measure"));
-var _propertyToggle = _interopRequireDefault(require("./property-toggle"));
-var _propertyCheckbox = _interopRequireDefault(require("./property-checkbox"));
-var _propertyHidden = _interopRequireDefault(require("./property-hidden"));
-var _propertyReadOnly = _interopRequireDefault(require("./property-read-only"));
-var _default = exports["default"] = {
-  PropertyColor: _propertyColor["default"],
-  PropertyEnum: _propertyEnum["default"],
-  PropertyString: _propertyString["default"],
-  PropertyNumber: _propertyNumber["default"],
-  PropertyLengthMeasure: _propertyLengthMeasure["default"],
-  PropertyToggle: _propertyToggle["default"],
-  PropertyCheckbox: _propertyCheckbox["default"],
-  PropertyHidden: _propertyHidden["default"],
-  PropertyReadOnly: _propertyReadOnly["default"]
-};

package/lib/catalog/properties/property-checkbox.js

@@ -1,76 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = PropertyCheckbox;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _export = require("../../components/style/export");
-var _sharedPropertyStyle = _interopRequireDefault(require("./shared-property-style"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _constants = require("../../constants");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var FlipWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  margin: 15px 0;\n  justify-content: space-between;\n"])));
-var FlipTitle = _styledComponents["default"].span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-right: auto;\n  color: ", ";\n  font-family: ", ";\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 18px;\n  text-align: left;\n"])), _constants.SECONDARY_PURPLE_COLOR, _constants.DEFAULT_FONT_FAMILY);
-var FlipDescription = _styledComponents["default"].span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-right: auto;\n  color: ", ";\n  font-family: ", ";\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 18px;\n  text-align: left;\n"])), _constants.TEXT_COLOR_NEUTRAL_0, _constants.DEFAULT_FONT_FAMILY);
-var FlipInfoWrapper = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: column;\n"])));
-var FlipToggle = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  position: relative;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  cursor: pointer;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n"])));
-var FlipToggleIcon = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  top: 0;\n  position: absolute;\n  ", "\n  img {\n    font-size: 1.4rem;\n    box-sizing: border-box;\n    border-radius: 50%;\n  }\n"])), '' /* transition-duration: .3s; */);
-function PropertyCheckbox(_ref) {
-  var value = _ref.value,
-    onUpdate = _ref.onUpdate,
-    configs = _ref.configs,
-    sourceElement = _ref.sourceElement,
-    internalState = _ref.internalState,
-    state = _ref.state;
-  var update = function update(val) {
-    if (configs.hook) {
-      return configs.hook(val, sourceElement, internalState, state).then(function (_val) {
-        return onUpdate(_val);
-      });
-    }
-    return onUpdate(val);
-  };
-  var activeStyle = value == 0 ? {
-    left: 0
-  } : {
-    right: 0
-  };
-  return /*#__PURE__*/_react["default"].createElement(FlipWrapper, null, /*#__PURE__*/_react["default"].createElement(FlipInfoWrapper, null, /*#__PURE__*/_react["default"].createElement(FlipTitle, null, configs.label), configs.description && /*#__PURE__*/_react["default"].createElement(FlipDescription, null, configs.description)), /*#__PURE__*/_react["default"].createElement(FlipToggle, {
-    style: {
-      color: 'black'
-    },
-    onClick: function onClick(e) {
-      return update(!value);
-    }
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: "/assets/img/svg/bottombar/".concat(value != 0 ? '2d3d_toggle_active.svg' : '2d3d_toggle.svg'),
-    style: {
-      width: '55px',
-      height: '30px'
-    }
-  }), /*#__PURE__*/_react["default"].createElement(FlipToggleIcon, {
-    style: _objectSpread({}, activeStyle)
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: "/assets/img/svg/bottombar/".concat(value != 0 ? '2d3d_button_active.svg' : '2d3d_button.svg'),
-    style: {
-      width: '30px',
-      height: '30px'
-    }
-  }))));
-}
-PropertyCheckbox.propTypes = {
-  value: _propTypes["default"].any.isRequired,
-  onUpdate: _propTypes["default"].func.isRequired,
-  configs: _propTypes["default"].object.isRequired,
-  sourceElement: _propTypes["default"].object,
-  internalState: _propTypes["default"].object,
-  state: _propTypes["default"].object.isRequired
-};
-module.exports = exports.default;

package/lib/catalog/properties/property-color.js

@@ -1,47 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = PropertyColor;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _export = require("../../components/style/export");
-var _sharedPropertyStyle = _interopRequireDefault(require("./shared-property-style"));
-function PropertyColor(_ref) {
-  var value = _ref.value,
-    onUpdate = _ref.onUpdate,
-    configs = _ref.configs,
-    sourceElement = _ref.sourceElement,
-    internalState = _ref.internalState,
-    state = _ref.state;
-  var update = function update(val) {
-    if (configs.hook) {
-      return configs.hook(val, sourceElement, internalState, state).then(function (_val) {
-        return onUpdate(_val);
-      });
-    }
-    return onUpdate(val);
-  };
-  return /*#__PURE__*/_react["default"].createElement("table", {
-    className: "PropertyColor",
-    style: _sharedPropertyStyle["default"].tableStyle
-  }, /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", {
-    style: _sharedPropertyStyle["default"].firstTdStyle
-  }, /*#__PURE__*/_react["default"].createElement(_export.FormLabel, null, configs.label)), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_export.FormColorInput, {
-    value: value,
-    onChange: function onChange(event) {
-      return update(event.target.value);
-    }
-  })))));
-}
-PropertyColor.propTypes = {
-  value: _propTypes["default"].any.isRequired,
-  onUpdate: _propTypes["default"].func.isRequired,
-  configs: _propTypes["default"].object.isRequired,
-  sourceElement: _propTypes["default"].object,
-  internalState: _propTypes["default"].object,
-  state: _propTypes["default"].object.isRequired
-};
-module.exports = exports.default;

package/lib/catalog/properties/property-enum.js

@@ -1,58 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = PropertyEnum;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _immutable = require("immutable");
-var _export = require("../../components/style/export");
-var _sharedPropertyStyle = _interopRequireDefault(require("./shared-property-style"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _constants = require("../../constants");
-var _templateObject, _templateObject2;
-var EnumWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  margin-top: 3px;\n"])));
-var EnumTitle = _styledComponents["default"].span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-right: auto;\n  width: 110px;\n  color: ", ";\n  font-family: ", ";\n\n  @media screen and (min-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (max-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (min-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (max-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (min-width: 1440) {\n    font-size: 16px;\n  }\n  @media screen and (max-width: 1440) {\n    font-size: 16px;\n  }\n  font-weight: 400;\n  line-height: 15px;\n  text-align: left;\n"])), _constants.TEXT_COLOR_NEUTRAL_0, _constants.DEFAULT_FONT_FAMILY);
-function PropertyEnum(_ref) {
-  var value = _ref.value,
-    onUpdate = _ref.onUpdate,
-    configs = _ref.configs,
-    sourceElement = _ref.sourceElement,
-    internalState = _ref.internalState,
-    state = _ref.state;
-  var update = function update(val) {
-    if (configs.hook) {
-      return configs.hook(val, sourceElement, internalState, state).then(function (_val) {
-        return onUpdate(_val);
-      });
-    }
-    return onUpdate(val);
-  };
-  return /*#__PURE__*/_react["default"].createElement(EnumWrapper, null, /*#__PURE__*/_react["default"].createElement(EnumTitle, null, configs.label), /*#__PURE__*/_react["default"].createElement(_export.FormSelect, {
-    value: value,
-    onChange: function onChange(event) {
-      return update(event.target.value);
-    }
-  }, (0, _immutable.Seq)(configs.values).entrySeq().map(function (_ref2) {
-    var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
-      key = _ref3[0],
-      value = _ref3[1];
-    return /*#__PURE__*/_react["default"].createElement("option", {
-      key: key,
-      value: key
-    }, value);
-  })));
-}
-PropertyEnum.propTypes = {
-  value: _propTypes["default"].any.isRequired,
-  onUpdate: _propTypes["default"].func.isRequired,
-  configs: _propTypes["default"].object.isRequired,
-  sourceElement: _propTypes["default"].object,
-  internalState: _propTypes["default"].object,
-  state: _propTypes["default"].object.isRequired
-};
-module.exports = exports.default;

package/lib/catalog/properties/property-hidden.js

@@ -1,27 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = PropertyHidden;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-function PropertyHidden(_ref) {
-  var value = _ref.value,
-    onUpdate = _ref.onUpdate,
-    configs = _ref.configs,
-    sourceElement = _ref.sourceElement,
-    internalState = _ref.internalState,
-    state = _ref.state;
-  return null;
-}
-PropertyHidden.propTypes = {
-  value: _propTypes["default"].any.isRequired,
-  onUpdate: _propTypes["default"].func.isRequired,
-  configs: _propTypes["default"].object.isRequired,
-  sourceElement: _propTypes["default"].object,
-  internalState: _propTypes["default"].object,
-  state: _propTypes["default"].object.isRequired
-};
-module.exports = exports.default;

package/lib/catalog/properties/property-lenght-measure.js

@@ -1,108 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = PropertyLengthMeasure;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _constants = require("../../constants");
-var _convertUnitsLite = require("../../utils/convert-units-lite");
-var _export = require("../../components/style/export");
-var _immutable = require("immutable");
-var _math = require("../../utils/math");
-var _sharedPropertyStyle = _interopRequireDefault(require("./shared-property-style"));
-var _excluded = ["hook", "label"];
-var internalTableStyle = {
-  borderCollapse: 'collapse'
-};
-var secondTdStyle = {
-  padding: 0
-};
-var unitContainerStyle = {
-  width: '5em'
-};
-function PropertyLengthMeasure(_ref, _ref2) {
-  var value = _ref.value,
-    onUpdate = _ref.onUpdate,
-    onValid = _ref.onValid,
-    configs = _ref.configs,
-    sourceElement = _ref.sourceElement,
-    internalState = _ref.internalState,
-    state = _ref.state;
-  var catalog = _ref2.catalog;
-  var length = value.get('length') || 0; // length in inch
-  var _length = value.get('_length') || length; // length in unit
-  var _unit = value.get('_unit') || _constants.UNIT_INCH;
-  var type = value.get('type') || _constants.BASE_CABINET_LAYOUTPOS;
-  var hook = configs.hook,
-    label = configs.label,
-    configRest = (0, _objectWithoutProperties2["default"])(configs, _excluded);
-  var update = function update(lengthInput, unitInput, type) {
-    var newLength = (0, _math.toFixedFloat)(lengthInput);
-    var merged = null;
-    if (type === 0) {
-      merged = value.merge({
-        length: unitInput !== _constants.UNIT_INCH ? (0, _convertUnitsLite.convert)(newLength).from(unitInput).to(_constants.UNIT_INCH) : newLength,
-        _length: newLength
-      });
-    } else {
-      merged = value.merge({
-        _length: (0, _convertUnitsLite.convert)(newLength).from(_constants.UNIT_INCH).to(unitInput),
-        _unit: unitInput
-      });
-    }
-    if (hook) {
-      return hook(merged, sourceElement, internalState, state).then(function (val) {
-        return onUpdate(val);
-      });
-    }
-    return onUpdate(merged);
-  };
-  return /*#__PURE__*/_react["default"].createElement("table", {
-    className: "PropertyLengthMeasure",
-    style: _sharedPropertyStyle["default"].tableStyle
-  }, /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", {
-    style: _sharedPropertyStyle["default"].firstTdStyle
-  }, /*#__PURE__*/_react["default"].createElement(_export.FormLabel, null, label)), /*#__PURE__*/_react["default"].createElement("td", {
-    style: secondTdStyle
-  }, /*#__PURE__*/_react["default"].createElement("table", {
-    style: internalTableStyle
-  }, /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_export.FormNumberInput, (0, _extends2["default"])({
-    disabled: type === _constants.TALL_CABINET_LAYOUTPOS,
-    value: _length,
-    onChange: function onChange(event) {
-      return update(event.target.value, _unit, 0);
-    },
-    onValid: onValid
-  }, configRest))), /*#__PURE__*/_react["default"].createElement("td", {
-    style: unitContainerStyle
-  }, /*#__PURE__*/_react["default"].createElement(_export.FormSelect, {
-    disabled: type === _constants.TALL_CABINET_LAYOUTPOS,
-    value: _unit,
-    onChange: function onChange(event) {
-      return update(length, event.target.value, 1);
-    }
-  }, _constants.UNITS_LENGTH.map(function (el) {
-    return /*#__PURE__*/_react["default"].createElement("option", {
-      key: el,
-      value: el
-    }, el);
-  }))))))))));
-}
-PropertyLengthMeasure.propTypes = {
-  value: _propTypes["default"].instanceOf(_immutable.Map).isRequired,
-  onUpdate: _propTypes["default"].func.isRequired,
-  onValid: _propTypes["default"].func,
-  configs: _propTypes["default"].object.isRequired,
-  sourceElement: _propTypes["default"].object,
-  internalState: _propTypes["default"].object,
-  state: _propTypes["default"].object.isRequired
-};
-PropertyLengthMeasure.contextTypes = {
-  catalog: _propTypes["default"].object.isRequired
-};
-module.exports = exports.default;

package/lib/catalog/properties/property-length-measure.js

@@ -1,92 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = PropertyLengthMeasure;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _constants = require("../../constants");
-var _convertUnitsLite = require("../../utils/convert-units-lite");
-var _export = require("../../components/style/export");
-var _immutable = require("immutable");
-var _math = require("../../utils/math");
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _excluded = ["hook", "label"];
-var _templateObject, _templateObject2;
-var DistanceFloorWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  margin-top: 3px;\n"])));
-var DistanceFloorTitle = _styledComponents["default"].span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-right: auto;\n  width: 110px;\n  color: ", ";\n  font-family: ", ";\n  font-size: 16px;\n\n  @media screen and (min-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (max-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (min-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (max-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (min-width: 1440) {\n    font-size: 16px;\n  }\n  @media screen and (max-width: 1440) {\n    font-size: 16px;\n  }\n  font-weight: 400;\n  line-height: 15px;\n  text-align: left;\n"])), _constants.TEXT_COLOR_NEUTRAL_0, _constants.DEFAULT_FONT_FAMILY);
-function PropertyLengthMeasure(_ref, _ref2) {
-  var value = _ref.value,
-    onUpdate = _ref.onUpdate,
-    onValid = _ref.onValid,
-    configs = _ref.configs,
-    sourceElement = _ref.sourceElement,
-    internalState = _ref.internalState,
-    state = _ref.state;
-  var catalog = _ref2.catalog;
-  var _unit = value.get('_unit');
-  var unit = state.getIn(['scene', 'layers', state.scene.selectedLayer, 'unit']);
-  var length = value.get('length') || 0; // in centi
-  var _length = value.get('_length') || length; // in _unit
-  if (!_unit) {
-    _unit = _constants.UNIT_INCH;
-    _length = (0, _convertUnitsLite.convert)(length).from(_constants.UNIT_CENTIMETER).to(_constants.UNIT_INCH);
-  }
-  var type = value.get('type') || _constants.BASE_CABINET_LAYOUTPOS;
-  var hook = configs.hook,
-    label = configs.label,
-    configRest = (0, _objectWithoutProperties2["default"])(configs, _excluded);
-  var update = function update(lengthInput, unitInput, type) {
-    var newLength = (0, _math.toFixedFloat)(lengthInput);
-    var merged = null;
-    if (type === 0) {
-      merged = value.merge({
-        _length: newLength,
-        _unit: unitInput,
-        length: (0, _convertUnitsLite.convert)(newLength).from(unitInput).to(_constants.UNIT_CENTIMETER)
-      });
-    } else {
-      merged = value.merge({
-        _length: (0, _convertUnitsLite.convert)(newLength).from(_constants.UNIT_CENTIMETER).to(unitInput),
-        _unit: unitInput,
-        length: newLength
-      });
-    }
-    if (hook) {
-      return hook(merged, sourceElement, internalState, state).then(function (val) {
-        return onUpdate(val);
-      });
-    }
-    return onUpdate(merged);
-  };
-  return /*#__PURE__*/_react["default"].createElement(DistanceFloorWrapper, null, /*#__PURE__*/_react["default"].createElement(DistanceFloorTitle, null, label), /*#__PURE__*/_react["default"].createElement(_export.FormNumberInput, (0, _extends2["default"])({
-    disabled: type === _constants.TALL_CABINET_LAYOUTPOS,
-    value: (0, _convertUnitsLite.convert)(_length).from('in').to(unit),
-    onChange: function onChange(event) {
-      return update(event.target.value, _unit, 0);
-    },
-    onValid: onValid,
-    labelName: label,
-    style: {
-      paddingRight: '40px'
-    }
-  }, configRest)));
-}
-PropertyLengthMeasure.propTypes = {
-  value: _propTypes["default"].instanceOf(_immutable.Map).isRequired,
-  onUpdate: _propTypes["default"].func.isRequired,
-  onValid: _propTypes["default"].func,
-  configs: _propTypes["default"].object.isRequired,
-  sourceElement: _propTypes["default"].object,
-  internalState: _propTypes["default"].object,
-  state: _propTypes["default"].object.isRequired
-};
-PropertyLengthMeasure.contextTypes = {
-  catalog: _propTypes["default"].object.isRequired
-};
-module.exports = exports.default;

package/lib/catalog/properties/property-length-measure_hole.js

@@ -1,108 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = PropertyLengthMeasureHole;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _constants = require("../../constants");
-var _convertUnitsLite = require("../../utils/convert-units-lite");
-var _export = require("../../components/style/export");
-var _immutable = require("immutable");
-var _math = require("../../utils/math");
-var _sharedPropertyStyle = _interopRequireDefault(require("./shared-property-style"));
-var _excluded = ["hook", "label"];
-var internalTableStyle = {
-  borderCollapse: 'collapse'
-};
-var secondTdStyle = {
-  padding: 0
-};
-var unitContainerStyle = {
-  width: '3em'
-};
-function PropertyLengthMeasureHole(_ref, _ref2) {
-  var value = _ref.value,
-    onUpdate = _ref.onUpdate,
-    onValid = _ref.onValid,
-    configs = _ref.configs,
-    sourceElement = _ref.sourceElement,
-    internalState = _ref.internalState,
-    state = _ref.state;
-  var catalog = _ref2.catalog;
-  var _unit = value.get('_unit') || _constants.UNIT_INCH;
-  var _length = value.get('_length') || 0;
-  var length = value.get('length') || _length;
-  var type = value.get('type') || _constants.BASE_CABINET_LAYOUTPOS;
-  var hook = configs.hook,
-    label = configs.label,
-    configRest = (0, _objectWithoutProperties2["default"])(configs, _excluded);
-  var update = function update(lengthInput, unitInput, type) {
-    var newLength = (0, _math.toFixedFloat)(lengthInput);
-    var merged = null;
-    if (type === 0) {
-      merged = value.merge({
-        _length: newLength,
-        length: (0, _convertUnitsLite.convert)(newLength).from(unitInput).to('cm')
-      });
-    } else {
-      merged = value.merge({
-        _length: (0, _convertUnitsLite.convert)(newLength).from(_constants.UNIT_INCH).to(unitInput),
-        _unit: unitInput
-      });
-    }
-    if (hook) {
-      return hook(merged, sourceElement, internalState, state).then(function (val) {
-        return onUpdate(val);
-      });
-    }
-    return onUpdate(merged);
-  };
-  return /*#__PURE__*/_react["default"].createElement("table", {
-    className: "PropertyLengthMeasure",
-    style: _sharedPropertyStyle["default"].tableStyle
-  }, /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", {
-    style: _sharedPropertyStyle["default"].firstTdStyle
-  }, /*#__PURE__*/_react["default"].createElement(_export.FormLabel, null, label)), /*#__PURE__*/_react["default"].createElement("td", {
-    style: secondTdStyle
-  }, /*#__PURE__*/_react["default"].createElement("table", {
-    style: internalTableStyle
-  }, /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_export.FormNumberInput1, (0, _extends2["default"])({
-    disabled: type === _constants.TALL_CABINET_LAYOUTPOS,
-    value: _length,
-    onChange: function onChange(event) {
-      return update(event.target.value, _unit, 0);
-    },
-    onValid: onValid
-  }, configRest))), /*#__PURE__*/_react["default"].createElement("td", {
-    style: unitContainerStyle
-  }, /*#__PURE__*/_react["default"].createElement(_export.FormSelect, {
-    disabled: type === _constants.TALL_CABINET_LAYOUTPOS,
-    value: _unit,
-    onChange: function onChange(event) {
-      return update(length, event.target.value, 1);
-    }
-  }, _constants.UNITS_LENGTH.map(function (el) {
-    return /*#__PURE__*/_react["default"].createElement("option", {
-      key: el,
-      value: el
-    }, el);
-  }))))))))));
-}
-PropertyLengthMeasureHole.propTypes = {
-  value: _propTypes["default"].instanceOf(_immutable.Map).isRequired,
-  onUpdate: _propTypes["default"].func.isRequired,
-  onValid: _propTypes["default"].func,
-  configs: _propTypes["default"].object.isRequired,
-  sourceElement: _propTypes["default"].object,
-  internalState: _propTypes["default"].object,
-  state: _propTypes["default"].object.isRequired
-};
-PropertyLengthMeasureHole.contextTypes = {
-  catalog: _propTypes["default"].object.isRequired
-};
-module.exports = exports.default;