kitchen-simulator 2.0.7-unselected-drag.1 → 2.0.11

package/es/LiteRenderer.js

@@ -7,7 +7,7 @@ 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";
-var _excluded = ["width", "height", "projectElement", "configData", "options", "user", "auth", "featureFlags", "sentry", "analytics", "externalEvent", "onInternalEvent", "onError"];
+var _excluded = ["width", "height", "configData", "options", "user", "auth", "featureFlags", "sentry", "analytics", "externalEvent", "onInternalEvent", "onError"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 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; }
@@ -139,7 +139,6 @@ var ToolErrorBoundary = /*#__PURE__*/function (_React$Component) {
 export default function LiteRenderer(props) {
   var width = props.width,
     height = props.height,
-    projectElement = props.projectElement,
     configData = props.configData,
     options = props.options,
     user = props.user,
@@ -351,7 +350,6 @@ export default function LiteRenderer(props) {
 LiteRenderer.propTypes = {
   width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  projectElement: PropTypes.arrayOf(PropTypes.object),
   configData: PropTypes.any,
   catalog: PropTypes.oneOfType([PropTypes.object, PropTypes.instanceOf(Models.Catalog)]),
   logoImg: PropTypes.any,

package/es/actions/items-actions.js

@@ -1,4 +1,4 @@
-import { TOGGLE_LOADING_CABINET, SELECT_ITEM, SELECT_TOOL_DRAWING_ITEM, UPDATE_DRAWING_ITEM, END_DRAWING_ITEM, BEGIN_DRAGGING_ITEM, BEGIN_DRAGGING_ITEM_3D, UPDATE_DRAGGING_ITEM, UPDATE_DRAGGING_ITEM_3DX, UPDATE_DRAGGING_ITEM_3DY, END_DRAGGING_ITEM, END_DRAGGING_ITEM_3D, UPDATE_DRAGGING_ITEM_CHANGED, UPDATE_ROTATING_ITEM_CHANGED, BEGIN_ROTATING_ITEM, BEGIN_ROTATING_ITEM_3D, UPDATE_ROTATING_ITEM, UPDATE_ROTATING, END_ROTATING_ITEM, END_ROTATING_ITEM_3D, REPLACE_SUBMODULE, ANIMATE_OBJECT, REMOVE_REPLACE_SUBMODULE, ITEM_MOVE_UP, SELECT_TOOL_DRAWING_ITEM_3D, SET_DOOR_STYLE, CHANGE_DISTANCE, SET_HANDLE_MATERIAL, SET_INITIAL_DOOR_STYLE, SET_DISTANT, SET_DOOR_HANDLE, SET_WALL_COLOR, END_CREATING_CABINET, UPDATE_POPUP_OPEN, SET_MODELLING, SET_COUNTER_TOP, SET_BACKSPLASH, SET_BACKSPLASH_VISIBLE, SET_APPLIANCE_MATERIAL, DUPLICATE_SELECTED, EDIT_WIDTH, END_LOADING, STORE_DIST_ARRAY, SET_MOLDING, UPDATE_MOLDING, VALIDATE_ITEM_POSTIONS, REPLACE_ITEM, SET_MOVE_STATUS, SET_ROTATE_STATUS } from "../constants";
+import { TOGGLE_LOADING_CABINET, SELECT_ITEM, SELECT_TOOL_DRAWING_ITEM, UPDATE_DRAWING_ITEM, END_DRAWING_ITEM, BEGIN_DRAGGING_ITEM, BEGIN_DRAGGING_ITEM_3D, UPDATE_DRAGGING_ITEM, UPDATE_DRAGGING_ITEM_3DX, UPDATE_DRAGGING_ITEM_3DY, END_DRAGGING_ITEM, END_DRAGGING_ITEM_3D, UPDATE_DRAGGING_ITEM_CHANGED, UPDATE_ROTATING_ITEM_CHANGED, BEGIN_ROTATING_ITEM, BEGIN_ROTATING_ITEM_3D, UPDATE_ROTATING_ITEM, UPDATE_ROTATING, END_ROTATING_ITEM, END_ROTATING_ITEM_3D, REPLACE_SUBMODULE, ANIMATE_OBJECT, REMOVE_REPLACE_SUBMODULE, ITEM_MOVE_UP, SELECT_TOOL_DRAWING_ITEM_3D, SET_DOOR_STYLE, SET_HANDLE_MATERIAL, SET_INITIAL_DOOR_STYLE, SET_DISTANT, SET_DOOR_HANDLE, SET_WALL_COLOR, END_CREATING_CABINET, UPDATE_POPUP_OPEN, SET_MODELLING, SET_COUNTER_TOP, SET_BACKSPLASH, SET_BACKSPLASH_VISIBLE, SET_APPLIANCE_MATERIAL, DUPLICATE_SELECTED, EDIT_WIDTH, END_LOADING, STORE_DIST_ARRAY, SET_MOLDING, UPDATE_MOLDING, VALIDATE_ITEM_POSTIONS, REPLACE_ITEM, SET_MOVE_STATUS, SET_ROTATE_STATUS } from "../constants";
 export function storeDistArray(layerID, itemID, distArray) {
   return {
     type: STORE_DIST_ARRAY,

package/es/actions/project-actions.js

@@ -98,8 +98,10 @@ export function setHolesAttributes(holesAttributes) {
   };
 }
 export function remove() {
+  var delObject = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   return {
-    type: REMOVE
+    type: REMOVE,
+    delObject: delObject
   };
 }
 export function undo() {

package/es/catalog/utils/exporter.js

@@ -20,7 +20,6 @@ export default function (_ref) {
     alti = _ref.alti,
     obj_property = _ref.obj_property,
     outlineSVGData = _ref.outlineSVGData,
-    customer_property = _ref.customer_property,
     cds = _ref.cds;
   var _length = alti || 0;
   // const length = convert(_length).from("in").to("cm");
@@ -137,7 +136,6 @@ export default function (_ref) {
     img: base,
     obj: obj_property,
     cds: cds,
-    customer_property: customer_property,
     render2D: function render2D(element, layer, scene) {
       return render2DItem.call(this, element, layer, scene, sizeinfo, layoutpos, is_corner, shape_svg);
     },

package/es/class/item.js

@@ -71,7 +71,9 @@ var Item = /*#__PURE__*/function () {
       }
       var setSizeOfItemByDoorStyle = function setSizeOfItemByDoorStyle() {
         var doorStyle = item.get('doorStyle').toJS();
-        var euroCDS = state.catalog.getIn(['elements', type, 'customer_property']).is_euro_cds;
+        var euroCDS = state.catalog.getIn(['elements', type, 'cds']).data.filter(function (element) {
+          return element && element.is_euro_cds;
+        });
         if (doorStyle.door_style_name === 'Euro & Frameless' && euroCDS.length > 0) {
           var newProperties = item.get('properties').toJS();
           if (newProperties.hasOwnProperty('depth')) {

package/es/class/project.js

@@ -294,29 +294,52 @@ var Project = /*#__PURE__*/function () {
     }
   }, {
     key: "remove",
-    value: function remove(state) {
+    value: function remove(state, delObject) {
       var selectedLayer = state.getIn(['scene', 'selectedLayer']);
       var _state$getIn = state.getIn(['scene', 'layers', selectedLayer, 'selected']),
         selectedLines = _state$getIn.lines,
         selectedHoles = _state$getIn.holes,
         selectedItems = _state$getIn.items;
-      var allVertices = state.getIn(['scene', 'layers', selectedLayer, 'vertices']).toJS();
-      var selLines = state.getIn(['scene', 'layers', selectedLayer, 'selected', 'lines']).toJS();
-      var lineID = selLines[0];
-      var delLine = !isEmpty(lineID) && state.getIn(['scene', 'layers', selectedLayer, 'lines', lineID]).toJS();
-      var allLines = state.getIn(['scene', 'layers', selectedLayer, 'lines']).toJS();
       var relatedLines = [];
-      !isEmpty(delLine) && GeometryUtils.getRelatedLines(relatedLines, delLine, allVertices, allLines);
-      selectedLines.forEach(function (lineID) {
-        state = Line.remove(state, selectedLayer, lineID).updatedState;
-      });
-      selectedHoles.forEach(function (holeID) {
-        state = Hole.remove(state, selectedLayer, holeID).updatedState;
-      });
-      selectedItems.forEach(function (itemID) {
-        state = Item.remove(state, selectedLayer, itemID).updatedState;
-      });
-      if (!isEmpty(selectedLines) && !isEmpty(relatedLines)) {
+
+      // if deleting element is line then get the related lines that to update walls
+      if (delObject && delObject.prototype === constants.ELEMENT_LINE || isEmpty(delObject) && !isEmpty(selectedLines)) {
+        var allVertices = state.getIn(['scene', 'layers', selectedLayer, 'vertices']).toJS();
+        var selLines = state.getIn(['scene', 'layers', selectedLayer, 'selected', constants.ELEMENT_LINE]).toJS();
+        var curSelLineID = (delObject === null || delObject === void 0 ? void 0 : delObject.prototype) === constants.ELEMENT_LINE ? delObject.id : selLines[0];
+        var delLine = !isEmpty(curSelLineID) && state.getIn(['scene', 'layers', selectedLayer, 'lines', curSelLineID]).toJS();
+        var allLines = state.getIn(['scene', 'layers', selectedLayer, 'lines']).toJS();
+        !isEmpty(delLine) && GeometryUtils.getRelatedLines(relatedLines, delLine, allVertices, allLines);
+      }
+
+      // delete element
+      if (delObject) {
+        switch (delObject.prototype) {
+          case constants.ELEMENT_LINE:
+            state = Line.remove(state, selectedLayer, delObject.id).updatedState;
+            break;
+          case constants.ELEMENT_HOLE:
+            state = Hole.remove(state, selectedLayer, delObject.id).updatedState;
+            break;
+          case constants.ELEMENT_ITEM:
+            state = Item.remove(state, selectedLayer, delObject.id).updatedState;
+            break;
+        }
+      } else {
+        // no specified object, then remove all selected elements
+        selectedLines.forEach(function (lineID) {
+          state = Line.remove(state, selectedLayer, lineID).updatedState;
+        });
+        selectedHoles.forEach(function (holeID) {
+          state = Hole.remove(state, selectedLayer, holeID).updatedState;
+        });
+        selectedItems.forEach(function (itemID) {
+          state = Item.remove(state, selectedLayer, itemID).updatedState;
+        });
+      }
+
+      // update wall if line removed
+      if (!isEmpty(relatedLines)) {
         state = state.setIn(['mode'], MODE_DRAWING_LINE);
         relatedLines.forEach(function (relLine, index) {
           state = Line.select(state, selectedLayer, relLine.id).updatedState;

package/es/components/viewer2d/viewer2d.js

@@ -820,7 +820,7 @@ export default function Viewer2D(_ref, _ref2) {
         var currentObject = state.getIn(['scene', 'layers', layerID, elementData.prototype, elementData.id]);
         onInternalEvent === null || onInternalEvent === void 0 || onInternalEvent({
           type: INTERNAL_EVENT_SELECT_ELEMENT,
-          value: currentObject.toJS()
+          value: currentObject === null || currentObject === void 0 ? void 0 : currentObject.toJS()
         });
       } else {
         sPoint.x = x;
@@ -1243,7 +1243,7 @@ export default function Viewer2D(_ref, _ref2) {
       var _currentObject = state.getIn(['scene', 'layers', layerID, elementPrototype, elementID]);
       onInternalEvent === null || onInternalEvent === void 0 || onInternalEvent({
         type: internalType,
-        value: _currentObject.toJS()
+        value: _currentObject === null || _currentObject === void 0 ? void 0 : _currentObject.toJS()
       });
     }
     event.stopPropagation();

package/es/components/viewer3d/viewer3d.js

@@ -1628,10 +1628,10 @@ var Scene3DViewer = /*#__PURE__*/function (_React$Component) {
           }
         }
         if (!isEmpty(internalType)) {
-          var _this2$props$onIntern, _this2$props;
+          var _this2$props$onIntern, _this2$props, _selectedElement;
           (_this2$props$onIntern = (_this2$props = _this2.props).onInternalEvent) === null || _this2$props$onIntern === void 0 || _this2$props$onIntern.call(_this2$props, {
             type: internalType,
-            value: selectedElement.toJS()
+            value: (_selectedElement = selectedElement) === null || _selectedElement === void 0 ? void 0 : _selectedElement.toJS()
           });
         }
       };

package/es/constants.js

@@ -103,7 +103,6 @@ export var ANIMATE_OBJECT = 'ANIMATE_OBJECT';
 export var REMOVE_REPLACE_SUBMODULE = 'REMOVE_REPLACE_SUBMODULE';
 export var ITEM_MOVE_UP = 'ITEM_MOVE_UP';
 export var SET_DOOR_STYLE = 'SET_DOOR_STYLE';
-export var CHANGE_DISTANCE = 'CHANGE_DISTANCE';
 export var SET_HANDLE_MATERIAL = 'SET_HANDLE_MATERIAL';
 export var SET_INITIAL_DOOR_STYLE = 'SET_INITIAL_DOOR_STYLE';
 export var UPDATE_ITEM_POSITION = 'UPDATE_ITEM_POSITION';
@@ -171,7 +170,6 @@ export var END_DRAGGING_HOLE = 'END_DRAGGING_HOLE';
 export var END_DRAGGING_HOLE_3D = 'END_DRAGGING_HOLE_3D';
 export var UPDATE_DRAGGING_HOLE_3D = 'UPDATE_DRAGGING_HOLE_3D';
 export var SET_RELATED_LINE = 'SET_RELATED_LINE';
-export var EXTERNAL_EVENT_CHANGE_DISTANCE = 'EXTERNAL_EVENT_CHANGE_DISTANCE';
 
 //ACTIONS vertices
 export var BEGIN_DRAGGING_VERTEX = 'BEGIN_DRAGGING_VERTEX';
@@ -315,8 +313,7 @@ export var ITEMS_ACTIONS = {
   END_LOADING: END_LOADING,
   STORE_DIST_ARRAY: STORE_DIST_ARRAY,
   VALIDATE_ITEM_POSTIONS: VALIDATE_ITEM_POSTIONS,
-  REPLACE_ITEM: REPLACE_ITEM,
-  CHANGE_DISTANCE: CHANGE_DISTANCE
+  REPLACE_ITEM: REPLACE_ITEM
 };
 export var HOLE_ACTIONS = {
   SELECT_HOLE: SELECT_HOLE,
@@ -678,6 +675,12 @@ export var RIGHT_DIST_ANG = 180;
 export var BACK_DIST_ANG = 90;
 export var FRONT_DIST_ANG = -90;
 
+// element prototype
+export var ELEMENT_LINE = 'lines';
+export var ELEMENT_HOLE = 'holes';
+export var ELEMENT_ITEM = 'items';
+export var ELEMENT_AREA = 'areas';
+export var ELEMENT_VERTEX = 'vertices';
 // element attributes
 export var ATT_ITEM_POS = 'pos';
 export var ATT_ITEM_ROTATION = 'rotation';
@@ -689,6 +692,7 @@ export var ATT_HOLE_OFFSET_B = 'offsetB';
 // element properties
 export var PROP_FLIP_DOOR_HANDLE = 'flip_doorhandle';
 export var PROP_OPEN_DOORS = 'open_doors';
+export var PROP_ALTITUDE = 'altitude';
 
 // external event type
 export var EXTERNAL_EVENT_SYNC_SCENE = 'EXTERNAL_EVENT_SYNC_SCENE'; // Host request the scene data to 3DTool for sync  : Host -> 3DTool
@@ -714,6 +718,9 @@ export var EXTERNAL_EVENT_UNDO = 'EXTERNAL_EVENT_UNDO';
 export var EXTERNAL_EVENT_REDO = 'EXTERNAL_EVENT_REDO';
 export var EXTERNAL_EVENT_SET_MOLDING = 'EXTERNAL_EVENT_SET_MOLDING';
 export var EXTERNAL_EVENT_PROJECT_SETTING = 'EXTERNAL_EVENT_PROJECT_SETTING'; // project setting event
+export var EXTERNAL_EVENT_CENTERING_2D = 'EXTERNAL_EVENT_CENTERING_2D';
+export var EXTERNAL_EVENT_DUPLICATE_ELEMENT = 'EXTERNAL_EVENT_DUPLICATE_ELEMENT';
+export var EXTERNAL_EVENT_DELETE_ELEMENT = 'EXTERNAL_EVENT_DELETE_ELEMENT';
 export var EXTERNAL_EVENT_UPDATE_ATTRIBUTE = 'EXTERNAL_EVENT_UPDATE_ATTRIBUTE'; // update the element's attributes (distance, rotation...) in the property window
 export var EXTERNAL_EVENT_UPDATE_PROPERTY = 'EXTERNAL_EVENT_UPDATE_PROPERTY'; // update the element's property (flip_doorhandle, open_doors...) in the property window
 

package/es/devLiteRenderer.js

@@ -2,6 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useState, useEffect } from 'react';
+import { Map } from 'immutable';
 import ContainerDimensions from 'react-container-dimensions';
 import projectItemsCatalog from "./mocks/projectItemsCatalog.json";
 import mockProps from "./mocks/mockProps.json";
@@ -11,11 +12,10 @@ import doorStylePaylod2 from "./mocks/doorStylePayload2.json";
 import itemCDSPayload from "./mocks/itemCDSPayload.json";
 import rectangleData from "./mocks/rectangleShape.json";
 import moldingPayload from "./mocks/moldingPayload.json";
-import distancePayload from "./mocks/distancePayload.json";
 import ReactDOM from 'react-dom';
 import LiteRenderer from "./LiteRenderer";
 import { Button } from 'antd';
-import { LEFT, RIGHT, TOP, BOTTOM, EXTERNAL_EVENT_ADD_ITEM, EXTERNAL_EVENT_ADD_WALL, EXTERNAL_EVENT_TOGGLE_TO_3D, EXTERNAL_EVENT_TOGGLE_TO_2D, EXTERNAL_EVENT_TOGGLE_TO_ELEVATION, EXTERNAL_EVENT_MOVE_PAN, EXTERNAL_EVENT_NEW_PROJECT, EXTERNAL_EVENT_CHANGE_DOORSTYLE, EXTERNAL_EVENT_SET_INITIAL_DATA, EXTERNAL_EVENT_ADD_ROOM_SHAPE, EXTERNAL_EVENT_ZOOM_IN, EXTERNAL_EVENT_ZOOM_OUT, EXTERNAL_EVENT_UNDO, EXTERNAL_EVENT_REDO, EXTERNAL_EVENT_SET_MOLDING, EXTERNAL_EVENT_PROJECT_SETTING, PROJECT_SETTING_OPTION, EXTERNAL_EVENT_SYNC_SCENE, EXTERNAL_EVENT_UPDATE_ATTRIBUTE, BACK_DIST_ANG, ATT_ITEM_POS, ATT_ITEM_ROTATION, ATT_LINE_LENGTH, EXTERNAL_EVENT_UPDATE_PROPERTY, PROP_FLIP_DOOR_HANDLE, PROP_OPEN_DOORS, EXTERNAL_EVENT_LOAD_PROJECT, INTERNAL_EVENT_ITEMS_CATALOG, EXTERNAL_EVENT_ADD_HOLE, HOLE_NAMES } from "./constants";
+import { LEFT, RIGHT, TOP, BOTTOM, EXTERNAL_EVENT_ADD_ITEM, EXTERNAL_EVENT_ADD_WALL, EXTERNAL_EVENT_TOGGLE_TO_3D, EXTERNAL_EVENT_TOGGLE_TO_2D, EXTERNAL_EVENT_TOGGLE_TO_ELEVATION, EXTERNAL_EVENT_MOVE_PAN, EXTERNAL_EVENT_NEW_PROJECT, EXTERNAL_EVENT_CHANGE_DOORSTYLE, EXTERNAL_EVENT_SET_INITIAL_DATA, EXTERNAL_EVENT_ADD_ROOM_SHAPE, EXTERNAL_EVENT_ZOOM_IN, EXTERNAL_EVENT_ZOOM_OUT, EXTERNAL_EVENT_UNDO, EXTERNAL_EVENT_REDO, EXTERNAL_EVENT_SET_MOLDING, EXTERNAL_EVENT_PROJECT_SETTING, PROJECT_SETTING_OPTION, EXTERNAL_EVENT_SYNC_SCENE, EXTERNAL_EVENT_UPDATE_ATTRIBUTE, BACK_DIST_ANG, ATT_ITEM_POS, ATT_ITEM_ROTATION, ATT_LINE_LENGTH, EXTERNAL_EVENT_UPDATE_PROPERTY, PROP_FLIP_DOOR_HANDLE, PROP_OPEN_DOORS, EXTERNAL_EVENT_LOAD_PROJECT, INTERNAL_EVENT_ITEMS_CATALOG, EXTERNAL_EVENT_ADD_HOLE, HOLE_NAMES, EXTERNAL_EVENT_CENTERING_2D, PROP_ALTITUDE, EXTERNAL_EVENT_DUPLICATE_ELEMENT, ELEMENT_ITEM, EXTERNAL_EVENT_DELETE_ELEMENT } from "./constants";
 
 // --- renderer props ---
 var options = {
@@ -174,7 +174,7 @@ function WorkSpace(props) {
     actionType: "primary",
     onClick: function onClick() {
       var evt = {
-        type: EXTERNAL_EVENT_ZOOM_IN,
+        type: EXTERNAL_EVENT_ZOOM_OUT,
         payload: {}
       };
       setExternalEvent(evt);
@@ -185,7 +185,7 @@ function WorkSpace(props) {
     actionType: "primary",
     onClick: function onClick() {
       var evt = {
-        type: EXTERNAL_EVENT_ZOOM_OUT,
+        type: EXTERNAL_EVENT_ZOOM_IN,
         payload: {}
       };
       setExternalEvent(evt);
@@ -372,6 +372,49 @@ function WorkSpace(props) {
       setExternalEvent(evt);
     }
   }, "Open Doors"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_UPDATE_PROPERTY,
+        payload: {
+          propertyName: PROP_ALTITUDE,
+          // this property should be Map
+          value: new Map({
+            length: 25.399999187200024,
+            // cm
+            _length: 10,
+            // inch
+            _unit: 'in'
+          })
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, "Distance from floor 10\""), /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_DUPLICATE_ELEMENT,
+        payload: {
+          elementPrototype: ELEMENT_ITEM,
+          elementId: '' // id of current operating element
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, "Duplicate Item"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_DELETE_ELEMENT,
+        payload: {
+          elementPrototype: ELEMENT_ITEM,
+          elementId: '' // id of current operating element
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, "Delete Item"), /*#__PURE__*/React.createElement(Button, {
     actionType: "danger",
     onClick: function onClick() {
       var evt = {
@@ -402,10 +445,18 @@ function WorkSpace(props) {
       };
       setExternalEvent(evt);
     }
-  }, "Add Appliance (30 Bottom Freezer)")), /*#__PURE__*/React.createElement(LiteRenderer, {
+  }, "Add Appliance (30 Bottom Freezer)"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_CENTERING_2D,
+        payload: {}
+      };
+      setExternalEvent(evt);
+    }
+  }, "Centering Viewer2D")), /*#__PURE__*/React.createElement(LiteRenderer, {
     width: props.width,
     height: props.height,
-    projectElement: mockProps.projectElement,
     configData: mockProps.configData,
     options: options,
     logoImg: "/assets/logo.png",

package/es/models.js

@@ -339,8 +339,7 @@ export var CatalogElement = /*#__PURE__*/function (_Record1) {
   properties: new Map(),
   obj: new Map(),
   type: '',
-  cds: new Map(),
-  customer_property: new Map()
+  cds: new Map()
 }, 'CatalogElement'));
 export var Catalog = /*#__PURE__*/function (_Record10) {
   function Catalog() {

package/es/reducers/items-reducer.js

@@ -1,6 +1,6 @@
 import { Item, Area } from "../class/export";
 import { history } from "../utils/export";
-import { TOGGLE_LOADING_CABINET, SELECT_TOOL_DRAWING_ITEM, UPDATE_DRAWING_ITEM, END_DRAWING_ITEM, BEGIN_DRAGGING_ITEM, BEGIN_DRAGGING_ITEM_3D, UPDATE_DRAGGING_ITEM, UPDATE_DRAGGING_ITEM_CHANGED, UPDATE_DRAGGING_ITEM_3DX, UPDATE_DRAGGING_ITEM_3DY, END_DRAGGING_ITEM, END_DRAGGING_ITEM_3D, BEGIN_ROTATING_ITEM, BEGIN_ROTATING_ITEM_3D, UPDATE_ROTATING, UPDATE_ROTATING_ITEM, UPDATE_ROTATING_ITEM_CHANGED, END_ROTATING_ITEM, END_ROTATING_ITEM_3D, REPLACE_SUBMODULE, SELECT_ITEM, ANIMATE_OBJECT, REMOVE_REPLACE_SUBMODULE, ITEM_MOVE_UP, SELECT_TOOL_DRAWING_ITEM_3D, SET_DOOR_STYLE, CHANGE_DISTANCE, SET_HANDLE_MATERIAL, SET_INITIAL_DOOR_STYLE, UPDATE_ITEM_POSITION, SET_DOOR_HANDLE, SET_WALL_COLOR, END_CREATING_CABINET, UPDATE_POPUP_OPEN, SET_MODELLING, SET_COUNTER_TOP, SET_BACKSPLASH, SET_BACKSPLASH_VISIBLE, SET_APPLIANCE_MATERIAL, DUPLICATE_SELECTED, EDIT_WIDTH, END_LOADING, SET_MOLDING, UPDATE_MOLDING, STORE_DIST_ARRAY, VALIDATE_ITEM_POSTIONS, REPLACE_ITEM
+import { TOGGLE_LOADING_CABINET, SELECT_TOOL_DRAWING_ITEM, UPDATE_DRAWING_ITEM, END_DRAWING_ITEM, BEGIN_DRAGGING_ITEM, BEGIN_DRAGGING_ITEM_3D, UPDATE_DRAGGING_ITEM, UPDATE_DRAGGING_ITEM_CHANGED, UPDATE_DRAGGING_ITEM_3DX, UPDATE_DRAGGING_ITEM_3DY, END_DRAGGING_ITEM, END_DRAGGING_ITEM_3D, BEGIN_ROTATING_ITEM, BEGIN_ROTATING_ITEM_3D, UPDATE_ROTATING, UPDATE_ROTATING_ITEM, UPDATE_ROTATING_ITEM_CHANGED, END_ROTATING_ITEM, END_ROTATING_ITEM_3D, REPLACE_SUBMODULE, SELECT_ITEM, ANIMATE_OBJECT, REMOVE_REPLACE_SUBMODULE, ITEM_MOVE_UP, SELECT_TOOL_DRAWING_ITEM_3D, SET_DOOR_STYLE, SET_HANDLE_MATERIAL, SET_INITIAL_DOOR_STYLE, UPDATE_ITEM_POSITION, SET_DOOR_HANDLE, SET_WALL_COLOR, END_CREATING_CABINET, UPDATE_POPUP_OPEN, SET_MODELLING, SET_COUNTER_TOP, SET_BACKSPLASH, SET_BACKSPLASH_VISIBLE, SET_APPLIANCE_MATERIAL, DUPLICATE_SELECTED, EDIT_WIDTH, END_LOADING, SET_MOLDING, UPDATE_MOLDING, STORE_DIST_ARRAY, VALIDATE_ITEM_POSTIONS, REPLACE_ITEM
 // SET_MOVE_STATUS,
 // SET_ROTATE_STATUS
 } from "../constants";
@@ -106,10 +106,6 @@ export default function (state, action) {
       return Item.selectToolDrawingItem3D(state, action.sceneComponentType).updatedState;
     case SET_DOOR_STYLE:
       return Item.setDoorStyle(state, action.doorStyle, action.itemCDS, action.isAll).updatedState;
-    case CHANGE_DISTANCE:
-      {
-        return Item.changeDistance(state, action.distancePayload).updatedState;
-      }
     case SET_HANDLE_MATERIAL:
       return Item.setHandleMaterial(state, action.material).updatedState;
     case SET_DOOR_HANDLE:

package/es/reducers/project-reducer.js

@@ -43,7 +43,7 @@ export default function (state, action) {
       state = state.merge({
         sceneHistory: history.historyPush(state.sceneHistory, state.scene)
       });
-      return Project.remove(state).updatedState;
+      return Project.remove(state, action.delObject).updatedState;
     case UNDO:
       return Project.undo(state).updatedState;
     case REDO: