kitchen-simulator 2.0.4 → 2.0.6-add-door-window-appliance

package/es/devLiteRenderer.js

@@ -5,9 +5,8 @@ import React, { useState, useEffect } from 'react';
 import ContainerDimensions from 'react-container-dimensions';
 import projectItemsCatalog from "./mocks/projectItemsCatalog.json";
 import mockProps from "./mocks/mockProps.json";
-import mockDataBundle from "./mocks/dataBundle2.json";
 import cabinetPaylod from "./mocks/cabinetPayload2.json";
-import doorStylePaylod from "./mocks/doorStylePayload.json";
+import appliancePaylod from "./mocks/appliancePayload.json";
 import doorStylePaylod2 from "./mocks/doorStylePayload2.json";
 import itemCDSPayload from "./mocks/itemCDSPayload.json";
 import rectangleData from "./mocks/rectangleShape.json";
@@ -16,7 +15,7 @@ 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, EXTERNAL_EVENT_LOAD_PROJECT, INTERNAL_EVENT_ITEMS_CATALOG } from "./constants";
+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_SYNC_SCENE, EXTERNAL_EVENT_UPDATE_ATTRIBUTE, BACK_DIST_ANG, ATT_ITEM_POS, ATT_ITEM_ROTATION, ATT_LINE_LENGTH, EXTERNAL_EVENT_UPDATE_PROPERTY, PROP_FLIP_DOOR_HANDLE, PROP_OPEN_DOORS, EXTERNAL_EVENT_LOAD_PROJECT, INTERNAL_EVENT_ITEMS_CATALOG, EXTERNAL_EVENT_ADD_HOLE, HOLE_NAMES } from "./constants";
 
 // --- renderer props ---
 var options = {
@@ -60,7 +59,7 @@ function WorkSpace(props) {
       type: EXTERNAL_EVENT_SET_INITIAL_DATA,
       payload: {
         doorStyle: {
-          doorStyle: doorStylePaylod
+          doorStyle: doorStylePaylod2
         }
       }
     };
@@ -68,7 +67,17 @@ function WorkSpace(props) {
   }, []);
   return /*#__PURE__*/React.createElement("div", {
     className: "flex gap-4"
-  }, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement("div", null, /*#__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(Button, {
     actionType: "danger",
     onClick: function onClick() {
       var evt = {
@@ -302,26 +311,101 @@ function WorkSpace(props) {
     actionType: "danger",
     onClick: function onClick() {
       var evt = {
-        type: EXTERNAL_EVENT_CHANGE_DISTANCE,
-        payload: distancePayload
+        type: EXTERNAL_EVENT_UPDATE_ATTRIBUTE,
+        payload: {
+          attributeName: ATT_ITEM_POS,
+          value: {
+            directionAng: BACK_DIST_ANG,
+            oldDistance: 0,
+            newDistance: 10
+          }
+        }
       };
       setExternalEvent(evt);
     }
-  }, "Setting-Distance"), /*#__PURE__*/React.createElement(Button, {
+  }, "OP-Cabinet Back Distance to 10"), /*#__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: {}
+        type: EXTERNAL_EVENT_UPDATE_ATTRIBUTE,
+        payload: {
+          attributeName: ATT_ITEM_ROTATION,
+          value: 45
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, "OP-Cabinet Rotation to 45"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_UPDATE_ATTRIBUTE,
+        payload: {
+          attributeName: ATT_LINE_LENGTH,
+          value: 100
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, "OP-Wall Length to 100"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_UPDATE_PROPERTY,
+        payload: {
+          propertyName: PROP_FLIP_DOOR_HANDLE,
+          value: true
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, "Flip Door Handle"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_UPDATE_PROPERTY,
+        payload: {
+          propertyName: PROP_OPEN_DOORS,
+          value: true
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, "Open Doors"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_ADD_HOLE,
+        payload: {
+          holeName: HOLE_NAMES.WINDOW_CROSS
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, "Add Hole (Cross Window)"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_ADD_HOLE,
+        payload: {
+          holeName: HOLE_NAMES.DOOR_EXTERIOR
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, "Add Hole (DOOR_EXTERIOR)"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_ADD_ITEM,
+        payload: appliancePaylod
       };
       setExternalEvent(evt);
     }
-  }, "Event-sync"), /*#__PURE__*/React.createElement(LiteRenderer, {
+  }, "Add Appliance (30 Bottom Freezer)")), /*#__PURE__*/React.createElement(LiteRenderer, {
     width: props.width,
     height: props.height,
     projectElement: mockProps.projectElement,
-    dataBundle: mockDataBundle,
     configData: mockProps.configData,
     options: options,
     logoImg: "/assets/logo.png",