kitchen-simulator 1.1.1-test.47 → 1.1.1-test.49

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

@@ -1,28 +0,0 @@
-import React from 'react';
-import * as Three from 'three';
-import { loadGLTF } from "../../utils/load-obj";
-var cached3DMolding = null;
-export default {
-  name: 'Dcm',
-  prototype: 'molding',
-  info: {
-    title: 'Dcm',
-    tag: ['molding'],
-    description: 'dcm',
-    image: '/assets/img/svg/toolbar/dcm.png',
-    url: '/assets/model/DCM.gltf'
-  },
-  properties: {},
-  render3D: function render3D(element, layer, scene) {
-    var onLoadItem = function onLoadItem(object) {
-      return object;
-    };
-    if (cached3DMolding) {
-      return Promise.resolve(onLoadItem(cached3DMolding.clone()));
-    }
-    return loadGLTF(element.url).then(function (object) {
-      cached3DMolding = object;
-      return onLoadItem(cached3DMolding.clone());
-    });
-  }
-};

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

@@ -1,28 +0,0 @@
-import React from 'react';
-import * as Three from 'three';
-import { loadGLTF } from "../../utils/load-obj";
-var cached3DMolding = null;
-export default {
-  name: 'Fbm',
-  prototype: 'molding',
-  info: {
-    title: 'Fbm',
-    tag: ['molding'],
-    description: 'Molding',
-    image: '/assets/img/svg/toolbar/fbm.png',
-    url: '/assets/model/FBM.gltf'
-  },
-  properties: {},
-  render3D: function render3D(element, layer, scene) {
-    var onLoadItem = function onLoadItem(object) {
-      return object;
-    };
-    if (cached3DMolding) {
-      return Promise.resolve(onLoadItem(cached3DMolding.clone()));
-    }
-    return loadGLTF(element.url).then(function (object) {
-      cached3DMolding = object;
-      return onLoadItem(cached3DMolding.clone());
-    });
-  }
-};

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

@@ -1,28 +0,0 @@
-import React from 'react';
-import * as Three from 'three';
-import { loadGLTF } from "../../utils/load-obj";
-var cached3DMolding = null;
-export default {
-  name: 'Lrm',
-  prototype: 'molding',
-  info: {
-    title: 'Lrm',
-    tag: ['molding'],
-    description: 'Molding',
-    image: '/assets/img/svg/toolbar/lrm.png',
-    url: '/assets/model/LRM.gltf'
-  },
-  properties: {},
-  render3D: function render3D(element, layer, scene) {
-    var onLoadItem = function onLoadItem(object) {
-      return object;
-    };
-    if (cached3DMolding) {
-      return Promise.resolve(onLoadItem(cached3DMolding.clone()));
-    }
-    return loadGLTF(element.url).then(function (object) {
-      cached3DMolding = object;
-      return onLoadItem(cached3DMolding.clone());
-    });
-  }
-};

package/es/catalog/properties/export.js

@@ -1,21 +0,0 @@
-import PropertyColor from "./property-color";
-import PropertyEnum from "./property-enum";
-import PropertyString from "./property-string";
-import PropertyNumber from "./property-number";
-import PropertyLengthMeasure from "./property-length-measure";
-import PropertyToggle from "./property-toggle";
-import PropertyCheckbox from "./property-checkbox";
-import PropertyHidden from "./property-hidden";
-import PropertyReadOnly from "./property-read-only";
-export { PropertyColor, PropertyEnum, PropertyString, PropertyNumber, PropertyLengthMeasure, PropertyToggle, PropertyCheckbox, PropertyHidden, PropertyReadOnly };
-export default {
-  PropertyColor: PropertyColor,
-  PropertyEnum: PropertyEnum,
-  PropertyString: PropertyString,
-  PropertyNumber: PropertyNumber,
-  PropertyLengthMeasure: PropertyLengthMeasure,
-  PropertyToggle: PropertyToggle,
-  PropertyCheckbox: PropertyCheckbox,
-  PropertyHidden: PropertyHidden,
-  PropertyReadOnly: PropertyReadOnly
-};

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

@@ -1,116 +0,0 @@
-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); }
-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); }
-import React from 'react';
-import PropTypes from 'prop-types';
-import { DEFAULT_FONT_FAMILY, SECONDARY_PURPLE_COLOR, TEXT_COLOR_NEUTRAL_0 } from "../../constants";
-var styles = {
-  flipWrapper: {
-    display: 'flex',
-    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,
-    configs = _ref.configs,
-    sourceElement = _ref.sourceElement,
-    internalState = _ref.internalState,
-    state = _ref.state;
-  var update = function update(val) {
-    if (configs.hook) {
-      return configs.hook(val, sourceElement, internalState, state).then(function (_val) {
-        return onUpdate(_val);
-      });
-    }
-    return onUpdate(val);
-  };
-  var activeStyle = value == 0 ? {
-    left: 0
-  } : {
-    right: 0
-  };
-  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);
-    }
-  }, /*#__PURE__*/React.createElement("img", {
-    src: "/assets/img/svg/bottombar/".concat(value != 0 ? '2d3d_toggle_active.svg' : '2d3d_toggle.svg'),
-    style: {
-      width: '55px',
-      height: '30px'
-    }
-  }), /*#__PURE__*/React.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: _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
-};

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

@@ -1,39 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { FormLabel, FormColorInput } from "../../components/style/export";
-import PropertyStyle from "./shared-property-style";
-export default function PropertyColor(_ref) {
-  var value = _ref.value,
-    onUpdate = _ref.onUpdate,
-    configs = _ref.configs,
-    sourceElement = _ref.sourceElement,
-    internalState = _ref.internalState,
-    state = _ref.state;
-  var update = function update(val) {
-    if (configs.hook) {
-      return configs.hook(val, sourceElement, internalState, state).then(function (_val) {
-        return onUpdate(_val);
-      });
-    }
-    return onUpdate(val);
-  };
-  return /*#__PURE__*/React.createElement("table", {
-    className: "PropertyColor",
-    style: PropertyStyle.tableStyle
-  }, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
-    style: PropertyStyle.firstTdStyle
-  }, /*#__PURE__*/React.createElement(FormLabel, null, configs.label)), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(FormColorInput, {
-    value: value,
-    onChange: function onChange(event) {
-      return update(event.target.value);
-    }
-  })))));
-}
-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,97 +0,0 @@
-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; }
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Seq } from 'immutable';
-import { FormSelect } from "../../components/style/export";
-import { DEFAULT_FONT_FAMILY, TEXT_COLOR_NEUTRAL_0 } from "../../constants";
-var styles = {
-  enumWrapper: {
-    display: 'flex',
-    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,
-    configs = _ref.configs,
-    sourceElement = _ref.sourceElement,
-    internalState = _ref.internalState,
-    state = _ref.state;
-  var update = function update(val) {
-    if (configs.hook) {
-      return configs.hook(val, sourceElement, internalState, state).then(function (_val) {
-        return onUpdate(_val);
-      });
-    }
-    return onUpdate(val);
-  };
-  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);
-    }
-  }, Seq(configs.values).entrySeq().map(function (_ref2) {
-    var _ref3 = _slicedToArray(_ref2, 2),
-      key = _ref3[0],
-      value = _ref3[1];
-    return /*#__PURE__*/React.createElement("option", {
-      key: key,
-      value: key
-    }, value);
-  })));
-}
-PropertyEnum.propTypes = {
-  value: PropTypes.any.isRequired,
-  onUpdate: PropTypes.func.isRequired,
-  configs: PropTypes.object.isRequired,
-  sourceElement: PropTypes.object,
-  internalState: PropTypes.object,
-  state: PropTypes.object.isRequired
-};

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

@@ -1,19 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-export default function PropertyHidden(_ref) {
-  var value = _ref.value,
-    onUpdate = _ref.onUpdate,
-    configs = _ref.configs,
-    sourceElement = _ref.sourceElement,
-    internalState = _ref.internalState,
-    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
-};

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

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

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

@@ -1,134 +0,0 @@
-var _excluded = ["hook", "label"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _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; }
-import React from 'react';
-import 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";
-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,
-    onValid = _ref.onValid,
-    configs = _ref.configs,
-    sourceElement = _ref.sourceElement,
-    internalState = _ref.internalState,
-    state = _ref.state;
-  var catalog = _ref2.catalog;
-  var _unit = value.get('_unit');
-  var unit = state.getIn(['scene', 'layers', state.scene.selectedLayer, 'unit']);
-  var length = value.get('length') || 0; // in centi
-  var _length = value.get('_length') || length; // in _unit
-  if (!_unit) {
-    _unit = UNIT_INCH;
-    _length = convert(length).from(UNIT_CENTIMETER).to(UNIT_INCH);
-  }
-  var type = value.get('type') || BASE_CABINET_LAYOUTPOS;
-  var hook = configs.hook,
-    label = configs.label,
-    configRest = _objectWithoutProperties(configs, _excluded);
-  var update = function update(lengthInput, unitInput, type) {
-    var newLength = toFixedFloat(lengthInput);
-    var merged = null;
-    if (type === 0) {
-      merged = value.merge({
-        _length: newLength,
-        _unit: unitInput,
-        length: convert(newLength).from(unitInput).to(UNIT_CENTIMETER)
-      });
-    } else {
-      merged = value.merge({
-        _length: convert(newLength).from(UNIT_CENTIMETER).to(unitInput),
-        _unit: unitInput,
-        length: newLength
-      });
-    }
-    if (hook) {
-      return hook(merged, sourceElement, internalState, state).then(function (val) {
-        return onUpdate(val);
-      });
-    }
-    return onUpdate(merged);
-  };
-  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) {
-      return update(event.target.value, _unit, 0);
-    },
-    onValid: onValid,
-    labelName: label,
-    style: {
-      paddingRight: '40px'
-    }
-  }, 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
-};