kitchen-simulator 1.1.1-test.3 → 1.1.1-test.31

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

@@ -1,23 +1,60 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-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) { _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; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(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 { FormLabel } from '../../components/style/export';
-import PropertyStyle from './shared-property-style';
-import styled from 'styled-components';
-import { DEFAULT_FONT_FAMILY, SECONDARY_PURPLE_COLOR, TEXT_COLOR_NEUTRAL_0 } from '../../constants';
-var FlipWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin: 15px 0;\n  justify-content: space-between;\n"])));
-var FlipTitle = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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"])), SECONDARY_PURPLE_COLOR, DEFAULT_FONT_FAMILY);
-var FlipDescription = styled.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\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"])), TEXT_COLOR_NEUTRAL_0, DEFAULT_FONT_FAMILY);
-var FlipInfoWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
-var FlipToggle = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\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 = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\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; */);
+import { DEFAULT_FONT_FAMILY, SECONDARY_PURPLE_COLOR, TEXT_COLOR_NEUTRAL_0 } from "../../constants";
+var styles = {
+  flipWrapper: {
+    display: 'flex',
+    alignItems: 'center',
+    margin: '15px 0',
+    justifyContent: 'space-between'
+  },
+  flipTitle: {
+    marginRight: 'auto',
+    color: SECONDARY_PURPLE_COLOR,
+    fontFamily: DEFAULT_FONT_FAMILY,
+    fontSize: 16,
+    fontWeight: 600,
+    lineHeight: '18px',
+    textAlign: 'left'
+  },
+  flipDescription: {
+    marginRight: 'auto',
+    color: TEXT_COLOR_NEUTRAL_0,
+    fontFamily: 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%'
+  }
+};
 export default function PropertyCheckbox(_ref) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,
@@ -38,10 +75,18 @@ export default function PropertyCheckbox(_ref) {
   } : {
     right: 0
   };
-  return /*#__PURE__*/React.createElement(FlipWrapper, null, /*#__PURE__*/React.createElement(FlipInfoWrapper, null, /*#__PURE__*/React.createElement(FlipTitle, null, configs.label), configs.description && /*#__PURE__*/React.createElement(FlipDescription, null, configs.description)), /*#__PURE__*/React.createElement(FlipToggle, {
-    style: {
+  return /*#__PURE__*/React.createElement("div", {
+    style: styles.flipWrapper
+  }, /*#__PURE__*/React.createElement("div", {
+    style: styles.flipInfoWrapper
+  }, /*#__PURE__*/React.createElement("span", {
+    style: styles.flipTitle
+  }, configs.label), configs.description && /*#__PURE__*/React.createElement("span", {
+    style: styles.flipDescription
+  }, configs.description)), /*#__PURE__*/React.createElement("div", {
+    style: _objectSpread(_objectSpread({}, styles.flipToggle), {}, {
       color: 'black'
-    },
+    }),
     onClick: function onClick(e) {
       return update(!value);
     }
@@ -51,14 +96,14 @@ export default function PropertyCheckbox(_ref) {
       width: '55px',
       height: '30px'
     }
-  }), /*#__PURE__*/React.createElement(FlipToggleIcon, {
-    style: _objectSpread({}, activeStyle)
+  }), /*#__PURE__*/React.createElement("div", {
+    style: _objectSpread(_objectSpread({}, styles.flipToggleIcon), activeStyle)
   }, /*#__PURE__*/React.createElement("img", {
     src: "/assets/img/svg/bottombar/".concat(value != 0 ? '2d3d_button_active.svg' : '2d3d_button.svg'),
-    style: {
+    style: _objectSpread({
       width: '30px',
       height: '30px'
-    }
+    }, styles.flipToggleIconImg)
   }))));
 }
 PropertyCheckbox.propTypes = {

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { FormLabel, FormColorInput } from '../../components/style/export';
-import PropertyStyle from './shared-property-style';
+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,

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

@@ -1,20 +1,45 @@
-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);
+import { FormSelect } from "../../components/style/export";
+import { DEFAULT_FONT_FAMILY, TEXT_COLOR_NEUTRAL_0 } from "../../constants";
+var styles = {
+  enumWrapper: {
+    display: 'flex',
+    alignItems: 'center',
+    marginTop: 3
+  },
+  enumTitle: function enumTitle(fontSize) {
+    return {
+      marginRight: 'auto',
+      width: 110,
+      color: TEXT_COLOR_NEUTRAL_0,
+      fontFamily: 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;
+}
 export default function PropertyEnum(_ref) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,
@@ -30,7 +55,24 @@ 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.useState(getFontSize()),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    fontSize = _React$useState2[0],
+    setFontSize = _React$useState2[1];
+  React.useEffect(function () {
+    function handleResize() {
+      setFontSize(getFontSize());
+    }
+    window.addEventListener('resize', handleResize);
+    return function () {
+      return window.removeEventListener('resize', handleResize);
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    style: styles.enumWrapper
+  }, /*#__PURE__*/React.createElement("span", {
+    style: styles.enumTitle(fontSize)
+  }, configs.label), /*#__PURE__*/React.createElement(FormSelect, {
     value: value,
     onChange: function onChange(event) {
       return update(event.target.value);

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

@@ -4,12 +4,12 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, 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 { 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 { FormLabel, FormNumberInput, FormSelect } from "../../components/style/export";
 import { Map } from 'immutable';
-import { toFixedFloat } from '../../utils/math';
-import PropertyStyle from './shared-property-style';
+import { toFixedFloat } from "../../utils/math";
+import PropertyStyle from "./shared-property-style";
 var internalTableStyle = {
   borderCollapse: 'collapse'
 };

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

@@ -1,19 +1,51 @@
 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 _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 _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 { BASE_CABINET_LAYOUTPOS, DEFAULT_FONT_FAMILY, TALL_CABINET_LAYOUTPOS, TEXT_COLOR_NEUTRAL_0, UNIT_CENTIMETER, UNIT_INCH } from "../../constants";
 import convert from 'convert-units';
-import { FormLabel, FormNumberInput, FormSelect } from '../../components/style/export';
+import { FormNumberInput } 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);
+import { toFixedFloat } from "../../utils/math";
+var styles = {
+  distanceFloorWrapper: {
+    display: 'flex',
+    alignItems: 'center',
+    marginTop: 3
+  },
+  distanceFloorTitle: function distanceFloorTitle(fontSize) {
+    return {
+      marginRight: 'auto',
+      width: 110,
+      color: TEXT_COLOR_NEUTRAL_0,
+      fontFamily: 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;
+}
 export default function PropertyLengthMeasure(_ref, _ref2) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,
@@ -58,7 +90,24 @@ 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({
+  var _React$useState = React.useState(getFontSize()),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    fontSize = _React$useState2[0],
+    setFontSize = _React$useState2[1];
+  React.useEffect(function () {
+    function handleResize() {
+      setFontSize(getFontSize());
+    }
+    window.addEventListener('resize', handleResize);
+    return function () {
+      return window.removeEventListener('resize', handleResize);
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    style: styles.distanceFloorWrapper
+  }, /*#__PURE__*/React.createElement("span", {
+    style: styles.distanceFloorTitle(fontSize)
+  }, label), /*#__PURE__*/React.createElement(FormNumberInput, _extends({
     disabled: type === TALL_CABINET_LAYOUTPOS,
     value: convert(_length).from('in').to(unit),
     onChange: function onChange(event) {

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

@@ -4,12 +4,12 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, 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 { 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 { FormLabel, FormNumberInput1, FormSelect } from "../../components/style/export";
 import { Map } from 'immutable';
-import { toFixedFloat } from '../../utils/math';
-import PropertyStyle from './shared-property-style';
+import { toFixedFloat } from "../../utils/math";
+import PropertyStyle from "./shared-property-style";
 var internalTableStyle = {
   borderCollapse: 'collapse'
 };

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { FormLabel, FormNumberInput } from '../../components/style/export';
-import PropertyStyle from './shared-property-style';
+import { FormLabel, FormNumberInput } from "../../components/style/export";
+import PropertyStyle from "./shared-property-style";
 export default function PropertyNumber(_ref) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,

package/es/catalog/properties/property-read-only.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { FormLabel } from '../../components/style/export';
-import PropertyStyle from './shared-property-style';
+import { FormLabel } from "../../components/style/export";
+import PropertyStyle from "./shared-property-style";
 export default function PropertyReadOnly(_ref) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { FormLabel, FormTextInput } from '../../components/style/export';
-import PropertyStyle from './shared-property-style';
+import { FormLabel, FormTextInput } from "../../components/style/export";
+import PropertyStyle from "./shared-property-style";
 var tableStyle = {
   width: '100%',
   borderSpacing: '2px 0',

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { FormLabel, Button } from '../../components/style/export';
-import PropertyStyle from './shared-property-style';
+import { FormLabel, Button } from "../../components/style/export";
+import PropertyStyle from "./shared-property-style";
 export default function PropertyToggle(_ref) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,

package/es/catalog/utils/geom-utils.js

@@ -1,5 +1,5 @@
 import * as Three from 'three';
-import { OBJTYPE_MESH } from '../src/constants';
+import { OBJTYPE_MESH } from "../../constants";
 export function controlGeom() {
   var vertices = new Float32Array([0, 0.02, 0.55, -0.08, 0, 0.5, -0.05, 0, 0.5, -0.05, 0, -0.5, -0.08, 0, -0.5, 0, 0.02, -0.55, 0.08, 0, -0.5, 0.05, 0, -0.5, 0.05, 0, 0.5, 0.08, 0, 0.5, 0, 0.02, 0.55, -0.08, 0.04, 0.5, -0.05, 0.04, 0.5, -0.05, 0.04, -0.5, -0.08, 0.04, -0.5, 0, 0.02, -0.55, 0.08, 0.04, -0.5, 0.05, 0.04, -0.5, 0.05, 0.04, 0.5, 0.08, 0.04, 0.5, 0, 0.02, 0.55]);
   var indices = new Uint16Array([0, 1, 9, 4, 5, 6, 2, 3, 8, 3, 7, 8, 10, 11, 19, 14, 15, 16, 12, 13, 18, 13, 17, 18, 10, 1, 11, 10, 9, 19, 1, 2, 11, 2, 12, 11, 8, 9, 18, 9, 18, 19, 12, 2, 3, 12, 3, 13, 17, 7, 8, 17, 8, 18, 5, 4, 14, 15, 6, 16]);

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

@@ -14,12 +14,12 @@ import convert from 'convert-units';
 import { fromJS, Map } from 'immutable';
 import React, { useState } from 'react';
 import * as Three from 'three';
-import * as SceneCreator from '../src/components/viewer3d/scene-creator';
-import { ARROW_COLOR, BASE_CABINET_LAYOUTPOS, OBJTYPE_GROUP, OBJTYPE_MESH, SHADE_DARK_PURPLE_COLOR, SHAPE_SVG_DEPTH, SHAPE_SVG_PADDING, SHAPE_SVG_WIDTH, STATUS_WARNING_COLOR, STATUS_WARNING_LIGHT_COLOR, TALL_CABINET_LAYOUTPOS, UNIT_CENTIMETER, UNIT_INCH, WALL_CABINET_LAYOUTPOS } from '../src/constants';
-import { Item } from '../src/models';
-import * as GeomUtils from './geom-utils';
-import { loadGLTF } from './load-obj';
-import { animateDoor, translateDrawer } from '../src/utils/helper'; // env Map ///////////////
+import * as SceneCreator from "../../components/viewer3d/scene-creator";
+import { ARROW_COLOR, BASE_CABINET_LAYOUTPOS, OBJTYPE_GROUP, OBJTYPE_MESH, SHADE_DARK_PURPLE_COLOR, SHAPE_SVG_DEPTH, SHAPE_SVG_PADDING, SHAPE_SVG_WIDTH, STATUS_WARNING_COLOR, STATUS_WARNING_LIGHT_COLOR, TALL_CABINET_LAYOUTPOS, UNIT_CENTIMETER, UNIT_INCH, WALL_CABINET_LAYOUTPOS } from "../../constants";
+import { Item } from "../../models";
+import * as GeomUtils from "./geom-utils";
+import { loadGLTF } from "./load-obj";
+import { animateDoor, translateDrawer } from "../../utils/helper";
 
 // env Map ///////////////
 var paramsCounter = {

package/es/catalog/utils/load-obj.js

@@ -3,7 +3,7 @@ import { MTLLoader } from 'three/examples/jsm/loaders/MTLLoader.js';
 import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader.js';
 import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
 import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader.js';
-import { OBJTYPE_MESH } from '../src/constants';
+import { OBJTYPE_MESH } from "../../constants";
 export function loadObjWithMaterial(mtlFile, objFile, imgPath) {
   var manager = new LoadingManager();
   var mtlLoader = new MTLLoader(manager);

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

@@ -354,4 +354,5 @@ MTLLoader.MaterialCreator.prototype = {
     return texture;
   }
 };
-module.exports = MTLLoader;
+export default MTLLoader;
+export { MTLLoader };

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

@@ -473,4 +473,5 @@ OBJLoader = function () {
   };
   return OBJLoader;
 }();
-module.exports = OBJLoader;
+export default OBJLoader;
+export { OBJLoader };

package/es/class/area.js

@@ -8,8 +8,8 @@ function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r),
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { fromJS } from 'immutable';
-import { Layer, Vertex, Group } from './export';
-import { IDBroker, NameGenerator } from '../utils/export';
+import { Group, Layer, Vertex } from "./export";
+import { IDBroker, NameGenerator } from "../utils/export";
 var Area = /*#__PURE__*/function () {
   function Area() {
     _classCallCheck(this, Area);

package/es/class/export.js

@@ -1,13 +1,13 @@
-import Project from './project';
-import Group from './group';
-import Layer from './layer';
-import Line from './line';
-import Hole from './hole';
-import Vertex from './vertex';
-import Area from './area';
-import Item from './item';
-import FuseUtils from './FuseUtils';
-import { HorizontalGuide, VerticalGuide } from './guide';
+import Project from "./project";
+import Group from "./group";
+import Layer from "./layer";
+import Line from "./line";
+import Hole from "./hole";
+import Vertex from "./vertex";
+import Area from "./area";
+import Item from "./item";
+import FuseUtils from "./FuseUtils";
+import { HorizontalGuide, VerticalGuide } from "./guide";
 export { Project, Group, FuseUtils, Layer, Line, Hole, Vertex, Area, Item, HorizontalGuide, VerticalGuide };
 export default {
   Project: Project,

package/es/class/group.js

@@ -10,10 +10,10 @@ function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o =
 function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { Project, Line, Hole, Item, Area, Layer, Vertex } from './export';
-import { Map, List } from 'immutable';
-import { Group as GroupModel } from '../models';
-import { IDBroker, MathUtils, GeometryUtils } from '../utils/export';
+import { Area, Hole, Item, Layer, Line, Project, Vertex } from "./export";
+import { List, Map } from 'immutable';
+import { Group as GroupModel } from "../models";
+import { GeometryUtils, IDBroker } from "../utils/export";
 var Group = /*#__PURE__*/function () {
   function Group() {
     _classCallCheck(this, Group);

package/es/class/guide.js

@@ -4,7 +4,7 @@ function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o =
 function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { IDBroker } from '../utils/export';
+import { IDBroker } from "../utils/export";
 var HorizontalGuide = /*#__PURE__*/function () {
   function HorizontalGuide() {
     _classCallCheck(this, HorizontalGuide);

package/es/class/hole.js

@@ -4,12 +4,11 @@ function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o =
 function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { Map, List, fromJS } from 'immutable';
-import { Layer, Group } from './export';
-import { IDBroker, NameGenerator } from '../utils/export';
-import { nearestSnap, addLineSegmentSnap } from '../utils/snap';
-import { MODE_IDLE, MODE_IDLE_3D, MODE_DRAWING_HOLE, MODE_DRAWING_HOLE_3D, MODE_DRAGGING_HOLE, MODE_DRAGGING_HOLE_3D } from '../constants';
-import { GeometryUtils } from '../utils/export';
+import { fromJS, List, Map } from 'immutable';
+import { Group, Layer } from "./export";
+import { GeometryUtils, IDBroker } from "../utils/export";
+import { addLineSegmentSnap, nearestSnap } from "../utils/snap";
+import { MODE_DRAGGING_HOLE, MODE_DRAGGING_HOLE_3D, MODE_DRAWING_HOLE, MODE_DRAWING_HOLE_3D, MODE_IDLE, MODE_IDLE_3D } from "../constants";
 var Hole = /*#__PURE__*/function () {
   function Hole() {
     _classCallCheck(this, Hole);

package/es/class/item.js

@@ -14,15 +14,13 @@ function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r),
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import convert from 'convert-units';
-import { Layer, Group, Hole } from './export';
-import { IDBroker, NameGenerator, GeometryUtils, MoldingUtils } from '../utils/export';
-import { Map, fromJS } from 'immutable';
-import path from 'path';
-import { MODE_IDLE, MODE_IDLE_3D, MODE_DRAWING_ITEM, MODE_DRAWING_ITEM_3D, MODE_DRAGGING_ITEM, MODE_DRAGGING_ITEM_3D, MODE_ROTATING_ITEM, MODE_ROTATING_ITEM_3D, MOLDING_LOCATIONS, INSTALLATION_SUFFIX_TYPE } from '../constants';
-import { debugUtil } from '../utils/helper';
-import { isUndefined } from 'util';
-import { hasMoldingLayout } from '../utils/molding';
-import { getInstallationSuffix } from '../components/viewer2d/utils';
+import { Group, Hole, Layer } from "./export";
+import { GeometryUtils, IDBroker, MoldingUtils, NameGenerator } from "../utils/export";
+import { fromJS, Map } from 'immutable';
+import { INSTALLATION_SUFFIX_TYPE, MODE_DRAGGING_ITEM, MODE_DRAGGING_ITEM_3D, MODE_DRAWING_ITEM, MODE_DRAWING_ITEM_3D, MODE_IDLE, MODE_IDLE_3D, MODE_ROTATING_ITEM, MODE_ROTATING_ITEM_3D, MOLDING_LOCATIONS } from "../constants";
+import { debugUtil } from "../utils/helper";
+import { hasMoldingLayout } from "../utils/molding";
+import { getInstallationSuffix } from "../components/viewer2d/utils";
 var allItemRect;
 var allItemSnap;
 var allLines;
@@ -726,7 +724,7 @@ var Item = /*#__PURE__*/function () {
     value: function beginDraggingItem(state, layerID, itemID, x, y) {
       var item = state.getIn(['scene', 'layers', layerID, 'items', itemID]);
       time1 = debugUtil();
-      if (isUndefined(item)) return;
+      if (!item) return;
       state = state.merge({
         mode: MODE_DRAGGING_ITEM,
         draggingSupport: Map({
@@ -747,7 +745,7 @@ var Item = /*#__PURE__*/function () {
     value: function beginDraggingItem3D(state, layerID, itemID, x, y) {
       var item = state.getIn(['scene', 'layers', layerID, 'items', itemID]);
       state = state.setIn(['scene', 'isEndDragging'], false);
-      if (isUndefined(item)) return {
+      if (!item) return {
         updatedState: state
       };
       state = state.merge({
@@ -780,7 +778,7 @@ var Item = /*#__PURE__*/function () {
       var diffX = startPointX - x;
       var diffY = startPointY - y;
       var item = scene.getIn(['layers', layerID, 'items', itemID]);
-      if (isUndefined(item)) return {
+      if (!item) return {
         updatedState: state
       };
       var tX = originalX - diffX;

package/es/class/layer.js

@@ -5,10 +5,10 @@ function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r),
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { List } from 'immutable';
-import { Project, Area, Line, Hole, Item, Vertex } from './export';
-import { GraphInnerCycles, GeometryUtils, IDBroker } from '../utils/export';
-import { Layer as LayerModel } from '../models';
-import { isEmpty } from '../utils/helper';
+import { Area, Hole, Item, Line, Project, Vertex } from "./export";
+import { GeometryUtils, GraphInnerCycles, IDBroker } from "../utils/export";
+import { Layer as LayerModel } from "../models";
+import { isEmpty } from "../utils/helper";
 var sameSet = function sameSet(set1, set2) {
   return set1.size === set2.size && set1.isSuperset(set2) && set1.isSubset(set2);
 };

package/es/class/line.js

@@ -11,11 +11,11 @@ function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r),
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { fromJS, List, Map } from 'immutable';
-import { Group, Hole, Layer, Vertex } from './export';
-import { GeometryUtils, history, IDBroker, NameGenerator, SnapSceneUtils, SnapUtils } from '../utils/export';
+import { Group, Hole, Layer, Vertex } from "./export";
+import { GeometryUtils, history, IDBroker, NameGenerator, SnapSceneUtils, SnapUtils } from "../utils/export";
 import * as Three from 'three';
-import { END_DRAGGING_LINE, END_DRAGGING_VERTEX, END_DRAWING_LINE, EPSILON, MIN_ANGLE_DISALLOW_DRAW_WALL, MODE_DRAGGING_LINE, MODE_DRAWING_LINE, MODE_IDLE, MODE_WAITING_DRAWING_LINE, UNIT_ANGLE } from '../constants';
-import { isEmpty } from 'src/utils/helper';
+import { END_DRAGGING_LINE, END_DRAGGING_VERTEX, END_DRAWING_LINE, EPSILON, MIN_ANGLE_DISALLOW_DRAW_WALL, MODE_DRAGGING_LINE, MODE_DRAWING_LINE, MODE_IDLE, MODE_WAITING_DRAWING_LINE, UNIT_ANGLE } from "../constants";
+import { isEmpty } from "../utils/helper";
 var timeGlobal = 0;
 var TimeRecorder = /*#__PURE__*/function () {
   function TimeRecorder(name) {