kitchen-simulator 1.1.1-test.30 → 1.1.1-test.32

package/es/KitchenConfigurator.js

@@ -31,7 +31,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import axios from 'axios';
 import * as convert from 'convert-units';
 import { Plugins as PlannerPlugins } from "./index";
-//import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import ReactGA from 'react-ga4';
 import { hotjar } from 'react-hotjar';
@@ -598,32 +598,33 @@ var KitchenConfigurator = /*#__PURE__*/function (_Component) {
       }))));
     }
   }]);
-}(Component); // KitchenConfigurator.propTypes = {
-//   translator: PropTypes.instanceOf(Translator),
-//
-//   catalog: PropTypes.instanceOf(Catalog),
-//   allowProjectFileSupport: PropTypes.bool,
-//   plugins: PropTypes.arrayOf(PropTypes.func),
-//   autosaveKey: PropTypes.string,
-//   autosaveDelay: PropTypes.number,
-//   width: PropTypes.number.isRequired,
-//   height: PropTypes.number.isRequired,
-//   stateExtractor: PropTypes.func.isRequired,
-//   toolbarButtons: PropTypes.array,
-//   sidebarComponents: PropTypes.array,
-//   footerbarComponents: PropTypes.array,
-//   customContents: PropTypes.object,
-//   softwareSignature: PropTypes.string,
-//   configData: PropTypes.object
-// };
-// KitchenConfigurator.contextTypes = {
-//   store: PropTypes.object.isRequired
-// };
-// KitchenConfigurator.childContextTypes = {
-//   ...objectsMap(actions, () => PropTypes.object),
-//   translator: PropTypes.object,
-//   catalog: PropTypes.object
-// };
+}(Component);
+KitchenConfigurator.propTypes = {
+  translator: PropTypes.instanceOf(Translator),
+  catalog: PropTypes.instanceOf(Catalog),
+  allowProjectFileSupport: PropTypes.bool,
+  plugins: PropTypes.arrayOf(PropTypes.func),
+  autosaveKey: PropTypes.string,
+  autosaveDelay: PropTypes.number,
+  width: PropTypes.number.isRequired,
+  height: PropTypes.number.isRequired,
+  stateExtractor: PropTypes.func.isRequired,
+  toolbarButtons: PropTypes.array,
+  sidebarComponents: PropTypes.array,
+  footerbarComponents: PropTypes.array,
+  customContents: PropTypes.object,
+  softwareSignature: PropTypes.string,
+  configData: PropTypes.object
+};
+KitchenConfigurator.contextTypes = {
+  store: PropTypes.object.isRequired
+};
+KitchenConfigurator.childContextTypes = _objectSpread(_objectSpread({}, objectsMap(actions, function () {
+  return PropTypes.object;
+})), {}, {
+  translator: PropTypes.object,
+  catalog: PropTypes.object
+});
 KitchenConfigurator.defaultProps = {
   translator: new Translator(),
   catalog: new Catalog(),

package/es/KitchenConfiguratorApp.js

@@ -19,9 +19,10 @@ 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; }
 import React, { useEffect } from 'react';
-//import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import { Provider } from 'react-redux';
 import { createStore } from 'redux';
+import * as Models from "./models";
 import KitchenConfigurator from "./KitchenConfigurator";
 import AppContext from "./AppContext";
 import Catalog from "./catalog/catalog";
@@ -461,37 +462,34 @@ export default function KitchenConfiguratorApp(props) {
 
 /* ============================== prop types ============================== */
 
-// KitchenConfiguratorApp.propTypes = {
-//   width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-//   height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-//   projectElement: PropTypes.arrayOf(PropTypes.object),
-//   categoryData: PropTypes.any,
-//   dataBundle: PropTypes.any,
-//   configData: PropTypes.any,
-//   catalog: PropTypes.oneOfType([
-//     PropTypes.object,
-//     PropTypes.instanceOf(Models.Catalog)
-//   ]),
-//   logoImg: PropTypes.any,
-//   companyUrl: PropTypes.string,
-//   toolbarButtons: PropTypes.any,
-//   options: PropTypes.object,
-//   user: PropTypes.object,
-//   auth: PropTypes.object,
-//   featureFlags: PropTypes.object,
-//   sentry: PropTypes.shape({
-//     dsn: PropTypes.string,
-//     environment: PropTypes.string
-//   }),
-//   analytics: PropTypes.shape({
-//     ga4Id: PropTypes.string,
-//     hotjar: PropTypes.shape({
-//       id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-//       sv: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-//     })
-//   }),
-//   onEvent: PropTypes.func,
-//   onSave: PropTypes.func,
-//   onError: PropTypes.func,
-//   store: PropTypes.object
-// };
+KitchenConfiguratorApp.propTypes = {
+  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  projectElement: PropTypes.arrayOf(PropTypes.object),
+  categoryData: PropTypes.any,
+  dataBundle: PropTypes.any,
+  configData: PropTypes.any,
+  catalog: PropTypes.oneOfType([PropTypes.object, PropTypes.instanceOf(Models.Catalog)]),
+  logoImg: PropTypes.any,
+  companyUrl: PropTypes.string,
+  toolbarButtons: PropTypes.any,
+  options: PropTypes.object,
+  user: PropTypes.object,
+  auth: PropTypes.object,
+  featureFlags: PropTypes.object,
+  sentry: PropTypes.shape({
+    dsn: PropTypes.string,
+    environment: PropTypes.string
+  }),
+  analytics: PropTypes.shape({
+    ga4Id: PropTypes.string,
+    hotjar: PropTypes.shape({
+      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+      sv: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+    })
+  }),
+  onEvent: PropTypes.func,
+  onSave: PropTypes.func,
+  onError: PropTypes.func,
+  store: PropTypes.object
+};

package/es/catalog/catalog.js

@@ -10,8 +10,8 @@ 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 { PropertyCheckbox, PropertyColor, PropertyEnum, PropertyHidden, PropertyLengthMeasure, PropertyNumber, PropertyReadOnly, PropertyString, PropertyToggle } from "./properties/export";
-import { UNIT_CENTIMETER } from "../constants";
+import { PropertyColor, PropertyEnum, PropertyString, PropertyNumber, PropertyLengthMeasure, PropertyToggle, PropertyCheckbox, PropertyHidden, PropertyReadOnly } from "./properties/export";
+import { UNIT_CENTIMETER, UNIT_INCH } from "../constants";
 import { returnReplaceableDeepSearchType } from "../components/viewer2d/utils";
 var Catalog = /*#__PURE__*/function () {
   function Catalog() {

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

@@ -1,3 +1,5 @@
+import React from 'react';
+import * as Three from 'three';
 import { loadGLTF } from "../../utils/load-obj";
 var cached3DMolding = null;
 export default {

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

@@ -1,3 +1,5 @@
+import React from 'react';
+import * as Three from 'three';
 import { loadGLTF } from "../../utils/load-obj";
 var cached3DMolding = null;
 export default {

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

@@ -1,3 +1,5 @@
+import React from 'react';
+import * as Three from 'three';
 import { loadGLTF } from "../../utils/load-obj";
 var cached3DMolding = null;
 export default {

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

@@ -1,21 +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 styled from 'styled-components';
+import * as PropTypes from 'prop-types';
 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; */);
+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,
@@ -36,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);
     }
@@ -49,22 +96,21 @@ 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 = {
-//   value: PropTypes.any.isRequired,
-//   onUpdate: PropTypes.func.isRequired,
-//   configs: PropTypes.object.isRequired,
-//   sourceElement: PropTypes.object,
-//   internalState: PropTypes.object,
-//   state: PropTypes.object.isRequired
-// };
+PropertyCheckbox.propTypes = {
+  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,7 +1,6 @@
 import React from 'react';
-
-//import PropTypes from 'prop-types';
-import { FormColorInput, FormLabel } from "../../components/style/export";
+import * as 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,
@@ -30,12 +29,11 @@ export default function PropertyColor(_ref) {
     }
   })))));
 }
-
-// PropertyColor.propTypes = {
-//   value: PropTypes.any.isRequired,
-//   onUpdate: PropTypes.func.isRequired,
-//   configs: PropTypes.object.isRequired,
-//   sourceElement: PropTypes.object,
-//   internalState: PropTypes.object,
-//   state: PropTypes.object.isRequired
-// };
+PropertyColor.propTypes = {
+  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,19 +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 * as PropTypes from 'prop-types';
 import { Seq } from 'immutable';
 import { FormSelect } from "../../components/style/export";
-import styled from 'styled-components';
 import { DEFAULT_FONT_FAMILY, TEXT_COLOR_NEUTRAL_0 } 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);
+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,
@@ -29,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);
@@ -44,12 +87,11 @@ export default function PropertyEnum(_ref) {
     }, value);
   })));
 }
-
-// PropertyEnum.propTypes = {
-//   value: PropTypes.any.isRequired,
-//   onUpdate: PropTypes.func.isRequired,
-//   configs: PropTypes.object.isRequired,
-//   sourceElement: PropTypes.object,
-//   internalState: PropTypes.object,
-//   state: PropTypes.object.isRequired
-// };
+PropertyEnum.propTypes = {
+  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,5 +1,5 @@
-//import PropTypes from 'prop-types';
-
+import React from 'react';
+import * as PropTypes from 'prop-types';
 export default function PropertyHidden(_ref) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,
@@ -9,12 +9,11 @@ export default function PropertyHidden(_ref) {
     state = _ref.state;
   return null;
 }
-
-// PropertyHidden.propTypes = {
-//   value: PropTypes.any.isRequired,
-//   onUpdate: PropTypes.func.isRequired,
-//   configs: PropTypes.object.isRequired,
-//   sourceElement: PropTypes.object,
-//   internalState: PropTypes.object,
-//   state: PropTypes.object.isRequired
-// };
+PropertyHidden.propTypes = {
+  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

@@ -3,10 +3,11 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React from 'react';
-//import PropTypes from 'prop-types';
-import { BASE_CABINET_LAYOUTPOS, TALL_CABINET_LAYOUTPOS, UNIT_INCH, UNITS_LENGTH } from "./../../constants";
+import * as PropTypes from 'prop-types';
+import { BASE_CABINET_LAYOUTPOS, TALL_CABINET_LAYOUTPOS, UNITS_LENGTH, UNIT_INCH } from "./../../constants";
 import convert from 'convert-units';
 import { FormLabel, FormNumberInput, FormSelect } from "../../components/style/export";
+import { Map } from 'immutable';
 import { toFixedFloat } from "../../utils/math";
 import PropertyStyle from "./shared-property-style";
 var internalTableStyle = {
@@ -86,17 +87,15 @@ export default function PropertyLengthMeasure(_ref, _ref2) {
     }, el);
   }))))))))));
 }
-
-// PropertyLengthMeasure.propTypes = {
-//   value: PropTypes.instanceOf(Map).isRequired,
-//   onUpdate: PropTypes.func.isRequired,
-//   onValid: PropTypes.func,
-//   configs: PropTypes.object.isRequired,
-//   sourceElement: PropTypes.object,
-//   internalState: PropTypes.object,
-//   state: PropTypes.object.isRequired
-// };
-
-// PropertyLengthMeasure.contextTypes = {
-//   catalog: PropTypes.object.isRequired
-// };
+PropertyLengthMeasure.propTypes = {
+  value: PropTypes.instanceOf(Map).isRequired,
+  onUpdate: PropTypes.func.isRequired,
+  onValid: PropTypes.func,
+  configs: PropTypes.object.isRequired,
+  sourceElement: PropTypes.object,
+  internalState: PropTypes.object,
+  state: PropTypes.object.isRequired
+};
+PropertyLengthMeasure.contextTypes = {
+  catalog: PropTypes.object.isRequired
+};

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

@@ -1,18 +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 * as PropTypes from 'prop-types';
 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 { 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);
+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,
@@ -57,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) {
@@ -70,17 +120,15 @@ export default function PropertyLengthMeasure(_ref, _ref2) {
     }
   }, configRest)));
 }
-
-// PropertyLengthMeasure.propTypes = {
-//   value: PropTypes.instanceOf(Map).isRequired,
-//   onUpdate: PropTypes.func.isRequired,
-//   onValid: PropTypes.func,
-//   configs: PropTypes.object.isRequired,
-//   sourceElement: PropTypes.object,
-//   internalState: PropTypes.object,
-//   state: PropTypes.object.isRequired
-// };
-
-// PropertyLengthMeasure.contextTypes = {
-//   catalog: PropTypes.object.isRequired
-// };
+PropertyLengthMeasure.propTypes = {
+  value: PropTypes.instanceOf(Map).isRequired,
+  onUpdate: PropTypes.func.isRequired,
+  onValid: PropTypes.func,
+  configs: PropTypes.object.isRequired,
+  sourceElement: PropTypes.object,
+  internalState: PropTypes.object,
+  state: PropTypes.object.isRequired
+};
+PropertyLengthMeasure.contextTypes = {
+  catalog: PropTypes.object.isRequired
+};