kitchen-simulator 2.0.3 → 2.0.4-op-event

package/lib/devLiteRenderer.js

@@ -2,15 +2,16 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactContainerDimensions = _interopRequireDefault(require("react-container-dimensions"));
 var _projectItemsCatalog = _interopRequireDefault(require("./mocks/projectItemsCatalog.json"));
 var _mockProps = _interopRequireDefault(require("./mocks/mockProps.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 _doorStylePayload = _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"));
@@ -19,15 +20,37 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 var _LiteRenderer = _interopRequireDefault(require("./LiteRenderer"));
 var _antd = require("antd");
 var _constants = require("./constants");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
 // --- renderer props ---
 var options = {
   unit: 'in',
   enable3D: true
 };
-var onInternalEvent = function onInternalEvent(evt) {
-  console.log('EVENT:', evt.type, evt.value);
-};
+var onInternalEvent = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(evt, callback) {
+    var _t;
+    return _regenerator["default"].wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          console.log('EVENT:', evt.type, evt.value);
+          _t = evt.type;
+          _context.next = _t === _constants.INTERNAL_EVENT_ITEMS_CATALOG ? 1 : 3;
+          break;
+        case 1:
+          _context.next = 2;
+          return callback(_projectItemsCatalog["default"]);
+        case 2:
+          return _context.abrupt("continue", 3);
+        case 3:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function onInternalEvent(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
 document.getElementById('app').style.display = 'block';
 function WorkSpace(props) {
   var _useState = (0, _react.useState)(null),
@@ -48,16 +71,23 @@ function WorkSpace(props) {
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "flex gap-4"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_SYNC_SCENE,
+        // send request for sync scene data to 3DTool
+        payload: {}
+      };
+      setExternalEvent(evt);
+    }
+  }, "Event-sync"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
     actionType: "danger",
     onClick: function onClick() {
       var evt = {
         type: _constants.EXTERNAL_EVENT_LOAD_PROJECT,
         // send request for sync scene data to 3DTool
-        payload: {
-          sceneData: JSON.parse(_mockProps["default"].projectElement[0].project_data),
-          catalogItems: _projectItemsCatalog["default"]
-        }
+        payload: JSON.parse(_mockProps["default"].projectElement[0].project_data)
       };
       setExternalEvent(evt);
     }
@@ -199,7 +229,7 @@ function WorkSpace(props) {
       var evt = {
         type: _constants.EXTERNAL_EVENT_CHANGE_DOORSTYLE,
         payload: {
-          doorStyle: _doorStylePayload2["default"],
+          doorStyle: _doorStylePayload["default"],
           itemCDS: _itemCDSPayload["default"],
           isAll: true
         }
@@ -285,26 +315,46 @@ function WorkSpace(props) {
     actionType: "danger",
     onClick: function onClick() {
       var evt = {
-        type: _constants.EXTERNAL_EVENT_CHANGE_DISTANCE,
-        payload: _distancePayload["default"]
+        type: _constants.EXTERNAL_EVENT_UPDATE_ATTRIBUTE,
+        payload: {
+          attributeName: _constants.ATT_ITEM_POS,
+          value: {
+            directionAng: _constants.BACK_DIST_ANG,
+            oldDistance: 0,
+            newDistance: 10
+          }
+        }
       };
       setExternalEvent(evt);
     }
-  }, "Setting-Distance"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+  }, "OP-Cabinet Back Distance to 10"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
     actionType: "danger",
     onClick: function onClick() {
       var evt = {
-        type: _constants.EXTERNAL_EVENT_SYNC_SCENE,
-        // send request for sync scene data to 3DTool
-        payload: {}
+        type: _constants.EXTERNAL_EVENT_UPDATE_ATTRIBUTE,
+        payload: {
+          attributeName: _constants.ATT_ITEM_ROTATION,
+          value: 45
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, "OP-Cabinet Rotation to 45"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_UPDATE_ATTRIBUTE,
+        payload: {
+          attributeName: _constants.ATT_LINE_LENGTH,
+          value: 100
+        }
       };
       setExternalEvent(evt);
     }
-  }, "Event-sync"), /*#__PURE__*/_react["default"].createElement(_LiteRenderer["default"], {
+  }, "OP-Wall Length to 100")), /*#__PURE__*/_react["default"].createElement(_LiteRenderer["default"], {
     width: props.width,
     height: props.height,
     projectElement: _mockProps["default"].projectElement,
-    dataBundle: _dataBundle["default"],
     configData: _mockProps["default"].configData,
     options: options,
     logoImg: "/assets/logo.png",
@@ -324,9 +374,9 @@ function WorkSpace(props) {
     }
   }));
 }
-_reactDom["default"].render(/*#__PURE__*/_react["default"].createElement(_reactContainerDimensions["default"], null, function (_ref) {
-  var width = _ref.width,
-    height = _ref.height;
+_reactDom["default"].render(/*#__PURE__*/_react["default"].createElement(_reactContainerDimensions["default"], null, function (_ref2) {
+  var width = _ref2.width,
+    height = _ref2.height;
   return /*#__PURE__*/_react["default"].createElement(WorkSpace, {
     width: width,
     height: height