kitchen-simulator 4.0.0-react-18 → 4.0.2-react-18

package/es/LiteKitchenConfigurator.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
@@ -305,14 +304,6 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
     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;
-      var newplugins = _toConsumableArray(plugins);
-      newplugins.forEach(function (newplugin) {
-        return newplugin(store, stateExtractor);
-      });
     }
   }, {
     key: "componentWillReceiveProps",
@@ -346,20 +337,19 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
+      var _this$props = this.props,
+        width = _this$props.width,
+        height = _this$props.height,
+        state = _this$props.state,
+        stateExtractor = _this$props.stateExtractor,
+        props = _objectWithoutProperties(_this$props, _excluded);
       var actionsFromProps = objectsMap(actions, function (ns) {
         return _this2.props[ns];
       });
       var appCtxValue = _objectSpread(_objectSpread({}, actionsFromProps), {}, {
         translator: this.props.translator,
-        // instance (defaultProps already gives one)
         catalog: this.props.catalog
       });
-      var _this$props2 = this.props,
-        width = _this$props2.width,
-        height = _this$props2.height,
-        state = _this$props2.state,
-        stateExtractor = _this$props2.stateExtractor,
-        props = _objectWithoutProperties(_this$props2, _excluded);
       var _this$state = this.state,
         savePopupVisible = _this$state.savePopupVisible,
         quotePopupVisible = _this$state.quotePopupVisible,

package/es/LiteRenderer.js

@@ -24,7 +24,6 @@ import Catalog from "./catalog/catalog";
 import * as Areas from "./catalog/areas/area/planner-element";
 import * as Lines from "./catalog/lines/wall/planner-element";
 import * as Holes from "./catalog/holes/export";
-import { ConsoleDebugger, Keyboard } from "./plugins/export";
 import { Map } from 'immutable';
 import * as Sentry from '@sentry/react';
 import * as THREE from 'three';
@@ -76,7 +75,6 @@ var store = createStore(reducer, null, !isProduction && window.devToolsExtension
 }) : function (f) {
   return f;
 });
-var plugins = [Keyboard(), ConsoleDebugger()];
 function serializeError(err) {
   try {
     if (!err) return {
@@ -289,7 +287,6 @@ export default function LiteRenderer(props) {
     height: height,
     logoImage: logoImg,
     companyURL: companyUrl,
-    plugins: plugins,
     stateExtractor: function stateExtractor(state) {
       return state.get('KitchenConfigurator');
     },

package/es/components/content.js

@@ -20,6 +20,97 @@ export default function Content(_ref) {
     catalog = _ref.catalog,
     onInternalEvent = _ref.onInternalEvent;
   var mode = state.get('mode');
+  var _useAppContext = useAppContext(),
+    projectActions = _useAppContext.projectActions;
+  var rollback = projectActions.rollback,
+    undo = projectActions.undo,
+    redo = projectActions.redo,
+    toggleSnap = projectActions.toggleSnap,
+    copyProperties = projectActions.copyProperties,
+    pasteProperties = projectActions.pasteProperties,
+    recreate = projectActions.recreate,
+    uncreate = projectActions.uncreate,
+    shift2doff = projectActions.shift2doff,
+    shift2don = projectActions.shift2don;
+  useEffect(function () {
+    function handleKeyDown(event) {
+      switch (event.keyCode) {
+        case constants.KEYBOARD_BUTTON_CODE.ESC:
+          rollback();
+          break;
+        case constants.KEYBOARD_BUTTON_CODE.Z:
+          if (event.getModifierState('Control') || event.getModifierState('Meta')) undo();
+          break;
+        case constants.KEYBOARD_BUTTON_CODE.Q:
+          if (event.getModifierState('Control') || event.getModifierState('Meta')) redo();
+          break;
+        case constants.KEYBOARD_BUTTON_CODE.ALT:
+          if (constants.MODE_SNAPPING.includes(mode)) toggleSnap(state.snapMask.merge({
+            SNAP_POINT: false,
+            SNAP_LINE: false,
+            SNAP_SEGMENT: false,
+            SNAP_GRID: false,
+            SNAP_GUIDE: false,
+            tempSnapConfiguartion: state.snapMask.toJS()
+          }));
+          break;
+        case constants.KEYBOARD_BUTTON_CODE.C:
+          {
+            var selectedLayer = state.getIn(['scene', 'selectedLayer']);
+            var selected = state.getIn(['scene', 'layers', selectedLayer, 'selected']);
+            if ((mode === constants.MODE_IDLE || mode === constants.MODE_3D_VIEW) && (selected.holes.size || selected.areas.size || selected.items.size || selected.lines.size)) {
+              if (selected.holes.size) {
+                var hole = state.getIn(['scene', 'layers', selectedLayer, 'holes', selected.holes.get(0)]);
+                copyProperties(hole.get('properties'));
+              } else if (selected.areas.size) {
+                var area = state.getIn(['scene', 'layers', selectedLayer, 'areas', selected.areas.get(0)]);
+                copyProperties(area.properties);
+              } else if (selected.items.size) {
+                var item = state.getIn(['scene', 'layers', selectedLayer, 'items', selected.items.get(0)]);
+                copyProperties(item.properties);
+              } else if (selected.lines.size) {
+                var line = state.getIn(['scene', 'layers', selectedLayer, 'lines', selected.lines.get(0)]);
+                copyProperties(line.properties);
+              }
+            }
+            break;
+          }
+        case constants.KEYBOARD_BUTTON_CODE.V:
+          pasteProperties();
+          break;
+        case constants.KEYBOARD_BUTTON_CODE.SHIFT:
+          if (!['TEXTAREA', 'INPUT'].includes(document.activeElement.tagName)) {
+            if ([constants.MODE_DRAWING_ITEM_3D, constants.MODE_IDLE_3D].includes(mode)) recreate();else if ([constants.MODE_DRAWING_ITEM, constants.MODE_IDLE].includes(mode)) shift2doff();
+          }
+          break;
+        default:
+          break;
+      }
+    }
+    function handleKeyUp(event) {
+      switch (event.keyCode) {
+        case constants.KEYBOARD_BUTTON_CODE.ALT:
+          if (constants.MODE_SNAPPING.includes(mode)) toggleSnap(state.snapMask.merge(state.snapMask.get('tempSnapConfiguartion')));
+          break;
+        case constants.KEYBOARD_BUTTON_CODE.CTRL:
+          // setAlterateState();
+          break;
+        case constants.KEYBOARD_BUTTON_CODE.SHIFT:
+          if (!['TEXTAREA', 'INPUT'].includes(document.activeElement.tagName)) {
+            if ([constants.MODE_DRAWING_ITEM_3D, constants.MODE_IDLE_3D].includes(mode)) uncreate();else if ([constants.MODE_DRAWING_ITEM, constants.MODE_IDLE].includes(mode)) shift2don();
+          }
+          break;
+        default:
+          break;
+      }
+    }
+    window.addEventListener('keydown', handleKeyDown);
+    window.addEventListener('keyup', handleKeyUp);
+    return function () {
+      window.removeEventListener('keydown', handleKeyDown);
+      window.removeEventListener('keyup', handleKeyUp);
+    };
+  }, [state, rollback, undo, redo, toggleSnap, copyProperties, pasteProperties, recreate, uncreate, shift2doff, shift2don]);
 
   // Internal Event for unselect_all
   useEffect(function () {