kitchen-simulator 3.1.15 → 4.0.0-alpha.12

package/lib/catalog/utils/mtl-loader.js

@@ -1,18 +1,12 @@
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var THREE = _interopRequireWildcard(require("three"));
-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); }
 /**
  * Loads a Wavefront .mtl file specifying materials
  *
  * @author angelxuanchang
  */
 
+var THREE = window.THREE || require('three');
 var MTLLoader;
 MTLLoader = function MTLLoader(manager) {
   this.manager = manager !== undefined ? manager : THREE.DefaultLoadingManager;
@@ -362,5 +356,4 @@ MTLLoader.MaterialCreator.prototype = {
     return texture;
   }
 };
-var _default = exports["default"] = MTLLoader;
-module.exports = exports.default;
+module.exports = MTLLoader;

package/lib/catalog/utils/obj-loader.js

@@ -1,16 +1,9 @@
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var THREE = _interopRequireWildcard(require("three"));
-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); }
 /**
  * @author mrdoob / http://mrdoob.com/
  */
-
+var THREE = window.THREE || require('three');
 var OBJLoader;
 OBJLoader = function () {
   // o object_name | g group_name
@@ -482,5 +475,4 @@ OBJLoader = function () {
   };
   return OBJLoader;
 }();
-var _default = exports["default"] = OBJLoader;
-module.exports = exports.default;
+module.exports = OBJLoader;

package/lib/class/item.js

@@ -18,7 +18,6 @@ var _helper = require("../utils/helper");
 var _util = require("util");
 var _molding = require("../utils/molding");
 var _utils = require("../components/viewer2d/utils");
-var _history = require("../utils/history");
 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; }
 var allItemRect;
@@ -37,8 +36,6 @@ var Item = exports["default"] = /*#__PURE__*/function () {
     key: "create",
     value: function create(state, layerID, type, x, y, width, height, rotation, isDuplication) {
       var molding = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : [];
-      var isInitialPos = arguments.length > 10 && arguments[10] !== undefined ? arguments[10] : false;
-      var refItem = arguments.length > 11 && arguments[11] !== undefined ? arguments[11] : null;
       var itemID = _export2.IDBroker.acquireID();
       var item = state.catalog.factoryElement(type, {
         id: itemID,
@@ -55,28 +52,67 @@ var Item = exports["default"] = /*#__PURE__*/function () {
         x: x,
         y: y,
         rotation: rotation,
-        isDuplication: isDuplication,
-        isInitialPos: isInitialPos ? isInitialPos : false
+        isDuplication: isDuplication
       }, null, state);
       if (item.category === 'cabinet') {
-        if (isDuplication && refItem) {
-          item = item.merge({
-            doorStyle: refItem.doorStyle
-          });
-        } else {
-          var _state$doorStyle;
-          var layer = state.getIn(['scene', 'layers', layerID]);
+        var layer = state.getIn(['scene', 'layers', layerID]);
+        if (state.doorStyle !== null && state.doorStyle !== undefined) {
+          var _state$doorStyle, _temp$doorStyles;
           var temp = layer.doorStyle || ((_state$doorStyle = state.doorStyle) === null || _state$doorStyle === void 0 ? void 0 : _state$doorStyle.toJS());
-          var cds = state.catalog.getIn(['elements', type, 'cds']);
+          var cds = temp === null || temp === void 0 || (_temp$doorStyles = temp.doorStyles) === null || _temp$doorStyles === void 0 || (_temp$doorStyles = _temp$doorStyles.cds) === null || _temp$doorStyles === void 0 ? void 0 : _temp$doorStyles.find(function (elem) {
+            return elem.itemID === state.catalog.getIn(['elements', type, 'itemID']);
+          });
           if (cds) {
-            var updatedDoorStyles = _objectSpread(_objectSpread({}, temp.doorStyles), {}, {
-              cds: [cds]
+            var updatedDoorStyles = _objectSpread(_objectSpread(_objectSpread({}, temp.doorStyles), cds.data && cds.data[0] ? cds.data[0] : {}), {}, {
+              cabinet_door_style_id: cds.cabinet_door_style_id
             });
             item = item.merge({
               doorStyle: (0, _immutable.fromJS)(_objectSpread(_objectSpread({}, temp), {}, {
                 doorStyles: updatedDoorStyles
               }))
             });
+          } else {
+            var _state$oStyle;
+            var styleObj = (_state$oStyle = state.oStyle) === null || _state$oStyle === void 0 || (_state$oStyle = _state$oStyle.toJS()) === null || _state$oStyle === void 0 ? void 0 : _state$oStyle.oStyle;
+            if (styleObj) {
+              for (var _x in styleObj) {
+                cds = styleObj[_x].data.doorStyles.cds.find(function (elem) {
+                  return elem.itemID === state.catalog.getIn(['elements', type, 'itemID']);
+                });
+                if (cds) {
+                  var tmpDS = styleObj[_x].data;
+                  tmpDS.doorStyles = _objectSpread(_objectSpread(_objectSpread({}, tmpDS.doorStyles), cds.data && cds.data[0] ? cds.data[0] : {}), {}, {
+                    cabinet_door_style_id: cds.cabinet_door_style_id
+                  });
+                  item = item.merge({
+                    doorStyle: (0, _immutable.fromJS)(tmpDS)
+                  });
+                  break;
+                }
+              }
+            }
+          }
+        } else {
+          var _state$oStyle2;
+          var _styleObj = (_state$oStyle2 = state.oStyle) === null || _state$oStyle2 === void 0 || (_state$oStyle2 = _state$oStyle2.toJS()) === null || _state$oStyle2 === void 0 ? void 0 : _state$oStyle2.oStyle;
+          if (_styleObj) {
+            for (var _x2 in _styleObj) {
+              var _styleObj$_x;
+              var _cds = (_styleObj$_x = _styleObj[_x2]) === null || _styleObj$_x === void 0 || (_styleObj$_x = _styleObj$_x.data) === null || _styleObj$_x === void 0 || (_styleObj$_x = _styleObj$_x.doorStyles) === null || _styleObj$_x === void 0 || (_styleObj$_x = _styleObj$_x.cds) === null || _styleObj$_x === void 0 ? void 0 : _styleObj$_x.find(function (elem) {
+                return elem.itemID === state.catalog.getIn(['elements', type, 'itemID']);
+              });
+              if (_cds) {
+                var _styleObj$_x2;
+                var _tmpDS = (_styleObj$_x2 = _styleObj[_x2]) === null || _styleObj$_x2 === void 0 ? void 0 : _styleObj$_x2.data;
+                _tmpDS.doorStyles = _objectSpread(_objectSpread(_objectSpread({}, _tmpDS.doorStyles), _cds.data && _cds.data[0] ? _cds.data[0] : {}), {}, {
+                  cabinet_door_style_id: _cds.cabinet_door_style_id
+                });
+                item = item.merge({
+                  doorStyle: (0, _immutable.fromJS)(_tmpDS)
+                });
+                break;
+              }
+            }
           }
         }
       }
@@ -87,11 +123,15 @@ var Item = exports["default"] = /*#__PURE__*/function () {
         };
       }
       var setSizeOfItemByDoorStyle = function setSizeOfItemByDoorStyle() {
+        var _doorStyle$doorStyles, _cds$data;
         var doorStyle = item.get('doorStyle').toJS();
-        var euroCDS = state.catalog.getIn(['elements', type, 'cds']).data.filter(function (element) {
-          return element && element.is_euro_cds;
+        var cds = doorStyle === null || doorStyle === void 0 || (_doorStyle$doorStyles = doorStyle.doorStyles) === null || _doorStyle$doorStyles === void 0 || (_doorStyle$doorStyles = _doorStyle$doorStyles.cds) === null || _doorStyle$doorStyles === void 0 ? void 0 : _doorStyle$doorStyles.find(function (elem) {
+          return elem.itemID === item.itemID;
         });
-        if (doorStyle.door_style_name === 'Euro & Frameless' && euroCDS.length > 0) {
+        var euro_cds = (cds === null || cds === void 0 || (_cds$data = cds.data) === null || _cds$data === void 0 ? void 0 : _cds$data.filter(function (element) {
+          return element && element.is_euro_cds;
+        })) || [];
+        if (doorStyle.door_style_name === 'Euro & Frameless' && euro_cds.length > 0) {
           var newProperties = item.get('properties').toJS();
           if (newProperties.hasOwnProperty('depth')) {
             if (!newProperties.hasOwnProperty('oldDepth')) {
@@ -102,8 +142,8 @@ var Item = exports["default"] = /*#__PURE__*/function () {
               });
             }
             newProperties['depth'] = new _immutable.Map({
-              length: (0, _convertUnitsLite.convert)(euroCDS[0].euro_length).from('in').to('cm'),
-              _length: euroCDS[0].euro_length,
+              length: (0, _convertUnitsLite.convert)(euro_cds[0].euro_length).from('in').to('cm'),
+              _length: euro_cds[0].euro_length,
               _unit: 'in'
             });
           }
@@ -116,8 +156,8 @@ var Item = exports["default"] = /*#__PURE__*/function () {
               });
             }
             newProperties['height'] = new _immutable.Map({
-              length: (0, _convertUnitsLite.convert)(euroCDS[0].euro_height).from('in').to('cm'),
-              _length: euroCDS[0].euro_height,
+              length: (0, _convertUnitsLite.convert)(euro_cds[0].euro_height).from('in').to('cm'),
+              _length: euro_cds[0].euro_height,
               _unit: 'in'
             });
           }
@@ -130,8 +170,8 @@ var Item = exports["default"] = /*#__PURE__*/function () {
               });
             }
             newProperties['width'] = new _immutable.Map({
-              length: (0, _convertUnitsLite.convert)(euroCDS[0].euro_width).from('in').to('cm') - 10,
-              _length: euroCDS[0].euro_width,
+              length: (0, _convertUnitsLite.convert)(euro_cds[0].euro_width).from('in').to('cm') - 10,
+              _length: euro_cds[0].euro_width,
               _unit: 'in'
             });
           }
@@ -279,7 +319,6 @@ var Item = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "duplicateSelected",
     value: function duplicateSelected(state, currentObject) {
-      var onInternalEvent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
       var layerID = state.getIn(['scene', 'selectedLayer']);
       var layer = state.getIn(['scene', 'layers', layerID]);
       var objectID = currentObject.id;
@@ -287,7 +326,6 @@ var Item = exports["default"] = /*#__PURE__*/function () {
       var x = currentObject.x;
       var y = currentObject.y;
       var sceneComponentType, width, depth, rotRad;
-      var duplicatedElement = null;
       switch (currentObject.prototype) {
         case 'items':
           myObject = state.getIn(['scene', 'layers', layerID, 'items', objectID]);
@@ -309,10 +347,9 @@ var Item = exports["default"] = /*#__PURE__*/function () {
           var isrectSect = _export2.GeometryUtils.validInterSect(allRect, val);
           if (isrectSect) {
             // Duplicated object has a original object's molding property
-            var _this$create = this.create(state, layerID, sceneComponentType, x + width * Math.cos(rotRad), y + width * Math.sin(rotRad), 200, 100, rotRad * 180 / Math.PI, true, myObject.molding, false, myObject),
+            var _this$create = this.create(state, layerID, sceneComponentType, x + width * Math.cos(rotRad), y + width * Math.sin(rotRad), 200, 100, rotRad * 180 / Math.PI, true, myObject.molding),
               stateI = _this$create.updatedState,
               item = _this$create.item;
-            duplicatedElement = item;
             if (item === null) {
               alert('There are no Door Colors in this cabinet.');
               state = state.merge({
@@ -336,10 +373,9 @@ var Item = exports["default"] = /*#__PURE__*/function () {
             _val.is_corner = allItemRect.cur.is_corner;
             var isRect = _export2.GeometryUtils.validInterSect(allRect, _val);
             if (isRect) {
-              var _this$create2 = this.create(state, layerID, sceneComponentType, x - width * Math.cos(rotRad), y - width * Math.sin(rotRad), 200, 100, rotRad * 180 / Math.PI, true, myObject.molding, false, myObject),
+              var _this$create2 = this.create(state, layerID, sceneComponentType, x - width * Math.cos(rotRad), y - width * Math.sin(rotRad), 200, 100, rotRad * 180 / Math.PI, true, myObject.molding),
                 _stateI = _this$create2.updatedState,
                 _item = _this$create2.item;
-              duplicatedElement = _item;
               if (_item === null) {
                 alert('There are no Door Colors in this cabinet.');
                 state = state.merge({
@@ -363,10 +399,9 @@ var Item = exports["default"] = /*#__PURE__*/function () {
               _val2.is_corner = allItemRect.cur.is_corner;
               var isRectDown = _export2.GeometryUtils.validInterSect(allRect, _val2);
               if (isRectDown) {
-                var _this$create3 = this.create(state, layerID, sceneComponentType, x - depth * Math.sin(rotRad), y - depth * Math.cos(rotRad), 200, 100, rotRad * 180 / Math.PI, true, myObject.molding, false, myObject),
+                var _this$create3 = this.create(state, layerID, sceneComponentType, x - depth * Math.sin(rotRad), y - depth * Math.cos(rotRad), 200, 100, rotRad * 180 / Math.PI, true, myObject.molding),
                   _stateI2 = _this$create3.updatedState,
                   _item2 = _this$create3.item;
-                duplicatedElement = _item2;
                 if (_item2 === null) {
                   alert('There are no Door Colors in this cabinet.');
                   state = state.merge({
@@ -390,10 +425,9 @@ var Item = exports["default"] = /*#__PURE__*/function () {
                 _val3.is_corner = allItemRect.cur.is_corner;
                 var isRectUp = _export2.GeometryUtils.validInterSect(allRect, _val3);
                 if (isRectUp) {
-                  var _this$create4 = this.create(state, layerID, sceneComponentType, x + depth * Math.sin(rotRad), y + depth * Math.cos(rotRad), 200, 100, rotRad * 180 / Math.PI, true, myObject.molding, false, myObject),
+                  var _this$create4 = this.create(state, layerID, sceneComponentType, x + depth * Math.sin(rotRad), y + depth * Math.cos(rotRad), 200, 100, rotRad * 180 / Math.PI, true, myObject.molding),
                     _stateI3 = _this$create4.updatedState,
                     _item3 = _this$create4.item;
-                  duplicatedElement = _item3;
                   if (_item3 === null) {
                     alert('There are no Door Colors in this cabinet.');
                     state = state.merge({
@@ -471,14 +505,6 @@ var Item = exports["default"] = /*#__PURE__*/function () {
         default:
           break;
       }
-      if (onInternalEvent && duplicatedElement) {
-        var jsElement = duplicatedElement.toJS();
-        if (jsElement.prototype === 'items') jsElement.isWarning = (0, _utils.isWarningItem)(duplicatedElement);
-        onInternalEvent({
-          type: _constants.INTERNAL_EVENT_DRAW_ELEMENT,
-          value: jsElement
-        });
-      }
       return {
         updatedState: state
       };
@@ -487,9 +513,6 @@ var Item = exports["default"] = /*#__PURE__*/function () {
     key: "storeDistArray",
     value: function storeDistArray(state, layerID, itemID, distArray) {
       var curDistArray = state.getIn(['scene', 'layers', layerID, 'items', itemID, 'distArray']);
-      distArray.forEach(function (dist) {
-        dist[0] < 0 ? dist[0] = 0 : dist[0];
-      });
       var isEqualDist = function isEqualDist(a, b) {
         return a == b;
       };
@@ -608,15 +631,13 @@ var Item = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "updateDrawingItem",
     value: function updateDrawingItem(state, layerID, x, y) {
-      var isInitialPos = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
       if (state.hasIn(['drawingSupport', 'currentID'])) {
         var mode = state.get('mode');
         if ([_constants.MODE_DRAWING_ITEM_3D].includes(mode)) {
           state = state.updateIn(['scene', 'layers', layerID, 'items', state.getIn(['drawingSupport', 'currentID'])], function (item) {
             return item && item.merge({
               x: x,
-              y: y,
-              isInitialPos: isInitialPos ? isInitialPos : false
+              y: y
             });
           });
           state = state.merge({
@@ -630,13 +651,12 @@ var Item = exports["default"] = /*#__PURE__*/function () {
           state = state.updateIn(['scene', 'layers', layerID, 'items', state.getIn(['drawingSupport', 'currentID'])], function (item) {
             return item && item.merge({
               x: x,
-              y: y,
-              isInitialPos: isInitialPos ? isInitialPos : false
+              y: y
             });
           });
         }
       } else {
-        var _this$create5 = this.create(state, layerID, state.getIn(['drawingSupport', 'type']), x, y, 200, 100, 0, false, [], isInitialPos),
+        var _this$create5 = this.create(state, layerID, state.getIn(['drawingSupport', 'type']), x, y, 200, 100, 0, false),
           stateI = _this$create5.updatedState,
           item = _this$create5.item;
         if (item === null) {
@@ -672,8 +692,7 @@ var Item = exports["default"] = /*#__PURE__*/function () {
       // tY = tY > 500 ? 500 : tY < 0 ? 0 : tY;
       item = item.merge({
         x: x,
-        y: y,
-        isInitialPos: false
+        y: y
       });
       state = state.merge({
         scene: scene.mergeIn(['layers', layerID, 'items', itemID], item)
@@ -687,8 +706,8 @@ var Item = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "endDrawingItem",
     value: function endDrawingItem(state, layerID, x, y) {
-      // let catalog = state.catalog;
-      state = this.updateDrawingItem(state, layerID, x, y).updatedState;
+      var catalog = state.catalog;
+      state = this.updateDrawingItem(state, layerID, x, y, catalog).updatedState;
       state = _export.Layer.unselectAll(state, layerID).updatedState;
       var popup = state.get('popup');
       state = state.merge({
@@ -771,8 +790,7 @@ var Item = exports["default"] = /*#__PURE__*/function () {
       tY = tY > scene.height ? scene.height : tY < 0 ? 0 : tY;
       item = item.merge({
         x: tX,
-        y: tY,
-        isInitialPos: false
+        y: tY
       });
       state = state.merge({
         scene: scene.mergeIn(['layers', layerID, 'items', itemID], item)
@@ -1112,41 +1130,48 @@ var Item = exports["default"] = /*#__PURE__*/function () {
     }
   }, {
     key: "setInitialDoorStyle",
-    value: function setInitialDoorStyle(state, doorStyle) {
-      state = state.merge({
-        doorStyle: doorStyle
-      });
-      var _state8 = state,
-        scene = _state8.scene;
-      var layerID = scene.get('selectedLayer');
-      var layers = scene.layers.get(layerID);
-      var items = layers.items;
-      layers = layers.setIn(['doorStyle'], (0, _immutable.fromJS)(doorStyle));
-      state = state.merge({
-        scene: state.scene.mergeIn(['layers', layerID], layers)
-      });
-      items.forEach(function (data) {
-        {
-          var itemID = data.id;
-          var tmpDS = _objectSpread(_objectSpread({}, data.doorStyle), {}, {
-            doorStyles: _objectSpread(_objectSpread({}, data.doorStyle.doorStyles), {}, {
-              counttop: doorStyle.doorStyles.counttop
-            })
-          });
-          data = data.mergeIn(['doorStyle'], (0, _immutable.fromJS)(tmpDS));
-          layers = layers.mergeIn(['items', itemID], data);
-          state = state.merge({
-            scene: scene.mergeIn(['layers', layerID], layers)
-          });
-        }
-      });
+    value: function setInitialDoorStyle(state, doorStyle, oStyle) {
+      if (doorStyle === undefined) {
+        state = state.merge({
+          oStyle: new _immutable.Map({
+            oStyle: oStyle
+          })
+        });
+      } else {
+        state = state.merge({
+          doorStyle: doorStyle,
+          oStyle: new _immutable.Map({
+            oStyle: oStyle
+          })
+        });
+        var _state8 = state,
+          scene = _state8.scene;
+        var layerID = scene.get('selectedLayer');
+        var layers = scene.layers.get(layerID);
+        var items = layers.items;
+        items.forEach(function (data) {
+          {
+            var itemID = data.id;
+            var tmpDS = _objectSpread(_objectSpread({}, data.doorStyle), {}, {
+              doorStyles: _objectSpread(_objectSpread({}, data.doorStyle.doorStyles), {}, {
+                counttop: doorStyle.doorStyles.counttop
+              })
+            });
+            data = data.mergeIn(['doorStyle'], (0, _immutable.fromJS)(tmpDS));
+            layers = layers.mergeIn(['items', itemID], data);
+            state = state.merge({
+              scene: scene.mergeIn(['layers', layerID], layers)
+            });
+          }
+        });
+      }
       return {
         updatedState: state
       };
     }
   }, {
     key: "setDoorStyle",
-    value: function setDoorStyle(state, doorStyle, itemCDS, isAll) {
+    value: function setDoorStyle(state, doorStyle, isAll) {
       var _this2 = this;
       var keys = Object.keys(doorStyle.doorStyles);
       keys = keys.filter(function (elem) {
@@ -1156,7 +1181,6 @@ var Item = exports["default"] = /*#__PURE__*/function () {
       for (var x in keys) {
         tmp[keys[x]] = doorStyle.doorStyles[keys[x]];
       }
-      doorStyle.cds = itemCDS;
       state = state.setIn(['scene', 'layers', state.scene.selectedLayer, 'doorStyle'], doorStyle);
       state = state.merge({
         doorStyle: doorStyle
@@ -1164,14 +1188,14 @@ var Item = exports["default"] = /*#__PURE__*/function () {
       var layerID = state.scene.get('selectedLayer');
       var temp_layer_molding = state.scene.getIn(['layers', layerID, 'molding']);
       temp_layer_molding = temp_layer_molding.filter(function (md) {
-        return itemCDS === null || itemCDS === void 0 ? void 0 : itemCDS.some(function (ds) {
+        return doorStyle.doorStyles.cds.some(function (ds) {
           return md.itemID === ds.itemID;
         });
       });
       state = state.setIn(['scene', 'layers', layerID, 'molding'], temp_layer_molding);
       var itemIDs = state.scene.layers.getIn([layerID, 'selected', 'items']).toJS();
       var setDoorStyleOfItem = function setDoorStyleOfItem(data) {
-        var _cds$data;
+        var _cds$data2;
         if (data.category !== 'cabinet') return; //CDS should effect to cabinets
         var itemID = data.id;
         var curItem = state.getIn(['scene', 'layers', layerID, 'items', itemID]);
@@ -1179,7 +1203,7 @@ var Item = exports["default"] = /*#__PURE__*/function () {
         var tmpMolding = (0, _toConsumableArray2["default"])(curItem.molding);
         var temp_item_molding = (0, _toConsumableArray2["default"])(curItem.molding);
         temp_item_molding = temp_item_molding.filter(function (md) {
-          return itemCDS === null || itemCDS === void 0 ? void 0 : itemCDS.some(function (ds) {
+          return doorStyle.doorStyles.cds.some(function (ds) {
             return ds.itemID === md.itemID;
           });
         });
@@ -1189,16 +1213,17 @@ var Item = exports["default"] = /*#__PURE__*/function () {
             state = state.setIn(['scene', 'layers', layerID, 'items', it.id, 'molding'], temp_item_molding);
           });
         });
-        var cds = itemCDS === null || itemCDS === void 0 ? void 0 : itemCDS.find(function (elem) {
+        var cds = doorStyle.doorStyles.cds.find(function (elem) {
           return elem.itemID === data.itemID;
         });
-        var euro_cds = (cds === null || cds === void 0 || (_cds$data = cds.data) === null || _cds$data === void 0 ? void 0 : _cds$data.filter(function (element) {
+        var euro_cds = (cds === null || cds === void 0 || (_cds$data2 = cds.data) === null || _cds$data2 === void 0 ? void 0 : _cds$data2.filter(function (element) {
           return element && element.is_euro_cds;
         })) || [];
-        var cds_data = cds ? [cds] : [];
-        if (
-        // doorStyle.door_style_name === 'Euro & Frameless' &&
-        euro_cds.length > 0) {
+        var cds_data;
+        if (doorStyle.door_style_name === 'Euro & Frameless' && euro_cds.length > 0) {
+          cds_data = cds ? _objectSpread(_objectSpread({}, euro_cds[0]), {}, {
+            cabinet_door_style_id: cds.cabinet_door_style_id
+          }) : {};
           var newProperties = state.scene.getIn(['layers', layerID, 'items', itemID, 'properties']).toJS();
           if (newProperties.hasOwnProperty('depth')) {
             if (!newProperties.hasOwnProperty('oldDepth')) {
@@ -1244,6 +1269,9 @@ var Item = exports["default"] = /*#__PURE__*/function () {
           }
           state = _this2.setJsProperties(state, layerID, itemID, newProperties).updatedState;
         } else {
+          cds_data = cds ? _objectSpread(_objectSpread({}, cds.data && cds.data[0] ? cds.data[0] : {}), {}, {
+            cabinet_door_style_id: cds.cabinet_door_style_id
+          }) : {};
           var properties = state.scene.getIn(['layers', layerID, 'items', itemID, 'properties']).toJS();
           if (properties.hasOwnProperty('oldDepth')) {
             properties['depth'] = new _immutable.Map({
@@ -1282,9 +1310,7 @@ var Item = exports["default"] = /*#__PURE__*/function () {
           color_sku_alias: doorStyle.color_sku_alias,
           // alias name of color_sku for the current dealer
           install: (0, _utils.getInstallationSuffix)(_constants.INSTALLATION_SUFFIX_TYPE.NAME, doorStyle),
-          doorStyles: _objectSpread(_objectSpread({}, tmp), {}, {
-            cds: cds_data
-          })
+          doorStyles: _objectSpread(_objectSpread({}, tmp), cds_data)
         };
         state = state.mergeIn(['scene', 'layers', layerID, 'items', itemID, 'doorStyle'], (0, _immutable.fromJS)(tmpDS));
       };
@@ -1549,9 +1575,6 @@ var Item = exports["default"] = /*#__PURE__*/function () {
           });
         }
       }
-      state = state.merge({
-        sceneHistory: (0, _history.historyPush)(state.sceneHistory, state.scene)
-      });
       return {
         updatedState: state
       };
@@ -1674,9 +1697,6 @@ var Item = exports["default"] = /*#__PURE__*/function () {
           updateSelectItemMolding();
         }
       }
-      state = state.merge({
-        sceneHistory: (0, _history.historyPush)(state.sceneHistory, state.scene)
-      });
       return {
         updatedState: state
       };

package/lib/class/line.js

@@ -15,7 +15,6 @@ var _export2 = require("../utils/export");
 var Three = _interopRequireWildcard(require("three"));
 var _constants = require("../constants");
 var _helper = require("../utils/helper");
-var _convertUnitsLite = require("../utils/convert-units-lite");
 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 timeGlobal = 0;
 var TimeRecorder = /*#__PURE__*/function () {
@@ -436,7 +435,7 @@ var Line = exports["default"] = /*#__PURE__*/function () {
     }
   }, {
     key: "beginDrawingLine",
-    value: function beginDrawingLine(state, layerID, x, y, onInternalEvent) {
+    value: function beginDrawingLine(state, layerID, x, y) {
       // if end drawing by created area
       if (state.mode == _constants.MODE_IDLE) {
         return {
@@ -489,17 +488,6 @@ var Line = exports["default"] = /*#__PURE__*/function () {
         activeSnapElement: snap ? snap.snap : null,
         drawingSupport: drawingSupport
       });
-      var layer = state.getIn(['scene', 'layers', layerID]);
-      var payload = line.toJS();
-      var v_a = layer.vertices.get(line.vertices.get(0));
-      var v_b = layer.vertices.get(line.vertices.get(1));
-      var distance = _export2.GeometryUtils.pointsDistance(v_a.x, v_a.y, v_b.x, v_b.y);
-      var _length = (0, _convertUnitsLite.convert)(distance).from('cm').to(layer.unit);
-      payload.length = _length;
-      if (onInternalEvent) onInternalEvent({
-        type: _constants.INTERNAL_EVENT_START_DRAW_WALL,
-        value: payload
-      });
       return {
         updatedState: state
       };