kitchen-simulator 1.1.1-test.6 → 1.1.1-test.61

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

@@ -1,21 +1,48 @@
-var _templateObject, _templateObject2;
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Seq } from 'immutable';
-import { FormLabel, FormSelect } from "../../components/style/export";
-import PropertyStyle from "./shared-property-style";
-import styled from 'styled-components';
-import { TEXT_COLOR_NEUTRAL_0, DEFAULT_FONT_FAMILY } from "../../constants";
-var EnumWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin-top: 3px;\n"])));
-var EnumTitle = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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"])), TEXT_COLOR_NEUTRAL_0, DEFAULT_FONT_FAMILY);
-export default function PropertyEnum(_ref) {
+"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 _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _immutable = require("immutable");
+var _export = require("../../components/style/export");
+var _constants = require("../../constants");
+var styles = {
+  enumWrapper: {
+    display: 'flex',
+    alignItems: 'center',
+    marginTop: 3
+  },
+  enumTitle: function enumTitle(fontSize) {
+    return {
+      marginRight: 'auto',
+      width: 110,
+      color: _constants.TEXT_COLOR_NEUTRAL_0,
+      fontFamily: _constants.DEFAULT_FONT_FAMILY,
+      fontSize: fontSize,
+      fontWeight: 400,
+      lineHeight: '15px',
+      textAlign: 'left'
+    };
+  }
+};
+
+// Responsive font size logic
+function getFontSize() {
+  if (typeof window !== 'undefined') {
+    var w = window.innerWidth;
+    if (w <= 1024) return 11;
+    if (w <= 1366) return 13;
+    if (w <= 1440) return 16;
+    return 16;
+  }
+  return 13;
+}
+function PropertyEnum(_ref) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,
     configs = _ref.configs,
@@ -30,26 +57,43 @@ export default function PropertyEnum(_ref) {
     }
     return onUpdate(val);
   };
-  return /*#__PURE__*/React.createElement(EnumWrapper, null, /*#__PURE__*/React.createElement(EnumTitle, null, configs.label), /*#__PURE__*/React.createElement(FormSelect, {
+  var _React$useState = _react["default"].useState(getFontSize()),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    fontSize = _React$useState2[0],
+    setFontSize = _React$useState2[1];
+  _react["default"].useEffect(function () {
+    function handleResize() {
+      setFontSize(getFontSize());
+    }
+    window.addEventListener('resize', handleResize);
+    return function () {
+      return window.removeEventListener('resize', handleResize);
+    };
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.enumWrapper
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    style: styles.enumTitle(fontSize)
+  }, configs.label), /*#__PURE__*/_react["default"].createElement(_export.FormSelect, {
     value: value,
     onChange: function onChange(event) {
       return update(event.target.value);
     }
-  }, Seq(configs.values).entrySeq().map(function (_ref2) {
-    var _ref3 = _slicedToArray(_ref2, 2),
+  }, (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.createElement("option", {
+    return /*#__PURE__*/_react["default"].createElement("option", {
       key: key,
       value: key
     }, value);
   })));
 }
 PropertyEnum.propTypes = {
-  value: PropTypes.any.isRequired,
-  onUpdate: PropTypes.func.isRequired,
-  configs: PropTypes.object.isRequired,
-  sourceElement: PropTypes.object,
-  internalState: PropTypes.object,
-  state: PropTypes.object.isRequired
+  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
 };

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

@@ -1,6 +1,13 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-export default function PropertyHidden(_ref) {
+"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,
@@ -10,10 +17,10 @@ export default function PropertyHidden(_ref) {
   return null;
 }
 PropertyHidden.propTypes = {
-  value: PropTypes.any.isRequired,
-  onUpdate: PropTypes.func.isRequired,
-  configs: PropTypes.object.isRequired,
-  sourceElement: PropTypes.object,
-  internalState: PropTypes.object,
-  state: PropTypes.object.isRequired
+  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
 };

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

@@ -1,15 +1,21 @@
+"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"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import PropTypes from 'prop-types';
-import { BASE_CABINET_LAYOUTPOS, TALL_CABINET_LAYOUTPOS, UNITS_LENGTH, UNIT_INCH } from "./../../constants";
-import convert from 'convert-units';
-import { FormLabel, FormNumberInput, FormSelect } from "../../components/style/export";
-import { Map } from 'immutable';
-import { toFixedFloat } from "../../utils/math";
-import PropertyStyle from "./shared-property-style";
 var internalTableStyle = {
   borderCollapse: 'collapse'
 };
@@ -19,7 +25,7 @@ var secondTdStyle = {
 var unitContainerStyle = {
   width: '5em'
 };
-export default function PropertyLengthMeasure(_ref, _ref2) {
+function PropertyLengthMeasure(_ref, _ref2) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,
     onValid = _ref.onValid,
@@ -30,22 +36,22 @@ export default function PropertyLengthMeasure(_ref, _ref2) {
   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') || UNIT_INCH;
-  var type = value.get('type') || BASE_CABINET_LAYOUTPOS;
+  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 = _objectWithoutProperties(configs, _excluded);
+    configRest = (0, _objectWithoutProperties2["default"])(configs, _excluded);
   var update = function update(lengthInput, unitInput, type) {
-    var newLength = toFixedFloat(lengthInput);
+    var newLength = (0, _math.toFixedFloat)(lengthInput);
     var merged = null;
     if (type === 0) {
       merged = value.merge({
-        length: unitInput !== UNIT_INCH ? convert(newLength).from(unitInput).to(UNIT_INCH) : newLength,
+        length: unitInput !== _constants.UNIT_INCH ? (0, _convertUnitsLite.convert)(newLength).from(unitInput).to(_constants.UNIT_INCH) : newLength,
         _length: newLength
       });
     } else {
       merged = value.merge({
-        _length: convert(newLength).from(UNIT_INCH).to(unitInput),
+        _length: (0, _convertUnitsLite.convert)(newLength).from(_constants.UNIT_INCH).to(unitInput),
         _unit: unitInput
       });
     }
@@ -56,46 +62,46 @@ export default function PropertyLengthMeasure(_ref, _ref2) {
     }
     return onUpdate(merged);
   };
-  return /*#__PURE__*/React.createElement("table", {
+  return /*#__PURE__*/_react["default"].createElement("table", {
     className: "PropertyLengthMeasure",
-    style: PropertyStyle.tableStyle
-  }, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
-    style: PropertyStyle.firstTdStyle
-  }, /*#__PURE__*/React.createElement(FormLabel, null, label)), /*#__PURE__*/React.createElement("td", {
+    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.createElement("table", {
+  }, /*#__PURE__*/_react["default"].createElement("table", {
     style: internalTableStyle
-  }, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(FormNumberInput, _extends({
-    disabled: type === TALL_CABINET_LAYOUTPOS,
+  }, /*#__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.createElement("td", {
+  }, configRest))), /*#__PURE__*/_react["default"].createElement("td", {
     style: unitContainerStyle
-  }, /*#__PURE__*/React.createElement(FormSelect, {
-    disabled: type === TALL_CABINET_LAYOUTPOS,
+  }, /*#__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);
     }
-  }, UNITS_LENGTH.map(function (el) {
-    return /*#__PURE__*/React.createElement("option", {
+  }, _constants.UNITS_LENGTH.map(function (el) {
+    return /*#__PURE__*/_react["default"].createElement("option", {
       key: el,
       value: el
     }, el);
   }))))))))));
 }
 PropertyLengthMeasure.propTypes = {
-  value: PropTypes.instanceOf(Map).isRequired,
-  onUpdate: PropTypes.func.isRequired,
-  onValid: PropTypes.func,
-  configs: PropTypes.object.isRequired,
-  sourceElement: PropTypes.object,
-  internalState: PropTypes.object,
-  state: PropTypes.object.isRequired
+  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.object.isRequired
+  catalog: _propTypes["default"].object.isRequired
 };

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

@@ -1,20 +1,53 @@
+"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+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 _excluded = ["hook", "label"];
-var _templateObject, _templateObject2;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-import React from 'react';
-import PropTypes from 'prop-types';
-import { UNITS_LENGTH, UNIT_INCH, UNIT_CENTIMETER, DEFAULT_FONT_FAMILY, TEXT_COLOR_NEUTRAL_0, BASE_CABINET_LAYOUTPOS, TALL_CABINET_LAYOUTPOS } from "../../constants";
-import convert from 'convert-units';
-import { FormLabel, FormNumberInput, FormSelect } from "../../components/style/export";
-import { Map } from 'immutable';
-import { toFixedFloat } from "../../utils/math";
-import styled from 'styled-components';
-var DistanceFloorWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin-top: 3px;\n"])));
-var DistanceFloorTitle = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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"])), TEXT_COLOR_NEUTRAL_0, DEFAULT_FONT_FAMILY);
-export default function PropertyLengthMeasure(_ref, _ref2) {
+var styles = {
+  distanceFloorWrapper: {
+    display: 'flex',
+    alignItems: 'center',
+    marginTop: 3
+  },
+  distanceFloorTitle: function distanceFloorTitle(fontSize) {
+    return {
+      marginRight: 'auto',
+      width: 110,
+      color: _constants.TEXT_COLOR_NEUTRAL_0,
+      fontFamily: _constants.DEFAULT_FONT_FAMILY,
+      fontSize: fontSize,
+      fontWeight: 400,
+      lineHeight: '15px',
+      textAlign: 'left'
+    };
+  }
+};
+
+// Responsive font size logic
+function getFontSize() {
+  if (typeof window !== 'undefined') {
+    var w = window.innerWidth;
+    if (w <= 1024) return 11;
+    if (w <= 1366) return 13;
+    if (w <= 1440) return 16;
+    return 16;
+  }
+  return 13;
+}
+function PropertyLengthMeasure(_ref, _ref2) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,
     onValid = _ref.onValid,
@@ -28,25 +61,25 @@ export default function PropertyLengthMeasure(_ref, _ref2) {
   var length = value.get('length') || 0; // in centi
   var _length = value.get('_length') || length; // in _unit
   if (!_unit) {
-    _unit = UNIT_INCH;
-    _length = convert(length).from(UNIT_CENTIMETER).to(UNIT_INCH);
+    _unit = _constants.UNIT_INCH;
+    _length = (0, _convertUnitsLite.convert)(length).from(_constants.UNIT_CENTIMETER).to(_constants.UNIT_INCH);
   }
-  var type = value.get('type') || BASE_CABINET_LAYOUTPOS;
+  var type = value.get('type') || _constants.BASE_CABINET_LAYOUTPOS;
   var hook = configs.hook,
     label = configs.label,
-    configRest = _objectWithoutProperties(configs, _excluded);
+    configRest = (0, _objectWithoutProperties2["default"])(configs, _excluded);
   var update = function update(lengthInput, unitInput, type) {
-    var newLength = toFixedFloat(lengthInput);
+    var newLength = (0, _math.toFixedFloat)(lengthInput);
     var merged = null;
     if (type === 0) {
       merged = value.merge({
         _length: newLength,
         _unit: unitInput,
-        length: convert(newLength).from(unitInput).to(UNIT_CENTIMETER)
+        length: (0, _convertUnitsLite.convert)(newLength).from(unitInput).to(_constants.UNIT_CENTIMETER)
       });
     } else {
       merged = value.merge({
-        _length: convert(newLength).from(UNIT_CENTIMETER).to(unitInput),
+        _length: (0, _convertUnitsLite.convert)(newLength).from(_constants.UNIT_CENTIMETER).to(unitInput),
         _unit: unitInput,
         length: newLength
       });
@@ -58,9 +91,26 @@ export default function PropertyLengthMeasure(_ref, _ref2) {
     }
     return onUpdate(merged);
   };
-  return /*#__PURE__*/React.createElement(DistanceFloorWrapper, null, /*#__PURE__*/React.createElement(DistanceFloorTitle, null, label), /*#__PURE__*/React.createElement(FormNumberInput, _extends({
-    disabled: type === TALL_CABINET_LAYOUTPOS,
-    value: convert(_length).from('in').to(unit),
+  var _React$useState = _react["default"].useState(getFontSize()),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    fontSize = _React$useState2[0],
+    setFontSize = _React$useState2[1];
+  _react["default"].useEffect(function () {
+    function handleResize() {
+      setFontSize(getFontSize());
+    }
+    window.addEventListener('resize', handleResize);
+    return function () {
+      return window.removeEventListener('resize', handleResize);
+    };
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.distanceFloorWrapper
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    style: styles.distanceFloorTitle(fontSize)
+  }, 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);
     },
@@ -72,14 +122,14 @@ export default function PropertyLengthMeasure(_ref, _ref2) {
   }, configRest)));
 }
 PropertyLengthMeasure.propTypes = {
-  value: PropTypes.instanceOf(Map).isRequired,
-  onUpdate: PropTypes.func.isRequired,
-  onValid: PropTypes.func,
-  configs: PropTypes.object.isRequired,
-  sourceElement: PropTypes.object,
-  internalState: PropTypes.object,
-  state: PropTypes.object.isRequired
+  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.object.isRequired
+  catalog: _propTypes["default"].object.isRequired
 };

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

@@ -1,15 +1,21 @@
+"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"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import PropTypes from 'prop-types';
-import { UNITS_LENGTH, UNIT_INCH, UNIT_CENTIMETER, BASE_CABINET_LAYOUTPOS, TALL_CABINET_LAYOUTPOS } from "../../constants";
-import convert from 'convert-units';
-import { FormLabel, FormNumberInput1, FormSelect } from "../../components/style/export";
-import { Map } from 'immutable';
-import { toFixedFloat } from "../../utils/math";
-import PropertyStyle from "./shared-property-style";
 var internalTableStyle = {
   borderCollapse: 'collapse'
 };
@@ -19,7 +25,7 @@ var secondTdStyle = {
 var unitContainerStyle = {
   width: '3em'
 };
-export default function PropertyLengthMeasureHole(_ref, _ref2) {
+function PropertyLengthMeasureHole(_ref, _ref2) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,
     onValid = _ref.onValid,
@@ -28,24 +34,24 @@ export default function PropertyLengthMeasureHole(_ref, _ref2) {
     internalState = _ref.internalState,
     state = _ref.state;
   var catalog = _ref2.catalog;
-  var _unit = value.get('_unit') || UNIT_INCH;
+  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') || BASE_CABINET_LAYOUTPOS;
+  var type = value.get('type') || _constants.BASE_CABINET_LAYOUTPOS;
   var hook = configs.hook,
     label = configs.label,
-    configRest = _objectWithoutProperties(configs, _excluded);
+    configRest = (0, _objectWithoutProperties2["default"])(configs, _excluded);
   var update = function update(lengthInput, unitInput, type) {
-    var newLength = toFixedFloat(lengthInput);
+    var newLength = (0, _math.toFixedFloat)(lengthInput);
     var merged = null;
     if (type === 0) {
       merged = value.merge({
         _length: newLength,
-        length: convert(newLength).from(unitInput).to('cm')
+        length: (0, _convertUnitsLite.convert)(newLength).from(unitInput).to('cm')
       });
     } else {
       merged = value.merge({
-        _length: convert(newLength).from(UNIT_INCH).to(unitInput),
+        _length: (0, _convertUnitsLite.convert)(newLength).from(_constants.UNIT_INCH).to(unitInput),
         _unit: unitInput
       });
     }
@@ -56,46 +62,46 @@ export default function PropertyLengthMeasureHole(_ref, _ref2) {
     }
     return onUpdate(merged);
   };
-  return /*#__PURE__*/React.createElement("table", {
+  return /*#__PURE__*/_react["default"].createElement("table", {
     className: "PropertyLengthMeasure",
-    style: PropertyStyle.tableStyle
-  }, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
-    style: PropertyStyle.firstTdStyle
-  }, /*#__PURE__*/React.createElement(FormLabel, null, label)), /*#__PURE__*/React.createElement("td", {
+    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.createElement("table", {
+  }, /*#__PURE__*/_react["default"].createElement("table", {
     style: internalTableStyle
-  }, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(FormNumberInput1, _extends({
-    disabled: type === TALL_CABINET_LAYOUTPOS,
+  }, /*#__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.createElement("td", {
+  }, configRest))), /*#__PURE__*/_react["default"].createElement("td", {
     style: unitContainerStyle
-  }, /*#__PURE__*/React.createElement(FormSelect, {
-    disabled: type === TALL_CABINET_LAYOUTPOS,
+  }, /*#__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);
     }
-  }, UNITS_LENGTH.map(function (el) {
-    return /*#__PURE__*/React.createElement("option", {
+  }, _constants.UNITS_LENGTH.map(function (el) {
+    return /*#__PURE__*/_react["default"].createElement("option", {
       key: el,
       value: el
     }, el);
   }))))))))));
 }
 PropertyLengthMeasureHole.propTypes = {
-  value: PropTypes.instanceOf(Map).isRequired,
-  onUpdate: PropTypes.func.isRequired,
-  onValid: PropTypes.func,
-  configs: PropTypes.object.isRequired,
-  sourceElement: PropTypes.object,
-  internalState: PropTypes.object,
-  state: PropTypes.object.isRequired
+  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.object.isRequired
+  catalog: _propTypes["default"].object.isRequired
 };