kitchen-simulator 1.1.1-test.75 → 1.1.1-test.77

package/lib/catalog/areas/area/planner-element.js

@@ -1,51 +1,47 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _export = _interopRequireDefault(require("../../factories/export"));
-var textureUrl = function textureUrl(file) {
-  return new URL("./textures/".concat(file), import.meta.url).href;
-};
+var _export = require("../../factories/export");
 var info = {
   title: 'area',
   tag: ['area'],
   description: 'Generic Room',
-  image: '' // no image provided yet
+  image: ''
 };
 var textures = {
   parquet: {
     name: 'Parquet',
-    uri: textureUrl('parquet.jpg'),
+    uri: require("./textures/parquet.jpg"),
     lengthRepeatScale: 0.004,
     heightRepeatScale: 0.004
   },
   tile1: {
     name: 'Tile1',
-    uri: textureUrl('tile1.jpg'),
+    uri: require("./textures/tile1.jpg"),
     lengthRepeatScale: 0.01,
     heightRepeatScale: 0.01
   },
   ceramic: {
     name: 'Ceramic Tile',
-    uri: textureUrl('ceramic-tile.jpg'),
+    uri: require("./textures/ceramic-tile.jpg"),
     lengthRepeatScale: 0.02,
     heightRepeatScale: 0.02
   },
   strand_porcelain: {
     name: 'Strand Porcelain Tile',
-    uri: textureUrl('strand-porcelain.jpg'),
+    uri: require("./textures/strand-porcelain.jpg"),
     lengthRepeatScale: 0.02,
     heightRepeatScale: 0.02
   },
   grass: {
     name: 'Grass',
-    uri: textureUrl('grass.jpg'),
+    uri: require("./textures/grass.jpg"),
     lengthRepeatScale: 0.01,
     heightRepeatScale: 0.01
   }
 };
-var _default = exports["default"] = _export["default"].AreaFactory('area', info, textures);
+var _default = exports["default"] = (0, _export.AreaFactory)('area', info, textures);
 module.exports = exports.default;

package/lib/catalog/export.js

@@ -0,0 +1 @@
+"use strict";

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

@@ -1,19 +1,15 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _export = _interopRequireDefault(require("../../factories/export"));
-var textureUrl = function textureUrl(file) {
-  return new URL("./textures/".concat(file), import.meta.url).href;
-};
+var _export = require("../../factories/export");
 var info = {
   title: 'wall',
   tag: ['wall'],
   description: 'Wall with bricks or painted',
-  image: new URL('./wall.png', import.meta.url).href,
+  image: require("./wall.png"),
   visibility: {
     catalog: true,
     layerElementsVisible: true
@@ -22,11 +18,11 @@ var info = {
 var textures = {
   plaster: {
     name: 'Plaster',
-    uri: textureUrl('plaster.jpg'),
+    uri: require("./textures/plaster.jpg"),
     lengthRepeatScale: 0.005,
     heightRepeatScale: 0.005,
     normal: {
-      uri: textureUrl('plaster-normal.jpg'),
+      uri: require("./textures/plaster-normal.jpg"),
       lengthRepeatScale: 0.005,
       heightRepeatScale: 0.005,
       normalScaleX: 0.4,
@@ -36,11 +32,11 @@ var textures = {
   },
   bricks: {
     name: 'Bricks',
-    uri: textureUrl('bricks.jpg'),
+    uri: require("./textures/bricks.jpg"),
     lengthRepeatScale: 0.009,
     heightRepeatScale: 0.009,
     normal: {
-      uri: textureUrl('bricks-normal.jpg'),
+      uri: require("./textures/bricks-normal.jpg"),
       lengthRepeatScale: 0.009,
       heightRepeatScale: 0.009,
       normalScaleX: 0.4,
@@ -50,11 +46,11 @@ var textures = {
   },
   painted: {
     name: 'Painted',
-    uri: textureUrl('painted.jpg'),
+    uri: require("./textures/painted.jpg"),
     lengthRepeatScale: 0.005,
     heightRepeatScale: 0.005,
     normal: {
-      uri: textureUrl('painted-normal.jpg'),
+      uri: require("./textures/painted-normal.jpg"),
       lengthRepeatScale: 0.005,
       heightRepeatScale: 0.005,
       normalScaleX: 0.4,
@@ -64,11 +60,11 @@ var textures = {
   },
   morden: {
     name: 'Morden',
-    uri: textureUrl('morden.jpg'),
+    uri: require("./textures/morden.jpg"),
     lengthRepeatScale: 0.005,
     heightRepeatScale: 0.005,
     normal: {
-      uri: textureUrl('morden-normal.jpg'),
+      uri: require("./textures/morden-normal.jpg"),
       lengthRepeatScale: 0.005,
       heightRepeatScale: 0.005,
       normalScaleX: 0.4,
@@ -77,5 +73,5 @@ var textures = {
     }
   }
 };
-var _default = exports["default"] = _export["default"].WallFactory('wall', info, textures);
+var _default = exports["default"] = (0, _export.WallFactory)('wall', info, textures);
 module.exports = exports.default;

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

@@ -1,15 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: 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); }
 var cached3DMolding = null;
 var _default = exports["default"] = {
   name: 'Dcm',

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

@@ -1,15 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: 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); }
 var cached3DMolding = null;
 var _default = exports["default"] = {
   name: 'Fbm',

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

@@ -1,15 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: 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); }
 var cached3DMolding = null;
 var _default = exports["default"] = {
   name: 'Lrm',

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

@@ -6,59 +6,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 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 styles = {
-  flipWrapper: {
-    display: 'flex',
-    alignItems: 'center',
-    margin: '15px 0',
-    justifyContent: 'space-between'
-  },
-  flipTitle: {
-    marginRight: 'auto',
-    color: _constants.SECONDARY_PURPLE_COLOR,
-    fontFamily: _constants.DEFAULT_FONT_FAMILY,
-    fontSize: 16,
-    fontWeight: 600,
-    lineHeight: '18px',
-    textAlign: 'left'
-  },
-  flipDescription: {
-    marginRight: 'auto',
-    color: _constants.TEXT_COLOR_NEUTRAL_0,
-    fontFamily: _constants.DEFAULT_FONT_FAMILY,
-    fontSize: 13,
-    fontWeight: 400,
-    lineHeight: '18px',
-    textAlign: 'left'
-  },
-  flipInfoWrapper: {
-    display: 'flex',
-    flexDirection: 'column'
-  },
-  flipToggle: {
-    display: 'flex',
-    position: 'relative',
-    alignItems: 'center',
-    justifyContent: 'center',
-    fontSize: 14,
-    cursor: 'pointer',
-    userSelect: 'none'
-  },
-  flipToggleIcon: {
-    top: 0,
-    position: 'absolute'
-  },
-  flipToggleIconImg: {
-    fontSize: '1.4rem',
-    boxSizing: 'border-box',
-    borderRadius: '50%'
-  }
-};
+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,
@@ -79,18 +42,10 @@ function PropertyCheckbox(_ref) {
   } : {
     right: 0
   };
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    style: styles.flipWrapper
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    style: styles.flipInfoWrapper
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    style: styles.flipTitle
-  }, configs.label), configs.description && /*#__PURE__*/_react["default"].createElement("span", {
-    style: styles.flipDescription
-  }, configs.description)), /*#__PURE__*/_react["default"].createElement("div", {
-    style: _objectSpread(_objectSpread({}, styles.flipToggle), {}, {
+  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);
     }
@@ -100,14 +55,14 @@ function PropertyCheckbox(_ref) {
       width: '55px',
       height: '30px'
     }
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    style: _objectSpread(_objectSpread({}, styles.flipToggleIcon), activeStyle)
+  }), /*#__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: _objectSpread({
+    style: {
       width: '30px',
       height: '30px'
-    }, styles.flipToggleIconImg)
+    }
   }))));
 }
 PropertyCheckbox.propTypes = {

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

@@ -6,42 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 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 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;
-}
+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,
@@ -57,24 +32,7 @@ function PropertyEnum(_ref) {
     }
     return onUpdate(val);
   };
-  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, {
+  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);

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

@@ -9,7 +9,7 @@ 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 _constants = require("../../constants");
 var _convertUnitsLite = require("../../utils/convert-units-lite");
 var _export = require("../../components/style/export");
 var _immutable = require("immutable");

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

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _constants = require("../../constants");
@@ -15,38 +15,11 @@ 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 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;
-}
+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,
@@ -91,24 +64,7 @@ function PropertyLengthMeasure(_ref, _ref2) {
     }
     return onUpdate(merged);
   };
-  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"])({
+  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) {

package/lib/catalog/utils/item-loader.js

@@ -28,6 +28,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 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; }
 // env Map ///////////////
+// env Map ///////////////
 var paramsCounter = {
   envMap: 'HDR',
   roughness: 0.6,

package/lib/catalog/utils/mtl-loader.js

@@ -1,18 +1,14 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.MTLLoader = void 0;
 /**
  * Loads a Wavefront .mtl file specifying materials
  *
  * @author angelxuanchang
  */
 
-var THREE = window.THREE;
+var THREE = window.THREE || require('three');
 var MTLLoader;
-exports.MTLLoader = MTLLoader = function MTLLoader(manager) {
+MTLLoader = function MTLLoader(manager) {
   this.manager = manager !== undefined ? manager : THREE.DefaultLoadingManager;
 };
 Object.assign(MTLLoader.prototype, THREE.EventDispatcher.prototype, {
@@ -360,4 +356,4 @@ MTLLoader.MaterialCreator.prototype = {
     return texture;
   }
 };
-var _default = exports["default"] = MTLLoader;
+module.exports = MTLLoader;

package/lib/catalog/utils/obj-loader.js

@@ -1,15 +1,11 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.OBJLoader = void 0;
 /**
  * @author mrdoob / http://mrdoob.com/
  */
-var THREE = window.THREE;
+var THREE = window.THREE || require('three');
 var OBJLoader;
-exports.OBJLoader = OBJLoader = function () {
+OBJLoader = function () {
   // o object_name | g group_name
   var object_pattern = /^[og]\s*(.+)?/;
   // mtllib file_reference
@@ -479,4 +475,4 @@ exports.OBJLoader = OBJLoader = function () {
   };
   return OBJLoader;
 }();
-var _default = exports["default"] = OBJLoader;
+module.exports = OBJLoader;