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

package/lib/components/viewer2d/rulerX.js

@@ -52,9 +52,10 @@ var RulerX = exports["default"] = /*#__PURE__*/function (_Component) {
         height: '100%',
         color: this.props.fontColor
       };
+      var left = Number.isFinite(this.props.zeroLeftPosition) && Number.isFinite(this.props.mouseX) && Number.isFinite(this.props.zoom) ? this.props.zeroLeftPosition + this.props.mouseX * this.props.zoom - 6.5 : 0;
       var markerStyle = {
         position: 'absolute',
-        left: this.props.zeroLeftPosition + this.props.mouseX * this.props.zoom - 6.5,
+        left: left,
         top: 8,
         width: 0,
         height: 0,

package/package.json

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

package/es/plugins/console-debugger.js

@@ -1,34 +0,0 @@
-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; }
-import actions from "../actions/export";
-export default function consoleDebugger() {
-  return function (store, stateExtractor) {
-    window.KitchenConfigurator = _objectSpread(_objectSpread({}, actions), {}, {
-      getStore: function getStore() {
-        return store;
-      },
-      getState: function getState() {
-        return stateExtractor(store.getState());
-      },
-      "do": function _do(actions) {
-        var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
-        actions = actions.reverse();
-        var dispatch = store.dispatch;
-        var _dispatchAction = function dispatchAction() {
-          console.info("There are other ".concat(actions.length, " actions on stack"));
-          if (actions.length === 0) return;
-          dispatch(actions.pop());
-          if (actions.length === 0) return;
-          setTimeout(_dispatchAction, delay);
-        };
-        setTimeout(_dispatchAction, 0);
-      }
-    });
-    console.groupCollapsed('KitchenConfigurator');
-    console.info('KitchenConfigurator is ready');
-    console.info('console.log(KitchenConfigurator)');
-    console.log(window.KitchenConfigurator);
-    console.groupEnd();
-  };
-}

package/es/plugins/export.js

@@ -1,7 +0,0 @@
-import Keyboard from "./keyboard";
-import ConsoleDebugger from "./console-debugger";
-export { Keyboard, ConsoleDebugger };
-export default {
-  Keyboard: Keyboard,
-  ConsoleDebugger: ConsoleDebugger
-};

package/es/plugins/keyboard.js

@@ -1,110 +0,0 @@
-import { MODE_IDLE, MODE_3D_FIRST_PERSON, MODE_3D_VIEW, MODE_SNAPPING, KEYBOARD_BUTTON_CODE, MODE_IDLE_3D, MODE_ROTATING_ITEM_3D, MODE_DRAGGING_ITEM_3D, MODE_DRAWING_ITEM_3D, MODE_DRAWING_ITEM } from "../constants";
-import { rollback, undo, redo, recreate, uncreate, remove, toggleSnap, copyProperties, pasteProperties, shift2doff, shift2don } from "../actions/project-actions";
-export default function keyboard() {
-  return function (store, stateExtractor) {
-    window.addEventListener('keydown', function (event) {
-      var state = stateExtractor(store.getState());
-      var mode = state.get('mode');
-      switch (event.keyCode) {
-        // case KEYBOARD_BUTTON_CODE.BACKSPACE:
-        // case KEYBOARD_BUTTON_CODE.DELETE: {
-        //   if (
-        //     [
-        //       MODE_IDLE,
-        //       MODE_3D_FIRST_PERSON,
-        //       MODE_3D_VIEW,
-        //       MODE_IDLE_3D,
-        //       MODE_ROTATING_ITEM_3D,
-        //       MODE_DRAGGING_ITEM_3D
-        //     ].includes(mode)
-        //   )
-        //     store.dispatch(remove());
-        //   break;
-        // }
-        case KEYBOARD_BUTTON_CODE.ESC:
-          {
-            store.dispatch(rollback());
-            break;
-          }
-        case KEYBOARD_BUTTON_CODE.Z:
-          {
-            if (event.getModifierState('Control') || event.getModifierState('Meta')) store.dispatch(undo());
-            break;
-          }
-        case KEYBOARD_BUTTON_CODE.Q:
-          {
-            if (event.getModifierState('Control') || event.getModifierState('Meta')) store.dispatch(redo());
-            break;
-          }
-        case KEYBOARD_BUTTON_CODE.ALT:
-          {
-            if (MODE_SNAPPING.includes(mode)) store.dispatch(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 KEYBOARD_BUTTON_CODE.C:
-          {
-            var selectedLayer = state.getIn(['scene', 'selectedLayer']);
-            var selected = state.getIn(['scene', 'layers', selectedLayer, 'selected']);
-            if ((mode === MODE_IDLE || mode === 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)]);
-                store.dispatch(copyProperties(hole.get('properties')));
-              } else if (selected.areas.size) {
-                var area = state.getIn(['scene', 'layers', selectedLayer, 'areas', selected.areas.get(0)]);
-                store.dispatch(copyProperties(area.properties));
-              } else if (selected.items.size) {
-                var item = state.getIn(['scene', 'layers', selectedLayer, 'items', selected.items.get(0)]);
-                store.dispatch(copyProperties(item.properties));
-              } else if (selected.lines.size) {
-                var line = state.getIn(['scene', 'layers', selectedLayer, 'lines', selected.lines.get(0)]);
-                store.dispatch(copyProperties(line.properties));
-              }
-            }
-            break;
-          }
-        case KEYBOARD_BUTTON_CODE.V:
-          {
-            store.dispatch(pasteProperties());
-            break;
-          }
-        case KEYBOARD_BUTTON_CODE.SHIFT:
-          {
-            if (['TEXTAREA', 'INPUT'].includes(document.activeElement.tagName) === false) {
-              if ([MODE_DRAWING_ITEM_3D, MODE_IDLE_3D].includes(mode)) store.dispatch(recreate());else if ([MODE_DRAWING_ITEM, MODE_IDLE].includes(mode)) store.dispatch(shift2doff());
-            }
-            break;
-          }
-      }
-    });
-    window.addEventListener('keyup', function (event) {
-      var state = stateExtractor(store.getState());
-      var mode = state.get('mode');
-      switch (event.keyCode) {
-        case KEYBOARD_BUTTON_CODE.ALT:
-          {
-            if (MODE_SNAPPING.includes(mode)) store.dispatch(toggleSnap(state.snapMask.merge(state.snapMask.get('tempSnapConfiguartion'))));
-            break;
-          }
-        case KEYBOARD_BUTTON_CODE.CTRL:
-          {
-            // store.dispatch(setAlterateState());
-            break;
-          }
-        case KEYBOARD_BUTTON_CODE.SHIFT:
-          {
-            if (['TEXTAREA', 'INPUT'].includes(document.activeElement.tagName) === false) {
-              if ([MODE_DRAWING_ITEM_3D, MODE_IDLE_3D].includes(mode)) store.dispatch(uncreate());else if ([MODE_DRAWING_ITEM, MODE_IDLE].includes(mode)) store.dispatch(shift2don());
-            }
-            break;
-          }
-      }
-    });
-  };
-}

package/lib/plugins/console-debugger.js

@@ -1,42 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = consoleDebugger;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _export = _interopRequireDefault(require("../actions/export"));
-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 consoleDebugger() {
-  return function (store, stateExtractor) {
-    window.KitchenConfigurator = _objectSpread(_objectSpread({}, _export["default"]), {}, {
-      getStore: function getStore() {
-        return store;
-      },
-      getState: function getState() {
-        return stateExtractor(store.getState());
-      },
-      "do": function _do(actions) {
-        var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
-        actions = actions.reverse();
-        var dispatch = store.dispatch;
-        var _dispatchAction = function dispatchAction() {
-          console.info("There are other ".concat(actions.length, " actions on stack"));
-          if (actions.length === 0) return;
-          dispatch(actions.pop());
-          if (actions.length === 0) return;
-          setTimeout(_dispatchAction, delay);
-        };
-        setTimeout(_dispatchAction, 0);
-      }
-    });
-    console.groupCollapsed('KitchenConfigurator');
-    console.info('KitchenConfigurator is ready');
-    console.info('console.log(KitchenConfigurator)');
-    console.log(window.KitchenConfigurator);
-    console.groupEnd();
-  };
-}
-module.exports = exports.default;

package/lib/plugins/export.js

@@ -1,25 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ConsoleDebugger", {
-  enumerable: true,
-  get: function get() {
-    return _consoleDebugger["default"];
-  }
-});
-Object.defineProperty(exports, "Keyboard", {
-  enumerable: true,
-  get: function get() {
-    return _keyboard["default"];
-  }
-});
-exports["default"] = void 0;
-var _keyboard = _interopRequireDefault(require("./keyboard"));
-var _consoleDebugger = _interopRequireDefault(require("./console-debugger"));
-var _default = exports["default"] = {
-  Keyboard: _keyboard["default"],
-  ConsoleDebugger: _consoleDebugger["default"]
-};

package/lib/plugins/keyboard.js

@@ -1,117 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = keyboard;
-var _constants = require("../constants");
-var _projectActions = require("../actions/project-actions");
-function keyboard() {
-  return function (store, stateExtractor) {
-    window.addEventListener('keydown', function (event) {
-      var state = stateExtractor(store.getState());
-      var mode = state.get('mode');
-      switch (event.keyCode) {
-        // case KEYBOARD_BUTTON_CODE.BACKSPACE:
-        // case KEYBOARD_BUTTON_CODE.DELETE: {
-        //   if (
-        //     [
-        //       MODE_IDLE,
-        //       MODE_3D_FIRST_PERSON,
-        //       MODE_3D_VIEW,
-        //       MODE_IDLE_3D,
-        //       MODE_ROTATING_ITEM_3D,
-        //       MODE_DRAGGING_ITEM_3D
-        //     ].includes(mode)
-        //   )
-        //     store.dispatch(remove());
-        //   break;
-        // }
-        case _constants.KEYBOARD_BUTTON_CODE.ESC:
-          {
-            store.dispatch((0, _projectActions.rollback)());
-            break;
-          }
-        case _constants.KEYBOARD_BUTTON_CODE.Z:
-          {
-            if (event.getModifierState('Control') || event.getModifierState('Meta')) store.dispatch((0, _projectActions.undo)());
-            break;
-          }
-        case _constants.KEYBOARD_BUTTON_CODE.Q:
-          {
-            if (event.getModifierState('Control') || event.getModifierState('Meta')) store.dispatch((0, _projectActions.redo)());
-            break;
-          }
-        case _constants.KEYBOARD_BUTTON_CODE.ALT:
-          {
-            if (_constants.MODE_SNAPPING.includes(mode)) store.dispatch((0, _projectActions.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)]);
-                store.dispatch((0, _projectActions.copyProperties)(hole.get('properties')));
-              } else if (selected.areas.size) {
-                var area = state.getIn(['scene', 'layers', selectedLayer, 'areas', selected.areas.get(0)]);
-                store.dispatch((0, _projectActions.copyProperties)(area.properties));
-              } else if (selected.items.size) {
-                var item = state.getIn(['scene', 'layers', selectedLayer, 'items', selected.items.get(0)]);
-                store.dispatch((0, _projectActions.copyProperties)(item.properties));
-              } else if (selected.lines.size) {
-                var line = state.getIn(['scene', 'layers', selectedLayer, 'lines', selected.lines.get(0)]);
-                store.dispatch((0, _projectActions.copyProperties)(line.properties));
-              }
-            }
-            break;
-          }
-        case _constants.KEYBOARD_BUTTON_CODE.V:
-          {
-            store.dispatch((0, _projectActions.pasteProperties)());
-            break;
-          }
-        case _constants.KEYBOARD_BUTTON_CODE.SHIFT:
-          {
-            if (['TEXTAREA', 'INPUT'].includes(document.activeElement.tagName) === false) {
-              if ([_constants.MODE_DRAWING_ITEM_3D, _constants.MODE_IDLE_3D].includes(mode)) store.dispatch((0, _projectActions.recreate)());else if ([_constants.MODE_DRAWING_ITEM, _constants.MODE_IDLE].includes(mode)) store.dispatch((0, _projectActions.shift2doff)());
-            }
-            break;
-          }
-      }
-    });
-    window.addEventListener('keyup', function (event) {
-      var state = stateExtractor(store.getState());
-      var mode = state.get('mode');
-      switch (event.keyCode) {
-        case _constants.KEYBOARD_BUTTON_CODE.ALT:
-          {
-            if (_constants.MODE_SNAPPING.includes(mode)) store.dispatch((0, _projectActions.toggleSnap)(state.snapMask.merge(state.snapMask.get('tempSnapConfiguartion'))));
-            break;
-          }
-        case _constants.KEYBOARD_BUTTON_CODE.CTRL:
-          {
-            // store.dispatch(setAlterateState());
-            break;
-          }
-        case _constants.KEYBOARD_BUTTON_CODE.SHIFT:
-          {
-            if (['TEXTAREA', 'INPUT'].includes(document.activeElement.tagName) === false) {
-              if ([_constants.MODE_DRAWING_ITEM_3D, _constants.MODE_IDLE_3D].includes(mode)) store.dispatch((0, _projectActions.uncreate)());else if ([_constants.MODE_DRAWING_ITEM, _constants.MODE_IDLE].includes(mode)) store.dispatch((0, _projectActions.shift2don)());
-            }
-            break;
-          }
-      }
-    });
-  };
-}
-module.exports = exports.default;