kitchen-simulator 2.0.0 → 2.0.1-test.1

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,79 @@
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+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; }
+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,149 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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; }
+import { convert } from "../../utils/convert-units-lite";
+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,
+    customer_property = _ref.customer_property,
+    cds = _ref.cds;
+  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,
+    cds: cds,
+    customer_property: customer_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;
+}

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

@@ -0,0 +1,189 @@
+import * as Three from 'three';
+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]);
+  var geometry = new Three.BufferGeometry();
+  geometry.setAttribute('position', new Three.BufferAttribute(vertices, 3));
+  geometry.setIndex(new Three.BufferAttribute(indices, 1));
+  return geometry;
+}
+export function upwardsGeom() {
+  var vertices = new Float32Array([0.05, 0, 0.05, 0.05, 0.3, 0.05, 0.07, 0.3, 0.05, 0, 0.4, 0.05, -0.07, 0.3, 0.05, -0.05, 0.3, 0.05, -0.05, 0, 0.05, 0.05, 0, 0.05, 0.05, 0, -0.05, 0.05, 0.3, -0.05, 0.07, 0.3, -0.05, 0, 0.4, -0.05, -0.07, 0.3, -0.05, -0.05, 0.3, -0.05, -0.05, 0, -0.05, 0.05, 0, -0.05]);
+  var indices = new Uint16Array([0, 1, 5, 0, 5, 6, 2, 3, 4, 0, 1, 8, 1, 8, 9, 1, 2, 9, 2, 9, 10, 2, 3, 10, 3, 10, 11, 3, 4, 11, 4, 11, 12, 4, 5, 12, 4, 12, 13, 5, 6, 13, 6, 13, 14, 6, 7, 14, 7, 14, 15, 8, 9, 13, 8, 13, 14, 10, 11, 12]);
+  var geometry = new Three.BufferGeometry();
+  geometry.setAttribute('position', new Three.BufferAttribute(vertices, 3));
+  geometry.setIndex(new Three.BufferAttribute(indices, 1));
+  return geometry;
+}
+export function createRotShape(radius) {
+  var rotShape = new Three.Shape();
+  rotShape.moveTo(Math.cos(-60 / 180 * Math.PI) * (radius - 0.05), Math.sin(-60 / 180 * Math.PI) * (radius - 0.05));
+  for (var i = -55; i <= 60; i += 5) {
+    rotShape.lineTo(Math.cos(i / 180 * Math.PI) * (radius - 0.05), Math.sin(i / 180 * Math.PI) * (radius - 0.05));
+  }
+  for (var _i = 60; _i >= -60; _i -= 5) {
+    if (_i === 5) {
+      rotShape.lineTo(Math.cos(_i / 180 * Math.PI) * (radius + 0.05), Math.sin(_i / 180 * Math.PI) * (radius + 0.05));
+      rotShape.lineTo(Math.cos(_i / 180 * Math.PI) * (radius + 0.05) + 0.15, Math.sin(_i / 180 * Math.PI) * (radius + 0.05));
+      rotShape.lineTo(Math.cos(_i / 180 * Math.PI) * (radius + 0.05) + 0.15, Math.sin(_i / 180 * Math.PI) * (radius + 0.05) + 0.1);
+      continue;
+    } else if (_i === 0) {
+      rotShape.lineTo(Math.cos(_i / 180 * Math.PI) * (radius + 0.05) + 0.25, Math.sin(_i / 180 * Math.PI) * (radius + 0.05));
+      continue;
+    } else if (_i === -5) {
+      rotShape.lineTo(Math.cos(_i / 180 * Math.PI) * (radius + 0.05) + 0.15, Math.sin(_i / 180 * Math.PI) * (radius + 0.05) - 0.1);
+      rotShape.lineTo(Math.cos(_i / 180 * Math.PI) * (radius + 0.05) + 0.15, Math.sin(_i / 180 * Math.PI) * (radius + 0.05));
+      rotShape.lineTo(Math.cos(_i / 180 * Math.PI) * (radius + 0.05), Math.sin(_i / 180 * Math.PI) * (radius + 0.05));
+      continue;
+    }
+    rotShape.lineTo(Math.cos(_i / 180 * Math.PI) * (radius + 0.05), Math.sin(_i / 180 * Math.PI) * (radius + 0.05));
+  }
+  rotShape.lineTo(Math.cos(-60 / 180 * Math.PI) * (radius + 0.1), Math.sin(-60 / 180 * Math.PI) * (radius + 0.1));
+  rotShape.lineTo(Math.cos(-70 / 180 * Math.PI) * (radius + 0.0), Math.sin(-70 / 180 * Math.PI) * (radius + 0.0));
+  rotShape.lineTo(Math.cos(-60 / 180 * Math.PI) * (radius - 0.1), Math.sin(-60 / 180 * Math.PI) * (radius - 0.1));
+  rotShape.lineTo(Math.cos(-60 / 180 * Math.PI) * (radius - 0.05), Math.sin(-60 / 180 * Math.PI) * (radius - 0.05));
+  return rotShape;
+}
+export function rotGeoms(radius) {
+  if (!Number.isFinite(radius)) radius = 1;
+  var rotShape = createRotShape(radius);
+  var rotFill = new Three.ShapeGeometry(rotShape);
+  var rotStroke = new Three.BufferGeometry().setFromPoints(rotShape.getPoints());
+  rotFill.rotateX(Math.PI / 2);
+  rotStroke.rotateX(Math.PI / 2);
+  return {
+    rotFill: rotFill,
+    rotStroke: rotStroke
+  };
+}
+export function addShape(shape, extrudeSettings, color, x, y, z, rx, ry, rz, s) {
+  // flat shape
+  var geometry = geometry = new Three.ExtrudeGeometry(shape, extrudeSettings);
+  var mesh = new Three.Mesh(geometry, new Three.MeshPhongMaterial({
+    color: color,
+    side: Three.DoubleSide
+  }));
+  mesh.position.set(x, y, z);
+  mesh.rotation.set(rx, ry, rz);
+  mesh.scale.set(s, s, s);
+  return mesh;
+}
+export function makeMBoxfromObject(props_Object) {
+  var _props_Object$childre;
+  var mBoxColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0x99c3fb;
+  if (!props_Object) {
+    console.warn('makeMBoxfromObject: props_Object is null or undefined');
+    return null;
+  }
+
+  // safe resolve of object (skip wrapper Group)
+  var object = props_Object;
+  if (props_Object.children && ((_props_Object$childre = props_Object.children[0]) === null || _props_Object$childre === void 0 ? void 0 : _props_Object$childre.type) === 'Group') {
+    object = props_Object.children[0];
+  }
+  if (!object) {
+    console.warn('makeMBoxfromObject: object is null after resolving children');
+    return null;
+  }
+  var _object = object,
+    scale = _object.scale,
+    position = _object.position,
+    userData = _object.userData;
+  if (!scale) {
+    console.warn('makeMBoxfromObject: object.scale is missing');
+    return null;
+  }
+  if (!position) {
+    console.warn('makeMBoxfromObject: object.position is missing');
+    return null;
+  }
+  if (!userData) {
+    console.warn('makeMBoxfromObject: object.userData is missing');
+    return null;
+  }
+  if (!userData.max || !userData.min) {
+    console.warn('makeMBoxfromObject: userData.max or userData.min is missing');
+    return null;
+  }
+  var scaleVec = new Three.Vector3(scale.x, scale.y, scale.z);
+  var posVec = new Three.Vector3(position.x, position.y, position.z);
+  var uVec = new Three.Vector3(-posVec.x / scaleVec.x, -posVec.y / scaleVec.y, -posVec.z / scaleVec.z);
+  var max = userData.max,
+    min = userData.min;
+  var moveBox = new Three.BoxGeometry(max.x - min.x, max.y - min.y, max.z - min.z);
+  var mBox = new Three.Mesh(moveBox, new Three.MeshBasicMaterial({
+    color: mBoxColor,
+    side: Three.DoubleSide,
+    transparent: true,
+    opacity: 0.4
+  }));
+  mBox.name = 'TransformBox';
+  mBox.translateOnAxis(new Three.Vector3(uVec.x, uVec.y + (max.y - min.y) / 2, uVec.z), 1);
+  mBox.scale.set(1.1, 1.1, 1.1);
+  mBox.translateY(posVec.y);
+  mBox.renderOrder = 1;
+  mBox.visible = mBoxColor !== 0x99c3fb;
+  return mBox;
+}
+
+// export function rotMesh(radius) {
+//     let rotShape = rotShape(radius);
+
+//     let rotGeom = new Three.ShapeBufferGeometry(rotShape);
+
+//     const points = rotShape.getPoints();
+//     const spacedPoints = shape.getSpacedPoints( 50 );
+
+//     const geometryPoints = new THREE.BufferGeometry().setFromPoints( points );
+//     const geometrySpacedPoints = new THREE.BufferGeometry().setFromPoints( spacedPoints );
+
+//     // solid line
+
+//     let line = new THREE.Line( geometryPoints, new THREE.LineBasicMaterial( { color: color } ) );
+//     line.position.set( x, y, z - 25 );
+//     line.rotation.set( rx, ry, rz );
+//     line.scale.set( s, s, s );
+//     group.add( line );
+
+// }
+
+export function baseBoxHelper(object, color) {
+  var tempobj = [];
+  for (var j = object.children.length - 1; j >= 0; j--) {
+    if (object.children[j].type !== OBJTYPE_MESH) {
+      tempobj.push(object.children[j]);
+      object.remove(object.children[j]);
+    }
+  }
+  var boxHelper = new Three.BoxHelper(object, color);
+  tempobj.forEach(function (v) {
+    object.add(v);
+  });
+  return boxHelper;
+}
+export function baseBox3FromObject(object) {
+  var tempobj = [];
+  for (var j = object.children.length - 1; j >= 0; j--) {
+    if (object.children[j].type !== OBJTYPE_MESH || object.children[j].name.includes('_countertop')) {
+      tempobj.push(object.children[j]);
+      object.remove(object.children[j]);
+    }
+  }
+  var box3 = new Three.Box3().setFromObject(object);
+  tempobj.forEach(function (v) {
+    object.add(v);
+  });
+  return box3;
+}
+export function emptyBoxHolder(newWidth, newHeight, newDepth) {
+  var scale = 2.54 / 100;
+  var geometry = new Three.BoxGeometry(newWidth * scale, newHeight * scale, newDepth * scale);
+  var material = new Three.MeshBasicMaterial({
+    color: 0x00ff00,
+    opacity: 0.2,
+    transparent: true
+  });
+  var cube = new Three.Mesh(geometry, material);
+  return cube;
+}