kitchen-simulator 4.0.9-react-18 → 4.0.11-react-18

package/es/LiteKitchenConfigurator.js

@@ -315,13 +315,7 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
         catalog = _this$props.catalog,
         externalEvent = _this$props.externalEvent,
         onInternalEvent = _this$props.onInternalEvent;
-
-      // handle external events
-      var prevId = prevProps.externalEvent && prevProps.externalEvent.id;
-      var nextId = externalEvent && externalEvent.id;
-      if (nextId != null && prevId !== nextId) {
-        handleExternalEvent(this.props);
-      }
+      handleExternalEvent(this.props);
       var plannerState = stateExtractor(state);
       var catalogReady = plannerState.getIn(['catalog', 'ready']);
       if (!catalogReady) {

package/es/LiteRenderer.js

@@ -145,13 +145,6 @@ 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);
@@ -298,7 +291,7 @@ export default function LiteRenderer(props) {
       return state.get('KitchenConfigurator');
     },
     configData: configData,
-    externalEvent: normalizedExternalEvent,
+    externalEvent: externalEvent,
     onInternalEvent: onInternalEvent
   }, passThrough))));
 }

package/es/index.js

@@ -1,31 +1,47 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React, { useState, useMemo } from 'react';
+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] : {};
   var setExternalEventFn = null;
-  function Wrapper(p) {
-    var _useState = useState(p.externalEvent || null),
-      _useState2 = _slicedToArray(_useState, 2),
-      externalEvent = _useState2[0],
-      setExternalEvent = _useState2[1];
-    setExternalEventFn = setExternalEvent;
-    var normalizedExternalEvent = useMemo(function () {
-      if (!externalEvent) return null;
-      if (externalEvent.id != null) return externalEvent;
-      return _objectSpread(_objectSpread({}, externalEvent), {}, {
-        id: "".concat(Date.now(), "-").concat(Math.random())
-      });
-    }, [externalEvent]);
-    return /*#__PURE__*/React.createElement(LiteRenderer, _extends({}, p, {
-      externalEvent: normalizedExternalEvent
-    }));
-  }
+
+  // Internal wrapper that exposes a state setter
+  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); // React 18 root
   var root = createRoot(container);
   root.render(/*#__PURE__*/React.createElement(Wrapper, props));
   return {

package/lib/LiteKitchenConfigurator.js

@@ -324,13 +324,7 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
         catalog = _this$props.catalog,
         externalEvent = _this$props.externalEvent,
         onInternalEvent = _this$props.onInternalEvent;
-
-      // handle external events
-      var prevId = prevProps.externalEvent && prevProps.externalEvent.id;
-      var nextId = externalEvent && externalEvent.id;
-      if (nextId != null && prevId !== nextId) {
-        (0, _isolateEventHandler.handleExternalEvent)(this.props);
-      }
+      (0, _isolateEventHandler.handleExternalEvent)(this.props);
       var plannerState = stateExtractor(state);
       var catalogReady = plannerState.getIn(['catalog', 'ready']);
       if (!catalogReady) {

package/lib/LiteRenderer.js

@@ -154,13 +154,6 @@ 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);
@@ -307,7 +300,7 @@ function LiteRenderer(props) {
       return state.get('KitchenConfigurator');
     },
     configData: configData,
-    externalEvent: normalizedExternalEvent,
+    externalEvent: externalEvent,
     onInternalEvent: onInternalEvent
   }, passThrough))));
 }

package/lib/index.js

@@ -1,41 +1,55 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 exports.renderKitchenSimulator = renderKitchenSimulator;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
+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 _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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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] : {};
   var setExternalEventFn = null;
-  function Wrapper(p) {
-    var _useState = (0, _react.useState)(p.externalEvent || null),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      externalEvent = _useState2[0],
-      setExternalEvent = _useState2[1];
-    setExternalEventFn = setExternalEvent;
-    var normalizedExternalEvent = (0, _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]);
-    return /*#__PURE__*/_react["default"].createElement(_LiteRenderer["default"], (0, _extends2["default"])({}, p, {
-      externalEvent: normalizedExternalEvent
-    }));
-  }
+
+  // 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); // React 18 root
   var root = (0, _client.createRoot)(container);
   root.render(/*#__PURE__*/_react["default"].createElement(Wrapper, props));
   return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kitchen-simulator",
-  "version": "4.0.9-react-18",
+  "version": "4.0.11-react-18",
   "description": "It is a kitchen simulator (self-contained micro-frontend).",
   "license": "MIT",
   "main": "lib/index.js",