kitchen-simulator 1.1.1-test.70 → 1.1.1-test.71

package/es/catalog/lines/wall/planner-element.js

@@ -1,9 +1,4 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = void 0;
-var _export = _interopRequireDefault(require("../../factories/export"));
+import ElementsFactories from "../../factories/export";
 var textureUrl = function textureUrl(file) {
   return new URL("./textures/".concat(file), import.meta.url).href;
 };
@@ -75,4 +70,4 @@ var textures = {
     }
   }
 };
-var _default = exports["default"] = _export["default"].WallFactory('wall', info, textures);
+export default ElementsFactories.WallFactory('wall', info, textures);

package/es/catalog/molding/molding-dcm/planner-element.js

@@ -1,15 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-exports.__esModule = true;
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var Three = _interopRequireWildcard(require("three"));
-var _loadObj = require("../../utils/load-obj");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+import React from 'react';
+import * as Three from 'three';
+import { loadGLTF } from "../../utils/load-obj";
 var cached3DMolding = null;
-var _default = exports["default"] = {
+export default {
   name: 'Dcm',
   prototype: 'molding',
   info: {
@@ -27,7 +20,7 @@ var _default = exports["default"] = {
     if (cached3DMolding) {
       return Promise.resolve(onLoadItem(cached3DMolding.clone()));
     }
-    return (0, _loadObj.loadGLTF)(element.url).then(function (object) {
+    return loadGLTF(element.url).then(function (object) {
       cached3DMolding = object;
       return onLoadItem(cached3DMolding.clone());
     });

package/es/catalog/molding/molding-fbm/planner-element.js

@@ -1,15 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-exports.__esModule = true;
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var Three = _interopRequireWildcard(require("three"));
-var _loadObj = require("../../utils/load-obj");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+import React from 'react';
+import * as Three from 'three';
+import { loadGLTF } from "../../utils/load-obj";
 var cached3DMolding = null;
-var _default = exports["default"] = {
+export default {
   name: 'Fbm',
   prototype: 'molding',
   info: {
@@ -27,7 +20,7 @@ var _default = exports["default"] = {
     if (cached3DMolding) {
       return Promise.resolve(onLoadItem(cached3DMolding.clone()));
     }
-    return (0, _loadObj.loadGLTF)(element.url).then(function (object) {
+    return loadGLTF(element.url).then(function (object) {
       cached3DMolding = object;
       return onLoadItem(cached3DMolding.clone());
     });

package/es/catalog/molding/molding-lrm/planner-element.js

@@ -1,15 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-exports.__esModule = true;
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var Three = _interopRequireWildcard(require("three"));
-var _loadObj = require("../../utils/load-obj");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+import React from 'react';
+import * as Three from 'three';
+import { loadGLTF } from "../../utils/load-obj";
 var cached3DMolding = null;
-var _default = exports["default"] = {
+export default {
   name: 'Lrm',
   prototype: 'molding',
   info: {
@@ -27,7 +20,7 @@ var _default = exports["default"] = {
     if (cached3DMolding) {
       return Promise.resolve(onLoadItem(cached3DMolding.clone()));
     }
-    return (0, _loadObj.loadGLTF)(element.url).then(function (object) {
+    return loadGLTF(element.url).then(function (object) {
       cached3DMolding = object;
       return onLoadItem(cached3DMolding.clone());
     });

package/es/catalog/properties/export.js

@@ -1,34 +1,21 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = void 0;
-var _propertyColor = _interopRequireDefault(require("./property-color"));
-exports.PropertyColor = _propertyColor["default"];
-var _propertyEnum = _interopRequireDefault(require("./property-enum"));
-exports.PropertyEnum = _propertyEnum["default"];
-var _propertyString = _interopRequireDefault(require("./property-string"));
-exports.PropertyString = _propertyString["default"];
-var _propertyNumber = _interopRequireDefault(require("./property-number"));
-exports.PropertyNumber = _propertyNumber["default"];
-var _propertyLengthMeasure = _interopRequireDefault(require("./property-length-measure"));
-exports.PropertyLengthMeasure = _propertyLengthMeasure["default"];
-var _propertyToggle = _interopRequireDefault(require("./property-toggle"));
-exports.PropertyToggle = _propertyToggle["default"];
-var _propertyCheckbox = _interopRequireDefault(require("./property-checkbox"));
-exports.PropertyCheckbox = _propertyCheckbox["default"];
-var _propertyHidden = _interopRequireDefault(require("./property-hidden"));
-exports.PropertyHidden = _propertyHidden["default"];
-var _propertyReadOnly = _interopRequireDefault(require("./property-read-only"));
-exports.PropertyReadOnly = _propertyReadOnly["default"];
-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"]
+import PropertyColor from "./property-color";
+import PropertyEnum from "./property-enum";
+import PropertyString from "./property-string";
+import PropertyNumber from "./property-number";
+import PropertyLengthMeasure from "./property-length-measure";
+import PropertyToggle from "./property-toggle";
+import PropertyCheckbox from "./property-checkbox";
+import PropertyHidden from "./property-hidden";
+import PropertyReadOnly from "./property-read-only";
+export { PropertyColor, PropertyEnum, PropertyString, PropertyNumber, PropertyLengthMeasure, PropertyToggle, PropertyCheckbox, PropertyHidden, PropertyReadOnly };
+export default {
+  PropertyColor: PropertyColor,
+  PropertyEnum: PropertyEnum,
+  PropertyString: PropertyString,
+  PropertyNumber: PropertyNumber,
+  PropertyLengthMeasure: PropertyLengthMeasure,
+  PropertyToggle: PropertyToggle,
+  PropertyCheckbox: PropertyCheckbox,
+  PropertyHidden: PropertyHidden,
+  PropertyReadOnly: PropertyReadOnly
 };

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

@@ -1,14 +1,9 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = PropertyCheckbox;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _constants = require("../../constants");
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 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; }
+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) { _defineProperty(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; }
+import React from 'react';
+import PropTypes from 'prop-types';
+import { DEFAULT_FONT_FAMILY, SECONDARY_PURPLE_COLOR, TEXT_COLOR_NEUTRAL_0 } from "../../constants";
 var styles = {
   flipWrapper: {
     display: 'flex',
@@ -18,8 +13,8 @@ var styles = {
   },
   flipTitle: {
     marginRight: 'auto',
-    color: _constants.SECONDARY_PURPLE_COLOR,
-    fontFamily: _constants.DEFAULT_FONT_FAMILY,
+    color: SECONDARY_PURPLE_COLOR,
+    fontFamily: DEFAULT_FONT_FAMILY,
     fontSize: 16,
     fontWeight: 600,
     lineHeight: '18px',
@@ -27,8 +22,8 @@ var styles = {
   },
   flipDescription: {
     marginRight: 'auto',
-    color: _constants.TEXT_COLOR_NEUTRAL_0,
-    fontFamily: _constants.DEFAULT_FONT_FAMILY,
+    color: TEXT_COLOR_NEUTRAL_0,
+    fontFamily: DEFAULT_FONT_FAMILY,
     fontSize: 13,
     fontWeight: 400,
     lineHeight: '18px',
@@ -57,7 +52,7 @@ var styles = {
     borderRadius: '50%'
   }
 };
-function PropertyCheckbox(_ref) {
+export default function PropertyCheckbox(_ref) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,
     configs = _ref.configs,
@@ -77,30 +72,30 @@ function PropertyCheckbox(_ref) {
   } : {
     right: 0
   };
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     style: styles.flipWrapper
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     style: styles.flipInfoWrapper
-  }, /*#__PURE__*/_react["default"].createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     style: styles.flipTitle
-  }, configs.label), configs.description && /*#__PURE__*/_react["default"].createElement("span", {
+  }, configs.label), configs.description && /*#__PURE__*/React.createElement("span", {
     style: styles.flipDescription
-  }, configs.description)), /*#__PURE__*/_react["default"].createElement("div", {
+  }, configs.description)), /*#__PURE__*/React.createElement("div", {
     style: _objectSpread(_objectSpread({}, styles.flipToggle), {}, {
       color: 'black'
     }),
     onClick: function onClick(e) {
       return update(!value);
     }
-  }, /*#__PURE__*/_react["default"].createElement("img", {
+  }, /*#__PURE__*/React.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("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     style: _objectSpread(_objectSpread({}, styles.flipToggleIcon), activeStyle)
-  }, /*#__PURE__*/_react["default"].createElement("img", {
+  }, /*#__PURE__*/React.createElement("img", {
     src: "/assets/img/svg/bottombar/".concat(value != 0 ? '2d3d_button_active.svg' : '2d3d_button.svg'),
     style: _objectSpread({
       width: '30px',
@@ -109,10 +104,10 @@ function PropertyCheckbox(_ref) {
   }))));
 }
 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
+  value: PropTypes.any.isRequired,
+  onUpdate: PropTypes.func.isRequired,
+  configs: PropTypes.object.isRequired,
+  sourceElement: PropTypes.object,
+  internalState: PropTypes.object,
+  state: PropTypes.object.isRequired
 };

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

@@ -1,13 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = 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) {
+import React from 'react';
+import PropTypes from 'prop-types';
+import { FormLabel, FormColorInput } from "../../components/style/export";
+import PropertyStyle from "./shared-property-style";
+export default function PropertyColor(_ref) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,
     configs = _ref.configs,
@@ -22,12 +17,12 @@ function PropertyColor(_ref) {
     }
     return onUpdate(val);
   };
-  return /*#__PURE__*/_react["default"].createElement("table", {
+  return /*#__PURE__*/React.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, {
+    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, configs.label)), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(FormColorInput, {
     value: value,
     onChange: function onChange(event) {
       return update(event.target.value);
@@ -35,10 +30,10 @@ function PropertyColor(_ref) {
   })))));
 }
 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
+  value: PropTypes.any.isRequired,
+  onUpdate: PropTypes.func.isRequired,
+  configs: PropTypes.object.isRequired,
+  sourceElement: PropTypes.object,
+  internalState: PropTypes.object,
+  state: PropTypes.object.isRequired
 };

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

@@ -1,14 +1,9 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = PropertyEnum;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/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");
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Seq } from 'immutable';
+import { FormSelect } from "../../components/style/export";
+import { DEFAULT_FONT_FAMILY, TEXT_COLOR_NEUTRAL_0 } from "../../constants";
 var styles = {
   enumWrapper: {
     display: 'flex',
@@ -19,8 +14,8 @@ var styles = {
     return {
       marginRight: 'auto',
       width: 110,
-      color: _constants.TEXT_COLOR_NEUTRAL_0,
-      fontFamily: _constants.DEFAULT_FONT_FAMILY,
+      color: TEXT_COLOR_NEUTRAL_0,
+      fontFamily: DEFAULT_FONT_FAMILY,
       fontSize: fontSize,
       fontWeight: 400,
       lineHeight: '15px',
@@ -40,7 +35,7 @@ function getFontSize() {
   }
   return 13;
 }
-function PropertyEnum(_ref) {
+export default function PropertyEnum(_ref) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,
     configs = _ref.configs,
@@ -55,11 +50,11 @@ function PropertyEnum(_ref) {
     }
     return onUpdate(val);
   };
-  var _React$useState = _react["default"].useState(getFontSize()),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+  var _React$useState = React.useState(getFontSize()),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
     fontSize = _React$useState2[0],
     setFontSize = _React$useState2[1];
-  _react["default"].useEffect(function () {
+  React.useEffect(function () {
     function handleResize() {
       setFontSize(getFontSize());
     }
@@ -68,30 +63,30 @@ function PropertyEnum(_ref) {
       return window.removeEventListener('resize', handleResize);
     };
   }, []);
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     style: styles.enumWrapper
-  }, /*#__PURE__*/_react["default"].createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     style: styles.enumTitle(fontSize)
-  }, configs.label), /*#__PURE__*/_react["default"].createElement(_export.FormSelect, {
+  }, configs.label), /*#__PURE__*/React.createElement(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),
+  }, Seq(configs.values).entrySeq().map(function (_ref2) {
+    var _ref3 = _slicedToArray(_ref2, 2),
       key = _ref3[0],
       value = _ref3[1];
-    return /*#__PURE__*/_react["default"].createElement("option", {
+    return /*#__PURE__*/React.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
+  value: PropTypes.any.isRequired,
+  onUpdate: PropTypes.func.isRequired,
+  configs: PropTypes.object.isRequired,
+  sourceElement: PropTypes.object,
+  internalState: PropTypes.object,
+  state: PropTypes.object.isRequired
 };

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

@@ -1,11 +1,6 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = PropertyHidden;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-function PropertyHidden(_ref) {
+import React from 'react';
+import PropTypes from 'prop-types';
+export default function PropertyHidden(_ref) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,
     configs = _ref.configs,
@@ -15,10 +10,10 @@ function PropertyHidden(_ref) {
   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
+  value: PropTypes.any.isRequired,
+  onUpdate: PropTypes.func.isRequired,
+  configs: PropTypes.object.isRequired,
+  sourceElement: PropTypes.object,
+  internalState: PropTypes.object,
+  state: PropTypes.object.isRequired
 };

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

@@ -1,19 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = PropertyLengthMeasure;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/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"));
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["hook", "label"];
+import React from 'react';
+import PropTypes from 'prop-types';
+import { BASE_CABINET_LAYOUTPOS, TALL_CABINET_LAYOUTPOS, UNIT_INCH, UNITS_LENGTH } from "./../../constants";
+import { convert } from "../../utils/convert-units-lite";
+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'
 };
@@ -23,7 +18,7 @@ var secondTdStyle = {
 var unitContainerStyle = {
   width: '5em'
 };
-function PropertyLengthMeasure(_ref, _ref2) {
+export default function PropertyLengthMeasure(_ref, _ref2) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,
     onValid = _ref.onValid,
@@ -34,22 +29,22 @@ 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') || _constants.UNIT_INCH;
-  var type = value.get('type') || _constants.BASE_CABINET_LAYOUTPOS;
+  var _unit = value.get('_unit') || UNIT_INCH;
+  var type = value.get('type') || BASE_CABINET_LAYOUTPOS;
   var hook = configs.hook,
     label = configs.label,
-    configRest = (0, _objectWithoutProperties2["default"])(configs, _excluded);
+    configRest = _objectWithoutProperties(configs, _excluded);
   var update = function update(lengthInput, unitInput, type) {
-    var newLength = (0, _math.toFixedFloat)(lengthInput);
+    var newLength = 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: unitInput !== UNIT_INCH ? convert(newLength).from(unitInput).to(UNIT_INCH) : newLength,
         _length: newLength
       });
     } else {
       merged = value.merge({
-        _length: (0, _convertUnitsLite.convert)(newLength).from(_constants.UNIT_INCH).to(unitInput),
+        _length: convert(newLength).from(UNIT_INCH).to(unitInput),
         _unit: unitInput
       });
     }
@@ -60,46 +55,46 @@ function PropertyLengthMeasure(_ref, _ref2) {
     }
     return onUpdate(merged);
   };
-  return /*#__PURE__*/_react["default"].createElement("table", {
+  return /*#__PURE__*/React.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: 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: secondTdStyle
-  }, /*#__PURE__*/_react["default"].createElement("table", {
+  }, /*#__PURE__*/React.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,
+  }, /*#__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,
     value: _length,
     onChange: function onChange(event) {
       return update(event.target.value, _unit, 0);
     },
     onValid: onValid
-  }, configRest))), /*#__PURE__*/_react["default"].createElement("td", {
+  }, configRest))), /*#__PURE__*/React.createElement("td", {
     style: unitContainerStyle
-  }, /*#__PURE__*/_react["default"].createElement(_export.FormSelect, {
-    disabled: type === _constants.TALL_CABINET_LAYOUTPOS,
+  }, /*#__PURE__*/React.createElement(FormSelect, {
+    disabled: type === 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", {
+  }, UNITS_LENGTH.map(function (el) {
+    return /*#__PURE__*/React.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
+  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
 };
 PropertyLengthMeasure.contextTypes = {
-  catalog: _propTypes["default"].object.isRequired
+  catalog: PropTypes.object.isRequired
 };