kitchen-simulator 1.1.1-test.60 → 1.1.1-test.61

package/es/components/viewer2d/grids/grid-vertical-streak.js

@@ -1,14 +1,21 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { List } from 'immutable';
-export default function GridVerticalStreak(_ref) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = GridVerticalStreak;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _immutable = require("immutable");
+function GridVerticalStreak(_ref) {
   var width = _ref.width,
     height = _ref.height,
     grid = _ref.grid;
   var step = grid.properties.get('step');
   var colors;
   if (grid.properties.has('color')) {
-    colors = new List([grid.properties.get('color')]);
+    colors = new _immutable.List([grid.properties.get('color')]);
   } else {
     colors = grid.properties.get('colors');
   }
@@ -17,7 +24,7 @@ export default function GridVerticalStreak(_ref) {
   for (var x = 0; x <= width; x += step) {
     var color = colors.get(i % colors.size);
     i++;
-    rendered.push(/*#__PURE__*/React.createElement("line", {
+    rendered.push(/*#__PURE__*/_react["default"].createElement("line", {
       key: x,
       x1: x,
       y1: "0",
@@ -27,10 +34,10 @@ export default function GridVerticalStreak(_ref) {
       stroke: color
     }));
   }
-  return /*#__PURE__*/React.createElement("g", null, rendered);
+  return /*#__PURE__*/_react["default"].createElement("g", null, rendered);
 }
 GridVerticalStreak.propTypes = {
-  width: PropTypes.number.isRequired,
-  height: PropTypes.number.isRequired,
-  grid: PropTypes.object.isRequired
+  width: _propTypes["default"].number.isRequired,
+  height: _propTypes["default"].number.isRequired,
+  grid: _propTypes["default"].object.isRequired
 };

package/es/components/viewer2d/grids/grids.js

@@ -1,12 +1,16 @@
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-import React, { memo } from 'react';
-import PropTypes from 'prop-types';
-import GridStreak from "./grid-streak";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _gridStreak = _interopRequireDefault(require("./grid-streak"));
+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 propsAreEqual = function propsAreEqual(oldScene, newScene) {
   return oldScene.scene.width === newScene.scene.width && oldScene.scene.height === newScene.scene.height && oldScene.scene.grids === newScene.scene.grids;
 };
@@ -16,20 +20,20 @@ var drawGrid = function drawGrid(_ref) {
     height = scene.height,
     grids = scene.grids;
   var renderedGrids = grids.entrySeq().map(function (_ref2) {
-    var _ref3 = _slicedToArray(_ref2, 2),
+    var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
       gridID = _ref3[0],
       grid = _ref3[1];
-    return /*#__PURE__*/React.createElement(GridStreak, {
+    return /*#__PURE__*/_react["default"].createElement(_gridStreak["default"], {
       key: gridID,
       width: width,
       height: height,
       grid: grid
     });
   }).toList();
-  return /*#__PURE__*/React.createElement("g", null, renderedGrids);
+  return /*#__PURE__*/_react["default"].createElement("g", null, renderedGrids);
 };
-var Grids = /*#__PURE__*/memo(drawGrid, propsAreEqual);
+var Grids = /*#__PURE__*/(0, _react.memo)(drawGrid, propsAreEqual);
 Grids.propTypes = {
-  scene: PropTypes.object.isRequired
+  scene: _propTypes["default"].object.isRequired
 };
-export default Grids;
+var _default = exports["default"] = Grids;

package/es/components/viewer2d/group.js

@@ -1,7 +1,16 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import If from "../../utils/react-if";
-import * as sharedStyles from "../../shared-style";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Group;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactIf = _interopRequireDefault(require("../../utils/react-if"));
+var sharedStyles = _interopRequireWildcard(require("../../shared-style"));
+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 cx = 0;
 var cy = 0;
 var radius = 5;
@@ -10,13 +19,13 @@ var STYLE_CIRCLE = {
   stroke: sharedStyles.MATERIAL_COLORS[500].orange,
   cursor: 'default'
 };
-export default function Group(_ref, _ref2) {
+function Group(_ref, _ref2) {
   var layer = _ref.layer,
     group = _ref.group,
     scene = _ref.scene,
     catalog = _ref.catalog;
   var translator = _ref2.translator;
-  return /*#__PURE__*/React.createElement("g", {
+  return /*#__PURE__*/_react["default"].createElement("g", {
     "data-element-root": true,
     "data-prototype": group.prototype,
     "data-id": group.id,
@@ -26,28 +35,28 @@ export default function Group(_ref, _ref2) {
       cursor: 'move'
     } : {},
     transform: "translate(".concat(group.x, ",").concat(group.y, ") rotate(").concat(group.rotation, ")")
-  }, /*#__PURE__*/React.createElement(If, {
+  }, /*#__PURE__*/_react["default"].createElement(_reactIf["default"], {
     condition: group.selected
-  }, /*#__PURE__*/React.createElement("g", {
+  }, /*#__PURE__*/_react["default"].createElement("g", {
     "data-element-root": true,
     "data-prototype": group.prototype,
     "data-id": group.id,
     "data-selected": group.selected,
     "data-layer": layer.id,
     "data-part": "rotation-anchor"
-  }, /*#__PURE__*/React.createElement("circle", {
+  }, /*#__PURE__*/_react["default"].createElement("circle", {
     cx: cx,
     cy: cy,
     r: radius,
     style: STYLE_CIRCLE
-  }, /*#__PURE__*/React.createElement("title", null, translator.t("Group's Barycenter"))))));
+  }, /*#__PURE__*/_react["default"].createElement("title", null, translator.t("Group's Barycenter"))))));
 }
 Group.propTypes = {
-  group: PropTypes.object.isRequired,
-  layer: PropTypes.object.isRequired,
-  scene: PropTypes.object.isRequired,
-  catalog: PropTypes.object.isRequired
+  group: _propTypes["default"].object.isRequired,
+  layer: _propTypes["default"].object.isRequired,
+  scene: _propTypes["default"].object.isRequired,
+  catalog: _propTypes["default"].object.isRequired
 };
 Group.contextTypes = {
-  translator: PropTypes.object.isRequired
+  translator: _propTypes["default"].object.isRequired
 };

package/es/components/viewer2d/item.js

@@ -1,16 +1,20 @@
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-import React, { useState } from 'react';
-import PropTypes from 'prop-types';
-import RulerDist from "./rulerDist";
-import { convert } from "../../utils/convert-units-lite";
-import { GeometryUtils } from "../../utils/export";
-import { MODE_ROTATING_ITEM, WALL_CABINET_LAYOUTPOS } from "../../constants";
-import { returnReplaceableDeepSearchType } from "./utils";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Item;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _rulerDist = _interopRequireDefault(require("./rulerDist"));
+var _convertUnitsLite = require("../../utils/convert-units-lite");
+var _export = require("../../utils/export");
+var _constants = require("../../constants");
+var _utils = require("./utils");
+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 STYLE_LINE = {
   fill: '#0096fd',
   stroke: '#0096fd'
@@ -25,7 +29,7 @@ var STYLE_CIRCLE2 = {
   stroke: '#0096fd',
   cursor: 'ew-resize'
 };
-export default function Item(_ref, _ref2) {
+function Item(_ref, _ref2) {
   var layer = _ref.layer,
     item = _ref.item,
     scene = _ref.scene,
@@ -45,12 +49,12 @@ export default function Item(_ref, _ref2) {
   var allLineRects;
   var allItemRect;
   var width, height;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     clockRotateState = _useState2[0],
     setClockRotateState = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
     antiClockRotateState = _useState4[0],
     setAntiClockRotateState = _useState4[1];
   var val = {
@@ -63,11 +67,11 @@ export default function Item(_ref, _ref2) {
   var tempWidth = item.properties.get('width');
   var tempHeight = item.properties.get('depth');
   if (tempWidth || tempHeight) {
-    width = convert(tempWidth.get('_length')).from(tempWidth.get('_unit')).to('cm');
-    height = convert(tempHeight.get('_length')).from(tempHeight.get('_unit')).to('cm');
+    width = (0, _convertUnitsLite.convert)(tempWidth.get('_length')).from(tempWidth.get('_unit')).to('cm');
+    height = (0, _convertUnitsLite.convert)(tempHeight.get('_length')).from(tempHeight.get('_unit')).to('cm');
   } else {
-    width = convert(element.info.sizeinfo.width).from('in').to('cm');
-    height = convert(element.info.sizeinfo.depth).from('in').to('cm');
+    width = (0, _convertUnitsLite.convert)(element.info.sizeinfo.width).from('in').to('cm');
+    height = (0, _convertUnitsLite.convert)(element.info.sizeinfo.depth).from('in').to('cm');
   }
   var angle = rotation + 90;
   val.size = {
@@ -122,10 +126,10 @@ export default function Item(_ref, _ref2) {
       selectedItem = layer.getIn(['items', layer.selected.items.get(0)]);
       var catid = selectedItem.type;
       var cat = catalog.elements[catid];
-      if (!cat) cat = catalog.elements[returnReplaceableDeepSearchType(catid)];
+      if (!cat) cat = catalog.elements[(0, _utils.returnReplaceableDeepSearchType)(catid)];
       if (cat === undefined || cat === null) {
         cat = catalog.getIn(['elements', catid]);
-        if (!cat) cat = catalog.getIn(['elements', returnReplaceableDeepSearchType(catid)]);
+        if (!cat) cat = catalog.getIn(['elements', (0, _utils.returnReplaceableDeepSearchType)(catid)]);
       }
       currentItem = {
         selectedItem: selectedItem,
@@ -142,9 +146,9 @@ export default function Item(_ref, _ref2) {
       };
       var catid = item.type;
       var cat = catalog.elements[catid];
-      if (!cat) cat = catalog.elements[returnReplaceableDeepSearchType(catid)];
-      var width = convert(item.properties.getIn(['width', '_length'])).from('in').to('cm');
-      var height = convert(item.properties.getIn(['depth', '_length'])).from('in').to('cm');
+      if (!cat) cat = catalog.elements[(0, _utils.returnReplaceableDeepSearchType)(catid)];
+      var width = (0, _convertUnitsLite.convert)(item.properties.getIn(['width', '_length'])).from('in').to('cm');
+      var height = (0, _convertUnitsLite.convert)(item.properties.getIn(['depth', '_length'])).from('in').to('cm');
       // let width = cat.info.sizeinfo.width;
       // let height = cat.info.sizeinfo.depth;
       val.size = {
@@ -235,8 +239,8 @@ export default function Item(_ref, _ref2) {
     };
   }
   allItemRect = getAllItems();
-  allLines = GeometryUtils.getAllLines(layer);
-  allLineRects = GeometryUtils.buildRectFromLines(layer, allLines);
+  allLines = _export.GeometryUtils.getAllLines(layer);
+  allLineRects = _export.GeometryUtils.buildRectFromLines(layer, allLines);
   var allRect = allLineRects.concat(allItemRect.others);
   curiteminfo = getCalcRectFromItem(val);
 
@@ -257,17 +261,17 @@ export default function Item(_ref, _ref2) {
       var comparelength = [];
       var a;
       var RectLineFuction;
-      if (centerpoint[1] === 180 || centerpoint[1] === 0) RectLineFuction = GeometryUtils.linePassingThroughTwoPoints(centerpoint[0].x, centerpoint[0].y, center_x1, center_y1);else RectLineFuction = GeometryUtils.linePassingThroughTwoPoints(centerpoint[0].x, centerpoint[0].y, center_x, center_y);
+      if (centerpoint[1] === 180 || centerpoint[1] === 0) RectLineFuction = _export.GeometryUtils.linePassingThroughTwoPoints(centerpoint[0].x, centerpoint[0].y, center_x1, center_y1);else RectLineFuction = _export.GeometryUtils.linePassingThroughTwoPoints(centerpoint[0].x, centerpoint[0].y, center_x, center_y);
       allRect.forEach(function (linerect) {
-        var p0 = GeometryUtils.clone_point(linerect.rect[2]);
-        var p1 = GeometryUtils.clone_point(linerect.rect[3]);
+        var p0 = _export.GeometryUtils.clone_point(linerect.rect[2]);
+        var p1 = _export.GeometryUtils.clone_point(linerect.rect[3]);
         var lineFunction = {};
-        if (p0.x !== p1.x || p0.y !== p1.y) lineFunction = GeometryUtils.linePassingThroughTwoPoints(p0.x, p0.y, p1.x, p1.y);
-        var coordinatePoint = GeometryUtils.twoLinesIntersection(lineFunction.a, lineFunction.b, lineFunction.c, RectLineFuction.a, RectLineFuction.b, RectLineFuction.c);
+        if (p0.x !== p1.x || p0.y !== p1.y) lineFunction = _export.GeometryUtils.linePassingThroughTwoPoints(p0.x, p0.y, p1.x, p1.y);
+        var coordinatePoint = _export.GeometryUtils.twoLinesIntersection(lineFunction.a, lineFunction.b, lineFunction.c, RectLineFuction.a, RectLineFuction.b, RectLineFuction.c);
         if (coordinatePoint !== undefined) {
-          if (GeometryUtils.pointsDistance(p0.x, p0.y, p1.x, p1.y) > GeometryUtils.pointsDistance(p0.x, p0.y, coordinatePoint.x, coordinatePoint.y) && GeometryUtils.pointsDistance(p0.x, p0.y, p1.x, p1.y) > GeometryUtils.pointsDistance(p1.x, p1.y, coordinatePoint.x, coordinatePoint.y)) {
-            if (GeometryUtils.pointsDistance(coordinatePoint.x, coordinatePoint.y, center_x, center_y) > GeometryUtils.pointsDistance(centerpoint[0].x, centerpoint[0].y, coordinatePoint.x, coordinatePoint.y)) {
-              comparelength.push(GeometryUtils.pointsDistance(centerpoint[0].x, centerpoint[0].y, coordinatePoint.x, coordinatePoint.y));
+          if (_export.GeometryUtils.pointsDistance(p0.x, p0.y, p1.x, p1.y) > _export.GeometryUtils.pointsDistance(p0.x, p0.y, coordinatePoint.x, coordinatePoint.y) && _export.GeometryUtils.pointsDistance(p0.x, p0.y, p1.x, p1.y) > _export.GeometryUtils.pointsDistance(p1.x, p1.y, coordinatePoint.x, coordinatePoint.y)) {
+            if (_export.GeometryUtils.pointsDistance(coordinatePoint.x, coordinatePoint.y, center_x, center_y) > _export.GeometryUtils.pointsDistance(centerpoint[0].x, centerpoint[0].y, coordinatePoint.x, coordinatePoint.y)) {
+              comparelength.push(_export.GeometryUtils.pointsDistance(centerpoint[0].x, centerpoint[0].y, coordinatePoint.x, coordinatePoint.y));
               a = Math.min.apply(null, comparelength);
             }
           }
@@ -293,7 +297,7 @@ export default function Item(_ref, _ref2) {
       var itemDistanceFromLine = element[0];
       var length = itemDistanceFromLine;
       if (itemDistanceFromLine > ep || itemDistanceFromLine < -ep) {
-        renderedRuler.push(/*#__PURE__*/React.createElement("g", {
+        renderedRuler.push(/*#__PURE__*/_react["default"].createElement("g", {
           "data-element-root": true,
           "data-prototype": "rulerDist",
           "data-id": item.id,
@@ -302,7 +306,7 @@ export default function Item(_ref, _ref2) {
           key: key,
           "data-length": length,
           "data-direct": element[1]
-        }, /*#__PURE__*/React.createElement(RulerDist, {
+        }, /*#__PURE__*/_react["default"].createElement(_rulerDist["default"], {
           key: key,
           layer: layer,
           unit: scene.unit,
@@ -323,7 +327,7 @@ export default function Item(_ref, _ref2) {
   var newWidth = item.toJS().properties.width.length;
   if (item.toJS().doorStyle.doorStyles && item.toJS().doorStyle.doorStyles.cds && item.toJS().doorStyle.doorStyles.cds.filter(function (cd) {
     return cd.itemID == item.getIn(['itemID']);
-  }).length === 0 && item.category === 'cabinet') warning_buttons = /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("g", {
+  }).length === 0 && item.category === 'cabinet') warning_buttons = /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("g", {
     id: "warning_info_2d",
     style: {
       transform: "translate(0px,20px)",
@@ -338,12 +342,12 @@ export default function Item(_ref, _ref2) {
     onMouseLeave: function onMouseLeave() {
       document.getElementById('warning_box_2d').style.display = 'none';
     }
-  }, /*#__PURE__*/React.createElement("circle", {
+  }, /*#__PURE__*/_react["default"].createElement("circle", {
     cx: 0,
     cy: 0,
     r: 8,
     fill: "white"
-  }), /*#__PURE__*/React.createElement("image", {
+  }), /*#__PURE__*/_react["default"].createElement("image", {
     width: 15,
     height: 15,
     x: -7.5,
@@ -352,7 +356,7 @@ export default function Item(_ref, _ref2) {
       transform: "rotate(".concat(180 - item.rotation, "deg)")
     },
     href: buttons[1].thumbnail
-  })), /*#__PURE__*/React.createElement("g", {
+  })), /*#__PURE__*/_react["default"].createElement("g", {
     style: {
       cursor: 'pointer'
     },
@@ -362,12 +366,12 @@ export default function Item(_ref, _ref2) {
     "data-selected": item.selected,
     "data-layer": layer.id,
     "data-part": "warning_edit"
-  }, /*#__PURE__*/React.createElement("circle", {
+  }, /*#__PURE__*/_react["default"].createElement("circle", {
     cx: 0,
     cy: 0,
     r: 8,
     fill: "white"
-  }), /*#__PURE__*/React.createElement("image", {
+  }), /*#__PURE__*/_react["default"].createElement("image", {
     width: 15,
     height: 15,
     x: -7.5,
@@ -377,7 +381,7 @@ export default function Item(_ref, _ref2) {
     },
     href: buttons[0].thumbnail
   })));
-  if (item.selected) parts = [/*#__PURE__*/React.createElement("g", {
+  if (item.selected) parts = [/*#__PURE__*/_react["default"].createElement("g", {
     key: 0,
     "data-element-root": true,
     "data-prototype": item.prototype,
@@ -388,7 +392,7 @@ export default function Item(_ref, _ref2) {
     style: {
       cursor: 'w-resize'
     }
-  }, /*#__PURE__*/React.createElement("image", {
+  }, /*#__PURE__*/_react["default"].createElement("image", {
     href: clockRotateState ? '/assets/img/svg/rotate.png' : '/assets/img/svg/blank_div.svg',
     style: {
       transform: "scale(-1, -1) translate(".concat(width / 2, "px, ").concat(height / 2, "px) rotate(25deg)")
@@ -400,9 +404,9 @@ export default function Item(_ref, _ref2) {
       setAntiClockRotateState(false);
     },
     onMouseLeave: function onMouseLeave() {
-      return setClockRotateState(mode === MODE_ROTATING_ITEM ? true : false);
+      return setClockRotateState(mode === _constants.MODE_ROTATING_ITEM ? true : false);
     }
-  }), /*#__PURE__*/React.createElement("image", {
+  }), /*#__PURE__*/_react["default"].createElement("image", {
     href: antiClockRotateState ? '/assets/img/svg/rotate.png' : '/assets/img/svg/blank_div.svg',
     style: {
       transform: "scale(1, -1) translate(".concat(width / 2, "px, ").concat(height / 2, "px) rotate(25deg)")
@@ -414,9 +418,9 @@ export default function Item(_ref, _ref2) {
       setClockRotateState(false);
     },
     onMouseLeave: function onMouseLeave() {
-      return setAntiClockRotateState(mode === MODE_ROTATING_ITEM ? true : false);
+      return setAntiClockRotateState(mode === _constants.MODE_ROTATING_ITEM ? true : false);
     }
-  })), /*#__PURE__*/React.createElement("g", {
+  })), /*#__PURE__*/_react["default"].createElement("g", {
     key: 1
     // transform={`translate(${-width / 2 - (!isSmall ? 40 : 0)},${height / 2 + 40})`}
     ,
@@ -430,20 +434,20 @@ export default function Item(_ref, _ref2) {
     "data-selected": item.selected,
     "data-layer": layer.id,
     "data-part": "duplicate"
-  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("filter", {
+  }, /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("filter", {
     id: "shadow"
-  }, /*#__PURE__*/React.createElement("feDropShadow", {
+  }, /*#__PURE__*/_react["default"].createElement("feDropShadow", {
     dx: "0",
     dy: "0",
     stdDeviation: "0.6"
-  }))), /*#__PURE__*/React.createElement("rect", {
+  }))), /*#__PURE__*/_react["default"].createElement("rect", {
     rx: "4",
     ry: "4",
     height: "22",
     width: "22",
     fill: "white",
     filter: "url(#shadow)"
-  }), /*#__PURE__*/React.createElement("image", {
+  }), /*#__PURE__*/_react["default"].createElement("image", {
     href: "/assets/img/svg/duplicate.svg",
     x: "3",
     y: "-19",
@@ -452,7 +456,7 @@ export default function Item(_ref, _ref2) {
     style: {
       transform: 'rotateX(180deg)'
     }
-  })), /*#__PURE__*/React.createElement("g", {
+  })), /*#__PURE__*/_react["default"].createElement("g", {
     key: 2
     // transform={`translate(${-width / 2 - (!isSmall ? 40 : 0)},${height / 2})`}
     ,
@@ -466,14 +470,14 @@ export default function Item(_ref, _ref2) {
     "data-selected": item.selected,
     "data-layer": layer.id,
     "data-part": "remove"
-  }, /*#__PURE__*/React.createElement("rect", {
+  }, /*#__PURE__*/_react["default"].createElement("rect", {
     rx: "4",
     ry: "4",
     height: "22",
     width: "22",
     fill: "white",
     filter: "url(#shadow)"
-  }), /*#__PURE__*/React.createElement("image", {
+  }), /*#__PURE__*/_react["default"].createElement("image", {
     href: "/assets/img/svg/delete.svg",
     x: "3",
     y: "-19",
@@ -483,8 +487,8 @@ export default function Item(_ref, _ref2) {
       transform: 'rotateX(180deg)'
     }
   }))];
-  var measure = item.layoutpos === WALL_CABINET_LAYOUTPOS ? showWallCabinetMeasure : showBaseCabinetMeasure;
-  return /*#__PURE__*/React.createElement("g", {
+  var measure = item.layoutpos === _constants.WALL_CABINET_LAYOUTPOS ? showWallCabinetMeasure : showBaseCabinetMeasure;
+  return /*#__PURE__*/_react["default"].createElement("g", {
     "data-element-root": true,
     "data-prototype": item.prototype,
     "data-id": item.id,
@@ -493,7 +497,7 @@ export default function Item(_ref, _ref2) {
     style: item.selected ? {
       cursor: 'move'
     } : {}
-  }, renderedItem, /*#__PURE__*/React.createElement("g", {
+  }, renderedItem, /*#__PURE__*/_react["default"].createElement("g", {
     transform: "translate(".concat(x, ",").concat(y, ") rotate(").concat(rotation, ")"),
     style: {
       cursor: 'initial'
@@ -501,11 +505,11 @@ export default function Item(_ref, _ref2) {
   }, measure ? renderedRuler : null, parts, warning_buttons));
 }
 Item.propTypes = {
-  item: PropTypes.object.isRequired,
-  layer: PropTypes.object.isRequired,
-  scene: PropTypes.object.isRequired,
-  catalog: PropTypes.object.isRequired
+  item: _propTypes["default"].object.isRequired,
+  layer: _propTypes["default"].object.isRequired,
+  scene: _propTypes["default"].object.isRequired,
+  catalog: _propTypes["default"].object.isRequired
 };
 Item.contextTypes = {
-  itemsActions: PropTypes.object.isRequired
+  itemsActions: _propTypes["default"].object.isRequired
 };

package/es/components/viewer2d/layer.js

@@ -1,9 +1,16 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Line, Area, Vertex, Item, Group } from "./export";
-import { GeometryUtils } from "../../utils/export";
-import { MODE_DRAWING_LINE, WALL_CABINET_LAYOUTPOS } from "../../constants";
-import { returnReplaceableDeepSearchType } from "./utils";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Layer;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _export = require("./export");
+var _export2 = require("../../utils/export");
+var _constants = require("../../constants");
+var _utils = require("./utils");
 var STYLE = {
   stroke: '#494949',
   strokeWidth: 1,
@@ -26,7 +33,7 @@ var HINT_STYLE_TEXT = {
   fontWeight: 'bold',
   fill: '1a75ff'
 };
-export default function Layer(_ref) {
+function Layer(_ref) {
   var layer = _ref.layer,
     scene = _ref.scene,
     catalog = _ref.catalog,
@@ -44,8 +51,8 @@ export default function Layer(_ref) {
     opacity = layer.opacity;
   var allLines;
   var allLineRects;
-  allLines = GeometryUtils.getAllLines(layer);
-  allLineRects = GeometryUtils.buildRectFromLines(layer, allLines);
+  allLines = _export2.GeometryUtils.getAllLines(layer);
+  allLineRects = _export2.GeometryUtils.buildRectFromLines(layer, allLines);
   var hintVertex = {
     x: 0,
     y: 0
@@ -76,7 +83,7 @@ export default function Layer(_ref) {
   items.valueSeq().filter(function (a) {
     return a.selected === true;
   }).forEach(function (item) {
-    itemSelected.push(/*#__PURE__*/React.createElement(Item, {
+    itemSelected.push(/*#__PURE__*/_react["default"].createElement(_export.Item, {
       key: item.id,
       layer: layer,
       item: item,
@@ -86,8 +93,8 @@ export default function Layer(_ref) {
     }));
   });
   items.valueSeq().forEach(function (item) {
-    if (item.layoutpos !== WALL_CABINET_LAYOUTPOS) {
-      if (catalog.elements.hasOwnProperty(item.type) || !catalog.elements[item.type] && !!catalog.elements[returnReplaceableDeepSearchType(item.type)]) itemData.push(/*#__PURE__*/React.createElement(Item, {
+    if (item.layoutpos !== _constants.WALL_CABINET_LAYOUTPOS) {
+      if (catalog.elements.hasOwnProperty(item.type) || !catalog.elements[item.type] && !!catalog.elements[(0, _utils.returnReplaceableDeepSearchType)(item.type)]) itemData.push(/*#__PURE__*/_react["default"].createElement(_export.Item, {
         key: item.id,
         layer: layer,
         item: item,
@@ -101,8 +108,8 @@ export default function Layer(_ref) {
   items.valueSeq().filter(function (a) {
     return a.selected === false;
   }).forEach(function (item) {
-    if (item.layoutpos === WALL_CABINET_LAYOUTPOS) {
-      if (catalog.elements.hasOwnProperty(item.type) || !catalog.elements[item.type] && !!catalog.elements[returnReplaceableDeepSearchType(item.type)]) itemWall.push(/*#__PURE__*/React.createElement(Item, {
+    if (item.layoutpos === _constants.WALL_CABINET_LAYOUTPOS) {
+      if (catalog.elements.hasOwnProperty(item.type) || !catalog.elements[item.type] && !!catalog.elements[(0, _utils.returnReplaceableDeepSearchType)(item.type)]) itemWall.push(/*#__PURE__*/_react["default"].createElement(_export.Item, {
         key: item.id,
         layer: layer,
         item: item,
@@ -117,7 +124,7 @@ export default function Layer(_ref) {
   lines.sort(function compare(a, b) {
     return a.createdDateTime - b.createdDateTime;
   }).valueSeq().forEach(function (line) {
-    lineData.push(/*#__PURE__*/React.createElement(Line, {
+    lineData.push(/*#__PURE__*/_react["default"].createElement(_export.Line, {
       key: line.id,
       layer: layer,
       line: line,
@@ -127,20 +134,20 @@ export default function Layer(_ref) {
       relatedLines: relatedLines
     }));
   });
-  return /*#__PURE__*/React.createElement("g", {
+  return /*#__PURE__*/_react["default"].createElement("g", {
     opacity: opacity
   }, areas.valueSeq().map(function (area) {
-    return /*#__PURE__*/React.createElement(Area, {
+    return /*#__PURE__*/_react["default"].createElement(_export.Area, {
       key: area.id,
       layer: layer,
       area: area,
       unit: unit,
       catalog: catalog
     });
-  }), lineData, itemData, itemWall, itemSelected, mode !== MODE_DRAWING_LINE && vertices.valueSeq().filter(function (v) {
+  }), lineData, itemData, itemWall, itemSelected, mode !== _constants.MODE_DRAWING_LINE && vertices.valueSeq().filter(function (v) {
     return v.selected;
   }).map(function (vertex) {
-    return /*#__PURE__*/React.createElement(Vertex, {
+    return /*#__PURE__*/_react["default"].createElement(_export.Vertex, {
       key: vertex.id,
       layer: layer,
       vertex: vertex
@@ -148,7 +155,7 @@ export default function Layer(_ref) {
   }), groups.valueSeq().filter(function (g) {
     return g.hasIn(['elements', layerID]) && g.get('selected');
   }).map(function (group) {
-    return /*#__PURE__*/React.createElement(Group, {
+    return /*#__PURE__*/_react["default"].createElement(_export.Group, {
       key: group.get('id'),
       layer: layer,
       group: group,
@@ -158,7 +165,7 @@ export default function Layer(_ref) {
   }));
 }
 Layer.propTypes = {
-  layer: PropTypes.object.isRequired,
-  scene: PropTypes.object.isRequired,
-  catalog: PropTypes.object.isRequired
+  layer: _propTypes["default"].object.isRequired,
+  scene: _propTypes["default"].object.isRequired,
+  catalog: _propTypes["default"].object.isRequired
 };