kitchen-simulator 1.1.1-test.9 → 2.0.1

package/es/constants.js

@@ -33,6 +33,7 @@ export var SET_PROJECT_PROPERTIES = 'SET_PROJECT_PROPERTIES';
 export var SET_PROJECT_ID = 'SET_PROJECT_ID';
 export var OPEN_PROJECT_CONFIGURATOR = 'OPEN_PROJECT_CONFIGURATOR';
 export var INIT_CATALOG = 'INIT_CATALOG';
+export var ADD_ELEMENT_TO_CATALOG = 'ADD_ELEMENT_TO_CATALOG';
 export var UPDATE_MOUSE_COORDS = 'UPDATE_MOUSE_COORDS';
 export var UPDATE_ZOOM_SCALE = 'UPDATE_ZOOM_SCALE';
 export var TOGGLE_SNAP = 'TOGGLE_SNAP';
@@ -102,6 +103,7 @@ export var ANIMATE_OBJECT = 'ANIMATE_OBJECT';
 export var REMOVE_REPLACE_SUBMODULE = 'REMOVE_REPLACE_SUBMODULE';
 export var ITEM_MOVE_UP = 'ITEM_MOVE_UP';
 export var SET_DOOR_STYLE = 'SET_DOOR_STYLE';
+export var CHANGE_DISTANCE = 'CHANGE_DISTANCE';
 export var SET_HANDLE_MATERIAL = 'SET_HANDLE_MATERIAL';
 export var SET_INITIAL_DOOR_STYLE = 'SET_INITIAL_DOOR_STYLE';
 export var UPDATE_ITEM_POSITION = 'UPDATE_ITEM_POSITION';
@@ -169,12 +171,16 @@ export var END_DRAGGING_HOLE = 'END_DRAGGING_HOLE';
 export var END_DRAGGING_HOLE_3D = 'END_DRAGGING_HOLE_3D';
 export var UPDATE_DRAGGING_HOLE_3D = 'UPDATE_DRAGGING_HOLE_3D';
 export var SET_RELATED_LINE = 'SET_RELATED_LINE';
-
+export var EXTERNAL_EVENT_CHANGE_DISTANCE = 'EXTERNAL_EVENT_CHANGE_DISTANCE';
+export var EXTERNAL_EVENT_SYNC_SCENE = 'EXTERNAL_EVENT_SYNC_SCENE'; //External event for sync scene data : HostApp -> 3DTool
 //ACTIONS vertices
 export var BEGIN_DRAGGING_VERTEX = 'BEGIN_DRAGGING_VERTEX';
 export var UPDATE_DRAGGING_VERTEX = 'UPDATE_DRAGGING_VERTEX';
 export var END_DRAGGING_VERTEX = 'END_DRAGGING_VERTEX';
 
+//Interanl Event Types
+export var INTERNAL_EVENT_SYNC_SCENE = 'INTERNAL_EVENT_SYNC_SCENE'; //Internal event for sync scene data : 3DTool -> HostApp
+
 //ACTIONS scene
 export var SET_LAYER_PROPERTIES = 'SET_LAYER_PROPERTIES';
 export var ADD_LAYER = 'ADD_LAYER';
@@ -219,6 +225,7 @@ export var PROJECT_ACTIONS = {
   PROJECT_RE_NAME: PROJECT_RE_NAME,
   OPEN_PROJECT_CONFIGURATOR: OPEN_PROJECT_CONFIGURATOR,
   INIT_CATALOG: INIT_CATALOG,
+  ADD_ELEMENT_TO_CATALOG: ADD_ELEMENT_TO_CATALOG,
   UPDATE_MOUSE_COORDS: UPDATE_MOUSE_COORDS,
   UPDATE_ZOOM_SCALE: UPDATE_ZOOM_SCALE,
   TOGGLE_SNAP: TOGGLE_SNAP,
@@ -311,7 +318,8 @@ export var ITEMS_ACTIONS = {
   END_LOADING: END_LOADING,
   STORE_DIST_ARRAY: STORE_DIST_ARRAY,
   VALIDATE_ITEM_POSTIONS: VALIDATE_ITEM_POSTIONS,
-  REPLACE_ITEM: REPLACE_ITEM
+  REPLACE_ITEM: REPLACE_ITEM,
+  CHANGE_DISTANCE: CHANGE_DISTANCE
 };
 export var HOLE_ACTIONS = {
   SELECT_HOLE: SELECT_HOLE,
@@ -543,6 +551,12 @@ export var LABEL_COLOR = '#6E7191';
 export var TEXT_COLOR = '#000000';
 export var ACCENT_COLOR = '#AD00FF';
 export var BROWN_COLOR = '#624100';
+export var ROOM_SHAPE_MEASUREMENT_LINE_COLOR = '#455A64';
+export var ROOM_ELEMENT_MEASUREMENT_LINE_COLOR = '#B0BEC5';
+export var BASE_ITEM_MEASUREMENT_LINE_COLOR = '#0277BD';
+export var WALL_ITEM_MEASUREMENT_LINE_COLOR = '#00897B';
+export var DISTANCE_MEASUREMENT_LINE_COLOR = '#7B1FA2';
+export var DASH_LINE_COLOR = '#78909C';
 export var DEFAULT_FONT_FAMILY = 'Open Sans';
 
 // Download summary
@@ -577,6 +591,7 @@ export var ANIMATE_OBJECT_OPEN_DOOR_ROTATION_UNIT = 0.1;
 export var DIFFERENT_VALUES_PATH_LENGTH = 5;
 export var MIN_ANGLE_DISALLOW_DRAW_WALL = 45;
 export var UNIT_ANGLE = 5;
+export var MAX_ANGLE_SCALE = 30;
 export var HDR_URLS = ['px.hdr', 'nx.hdr', 'py.hdr', 'ny.hdr', 'pz.hdr', 'nz.hdr'];
 export var SUBMIT_REQUEST_ASSIST = 'submit';
 export var SUBMIT_ADD_CART = 'addCart';
@@ -633,4 +648,41 @@ export var ITEM_TYPE = {
   BACKSPLASH: 'backsplash',
   LIGHTING: 'lighting',
   FURNISHING: 'furnishing'
-};
+};
+export var PROJECT_SETTING_OPTION = {
+  UPDATE_CEIL_HEIGHT: UPDATE_CEIL_HEIGHT,
+  CHANGE_WALL_LENGTH_MEASURE: CHANGE_WALL_LENGTH_MEASURE,
+  CHANGE_BASE_CABINET_MEASURE: CHANGE_BASE_CABINET_MEASURE,
+  CHANGE_WALL_CABINET_MEASURE: CHANGE_WALL_CABINET_MEASURE,
+  CHANGE_WINDOW_DOOR_MEASURE: CHANGE_WINDOW_DOOR_MEASURE
+};
+
+// direction type
+export var LEFT = 'Left';
+export var RIGHT = 'Right';
+export var TOP = 'Top';
+export var BOTTOM = 'Bottom';
+
+// external event type
+export var EXTERNAL_EVENT_TOGGLE_TO_3D = 'EXTERNAL_EVENT_TOGGLE_TO_3D';
+export var EXTERNAL_EVENT_TOGGLE_TO_2D = 'EXTERNAL_EVENT_TOGGLE_TO_2D';
+export var EXTERNAL_EVENT_TOGGLE_TO_ELEVATION = 'EXTERNAL_EVENT_TOGGLE_TO_ELEVATION';
+export var EXTERNAL_EVENT_ADD_WALL = 'EXTERNAL_EVENT_ADD_WALL';
+export var EXTERNAL_EVENT_ADD_ITEM = 'EXTERNAL_EVENT_ADD_ITEM';
+export var EXTERNAL_EVENT_MOVE_PAN = 'EXTERNAL_EVENT_MOVE_PAN';
+export var EXTERNAL_EVENT_NEW_PROJECT = 'EXTERNAL_EVENT_NEW_PROJECT';
+export var EXTERNAL_EVENT_CHANGE_DOORSTYLE = 'EXTERNAL_EVENT_CHANGE_DOORSTYLE';
+export var EXTERNAL_EVENT_SET_INITIAL_DATA = 'EXTERNAL_EVENT_SET_INITIAL_DATA';
+export var EXTERNAL_EVENT_ADD_ROOM_SHAPE = 'EXTERNAL_EVENT_ADD_ROOM_SHAPE';
+export var EXTERNAL_EVENT_ZOOM_IN = 'EXTERNAL_EVENT_ZOOM_IN';
+export var EXTERNAL_EVENT_ZOOM_OUT = 'EXTERNAL_EVENT_ZOOM_OUT';
+export var EXTERNAL_EVENT_UNDO = 'EXTERNAL_EVENT_UNDO';
+export var EXTERNAL_EVENT_REDO = 'EXTERNAL_EVENT_REDO';
+export var EXTERNAL_EVENT_SET_MOLDING = 'EXTERNAL_EVENT_SET_MOLDING';
+export var EXTERNAL_EVENT_PROJECT_SETTING = 'EXTERNAL_EVENT_PROJECT_SETTING';
+
+// internal event type
+export var INTERNAL_EVENT_SELECT_ELEMENT = 'INTERNAL_EVENT_SELECT_ELEMENT';
+export var INTERNAL_EVENT_DRAG_ELEMENT = 'INTERNAL_EVENT_DRAG_ELEMENT';
+export var INTERNAL_EVENT_DRAW_ELEMENT = 'INTERNAL_EVENT_DRAW_ELEMENT';
+export var INTERNAL_EVENT_ROTATE_ELEMENT = 'INTERNAL_EVENT_ROTATE_ELEMENT';

package/es/devLiteRenderer.js

@@ -0,0 +1,316 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState, useEffect } from 'react';
+import ContainerDimensions from 'react-container-dimensions';
+import mockProps from "./mocks/mockProps2.json";
+import mockDataBundle from "./mocks/dataBundle2.json";
+import cabinetPaylod from "./mocks/cabinetPayload2.json";
+import doorStylePaylod from "./mocks/doorStylePayload.json";
+import doorStylePaylod2 from "./mocks/doorStylePayload2.json";
+import itemCDSPayload from "./mocks/itemCDSPayload.json";
+import rectangleData from "./mocks/rectangleShape.json";
+import moldingPayload from "./mocks/moldingPayload.json";
+import distancePayload from "./mocks/distancePayload.json";
+import ReactDOM from 'react-dom';
+import LiteRenderer from "./LiteRenderer";
+import { Button } from 'antd';
+import { LEFT, RIGHT, TOP, BOTTOM, EXTERNAL_EVENT_ADD_ITEM, EXTERNAL_EVENT_ADD_WALL, EXTERNAL_EVENT_TOGGLE_TO_3D, EXTERNAL_EVENT_TOGGLE_TO_2D, EXTERNAL_EVENT_TOGGLE_TO_ELEVATION, EXTERNAL_EVENT_MOVE_PAN, EXTERNAL_EVENT_NEW_PROJECT, EXTERNAL_EVENT_CHANGE_DOORSTYLE, EXTERNAL_EVENT_SET_INITIAL_DATA, EXTERNAL_EVENT_ADD_ROOM_SHAPE, EXTERNAL_EVENT_ZOOM_IN, EXTERNAL_EVENT_ZOOM_OUT, EXTERNAL_EVENT_UNDO, EXTERNAL_EVENT_REDO, EXTERNAL_EVENT_SET_MOLDING, EXTERNAL_EVENT_PROJECT_SETTING, PROJECT_SETTING_OPTION, EXTERNAL_EVENT_CHANGE_DISTANCE, EXTERNAL_EVENT_SYNC_SCENE } from "./constants";
+
+// --- renderer props ---
+var options = {
+  unit: 'in',
+  enable3D: true
+};
+var onInternalEvent = function onInternalEvent(evt) {
+  console.log('EVENT:', evt.type, evt.value);
+};
+document.getElementById('app').style.display = 'block';
+function WorkSpace(props) {
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    externalEvent = _useState2[0],
+    setExternalEvent = _useState2[1];
+  var offset = 5;
+  useEffect(function () {
+    var evt = {
+      type: EXTERNAL_EVENT_SET_INITIAL_DATA,
+      payload: {
+        doorStyle: {
+          doorStyle: doorStylePaylod
+        }
+      }
+    };
+    setExternalEvent(evt);
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex gap-4"
+  }, /*#__PURE__*/React.createElement(Button, {
+    actionType: "primary",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_TOGGLE_TO_2D,
+        payload: {}
+      };
+      setExternalEvent(evt);
+    }
+  }, "2D"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "primary",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_TOGGLE_TO_3D,
+        payload: {}
+      };
+      setExternalEvent(evt);
+    }
+  }, "3D"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "primary",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_TOGGLE_TO_ELEVATION,
+        payload: {}
+      };
+      setExternalEvent(evt);
+    }
+  }, "Elevation"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "primary",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_MOVE_PAN,
+        payload: {
+          moveType: LEFT,
+          moveValue: offset
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: "/assets/img/svg/bottombar/arrow-left.svg"
+  })), /*#__PURE__*/React.createElement(Button, {
+    actionType: "primary",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_MOVE_PAN,
+        payload: {
+          moveType: TOP,
+          moveValue: offset
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: "/assets/img/svg/bottombar/arrow-up.svg"
+  })), /*#__PURE__*/React.createElement(Button, {
+    actionType: "primary",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_MOVE_PAN,
+        payload: {
+          moveType: BOTTOM,
+          moveValue: offset
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: "/assets/img/svg/bottombar/arrow-down.svg"
+  })), /*#__PURE__*/React.createElement(Button, {
+    actionType: "primary",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_MOVE_PAN,
+        payload: {
+          moveType: RIGHT,
+          moveValue: offset
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: "/assets/img/svg/bottombar/arrow-right.svg"
+  })), /*#__PURE__*/React.createElement(Button, {
+    actionType: "primary",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_ZOOM_IN,
+        payload: {}
+      };
+      setExternalEvent(evt);
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: "/assets/img/svg/bottombar/arrow-minus.svg"
+  })), /*#__PURE__*/React.createElement(Button, {
+    actionType: "primary",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_ZOOM_OUT,
+        payload: {}
+      };
+      setExternalEvent(evt);
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: "/assets/img/svg/bottombar/arrow-plus.svg"
+  })), /*#__PURE__*/React.createElement(Button, {
+    actionType: "primary",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_NEW_PROJECT,
+        payload: {}
+      };
+      setExternalEvent(evt);
+    }
+  }, "New Project"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "secondary",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_ADD_WALL,
+        payload: {}
+      };
+      setExternalEvent(evt);
+    }
+  }, "Add Walls"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_ADD_ITEM,
+        payload: cabinetPaylod
+      };
+      setExternalEvent(evt);
+    }
+  }, "Add B12 Cabinet"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_CHANGE_DOORSTYLE,
+        payload: {
+          doorStyle: doorStylePaylod2,
+          itemCDS: itemCDSPayload,
+          isAll: true
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, "DoorStyle (Change into Midtown White Shaker)"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_ADD_ROOM_SHAPE,
+        payload: rectangleData
+      };
+      setExternalEvent(evt);
+    }
+  }, "Add Room shape(rectangle)"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_UNDO,
+        payload: {}
+      };
+      setExternalEvent(evt);
+    }
+  }, "Undo"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_REDO,
+        payload: {}
+      };
+      setExternalEvent(evt);
+    }
+  }, "Redo"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_SET_MOLDING,
+        payload: {
+          isGlobal: true,
+          moldingInfo: moldingPayload
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, "Global Molding (FBM)"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_SET_MOLDING,
+        payload: {
+          isGlobal: false,
+          moldingInfo: moldingPayload
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, "Individual Molding (FBM)"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_PROJECT_SETTING,
+        payload: {
+          option: PROJECT_SETTING_OPTION.UPDATE_CEIL_HEIGHT,
+          value: 100 // ceiling length
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, "Setting-CeilingHeight"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_PROJECT_SETTING,
+        payload: {
+          option: PROJECT_SETTING_OPTION.CHANGE_WALL_LENGTH_MEASURE,
+          value: 1 // 0-false, 1-true
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, "Setting-WallLength"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_CHANGE_DISTANCE,
+        payload: distancePayload
+      };
+      setExternalEvent(evt);
+    }
+  }, "Setting-Distance"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_SYNC_SCENE,
+        // send request for sync scene data to 3DTool
+        payload: {}
+      };
+      setExternalEvent(evt);
+    }
+  }, "Event-sync"), /*#__PURE__*/React.createElement(LiteRenderer, {
+    width: props.width,
+    height: props.height,
+    projectElement: mockProps.projectElement,
+    dataBundle: mockDataBundle,
+    configData: mockProps.configData,
+    options: options,
+    logoImg: "/assets/logo.png",
+    companyUrl: "https://example.com",
+    toolbarButtons: [],
+    externalEvent: externalEvent,
+    onInternalEvent: onInternalEvent,
+    onError: function onError(payload) {
+      // payload = {
+      //   type: 'render-error' | 'runtime-error' | 'unhandled-rejection',
+      //   error: { name?, message, stack?, raw? },
+      //   info?: { componentStack? },
+      //   externalEvent: { id?, type, payload } | null,
+      //   meta?: { filename?, lineno?, colno? }
+      // }
+      console.error('TOOL ERROR:', payload);
+    }
+  }));
+}
+ReactDOM.render(/*#__PURE__*/React.createElement(ContainerDimensions, null, function (_ref) {
+  var width = _ref.width,
+    height = _ref.height;
+  return /*#__PURE__*/React.createElement(WorkSpace, {
+    width: width,
+    height: height
+  });
+}), document.getElementById('app'));

package/es/index.js

@@ -1,15 +1,56 @@
-import Catalog from "./catalog/catalog";
-import Translator from "./translator/translator";
-import * as Models from "./models";
-import reducer from "./reducers/reducer";
-import KitchenConfiguratorApp from "./KitchenConfiguratorApp";
-import Plugins from "./plugins/export";
-import * as KitchenConfiguratorConstants from "./constants";
-import * as KitchenConfiguratorSharedStyle from "./shared-style";
-import KitchenConfiguratorComponents from "./components/export";
-import KitchenConfiguratorActions from "./actions/export";
-import KitchenConfiguratorReducers from "./reducers/export";
-import KitchenConfiguratorClasses from "./class/export";
-import ElementsFactories from "./catalog/factories/export";
-import KitchenConfiguratorUtils from "./utils/export";
-export { Catalog, Translator, Models, reducer, KitchenConfiguratorApp, Plugins, KitchenConfiguratorConstants, KitchenConfiguratorSharedStyle, KitchenConfiguratorComponents, KitchenConfiguratorActions, KitchenConfiguratorReducers, KitchenConfiguratorClasses, ElementsFactories, KitchenConfiguratorUtils };
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+import React from 'react';
+import ReactDOM from 'react-dom';
+import LiteRenderer from "./LiteRenderer";
+export function renderKitchenSimulator(container) {
+  var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var setExternalEventFn = null;
+
+  // Internal wrapper that exposes a state setter
+  var Wrapper = /*#__PURE__*/function (_React$Component) {
+    function Wrapper(p) {
+      var _this;
+      _classCallCheck(this, Wrapper);
+      _this = _callSuper(this, Wrapper, [p]);
+      _this.state = {
+        externalEvent: p.externalEvent || null
+      };
+      setExternalEventFn = _this.setExternalEvent.bind(_this);
+      return _this;
+    }
+    _inherits(Wrapper, _React$Component);
+    return _createClass(Wrapper, [{
+      key: "setExternalEvent",
+      value: function setExternalEvent(newEvent) {
+        this.setState({
+          externalEvent: newEvent
+        });
+      }
+    }, {
+      key: "render",
+      value: function render() {
+        return /*#__PURE__*/React.createElement(LiteRenderer, _extends({}, this.props, {
+          externalEvent: this.state.externalEvent
+        }));
+      }
+    }]);
+  }(React.Component); // Mount once
+  ReactDOM.render(/*#__PURE__*/React.createElement(Wrapper, props), container);
+  return {
+    updateExternalEvent: function updateExternalEvent(newExternalEvent) {
+      var _setExternalEventFn;
+      (_setExternalEventFn = setExternalEventFn) === null || _setExternalEventFn === void 0 || _setExternalEventFn(newExternalEvent);
+    },
+    unmount: function unmount() {
+      ReactDOM.unmountComponentAtNode(container);
+    }
+  };
+}
+export default renderKitchenSimulator;

package/es/models.js

@@ -1,25 +1,19 @@
-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); }
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
 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 _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); }
-function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
-function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
-function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
-import { Record, List, Map, fromJS } from 'immutable';
+import { fromJS, List, Map, Record } from 'immutable';
 import { MODE_IDLE, UNIT_INCH } from "./constants";
 import { SNAP_MASK } from "./utils/snap";
 import { isEmpty } from "./utils/helper";
-import convert from 'convert-units';
-var safeLoadMapList = function safeLoadMapList(mapList, Model, defaultMap) {
+import { convert } from "./utils/convert-units-lite";
+export var safeLoadMapList = function safeLoadMapList(mapList, Model, defaultMap) {
   return mapList ? new Map(mapList).map(function (m) {
     return new Model(m);
   }).toMap() : defaultMap || new Map();
@@ -44,16 +38,16 @@ export var DefaultGrids = new Map({
     id: 'h1',
     type: 'horizontal-streak',
     properties: {
-      step: 30.48,
-      colors: ['#bbb', '#bbb', '#bbb', '#bbb', '#bbb'] // dot's color
+      step: 24,
+      colors: ['rgb(193, 202, 228)'] // dot's color
     }
   }),
   v1: new Grid({
     id: 'v1',
     type: 'vertical-streak',
     properties: {
-      step: 30.48,
-      colors: ['#bbb', '#bbb', '#bbb', '#bbb', '#bbb'] // dot's color
+      step: 24,
+      colors: ['rgb(193, 202, 228)'] // dot's color
     }
   })
 });
@@ -344,7 +338,9 @@ export var CatalogElement = /*#__PURE__*/function (_Record1) {
   info: new Map(),
   properties: new Map(),
   obj: new Map(),
-  type: ''
+  type: '',
+  cds: new Map(),
+  customer_property: new Map()
 }, 'CatalogElement'));
 export var Catalog = /*#__PURE__*/function (_Record10) {
   function Catalog() {

package/es/plugins/console-debugger.js

@@ -1,9 +1,6 @@
-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); }
+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; }
-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 actions from "../actions/export";
 export default function consoleDebugger() {
   return function (store, stateExtractor) {

package/es/plugins/export.js

@@ -1,9 +1,7 @@
-import Autosave from "./autosave";
 import Keyboard from "./keyboard";
 import ConsoleDebugger from "./console-debugger";
-export { Autosave, Keyboard, ConsoleDebugger };
+export { Keyboard, ConsoleDebugger };
 export default {
-  Autosave: Autosave,
   Keyboard: Keyboard,
   ConsoleDebugger: ConsoleDebugger
 };

package/es/reducers/items-reducer.js

@@ -1,6 +1,6 @@
 import { Item, Area } from "../class/export";
 import { history } from "../utils/export";
-import { TOGGLE_LOADING_CABINET, SELECT_TOOL_DRAWING_ITEM, UPDATE_DRAWING_ITEM, END_DRAWING_ITEM, BEGIN_DRAGGING_ITEM, BEGIN_DRAGGING_ITEM_3D, UPDATE_DRAGGING_ITEM, UPDATE_DRAGGING_ITEM_CHANGED, UPDATE_DRAGGING_ITEM_3DX, UPDATE_DRAGGING_ITEM_3DY, END_DRAGGING_ITEM, END_DRAGGING_ITEM_3D, BEGIN_ROTATING_ITEM, BEGIN_ROTATING_ITEM_3D, UPDATE_ROTATING, UPDATE_ROTATING_ITEM, UPDATE_ROTATING_ITEM_CHANGED, END_ROTATING_ITEM, END_ROTATING_ITEM_3D, REPLACE_SUBMODULE, SELECT_ITEM, ANIMATE_OBJECT, REMOVE_REPLACE_SUBMODULE, ITEM_MOVE_UP, SELECT_TOOL_DRAWING_ITEM_3D, SET_DOOR_STYLE, SET_HANDLE_MATERIAL, SET_INITIAL_DOOR_STYLE, UPDATE_ITEM_POSITION, SET_DOOR_HANDLE, SET_WALL_COLOR, END_CREATING_CABINET, UPDATE_POPUP_OPEN, SET_MODELLING, SET_COUNTER_TOP, SET_BACKSPLASH, SET_BACKSPLASH_VISIBLE, SET_APPLIANCE_MATERIAL, DUPLICATE_SELECTED, EDIT_WIDTH, END_LOADING, SET_MOLDING, UPDATE_MOLDING, STORE_DIST_ARRAY, VALIDATE_ITEM_POSTIONS, REPLACE_ITEM
+import { TOGGLE_LOADING_CABINET, SELECT_TOOL_DRAWING_ITEM, UPDATE_DRAWING_ITEM, END_DRAWING_ITEM, BEGIN_DRAGGING_ITEM, BEGIN_DRAGGING_ITEM_3D, UPDATE_DRAGGING_ITEM, UPDATE_DRAGGING_ITEM_CHANGED, UPDATE_DRAGGING_ITEM_3DX, UPDATE_DRAGGING_ITEM_3DY, END_DRAGGING_ITEM, END_DRAGGING_ITEM_3D, BEGIN_ROTATING_ITEM, BEGIN_ROTATING_ITEM_3D, UPDATE_ROTATING, UPDATE_ROTATING_ITEM, UPDATE_ROTATING_ITEM_CHANGED, END_ROTATING_ITEM, END_ROTATING_ITEM_3D, REPLACE_SUBMODULE, SELECT_ITEM, ANIMATE_OBJECT, REMOVE_REPLACE_SUBMODULE, ITEM_MOVE_UP, SELECT_TOOL_DRAWING_ITEM_3D, SET_DOOR_STYLE, CHANGE_DISTANCE, SET_HANDLE_MATERIAL, SET_INITIAL_DOOR_STYLE, UPDATE_ITEM_POSITION, SET_DOOR_HANDLE, SET_WALL_COLOR, END_CREATING_CABINET, UPDATE_POPUP_OPEN, SET_MODELLING, SET_COUNTER_TOP, SET_BACKSPLASH, SET_BACKSPLASH_VISIBLE, SET_APPLIANCE_MATERIAL, DUPLICATE_SELECTED, EDIT_WIDTH, END_LOADING, SET_MOLDING, UPDATE_MOLDING, STORE_DIST_ARRAY, VALIDATE_ITEM_POSTIONS, REPLACE_ITEM
 // SET_MOVE_STATUS,
 // SET_ROTATE_STATUS
 } from "../constants";
@@ -28,7 +28,7 @@ export default function (state, action) {
       state = state.merge({
         sceneHistory: history.historyPush(state.sceneHistory, state.scene)
       });
-      return Item.selectToolDrawingItem(state, action.sceneComponentType, action.oStyle).updatedState;
+      return Item.selectToolDrawingItem(state, action.sceneComponentType).updatedState;
     case REPLACE_ITEM:
       return Item.replaceItem(state, action.selectedPos, action.currentObject, action.selectedObject).updatedState;
     case UPDATE_DRAWING_ITEM:
@@ -105,7 +105,11 @@ export default function (state, action) {
     case SELECT_TOOL_DRAWING_ITEM_3D:
       return Item.selectToolDrawingItem3D(state, action.sceneComponentType).updatedState;
     case SET_DOOR_STYLE:
-      return Item.setDoorStyle(state, action.doorStyle, action.pathes, action.isAll).updatedState;
+      return Item.setDoorStyle(state, action.doorStyle, action.itemCDS, action.isAll).updatedState;
+    case CHANGE_DISTANCE:
+      {
+        return Item.changeDistance(state, action.distancePayload).updatedState;
+      }
     case SET_HANDLE_MATERIAL:
       return Item.setHandleMaterial(state, action.material).updatedState;
     case SET_DOOR_HANDLE:
@@ -130,7 +134,7 @@ export default function (state, action) {
     case SET_APPLIANCE_MATERIAL:
       return Item.setApplianceMaterial(state, action.material).updatedState;
     case SET_INITIAL_DOOR_STYLE:
-      return Item.setInitialDoorStyle(state, action.doorStyle, action.oStyle).updatedState;
+      return Item.setInitialDoorStyle(state, action.doorStyle).updatedState;
     case UPDATE_ITEM_POSITION:
       return Item.updateItemPosition(state, action.layerID, action.itemID, action.pos).updatedState;
     // case SET_MOVE_STATUS:

package/es/reducers/project-reducer.js

@@ -1,12 +1,12 @@
 import { history } from "../utils/export";
-import { LOAD_PROJECT, NEW_PROJECT, OPEN_CATALOG, SELECT_TOOL_EDIT, MODE_IDLE, UNSELECT_ALL, SELECT_ALL, SET_PROPERTIES, SET_ITEMS_ATTRIBUTES, SET_LINES_ATTRIBUTES, SET_HOLES_ATTRIBUTES, REMOVE, INVERT, UNDO, REDO, RECREATE, UNCREATE, PROJECT_RE_NAME, ROLLBACK, SET_PROJECT_PROPERTIES, SET_PROJECT_ID, OPEN_PROJECT_CONFIGURATOR, INIT_CATALOG, UPDATE_MOUSE_COORDS, UPDATE_ZOOM_SCALE, TOGGLE_SNAP, CHANGE_CATALOG_PAGE, GO_BACK_TO_CATALOG_PAGE, THROW_ERROR, THROW_WARNING, COPY_PROPERTIES, PASTE_PROPERTIES, PUSH_LAST_SELECTED_CATALOG_ELEMENT_TO_HISTORY, ALTERATE_STATE, SET_MODE, ADD_HORIZONTAL_GUIDE, ADD_VERTICAL_GUIDE, ADD_CIRCULAR_GUIDE, REMOVE_HORIZONTAL_GUIDE, REMOVE_VERTICAL_GUIDE, REMOVE_CIRCULAR_GUIDE, REMOVE_DRAWING_SUPPORT, SET_STATE_PROPERTIES, SHIFT2DON, SHIFT2DOFF, MODE_DRAWING_LINE, SET_IS_HELP, SET_IS_CABINET_DRAWING } from "../constants";
+import { LOAD_PROJECT, NEW_PROJECT, OPEN_CATALOG, SELECT_TOOL_EDIT, MODE_IDLE, UNSELECT_ALL, SELECT_ALL, SET_PROPERTIES, SET_ITEMS_ATTRIBUTES, SET_LINES_ATTRIBUTES, SET_HOLES_ATTRIBUTES, REMOVE, INVERT, UNDO, REDO, RECREATE, UNCREATE, PROJECT_RE_NAME, ROLLBACK, SET_PROJECT_PROPERTIES, SET_PROJECT_ID, OPEN_PROJECT_CONFIGURATOR, INIT_CATALOG, UPDATE_MOUSE_COORDS, UPDATE_ZOOM_SCALE, TOGGLE_SNAP, CHANGE_CATALOG_PAGE, GO_BACK_TO_CATALOG_PAGE, THROW_ERROR, THROW_WARNING, COPY_PROPERTIES, PASTE_PROPERTIES, PUSH_LAST_SELECTED_CATALOG_ELEMENT_TO_HISTORY, ALTERATE_STATE, SET_MODE, ADD_HORIZONTAL_GUIDE, ADD_VERTICAL_GUIDE, ADD_CIRCULAR_GUIDE, REMOVE_HORIZONTAL_GUIDE, REMOVE_VERTICAL_GUIDE, REMOVE_CIRCULAR_GUIDE, REMOVE_DRAWING_SUPPORT, SET_STATE_PROPERTIES, SHIFT2DON, SHIFT2DOFF, MODE_DRAWING_LINE, SET_IS_HELP, SET_IS_CABINET_DRAWING, ADD_ELEMENT_TO_CATALOG } from "../constants";
 import { Project } from "../class/export";
 export default function (state, action) {
   switch (action.type) {
     case NEW_PROJECT:
       return Project.newProject(state).updatedState;
     case LOAD_PROJECT:
-      return Project.loadProject(state, action.sceneJSON, action.categoryData).updatedState;
+      return Project.loadProject(state, action.sceneJSON).updatedState;
     case OPEN_CATALOG:
       return Project.openCatalog(state).updatedState;
     case CHANGE_CATALOG_PAGE:
@@ -77,6 +77,8 @@ export default function (state, action) {
       return Project.openProjectConfigurator(state).updatedState;
     case INIT_CATALOG:
       return Project.initCatalog(state, action.catalog).updatedState;
+    case ADD_ELEMENT_TO_CATALOG:
+      return Project.addElementToCatalog(state, action.element).updatedState;
     case UPDATE_MOUSE_COORDS:
       return Project.updateMouseCoord(state, action.coords).updatedState;
     case UPDATE_ZOOM_SCALE: