kitchen-simulator 10.2.0 → 11.0.0-react-18

package/es/components/viewer2d/scene.js

@@ -5,11 +5,13 @@ 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";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 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, { Component } from 'react';
 import PropTypes from 'prop-types';
+import AppContext from "../../AppContext";
 import { Layer, Grids } from "./export";
 import { searchForSkuValue } from "./utils";
 var Scene = /*#__PURE__*/function (_Component) {
@@ -19,9 +21,9 @@ var Scene = /*#__PURE__*/function (_Component) {
   }
   _inherits(Scene, _Component);
   return _createClass(Scene, [{
-    key: "componentWillReceiveProps",
+    key: "UNSAFE_componentWillReceiveProps",
     value: function () {
-      var _componentWillReceiveProps = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(nextProps) {
+      var _UNSAFE_componentWillReceiveProps = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(nextProps) {
         var scene, catalog, height, layers, selectedLayer, msg, isNotFoundInElements, itemType;
         return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -60,10 +62,10 @@ var Scene = /*#__PURE__*/function (_Component) {
           }
         }, _callee, this);
       }));
-      function componentWillReceiveProps(_x) {
-        return _componentWillReceiveProps.apply(this, arguments);
+      function UNSAFE_componentWillReceiveProps(_x) {
+        return _UNSAFE_componentWillReceiveProps.apply(this, arguments);
       }
-      return componentWillReceiveProps;
+      return UNSAFE_componentWillReceiveProps;
     }()
   }, {
     key: "shouldComponentUpdate",
@@ -117,12 +119,10 @@ var Scene = /*#__PURE__*/function (_Component) {
     }
   }]);
 }(Component);
+_defineProperty(Scene, "contextType", AppContext);
 export { Scene as default };
 Scene.propTypes = {
   scene: PropTypes.object.isRequired,
   catalog: PropTypes.object.isRequired,
-  relatedLines: PropTypes.object.isRequired
-};
-Scene.contextTypes = {
-  projectActions: PropTypes.object.isRequired
+  relatedLines: PropTypes.array.isRequired
 };

package/es/components/viewer2d/state.js

@@ -69,5 +69,5 @@ export default function State(_ref) {
 State.propTypes = {
   state: PropTypes.object.isRequired,
   catalog: PropTypes.object.isRequired,
-  relatedLines: PropTypes.object.isRequired
+  relatedLines: PropTypes.array.isRequired
 };

package/es/components/viewer2d/viewer2d.js

@@ -2,9 +2,10 @@ 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, { useEffect, useRef, useState } from 'react';
+import React, { useContext, useEffect, useRef, useState } from 'react';
 import PropTypes from 'prop-types';
-import { ReactSVGPanZoom, TOOL_AUTO, TOOL_NONE, TOOL_PAN, TOOL_ZOOM_IN, TOOL_ZOOM_OUT } from 'react-svg-pan-zoom';
+import AppContext from "../../AppContext";
+import { ReactSVGPanZoom, INITIAL_VALUE, TOOL_AUTO, TOOL_NONE, TOOL_PAN, TOOL_ZOOM_IN, TOOL_ZOOM_OUT } from 'react-svg-pan-zoom';
 import * as constants from "../../constants";
 import { DECIMAL_PLACES_2, LINE_THICKNESS, MIN_ANGLE_DISALLOW_DRAW_WALL, MODE_ELEVATION_VIEW, MODE_IDLE, UNIT_ANGLE, INTERNAL_EVENT_SELECT_ELEMENT, INTERNAL_EVENT_DRAG_ELEMENT, INTERNAL_EVENT_DRAW_ELEMENT, INTERNAL_EVENT_ROTATE_ELEMENT } from "../../constants";
 import State from "./state";
@@ -119,21 +120,22 @@ function extractElementData(node) {
     direct: node.attributes.getNamedItem('data-direct') ? node.attributes.getNamedItem('data-direct').value : 0
   };
 }
-export default function Viewer2D(_ref, _ref2) {
+export default function Viewer2D(_ref) {
   var state = _ref.state,
     width = _ref.width,
     height = _ref.height,
     setToolbar = _ref.setToolbar,
     replaceCabinet = _ref.replaceCabinet,
     onInternalEvent = _ref.onInternalEvent;
-  var viewer2DActions = _ref2.viewer2DActions,
-    linesActions = _ref2.linesActions,
-    holesActions = _ref2.holesActions,
-    verticesActions = _ref2.verticesActions,
-    itemsActions = _ref2.itemsActions,
-    areaActions = _ref2.areaActions,
-    projectActions = _ref2.projectActions,
-    catalog = _ref2.catalog;
+  var _useContext = useContext(AppContext),
+    viewer2DActions = _useContext.viewer2DActions,
+    linesActions = _useContext.linesActions,
+    holesActions = _useContext.holesActions,
+    verticesActions = _useContext.verticesActions,
+    itemsActions = _useContext.itemsActions,
+    areaActions = _useContext.areaActions,
+    projectActions = _useContext.projectActions,
+    catalog = _useContext.catalog;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     rulerEdit = _useState2[0],
@@ -180,9 +182,9 @@ export default function Viewer2D(_ref, _ref2) {
   var layerID = scene.selectedLayer;
   var wall_thickness = LINE_THICKNESS / 2;
   var layer = scene.getIn(['layers', layerID]);
-  var mapCursorPosition = function mapCursorPosition(_ref3) {
-    var x = _ref3.x,
-      y = _ref3.y;
+  var mapCursorPosition = function mapCursorPosition(_ref2) {
+    var x = _ref2.x,
+      y = _ref2.y;
     return {
       x: x,
       y: -y + scene.height
@@ -1335,11 +1337,11 @@ export default function Viewer2D(_ref, _ref2) {
   var rulerBgColor = SharedStyle.PRIMARY_COLOR.main;
   var rulerFnColor = SharedStyle.COLORS.white;
   var rulerMkColor = SharedStyle.SECONDARY_COLOR.main;
-  var sceneWidth = SVGWidth || state.getIn(['scene', 'width']);
-  var sceneHeight = SVGHeight || state.getIn(['scene', 'height']);
+  var sceneWidth = SVGWidth || state.getIn(['scene', 'width']) || 0;
+  var sceneHeight = SVGHeight || state.getIn(['scene', 'height']) || 0;
   var sceneZoom = state.zoom || 1;
-  var rulerXElements = Math.ceil(sceneWidth / rulerUnitPixelSize) + 1;
-  var rulerYElements = Math.ceil(sceneHeight / rulerUnitPixelSize) + 1;
+  var rulerXElements = sceneWidth ? Math.ceil(sceneWidth / rulerUnitPixelSize) + 1 : 0;
+  var rulerYElements = sceneHeight ? Math.ceil(sceneHeight / rulerUnitPixelSize) + 1 : 0;
   return /*#__PURE__*/React.createElement("div", null, rulerEdit, /*#__PURE__*/React.createElement("div", {
     style: {
       margin: 0,
@@ -1389,7 +1391,7 @@ export default function Viewer2D(_ref, _ref2) {
     zoom: sceneZoom,
     mouseY: state.mouse.get('y'),
     height: height - rulerSize,
-    zeroTopPosition: sceneHeight * sceneZoom + f || 0,
+    zeroTopPosition: sceneHeight * sceneZoom + (f || 0),
     backgroundColor: rulerBgColor,
     fontColor: rulerFnColor,
     markerColor: rulerMkColor,
@@ -1402,7 +1404,7 @@ export default function Viewer2D(_ref, _ref2) {
     },
     width: width - rulerSize,
     height: height - rulerSize,
-    value: viewer2D.isEmpty() ? null : viewer2D.toJS(),
+    value: viewer2D.isEmpty() ? INITIAL_VALUE : viewer2D.toJS(),
     onChangeValue: onChangeValue,
     tool: mode2Tool(mode),
     onChangeTool: onChangeTool,
@@ -1410,8 +1412,12 @@ export default function Viewer2D(_ref, _ref2) {
     onMouseDown: onMouseDown,
     onMouseMove: onMouseMove,
     onMouseUp: onMouseUp,
-    miniaturePosition: "none",
-    toolbarPosition: "none",
+    customMiniature: function customMiniature() {
+      return null;
+    },
+    customToolbar: function customToolbar() {
+      return null;
+    },
     detectPinchGesture: false,
     disableDoubleClickZoomWithToolAuto: true,
     ref: Viewer
@@ -1449,14 +1455,4 @@ Viewer2D.propTypes = {
   state: PropTypes.object.isRequired,
   width: PropTypes.number.isRequired,
   height: PropTypes.number.isRequired
-};
-Viewer2D.contextTypes = {
-  viewer2DActions: PropTypes.object.isRequired,
-  linesActions: PropTypes.object.isRequired,
-  holesActions: PropTypes.object.isRequired,
-  verticesActions: PropTypes.object.isRequired,
-  itemsActions: PropTypes.object.isRequired,
-  areaActions: PropTypes.object.isRequired,
-  projectActions: PropTypes.object.isRequired,
-  catalog: PropTypes.object.isRequired
 };

package/es/components/viewer3d/viewer3d-first-person.js

@@ -5,11 +5,12 @@ 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";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 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 PropTypes from 'prop-types';
-import ReactDOM from 'react-dom';
+import AppContext from "../../AppContext";
 import * as Three from 'three';
 import { parseData, updateScene } from "./scene-creator";
 import { disposeScene } from "./three-memory-cleaner";
@@ -25,6 +26,7 @@ var Viewer3DFirstPerson = /*#__PURE__*/function (_React$Component) {
     _this.width = props.width;
     _this.height = props.height;
     _this.stopRendering = false;
+    _this.canvasWrapperRef = /*#__PURE__*/React.createRef();
     _this.renderer = window.__threeRenderer || new Three.WebGLRenderer({
       preserveDrawingBuffer: true
     });
@@ -55,7 +57,7 @@ var Viewer3DFirstPerson = /*#__PURE__*/function (_React$Component) {
       };
       var state = this.props.state;
       var data = state.scene;
-      var canvasWrapper = ReactDOM.findDOMNode(this.refs.canvasWrapper);
+      var canvasWrapper = this.canvasWrapperRef.current;
       var scene3D = new Three.Scene();
 
       // As I need to show the pointer above all scene objects, I use this workaround http://stackoverflow.com/a/13309722
@@ -254,8 +256,8 @@ var Viewer3DFirstPerson = /*#__PURE__*/function (_React$Component) {
       this.renderer.renderLists.dispose();
     }
   }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
       var width = nextProps.width,
         height = nextProps.height;
       var camera = this.camera,
@@ -288,22 +290,15 @@ var Viewer3DFirstPerson = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       return /*#__PURE__*/React.createElement('div', {
-        ref: 'canvasWrapper'
+        ref: this.canvasWrapperRef
       });
     }
   }]);
 }(React.Component);
+_defineProperty(Viewer3DFirstPerson, "contextType", AppContext);
 export { Viewer3DFirstPerson as default };
 Viewer3DFirstPerson.propTypes = {
   state: PropTypes.object.isRequired,
   width: PropTypes.number.isRequired,
   height: PropTypes.number.isRequired
-};
-Viewer3DFirstPerson.contextTypes = {
-  areaActions: PropTypes.object.isRequired,
-  holesActions: PropTypes.object.isRequired,
-  itemsActions: PropTypes.object.isRequired,
-  linesActions: PropTypes.object.isRequired,
-  projectActions: PropTypes.object.isRequired,
-  catalog: PropTypes.object
 };

package/es/components/viewer3d/viewer3d.js

@@ -1,19 +1,19 @@
 'use strict';
 
 import _readOnlyError from "@babel/runtime/helpers/esm/readOnlyError";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 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";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 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; }
 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 PropTypes from 'prop-types';
-import ReactDOM from 'react-dom';
+import AppContext from "../../AppContext";
 import * as Three from 'three';
 import { checkCabinetOverlap, createBacksplash, deleteSpecifiedMeshObjects, fVLine, getDistances, parseData, updateScene, visibleTransformBox } from "./scene-creator";
 import { disposeObject, disposeScene } from "./three-memory-cleaner";
@@ -50,6 +50,7 @@ var Scene3DViewer = /*#__PURE__*/function (_React$Component) {
     _this.width = props.width;
     _this.height = props.height;
     _this.renderingID = 0;
+    _this.canvasWrapperRef = /*#__PURE__*/React.createRef();
     var mode = props.state.mode;
     if (!window.__elevationRendererDownload) {
       window.__elevationRendererDownload = {};
@@ -2165,7 +2166,7 @@ var Scene3DViewer = /*#__PURE__*/function (_React$Component) {
       }
 
       // Add the output of the renderer to the html element
-      var canvasWrapper = ReactDOM.findDOMNode(this.refs.canvasWrapper);
+      var canvasWrapper = this.canvasWrapperRef.current;
       canvasWrapper && canvasWrapper.appendChild(this.renderer.domElement);
 
       //
@@ -2434,8 +2435,8 @@ var Scene3DViewer = /*#__PURE__*/function (_React$Component) {
       this.renderer.renderLists.dispose();
     }
   }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
       var _this4 = this;
       if (this.props.downloadFlag && diff(this.props.state, nextProps.state).toJS().length == 0 || isEmpty(nextProps.state.scene)) return;
       var width = nextProps.width,
@@ -2645,25 +2646,17 @@ var Scene3DViewer = /*#__PURE__*/function (_React$Component) {
         this.renderer.domElement.style.opacity = '1';
         !this.props.downloadFlag && document.getElementById('front') && (document.getElementById('front').style.display = 'block');
         return /*#__PURE__*/React.createElement('div', {
-          ref: 'canvasWrapper'
+          ref: this.canvasWrapperRef
         });
       }
     }
   }]);
 }(React.Component);
+_defineProperty(Scene3DViewer, "contextType", AppContext);
 export { Scene3DViewer as default };
 Scene3DViewer.propTypes = {
   state: PropTypes.object.isRequired,
   width: PropTypes.number.isRequired,
   height: PropTypes.number.isRequired,
   replaceCabinet: PropTypes.func.isRequired
-};
-Scene3DViewer.contextTypes = {
-  areaActions: PropTypes.object.isRequired,
-  holesActions: PropTypes.object.isRequired,
-  itemsActions: PropTypes.object.isRequired,
-  linesActions: PropTypes.object.isRequired,
-  sceneActions: PropTypes.object.isRequired,
-  projectActions: PropTypes.object.isRequired,
-  catalog: PropTypes.object
 };

package/es/events/external/handlers.loadProject.js

@@ -37,9 +37,9 @@ function _handleLoadProjectEvent() {
                   sizeinfo: it.sizeinfo,
                   catalog_cabinet_sku: it.sku_number,
                   ccdf: it.ccdf,
-                  door_finish_id: door_finish_id,
+                  door_finish_id: it.doorStyle.id,
                   long_name: (_it$long_name = it === null || it === void 0 ? void 0 : it.long_name) !== null && _it$long_name !== void 0 ? _it$long_name : null,
-                  scene_cabinet_id: scene_cabinet_id
+                  scene_cabinet_id: it.id
                 });
               }
             });

package/es/utils/helper.js

@@ -8,80 +8,12 @@ import * as Three from 'three';
 import { isWarningItem, returnReplaceableDeepSearchType } from "./../components/viewer2d/utils";
 import { convert } from "./convert-units-lite";
 import { formatNumber } from "./math";
-import AWS from 'aws-sdk';
 import { GeometryUtils, MoldingUtils } from "./export";
 import { calcDistancesFromHoleToNearestOneOrWall } from "./geometry";
-var s3 = new AWS.S3({
-  accessKeyId: process.env.REACT_APP_AWS_ID,
-  secretAccessKey: process.env.REACT_APP_AWS_SECRET
-});
-var s3ParseUrl = function s3ParseUrl(url) {
-  var _decodedUrl = decodeURIComponent(url);
-  var _result = null;
-
-  // http://s3.amazonaws.com/bucket/key1/key2
-  var match = decodedUrl.match(/^https?:\/\/s3.amazonaws.com\/([^\/]+)\/?(.*?)$/);
-  if (_match) {
-    _result = {
-      bucket: _match[1],
-      key: _match[2],
-      region: ''
-    };
-  }
-
-  // http://s3-aws-region.amazonaws.com/bucket/key1/key2
-  match = decodedUrl.match(/^https?:\/\/s3-([^.]+).amazonaws.com\/([^\/]+)\/?(.*?)$/);
-  if (_match) {
-    _result = {
-      bucket: _match[2],
-      key: _match[3],
-      region: _match[1]
-    };
-  }
-
-  // http://bucket.s3.amazonaws.com/key1/key2
-  match = decodedUrl.match(/^https?:\/\/([^.]+).s3.amazonaws.com\/?(.*?)$/);
-  if (_match) {
-    _result = {
-      bucket: _match[1],
-      key: _match[2],
-      region: ''
-    };
-  }
-
-  // http://bucket.s3-aws-region.amazonaws.com/key1/key2 or,
-  // http://bucket.s3.aws-region.amazonaws.com/key1/key2
-  match = decodedUrl.match(/^https?:\/\/([^.]+).(?:s3-|s3\.)([^.]+).amazonaws.com\/?(.*?)$/);
-  if (_match) {
-    _result = {
-      bucket: _match[1],
-      key: _match[3],
-      region: _match[2]
-    };
-  }
-  return _result;
-};
 export var textureCube = new HDRCubeTextureLoader().setPath('/catalog/envMap/').load(HDR_URLS, function () {
   textureCube.magFilter = Three.LinearFilter;
   textureCube.needsUpdate = true;
 });
-export var getSignedUrl = function getSignedUrl(url) {
-  if (!url) return url;
-  var signedUrl = url;
-  try {
-    var _s3ParseUrl = s3ParseUrl(url),
-      bucket = _s3ParseUrl.bucket,
-      key = _s3ParseUrl.key;
-    signedUrl = s3.getSignedUrl('getObject', {
-      Bucket: bucket,
-      Key: key,
-      ResponseCacheControl: 'no-cache'
-    });
-  } catch (e) {
-    signedUrl = url;
-  }
-  return signedUrl;
-};
 export var base64Decode = function base64Decode(targetStr) {
   if (!targetStr) return null;
   try {

package/lib/LiteKitchenConfigurator.js

@@ -7,9 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -322,41 +321,20 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
       var el = document.getElementById('add_appliances_inactive');
       if (el !== null && el !== void 0 && (_el$parentElement0 = el.parentElement) !== null && _el$parentElement0 !== void 0 && _el$parentElement0.parentElement) el.parentElement.parentElement.style.zIndex = 6;
     }
-  }, {
-    key: "getChildContext",
-    value: function getChildContext() {
-      var _this2 = this;
-      return _objectSpread(_objectSpread({}, (0, _objectsUtils.objectsMap)(_export["default"], function (actionNamespace) {
-        return _this2.props[actionNamespace];
-      })), {}, {
-        translator: this.props.translator,
-        catalog: this.props.catalog
-      });
-    }
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
       window.forRedo = [];
-      var store = this.context.store;
-      var _this$props = this.props,
-        stateExtractor = _this$props.stateExtractor,
-        plugins = _this$props.plugins;
-
-      // keep old behavior: run plugins once on mount
-      var newplugins = (0, _toConsumableArray2["default"])(plugins);
-      newplugins.forEach(function (newplugin) {
-        return newplugin(store, stateExtractor);
-      });
     }
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var _extractedState$getIn;
-      var _this$props2 = this.props,
-        externalEvent = _this$props2.externalEvent,
-        extractedState = _this$props2.extractedState,
-        projectActions = _this$props2.projectActions,
-        catalog = _this$props2.catalog;
+      var _this$props = this.props,
+        externalEvent = _this$props.externalEvent,
+        extractedState = _this$props.extractedState,
+        projectActions = _this$props.projectActions,
+        catalog = _this$props.catalog;
 
       // same behavior: handle external event when it changes
       if (prevProps.externalEvent !== externalEvent) {
@@ -415,11 +393,11 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this$props3 = this.props,
-        width = _this$props3.width,
-        height = _this$props3.height,
-        extractedState = _this$props3.extractedState,
-        props = (0, _objectWithoutProperties2["default"])(_this$props3, _excluded);
+      var _this$props2 = this.props,
+        width = _this$props2.width,
+        height = _this$props2.height,
+        extractedState = _this$props2.extractedState,
+        props = (0, _objectWithoutProperties2["default"])(_this$props2, _excluded);
       var _this$state = this.state,
         savePopupVisible = _this$state.savePopupVisible,
         quotePopupVisible = _this$state.quotePopupVisible,
@@ -485,15 +463,6 @@ LiteKitchenConfigurator.propTypes = {
   // ✅ injected by connect
   externalEvent: _propTypes["default"].object
 };
-LiteKitchenConfigurator.contextTypes = {
-  store: _propTypes["default"].object.isRequired
-};
-LiteKitchenConfigurator.childContextTypes = _objectSpread(_objectSpread({}, (0, _objectsUtils.objectsMap)(_export["default"], function () {
-  return _propTypes["default"].object;
-})), {}, {
-  translator: _propTypes["default"].object,
-  catalog: _propTypes["default"].object
-});
 LiteKitchenConfigurator.defaultProps = {
   translator: new _translator["default"](),
   catalog: new _catalog["default"](),

package/lib/LiteRenderer.js

@@ -21,11 +21,14 @@ var Models = _models;
 var _reducer = _interopRequireDefault(require("./reducers/reducer"));
 var _AppContext = _interopRequireDefault(require("./AppContext"));
 var _catalog = _interopRequireDefault(require("./catalog/catalog"));
+var _export = _interopRequireDefault(require("./actions/export"));
+var _translator = _interopRequireDefault(require("./translator/translator"));
 var Areas = _interopRequireWildcard(require("./catalog/areas/area/planner-element"));
 var Lines = _interopRequireWildcard(require("./catalog/lines/wall/planner-element"));
 var _holesToCatalog = require("./mappings/holesToCatalog");
-var _export = require("./plugins/export");
+var _export2 = require("./plugins/export");
 var _LiteKitchenConfigurator = _interopRequireDefault(require("./LiteKitchenConfigurator"));
+var _objectsUtils = require("./utils/objects-utils");
 var _excluded = ["width", "height", "configData", "externalEvent", "onInternalEvent", "onError", "holes"]; // LiteRenderer.jsx
 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; }
@@ -120,7 +123,7 @@ function createInstanceStore() {
   return (0, _redux.createStore)(reducer, null, enhancer);
 }
 function createPlugins() {
-  return [(0, _export.Keyboard)(), (0, _export.ConsoleDebugger)()];
+  return [(0, _export2.Keyboard)(), (0, _export2.ConsoleDebugger)()];
 }
 function LiteRenderer(props) {
   ensureSentryInit();
@@ -282,7 +285,26 @@ function LiteRenderer(props) {
   var _ref = configData || {},
     logoImg = _ref.logoImg,
     companyUrl = _ref.companyUrl;
-  return /*#__PURE__*/_react["default"].createElement(_AppContext["default"].Provider, null, /*#__PURE__*/_react["default"].createElement(_reactRedux.Provider, {
+
+  // Build the context value with bound action creators + translator + catalog
+  var translatorRef = (0, _react.useRef)(null);
+  if (!translatorRef.current) translatorRef.current = new _translator["default"]();
+  var contextValue = (0, _react.useMemo)(function () {
+    var store = storeRef.current;
+    var boundActions = (0, _objectsUtils.objectsMap)(_export["default"], function (actionNamespace) {
+      return (0, _redux.bindActionCreators)(_export["default"][actionNamespace], store.dispatch);
+    });
+    return _objectSpread(_objectSpread({}, boundActions), {}, {
+      translator: translatorRef.current,
+      catalog: catalogRef.current
+    });
+  }, []);
+
+  // Update catalog in context when it changes
+  contextValue.catalog = catalogRef.current;
+  return /*#__PURE__*/_react["default"].createElement(_AppContext["default"].Provider, {
+    value: contextValue
+  }, /*#__PURE__*/_react["default"].createElement(_reactRedux.Provider, {
     store: storeRef.current
   }, /*#__PURE__*/_react["default"].createElement(_LiteKitchenConfigurator["default"], (0, _extends2["default"])({
     catalog: catalogRef.current,

package/lib/actions/export.js

@@ -1,36 +1,40 @@
-import * as projectActions from "./project-actions";
-import * as viewer2DActions from "./viewer2d-actions";
-import * as viewer3DActions from "./viewer3d-actions";
-import * as linesActions from "./lines-actions";
-import * as holesActions from "./holes-actions";
-import * as sceneActions from "./scene-actions";
-import * as verticesActions from "./vertices-actions";
-import * as itemsActions from "./items-actions";
-import * as areaActions from "./area-actions";
-import * as groupsActions from "./groups-actions";
+"use strict";
 
-export {
-  projectActions,
-  viewer2DActions,
-  viewer3DActions,
-  linesActions,
-  holesActions,
-  sceneActions,
-  verticesActions,
-  itemsActions,
-  areaActions,
-  groupsActions
-};
-
-export default {
-  projectActions,
-  viewer2DActions,
-  viewer3DActions,
-  linesActions,
-  holesActions,
-  sceneActions,
-  verticesActions,
-  itemsActions,
-  areaActions,
-  groupsActions
-};
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.viewer3DActions = exports.viewer2DActions = exports.verticesActions = exports.sceneActions = exports.projectActions = exports.linesActions = exports.itemsActions = exports.holesActions = exports.groupsActions = exports["default"] = exports.areaActions = void 0;
+var projectActions = _interopRequireWildcard(require("./project-actions"));
+exports.projectActions = projectActions;
+var viewer2DActions = _interopRequireWildcard(require("./viewer2d-actions"));
+exports.viewer2DActions = viewer2DActions;
+var viewer3DActions = _interopRequireWildcard(require("./viewer3d-actions"));
+exports.viewer3DActions = viewer3DActions;
+var linesActions = _interopRequireWildcard(require("./lines-actions"));
+exports.linesActions = linesActions;
+var holesActions = _interopRequireWildcard(require("./holes-actions"));
+exports.holesActions = holesActions;
+var sceneActions = _interopRequireWildcard(require("./scene-actions"));
+exports.sceneActions = sceneActions;
+var verticesActions = _interopRequireWildcard(require("./vertices-actions"));
+exports.verticesActions = verticesActions;
+var itemsActions = _interopRequireWildcard(require("./items-actions"));
+exports.itemsActions = itemsActions;
+var areaActions = _interopRequireWildcard(require("./area-actions"));
+exports.areaActions = areaActions;
+var groupsActions = _interopRequireWildcard(require("./groups-actions"));
+exports.groupsActions = groupsActions;
+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); }
+var _default = exports["default"] = {
+  projectActions: projectActions,
+  viewer2DActions: viewer2DActions,
+  viewer3DActions: viewer3DActions,
+  linesActions: linesActions,
+  holesActions: holesActions,
+  sceneActions: sceneActions,
+  verticesActions: verticesActions,
+  itemsActions: itemsActions,
+  areaActions: areaActions,
+  groupsActions: groupsActions
+};

package/lib/components/content.js

@@ -142,7 +142,4 @@ Content.propTypes = {
   replaceCabinet: _propTypes["default"].func.isRequired,
   onInternalEvent: _propTypes["default"].func.isRequired
 };
-Content.contextTypes = {
-  projectActions: _propTypes["default"].object.isRequired
-};
 module.exports = exports.default;