kitchen-simulator 1.0.0-alin.9 → 1.0.0-clark.55

package/lib/devLiteRenderer.js

@@ -6,9 +6,13 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _reactContainerDimensions = _interopRequireDefault(require("react-container-dimensions"));
 var _mockProps = _interopRequireDefault(require("./mocks/mockProps.json"));
-var _categoryData = _interopRequireDefault(require("./mocks/categoryData.json"));
-var _dataBundle = _interopRequireDefault(require("./mocks/dataBundle.json"));
-var _cabinetPayload = _interopRequireDefault(require("./mocks/cabinetPayload.json"));
+var _dataBundle = _interopRequireDefault(require("./mocks/dataBundle2.json"));
+var _cabinetPayload = _interopRequireDefault(require("./mocks/cabinetPayload2.json"));
+var _doorStylePayload = _interopRequireDefault(require("./mocks/doorStylePayload.json"));
+var _doorStylePayload2 = _interopRequireDefault(require("./mocks/doorStylePayload2.json"));
+var _itemCDSPayload = _interopRequireDefault(require("./mocks/itemCDSPayload.json"));
+var _rectangleShape = _interopRequireDefault(require("./mocks/rectangleShape.json"));
+var _moldingPayload = _interopRequireDefault(require("./mocks/moldingPayload.json"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _LiteRenderer = _interopRequireDefault(require("./LiteRenderer"));
 var _antd = require("antd");
@@ -26,6 +30,17 @@ function WorkSpace(props) {
     externalEvent = _useState2[0],
     setExternalEvent = _useState2[1];
   var offset = 5;
+  (0, _react.useEffect)(function () {
+    var evt = {
+      type: _constants.EXTERNAL_EVENT_SET_INITIAL_DATA,
+      payload: {
+        doorStyle: {
+          doorStyle: _doorStylePayload["default"]
+        }
+      }
+    };
+    setExternalEvent(evt);
+  }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "flex gap-4"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
@@ -111,6 +126,28 @@ function WorkSpace(props) {
     }
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: "/assets/img/svg/bottombar/arrow-right.svg"
+  })), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "primary",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_ZOOM_IN,
+        payload: {}
+      };
+      setExternalEvent(evt);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: "/assets/img/svg/bottombar/arrow-minus.svg"
+  })), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "primary",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_ZOOM_OUT,
+        payload: {}
+      };
+      setExternalEvent(evt);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: "/assets/img/svg/bottombar/arrow-plus.svg"
   })), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
     actionType: "primary",
     onClick: function onClick() {
@@ -138,11 +175,74 @@ function WorkSpace(props) {
       };
       setExternalEvent(evt);
     }
-  }, "Add B12 Cabinet"), /*#__PURE__*/_react["default"].createElement(_LiteRenderer["default"], {
-    width: 1200,
-    height: 953,
+  }, "Add B12 Cabinet"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_CHANGE_DOORSTYLE,
+        payload: {
+          doorStyle: _doorStylePayload2["default"],
+          itemCDS: _itemCDSPayload["default"],
+          isAll: true
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, "DoorStyle (Change into Midtown White Shaker)"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_ADD_ROOM_SHAPE,
+        payload: _rectangleShape["default"]
+      };
+      setExternalEvent(evt);
+    }
+  }, "Add Room shape(rectangle)"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_UNDO,
+        payload: {}
+      };
+      setExternalEvent(evt);
+    }
+  }, "Undo"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_REDO,
+        payload: {}
+      };
+      setExternalEvent(evt);
+    }
+  }, "Redo"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_SET_MOLDING,
+        payload: {
+          isGlobal: true,
+          moldingInfo: _moldingPayload["default"]
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, "Global Molding (FBM)"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_SET_MOLDING,
+        payload: {
+          isGlobal: false,
+          moldingInfo: _moldingPayload["default"]
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, "Individual Molding (FBM)"), /*#__PURE__*/_react["default"].createElement(_LiteRenderer["default"], {
+    width: props.width,
+    height: props.height,
     projectElement: _mockProps["default"].projectElement,
-    categoryData: _categoryData["default"],
     dataBundle: _dataBundle["default"],
     configData: _mockProps["default"].configData,
     options: options,
@@ -162,4 +262,11 @@ function WorkSpace(props) {
     }
   }));
 }
-_reactDom["default"].render(/*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(WorkSpace, null)), document.getElementById('app'));
+_reactDom["default"].render(/*#__PURE__*/_react["default"].createElement(_reactContainerDimensions["default"], null, function (_ref) {
+  var width = _ref.width,
+    height = _ref.height;
+  return /*#__PURE__*/_react["default"].createElement(WorkSpace, {
+    width: width,
+    height: height
+  });
+}), document.getElementById('app'));

package/lib/index.js

@@ -6,10 +6,64 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 exports.renderKitchenSimulator = renderKitchenSimulator;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
 var _LiteRenderer = _interopRequireDefault(require("./LiteRenderer"));
-function renderKitchenSimulator() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return /*#__PURE__*/_react["default"].createElement(_LiteRenderer["default"], props);
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(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; })(); }
+/**
+ * Keeps LiteRenderer mounted once and updates externalEvent through React state.
+ * Works with React 16 (no createRoot).
+ */
+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;
+      (0, _classCallCheck2["default"])(this, Wrapper);
+      _this = _callSuper(this, Wrapper, [p]);
+      _this.state = {
+        externalEvent: p.externalEvent || null
+      };
+      setExternalEventFn = _this.setExternalEvent.bind(_this);
+      return _this;
+    }
+    (0, _inherits2["default"])(Wrapper, _React$Component);
+    return (0, _createClass2["default"])(Wrapper, [{
+      key: "setExternalEvent",
+      value: function setExternalEvent(newEvent) {
+        this.setState({
+          externalEvent: newEvent
+        });
+      }
+    }, {
+      key: "render",
+      value: function render() {
+        return /*#__PURE__*/_react["default"].createElement(_LiteRenderer["default"], (0, _extends2["default"])({}, this.props, {
+          externalEvent: this.state.externalEvent
+        }));
+      }
+    }]);
+  }(_react["default"].Component); // Mount once
+  _reactDom["default"].render(/*#__PURE__*/_react["default"].createElement(Wrapper, props), container);
+  return {
+    updateExternalEvent: function updateExternalEvent(newExternalEvent) {
+      var _setExternalEventFn;
+      // Always update — allow same event twice
+      (_setExternalEventFn = setExternalEventFn) === null || _setExternalEventFn === void 0 || _setExternalEventFn(newExternalEvent);
+    },
+    unmount: function unmount() {
+      _reactDom["default"].unmountComponentAtNode(container);
+    }
+  };
 }
 var _default = exports["default"] = renderKitchenSimulator;

package/lib/models.js

@@ -345,7 +345,8 @@ var CatalogElement = exports.CatalogElement = /*#__PURE__*/function (_Record1) {
   info: new _immutable.Map(),
   properties: new _immutable.Map(),
   obj: new _immutable.Map(),
-  type: ''
+  type: '',
+  cds: new _immutable.Map()
 }, 'CatalogElement'));
 var Catalog = exports.Catalog = /*#__PURE__*/function (_Record10) {
   function Catalog() {

package/lib/reducers/items-reducer.js

@@ -31,7 +31,7 @@ function _default(state, action) {
       state = state.merge({
         sceneHistory: _export2.history.historyPush(state.sceneHistory, state.scene)
       });
-      return _export.Item.selectToolDrawingItem(state, action.sceneComponentType, action.oStyle).updatedState;
+      return _export.Item.selectToolDrawingItem(state, action.sceneComponentType).updatedState;
     case _constants.REPLACE_ITEM:
       return _export.Item.replaceItem(state, action.selectedPos, action.currentObject, action.selectedObject).updatedState;
     case _constants.UPDATE_DRAWING_ITEM:
@@ -108,7 +108,7 @@ function _default(state, action) {
     case _constants.SELECT_TOOL_DRAWING_ITEM_3D:
       return _export.Item.selectToolDrawingItem3D(state, action.sceneComponentType).updatedState;
     case _constants.SET_DOOR_STYLE:
-      return _export.Item.setDoorStyle(state, action.doorStyle, action.pathes, action.isAll).updatedState;
+      return _export.Item.setDoorStyle(state, action.doorStyle, action.itemCDS, action.isAll).updatedState;
     case _constants.SET_HANDLE_MATERIAL:
       return _export.Item.setHandleMaterial(state, action.material).updatedState;
     case _constants.SET_DOOR_HANDLE:
@@ -133,7 +133,7 @@ function _default(state, action) {
     case _constants.SET_APPLIANCE_MATERIAL:
       return _export.Item.setApplianceMaterial(state, action.material).updatedState;
     case _constants.SET_INITIAL_DOOR_STYLE:
-      return _export.Item.setInitialDoorStyle(state, action.doorStyle, action.oStyle).updatedState;
+      return _export.Item.setInitialDoorStyle(state, action.doorStyle).updatedState;
     case _constants.UPDATE_ITEM_POSITION:
       return _export.Item.updateItemPosition(state, action.layerID, action.itemID, action.pos).updatedState;
     // case SET_MOVE_STATUS:

package/lib/reducers/project-reducer.js

@@ -12,7 +12,7 @@ function _default(state, action) {
     case _constants.NEW_PROJECT:
       return _export2.Project.newProject(state).updatedState;
     case _constants.LOAD_PROJECT:
-      return _export2.Project.loadProject(state, action.sceneJSON, action.categoryData).updatedState;
+      return _export2.Project.loadProject(state, action.sceneJSON).updatedState;
     case _constants.OPEN_CATALOG:
       return _export2.Project.openCatalog(state).updatedState;
     case _constants.CHANGE_CATALOG_PAGE:

package/lib/utils/geometry.js

@@ -972,18 +972,18 @@ function getAllItemSnap(allItemRects) {
     var snap4 = itemrectInfo(rect.rect[3].x + ox0, rect.rect[3].y + oy0, nrot, cur && cur.size, rect.layoutpos, rect.is_corner);
     var sizeinfo = otherItems[index].cat && otherItems[index].cat.info.sizeinfo;
     if (sizeinfo) {
-      var leftBlindLength = sizeinfo.leftBlindLength,
-        rightBlindLength = sizeinfo.rightBlindLength;
-      if (leftBlindLength > 0) {
-        var vx = leftBlindLength - ch;
+      var left_blind_length = sizeinfo.left_blind_length,
+        right_blind_length = sizeinfo.right_blind_length;
+      if (left_blind_length > 0) {
+        var vx = left_blind_length - ch;
         var vy = cw;
         var dx = vx * cos + vy * sin;
         var dy = vx * sin - vy * cos;
         var snap6 = itemrectInfo(rect.rect[0].x + dx, rect.rect[0].y + dy, rect.rotRad + Math.PI / 2, cur && cur.size, rect.layoutpos, rect.is_corner);
         allItemSnap.push(snap6);
       }
-      if (rightBlindLength > 0) {
-        var _vx = ch - rightBlindLength;
+      if (right_blind_length > 0) {
+        var _vx = ch - right_blind_length;
         var _vy = cw;
         var _dx = _vx * cos + _vy * sin;
         var _dy = _vx * sin - _vy * cos;

package/lib/utils/isolate-event-handler.js

@@ -69,42 +69,46 @@ var loadSVGsByItem = /*#__PURE__*/function () {
     return _ref.apply(this, arguments);
   };
 }();
-function handleExternalEvent(_x2, _x3) {
+var compareSVGRect = function compareSVGRect(value) {
+  return value.e <= 10 && value.e + value.a * value.SVGWidth + 10 >= value.viewerWidth && value.f <= 80 && value.f + value.d * value.SVGHeight + 10 >= value.viewerHeight ? true : false;
+};
+function handleExternalEvent(_x2) {
   return _handleExternalEvent.apply(this, arguments);
 }
 function _handleExternalEvent() {
-  _handleExternalEvent = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(evt, props) {
-    var state, sLineCnt, element, catalog, outlineSVGData, catalogInstance, elementJs, _evt$payload, moveType, moveValue, value, defaulTitle, _t2, _t3;
+  _handleExternalEvent = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(props) {
+    var evt, state, sLineCnt, element, catalog, outlineSVGData, catalogInstance, elementJs, _evt$payload, moveType, moveValue, value, defaulTitle, _evt$payload2, doorStyle, itemCDS, isAll, _doorStyle, _value, _zoomValue, _value2, _zoomValue2, _evt$payload3, moldingInfo, isGlobal, _t2, _t3;
     return _regenerator["default"].wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          state = props.state;
+          evt = props.externalEvent;
+          state = props.state.get('KitchenConfigurator');
           _t2 = evt === null || evt === void 0 ? void 0 : evt.type;
-          _context2.next = _t2 === _constants.EXTERNAL_EVENT_TOGGLE_TO_3D ? 1 : _t2 === _constants.EXTERNAL_EVENT_TOGGLE_TO_2D ? 2 : _t2 === _constants.EXTERNAL_EVENT_TOGGLE_TO_ELEVATION ? 3 : _t2 === _constants.EXTERNAL_EVENT_ADD_WALL ? 4 : _t2 === _constants.EXTERNAL_EVENT_ADD_ITEM ? 5 : _t2 === _constants.EXTERNAL_EVENT_MOVE_PAN ? 9 : _t2 === _constants.EXTERNAL_EVENT_NEW_PROJECT ? 15 : 16;
+          _context2.next = _t2 === _constants.EXTERNAL_EVENT_TOGGLE_TO_3D ? 1 : _t2 === _constants.EXTERNAL_EVENT_TOGGLE_TO_2D ? 2 : _t2 === _constants.EXTERNAL_EVENT_TOGGLE_TO_ELEVATION ? 3 : _t2 === _constants.EXTERNAL_EVENT_ADD_WALL ? 4 : _t2 === _constants.EXTERNAL_EVENT_ADD_ITEM ? 5 : _t2 === _constants.EXTERNAL_EVENT_MOVE_PAN ? 9 : _t2 === _constants.EXTERNAL_EVENT_NEW_PROJECT ? 15 : _t2 === _constants.EXTERNAL_EVENT_CHANGE_DOORSTYLE ? 16 : _t2 === _constants.EXTERNAL_EVENT_SET_INITIAL_DATA ? 17 : _t2 === _constants.EXTERNAL_EVENT_ADD_ROOM_SHAPE ? 18 : _t2 === _constants.EXTERNAL_EVENT_ZOOM_IN ? 19 : _t2 === _constants.EXTERNAL_EVENT_ZOOM_OUT ? 22 : _t2 === _constants.EXTERNAL_EVENT_UNDO ? 25 : _t2 === _constants.EXTERNAL_EVENT_REDO ? 26 : _t2 === _constants.EXTERNAL_EVENT_SET_MOLDING ? 27 : 28;
           break;
         case 1:
           props.projectActions.setMode(_constants.MODE_IDLE_3D);
-          return _context2.abrupt("continue", 16);
+          return _context2.abrupt("continue", 28);
         case 2:
           props.projectActions.setMode(_constants.MODE_IDLE);
-          return _context2.abrupt("continue", 16);
+          return _context2.abrupt("continue", 28);
         case 3:
-          sLineCnt = state.getIn(['KitchenConfigurator', 'scene', 'layers', 'layer-1', 'selected', 'lines']).size;
+          sLineCnt = state.getIn(['scene', 'layers', 'layer-1', 'selected', 'lines']).size;
           if (sLineCnt > 0) props.projectActions.setMode(_constants.MODE_ELEVATION_VIEW);
-          return _context2.abrupt("continue", 16);
+          return _context2.abrupt("continue", 28);
         case 4:
           if (state.mode === _constants.MODE_IDLE || state.mode === _constants.MODE_2D_PAN) props.linesActions.selectToolDrawingLine('wall');else {
             props.projectActions.setMode(_constants.MODE_IDLE);
             props.linesActions.selectToolDrawingLine('wall');
           }
-          return _context2.abrupt("continue", 16);
+          return _context2.abrupt("continue", 28);
         case 5:
           if ((0, _helper.isEmpty)(evt === null || evt === void 0 ? void 0 : evt.payload)) {
             _context2.next = 8;
             break;
           }
           element = evt.payload;
-          catalog = state.getIn(['KitchenConfigurator', 'catalog']).toJS(); // add item to catalog of state
+          catalog = state.getIn(['catalog']).toJS(); // add item to catalog of state
           if (!(0, _helper.isEmpty)(catalog === null || catalog === void 0 ? void 0 : catalog.elements[element.name])) {
             _context2.next = 7;
             break;
@@ -121,6 +125,7 @@ function _handleExternalEvent() {
             render3DItem: _itemLoader.render3DItem
           }));
           if (catalogInstance !== null && catalogInstance !== void 0 && catalogInstance.validateElement(elementJs)) {
+            catalogInstance.registerElement(elementJs);
             props.projectActions.addElementToCatalog(elementJs);
           }
         case 7:
@@ -129,10 +134,10 @@ function _handleExternalEvent() {
           props.projectActions.pushLastSelectedCatalogElementToHistory(element);
           props.projectActions.setIsCabinetDrawing(true);
         case 8:
-          return _context2.abrupt("continue", 16);
+          return _context2.abrupt("continue", 28);
         case 9:
           _evt$payload = evt.payload, moveType = _evt$payload.moveType, moveValue = _evt$payload.moveValue;
-          value = state.getIn(['KitchenConfigurator', 'viewer2D']).toJS();
+          value = state.getIn(['viewer2D']).toJS();
           _t3 = moveType;
           _context2.next = _t3 === _constants.TOP ? 10 : _t3 === _constants.BOTTOM ? 11 : _t3 === _constants.RIGHT ? 12 : _t3 === _constants.LEFT ? 13 : 14;
           break;
@@ -149,14 +154,89 @@ function _handleExternalEvent() {
           value.e -= moveValue;
           return _context2.abrupt("continue", 14);
         case 14:
-          if (value.e <= 10 && value.e + value.a * value.SVGWidth + 10 >= value.viewerWidth && value.f <= 80 && value.f + value.d * value.SVGHeight + 10 >= value.viewerHeight) props.viewer2DActions.updateCameraView(value);
-          return _context2.abrupt("continue", 16);
+          if (compareSVGRect(value)) props.viewer2DActions.updateCameraView(value);
+          return _context2.abrupt("continue", 28);
         case 15:
           defaulTitle = 'Untitle';
           props.projectActions.newProject();
           props.projectActions.rename(defaulTitle);
-          return _context2.abrupt("continue", 16);
+          return _context2.abrupt("continue", 28);
         case 16:
+          _evt$payload2 = evt.payload, doorStyle = _evt$payload2.doorStyle, itemCDS = _evt$payload2.itemCDS, isAll = _evt$payload2.isAll;
+          props.itemsActions.setDoorStyle(doorStyle, itemCDS, isAll);
+          return _context2.abrupt("continue", 28);
+        case 17:
+          _doorStyle = evt.payload.doorStyle;
+          props.itemsActions.setInitialDoorStyle(_doorStyle.doorStyle);
+          return _context2.abrupt("continue", 28);
+        case 18:
+          props.projectActions.loadProject(evt.payload);
+          return _context2.abrupt("continue", 28);
+        case 19:
+          _value = state.getIn(['viewer2D']).toJS();
+          _value.a -= 0.1;
+          _value.d -= 0.1;
+          _value.e += _value.SVGWidth * 0.1 / 2;
+          _value.f += _value.SVGHeight * 0.1 / 2;
+          _zoomValue = parseInt((_value.a - 0.5) / _constants.ZOOM_VARIABLE);
+          if (!(_zoomValue > 404)) {
+            _context2.next = 20;
+            break;
+          }
+          return _context2.abrupt("return");
+        case 20:
+          if (!(_zoomValue < 35 || Number.isNaN(_zoomValue))) {
+            _context2.next = 21;
+            break;
+          }
+          return _context2.abrupt("return");
+        case 21:
+          while (!(_value.e <= 10)) {
+            _value.e -= 0.1;
+          }
+          while (!(_value.e + _value.a * _value.SVGWidth + 10 >= _value.viewerWidth)) {
+            _value.e += 0.1;
+          }
+          while (!(_value.f <= 80)) {
+            _value.f -= 0.1;
+          }
+          while (!(_value.f + _value.a * _value.SVGHeight + 10 >= _value.viewerHeight)) {
+            _value.f += 0.1;
+          }
+          if (compareSVGRect(_value)) props.viewer2DActions.updateCameraView(_value);
+          return _context2.abrupt("continue", 28);
+        case 22:
+          _value2 = state.getIn(['viewer2D']).toJS();
+          _value2.a += 0.1;
+          _value2.d += 0.1;
+          _value2.e -= _value2.SVGWidth * 0.1 / 2;
+          _value2.f -= _value2.SVGHeight * 0.1 / 2;
+          _zoomValue2 = parseInt((_value2.a - 0.5) / _constants.ZOOM_VARIABLE);
+          if (!(_zoomValue2 > 404)) {
+            _context2.next = 23;
+            break;
+          }
+          return _context2.abrupt("return");
+        case 23:
+          if (!(_zoomValue2 < 35 || Number.isNaN(_zoomValue2))) {
+            _context2.next = 24;
+            break;
+          }
+          return _context2.abrupt("return");
+        case 24:
+          if (compareSVGRect(_value2)) props.viewer2DActions.updateCameraView(_value2);
+          return _context2.abrupt("continue", 28);
+        case 25:
+          props.projectActions.undo();
+          return _context2.abrupt("continue", 28);
+        case 26:
+          props.projectActions.redo();
+          return _context2.abrupt("continue", 28);
+        case 27:
+          _evt$payload3 = evt.payload, moldingInfo = _evt$payload3.moldingInfo, isGlobal = _evt$payload3.isGlobal;
+          props.itemsActions.setMolding(moldingInfo, isGlobal);
+          return _context2.abrupt("continue", 28);
+        case 28:
         case "end":
           return _context2.stop();
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kitchen-simulator",
-  "version": "1.0.0-alin.09",
+  "version": "1.0.0-clark.55",
   "description": "It is a kitchen simulator (self-contained micro-frontend).",
   "license": "MIT",
   "main": "lib/index.js",
@@ -76,21 +76,21 @@
     "polylabel": "1.0.2",
     "posthog-js": "^1.271.0",
     "prop-types": "^15.8.1",
+    "react": "^16.9.0",
     "react-container-dimensions": "1.4.1",
+    "react-dom": "16.9.0",
     "react-hotjar": "^1.0.11",
     "react-icons": "3.5.0",
     "react-redux": "5.0.7",
-    "react-svg-pan-zoom": "^3.13.1",
+    "react-svg-pan-zoom": "2.18.0",
     "redux": "4.0.1",
     "three": "0.166.0",
     "moment": "^2.30.1",
     "jwt-decode": "^2.2.0",
     "react-ga4": "^1.4.1",
-    "styled-components": "^6.1.19"
+    "styled-components": "^5.2.0"
   },
   "devDependencies": {
-    "react": "^16.9.0",
-    "react-dom": "16.9.0",
     "localstorage-slim": "^1.3.0",
     "react-tabs": "3.0.0",
     "sass": "^1.29.0",
@@ -132,9 +132,5 @@
     "webpack": "5.92.1",
     "webpack-cli": "5.1.4",
     "webpack-dev-server": "5.0.4"
-  },
-  "peerDependencies": {
-    "react": ">=16.9.0",
-    "react-dom": ">=16.9.0"
   }
 }