kitchen-simulator 4.0.4-react-18 → 4.0.6-react-18

package/es/LiteKitchenConfigurator.js

@@ -317,7 +317,9 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
         onInternalEvent = _this$props.onInternalEvent;
 
       // handle external events
-      if (prevProps.externalEvent !== externalEvent) {
+      var prevId = prevProps.externalEvent && prevProps.externalEvent.id;
+      var nextId = externalEvent && externalEvent.id;
+      if (nextId != null && prevId !== nextId) {
         handleExternalEvent(this.props);
       }
       var plannerState = stateExtractor(state);

package/es/LiteRenderer.js

@@ -145,6 +145,13 @@ export default function LiteRenderer(props) {
     onInternalEvent = props.onInternalEvent,
     onError = props.onError,
     passThrough = _objectWithoutProperties(props, _excluded);
+  var normalizedExternalEvent = React.useMemo(function () {
+    if (!externalEvent) return null;
+    if (externalEvent.id != null) return externalEvent;
+    return _objectSpread(_objectSpread({}, externalEvent), {}, {
+      id: "".concat(Date.now(), "-").concat(Math.random())
+    });
+  }, [externalEvent]);
 
   /* ---------- track last external event ---------- */
   var lastExternalEventRef = useRef(null);
@@ -291,7 +298,7 @@ export default function LiteRenderer(props) {
       return state.get('KitchenConfigurator');
     },
     configData: configData,
-    externalEvent: externalEvent,
+    externalEvent: normalizedExternalEvent,
     onInternalEvent: onInternalEvent
   }, passThrough))));
 }

package/es/index.js

@@ -1,65 +1 @@
-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 { 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');
-  }
-
-  // cache the root on the container so we never call createRoot twice
-  if (!container.__kitchenRoot) {
-    container.__kitchenRoot = createRoot(container);
-  }
-  var setExternalEventFn = null;
-  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);
-  container.__kitchenRoot.render(/*#__PURE__*/React.createElement(Wrapper, props));
-  return {
-    updateExternalEvent: function updateExternalEvent(newExternalEvent) {
-      setExternalEventFn && setExternalEventFn(newExternalEvent);
-    },
-    unmount: function unmount() {
-      if (container.__kitchenRoot) {
-        container.__kitchenRoot.unmount();
-        container.__kitchenRoot = null;
-      }
-      setExternalEventFn = null;
-    }
-  };
-}
-export default renderKitchenSimulator;
+export { default as LiteRenderer } from "./LiteRenderer";

package/lib/LiteKitchenConfigurator.js

@@ -326,7 +326,9 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
         onInternalEvent = _this$props.onInternalEvent;
 
       // handle external events
-      if (prevProps.externalEvent !== externalEvent) {
+      var prevId = prevProps.externalEvent && prevProps.externalEvent.id;
+      var nextId = externalEvent && externalEvent.id;
+      if (nextId != null && prevId !== nextId) {
         (0, _isolateEventHandler.handleExternalEvent)(this.props);
       }
       var plannerState = stateExtractor(state);

package/lib/LiteRenderer.js

@@ -154,6 +154,13 @@ function LiteRenderer(props) {
     onInternalEvent = props.onInternalEvent,
     onError = props.onError,
     passThrough = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  var normalizedExternalEvent = _react["default"].useMemo(function () {
+    if (!externalEvent) return null;
+    if (externalEvent.id != null) return externalEvent;
+    return _objectSpread(_objectSpread({}, externalEvent), {}, {
+      id: "".concat(Date.now(), "-").concat(Math.random())
+    });
+  }, [externalEvent]);
 
   /* ---------- track last external event ---------- */
   var lastExternalEventRef = (0, _react.useRef)(null);
@@ -300,7 +307,7 @@ function LiteRenderer(props) {
       return state.get('KitchenConfigurator');
     },
     configData: configData,
-    externalEvent: externalEvent,
+    externalEvent: normalizedExternalEvent,
     onInternalEvent: onInternalEvent
   }, passThrough))));
 }

package/lib/index.js

@@ -4,70 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-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 _client = require("react-dom/client");
-var _LiteRenderer = _interopRequireDefault(require("./LiteRenderer"));
-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; })(); }
-function renderKitchenSimulator(container) {
-  var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  if (!container) {
-    throw new Error('renderKitchenSimulator: container is required');
+Object.defineProperty(exports, "LiteRenderer", {
+  enumerable: true,
+  get: function get() {
+    return _LiteRenderer["default"];
   }
-
-  // cache the root on the container so we never call createRoot twice
-  if (!container.__kitchenRoot) {
-    container.__kitchenRoot = (0, _client.createRoot)(container);
-  }
-  var setExternalEventFn = null;
-  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);
-  container.__kitchenRoot.render(/*#__PURE__*/_react["default"].createElement(Wrapper, props));
-  return {
-    updateExternalEvent: function updateExternalEvent(newExternalEvent) {
-      setExternalEventFn && setExternalEventFn(newExternalEvent);
-    },
-    unmount: function unmount() {
-      if (container.__kitchenRoot) {
-        container.__kitchenRoot.unmount();
-        container.__kitchenRoot = null;
-      }
-      setExternalEventFn = null;
-    }
-  };
-}
-var _default = exports["default"] = renderKitchenSimulator;
+});
+var _LiteRenderer = _interopRequireDefault(require("./LiteRenderer"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kitchen-simulator",
-  "version": "4.0.4-react-18",
+  "version": "4.0.6-react-18",
   "description": "It is a kitchen simulator (self-contained micro-frontend).",
   "license": "MIT",
   "main": "lib/index.js",
@@ -78,8 +78,6 @@
     "polylabel": "1.0.2",
     "posthog-js": "^1.271.0",
     "prop-types": "^15.8.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
     "react-ga4": "^1.4.1",
     "react-hotjar": "^1.0.11",
     "react-icons": "3.5.0",
@@ -89,7 +87,13 @@
     "redux": "^5.0.1",
     "three": "0.166.0"
   },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
   "devDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "@babel/cli": "^7.28.3",
     "@babel/core": "^7.28.4",
     "@babel/plugin-transform-modules-commonjs": "^7.27.1",