kitchen-simulator 3.1.2 → 4.0.1-react-18

package/es/index.js

@@ -7,10 +7,14 @@ 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 { createRoot } from 'react-dom/client';
 import LiteRenderer from "./LiteRenderer";
 export function renderKitchenSimulator(container) {
   var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  if (!container) {
+    throw new Error('renderKitchenSimulator: container is required');
+  }
+  var root = null;
   var setExternalEventFn = null;
 
   // Internal wrapper that exposes a state setter
@@ -41,15 +45,19 @@ export function renderKitchenSimulator(container) {
         }));
       }
     }]);
-  }(React.Component); // Mount once
-  ReactDOM.render(/*#__PURE__*/React.createElement(Wrapper, props), container);
+  }(React.Component);
+  root = createRoot(container);
+  root.render(/*#__PURE__*/React.createElement(Wrapper, props));
   return {
     updateExternalEvent: function updateExternalEvent(newExternalEvent) {
       var _setExternalEventFn;
       (_setExternalEventFn = setExternalEventFn) === null || _setExternalEventFn === void 0 || _setExternalEventFn(newExternalEvent);
     },
     unmount: function unmount() {
-      ReactDOM.unmountComponentAtNode(container);
+      var _root;
+      (_root = root) === null || _root === void 0 || _root.unmount();
+      root = null;
+      setExternalEventFn = null;
     }
   };
 }

package/es/mocks/appliancePayload.json

@@ -0,0 +1,27 @@
+{
+  "itemID": "7",
+  "long_name": "30\" Bottom Freezer",
+  "name": "30\" Bottom Freezer",
+  "sizeinfo": {
+    "width": 30,
+    "depth": 27,
+    "height": 67
+  },
+  "description": "",
+  "prototype": "items",
+  "type": "appliance",
+  "base": "https://media.test.diydesignspace.com/uploads/Appliance/202205121705_7/thumbnail/Bottom%20freezer%2030.webp",
+  "shape_svg": "https://media.test.diydesignspace.com/uploads/Appliance/202205121705_7/shape_svg/Top%20Freezer%2030.svg",
+  "structure_json": {
+    "base": "https://media.test.diydesignspace.com/uploads/Appliance/202205121705_7/gltf/refrigerator_1_30inch.gltf"
+  },
+  "layoutpos": "Base",
+  "is_corner": 0,
+  "alti": 0,
+  "obj_property": {
+    "category": "Bottom Freezer",
+    "sku_number": "#app_7",
+    "skuArray": []
+  },
+  "initialPosition": { "mouseX": 100, "mouseY": 100 }
+}