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

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

@@ -0,0 +1,101 @@
+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 { 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 { 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: '3em'
+};
+export default function PropertyLengthMeasureHole(_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') || UNIT_INCH;
+  var _length = value.get('_length') || 0;
+  var length = value.get('length') || _length;
+  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,
+        length: convert(newLength).from(unitInput).to('cm')
+      });
+    } 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(FormNumberInput1, _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);
+  }))))))))));
+}
+PropertyLengthMeasureHole.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
+};
+PropertyLengthMeasureHole.contextTypes = {
+  catalog: PropTypes.object.isRequired
+};

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

@@ -0,0 +1,48 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+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,
+    onValid = _ref.onValid,
+    configs = _ref.configs,
+    sourceElement = _ref.sourceElement,
+    internalState = _ref.internalState,
+    state = _ref.state;
+  var update = function update(val) {
+    var number = parseFloat(val);
+    if (isNaN(number)) {
+      number = 0;
+    }
+    if (configs.hook) {
+      return configs.hook(number, sourceElement, internalState, state).then(function (_val) {
+        return onUpdate(_val);
+      });
+    }
+    return onUpdate(number);
+  };
+  return /*#__PURE__*/React.createElement("table", {
+    className: "PropertyNumber",
+    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(FormNumberInput, {
+    value: value,
+    onChange: function onChange(event) {
+      return update(event.target.value);
+    },
+    onValid: onValid,
+    min: configs.min,
+    max: configs.max
+  })))));
+}
+PropertyNumber.propTypes = {
+  value: PropTypes.any.isRequired,
+  onUpdate: PropTypes.func.isRequired,
+  onValid: PropTypes.func,
+  configs: PropTypes.object.isRequired,
+  sourceElement: PropTypes.object,
+  internalState: PropTypes.object,
+  state: PropTypes.object.isRequired
+};

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { FormLabel } from "../../components/style/export";
+import PropertyStyle from "./shared-property-style";
+export default function PropertyReadOnly(_ref) {
+  var value = _ref.value,
+    onUpdate = _ref.onUpdate,
+    configs = _ref.configs,
+    sourceElement = _ref.sourceElement,
+    internalState = _ref.internalState,
+    state = _ref.state;
+  return /*#__PURE__*/React.createElement("table", {
+    className: "PropertyReadOnly",
+    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("div", null, value)))));
+}
+PropertyReadOnly.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-string.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { FormLabel, FormTextInput } from "../../components/style/export";
+import PropertyStyle from "./shared-property-style";
+var tableStyle = {
+  width: '100%',
+  borderSpacing: '2px 0',
+  marginBottom: '2px'
+};
+var firstTdStyle = {
+  width: '6em',
+  textTransform: 'capitalize'
+};
+export default function PropertyString(_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: "PropertyString",
+    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(FormTextInput, {
+    value: value,
+    onChange: function onChange(event) {
+      return update(event.target.value);
+    }
+  })))));
+}
+PropertyString.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-toggle.js

@@ -0,0 +1,39 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+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,
+    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: "PropertyToggle",
+    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(Button, {
+    onClick: function onClick(e) {
+      return update(!value);
+    },
+    size: "small"
+  }, configs.actionName)))));
+}
+PropertyToggle.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/shared-property-style.js

@@ -0,0 +1,14 @@
+var tableStyle = {
+  width: '100%',
+  borderSpacing: '2px 0',
+  marginBottom: '2px'
+};
+var firstTdStyle = {
+  width: '6em',
+  textTransform: 'capitalize'
+};
+var PropertyStyle = {
+  tableStyle: tableStyle,
+  firstTdStyle: firstTdStyle
+};
+export default PropertyStyle;

package/es/catalog/utils/FuseUtils.js

@@ -0,0 +1,82 @@
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+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 _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 _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), 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); }
+var FuseUtils = /*#__PURE__*/function () {
+  function FuseUtils() {
+    _classCallCheck(this, FuseUtils);
+  }
+  return _createClass(FuseUtils, null, [{
+    key: "filterArrayByString",
+    value: function filterArrayByString(mainArr, searchText) {
+      var _this = this;
+      if (searchText === '') {
+        return mainArr;
+      }
+      searchText = searchText.toLowerCase();
+      return mainArr.filter(function (itemObj) {
+        return _this.searchInObj(itemObj, searchText);
+      });
+    }
+  }, {
+    key: "searchInObj",
+    value: function searchInObj(itemObj, searchText) {
+      for (var prop in itemObj) {
+        if (!itemObj.hasOwnProperty(prop)) {
+          continue;
+        }
+        var value = itemObj[prop];
+        if (typeof value === 'string') {
+          if (this.searchInString(value, searchText)) {
+            return true;
+          }
+        } else if (Array.isArray(value)) {
+          if (this.searchInArray(value, searchText)) {
+            return true;
+          }
+        }
+        if (_typeof(value) === 'object') {
+          if (this.searchInObj(value, searchText)) {
+            return true;
+          }
+        }
+      }
+    }
+  }, {
+    key: "searchInArray",
+    value: function searchInArray(arr, searchText) {
+      var _iterator = _createForOfIteratorHelper(arr),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var value = _step.value;
+          if (typeof value === 'string') {
+            if (this.searchInString(value, searchText)) {
+              return true;
+            }
+          }
+          if (_typeof(value) === 'object') {
+            if (this.searchInObj(value, searchText)) {
+              return true;
+            }
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
+  }, {
+    key: "searchInString",
+    value: function searchInString(value, searchText) {
+      return value.toLowerCase().includes(searchText);
+    }
+  }]);
+}();
+export default FuseUtils;

package/es/catalog/utils/exporter.js

@@ -0,0 +1,148 @@
+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 convert from 'convert-units';
+export default function (_ref) {
+  var itemID = _ref.itemID,
+    type = _ref.type,
+    long_name = _ref.long_name,
+    name = _ref.name,
+    sizeinfo = _ref.sizeinfo,
+    description = _ref.description,
+    prototype = _ref.prototype,
+    base = _ref.base,
+    shape_svg = _ref.shape_svg,
+    render2DItem = _ref.render2DItem,
+    render3DItem = _ref.render3DItem,
+    structure_json = _ref.structure_json,
+    layoutpos = _ref.layoutpos,
+    is_corner = _ref.is_corner,
+    alti = _ref.alti,
+    obj_property = _ref.obj_property,
+    outlineSVGData = _ref.outlineSVGData;
+  var _length = alti || 0;
+  // const length = convert(_length).from("in").to("cm");
+  var length = _length;
+  var additional_props = [];
+  if (type === 'cabinet' && long_name.toLowerCase().includes('filler')) {
+    additional_props = {
+      width: {
+        label: 'Width',
+        type: 'length-measure',
+        defaultValue: {
+          _length: sizeinfo.width,
+          _unit: 'in',
+          length: convert(sizeinfo.width).from('in').to('cm')
+        }
+      }
+    };
+  }
+  if (type === 'appliance' || type === 'furnishing' || type === 'cabinet' && long_name.toLowerCase().includes('panel')) {
+    additional_props = {
+      width: {
+        label: 'Width',
+        type: 'length-measure',
+        defaultValue: {
+          _length: sizeinfo.width,
+          _unit: 'in',
+          length: convert(sizeinfo.width).from('in').to('cm')
+        }
+      },
+      depth: {
+        label: 'Depth',
+        type: 'length-measure',
+        defaultValue: {
+          _length: sizeinfo.depth,
+          _unit: 'in',
+          length: convert(sizeinfo.depth).from('in').to('cm')
+        }
+      },
+      height: {
+        label: 'Height',
+        type: 'length-measure',
+        defaultValue: {
+          _length: sizeinfo.height,
+          _unit: 'in',
+          length: convert(sizeinfo.height).from('in').to('cm')
+        }
+      }
+    };
+  }
+  var mode = null;
+  var retVal = {
+    itemID: itemID,
+    name: name,
+    prototype: prototype,
+    long_name: long_name,
+    type: type,
+    info: {
+      title: name,
+      outline: outlineSVGData,
+      tag: ['furnishing', 'electronics'],
+      description: description,
+      image: base,
+      door: obj_property.door_style,
+      doorcategory: obj_property.door_category,
+      has_single_door: obj_property.has_single_door,
+      sizeinfo: sizeinfo,
+      layoutpos: layoutpos,
+      is_corner: is_corner,
+      shape_svg: shape_svg
+    },
+    properties: _objectSpread(_objectSpread({
+      altitude: {
+        label: 'Distance from floor',
+        type: 'length-measure',
+        defaultValue: {
+          _length: _length,
+          _unit: 'in',
+          length: length
+        }
+      },
+      resize_and_scaling: {
+        label: 'Resize & Scaling',
+        id: 'resize_and_scaling',
+        description: 'Add preferred dimensions.',
+        type: 'checkbox',
+        defaultValue: false,
+        values: {
+          none: false,
+          yes: true
+        }
+      }
+    }, additional_props), {}, {
+      flip_doorhandle: {
+        label: 'Flip Door Handle',
+        description: 'Viewable in 3D mode.',
+        type: 'checkbox',
+        defaultValue: false,
+        values: {
+          none: false,
+          yes: true
+        }
+      },
+      open_doors: {
+        label: 'Open doors',
+        description: 'Viewable in 3D mode.',
+        type: 'checkbox',
+        defaultValue: false,
+        values: {
+          none: false,
+          yes: true
+        }
+      }
+    }),
+    img: base,
+    obj: obj_property,
+    render2D: function render2D(element, layer, scene) {
+      return render2DItem.call(this, element, layer, scene, sizeinfo, layoutpos, is_corner, shape_svg);
+    },
+    render3D: function render3D(element, layer, scene, mode) {
+      return render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner, mode);
+    }
+  };
+  return retVal;
+}