kitchen-simulator 1.1.1-test.7 → 1.1.1-test.70

package/es/components/viewer2d/group.js

@@ -1,7 +1,14 @@
-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");
+exports.__esModule = 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 +17,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 +33,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,18 +1,18 @@
-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 from 'react';
-import { useState } from 'react';
-import PropTypes from 'prop-types';
-import If from "../../utils/react-if";
-import RulerDist from "./rulerDist";
-import convert from 'convert-units';
-import { GeometryUtils } from "../../utils/export";
-import { MODE_ROTATING_ITEM, SECONDARY_PURPLE_COLOR, STATUS_NEGATIVE_COLOR, BG_COLOR_1, STATUS_WARNING_COLOR, 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");
+exports.__esModule = true;
+exports["default"] = Item;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/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'
@@ -27,7 +27,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,
@@ -47,12 +47,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 = {
@@ -65,11 +65,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 = {
@@ -124,10 +124,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,
@@ -144,9 +144,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 = {
@@ -237,8 +237,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);
 
@@ -259,17 +259,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);
             }
           }
@@ -295,7 +295,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,
@@ -304,7 +304,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,
@@ -325,7 +325,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)",
@@ -340,12 +340,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,
@@ -354,7 +354,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'
     },
@@ -364,12 +364,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,
@@ -379,7 +379,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,
@@ -390,7 +390,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)")
@@ -402,9 +402,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)")
@@ -416,9 +416,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})`}
     ,
@@ -432,20 +432,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",
@@ -454,7 +454,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})`}
     ,
@@ -468,14 +468,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",
@@ -485,8 +485,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,
@@ -495,7 +495,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'
@@ -503,11 +503,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,14 @@
-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");
+exports.__esModule = 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 +31,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 +49,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 +81,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 +91,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 +106,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 +122,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 +132,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 +153,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 +163,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
 };