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

package/es/components/viewer2d/item.js

@@ -1,18 +1,11 @@
-"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); }
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+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";
 var STYLE_LINE = {
   fill: '#0096fd',
   stroke: '#0096fd'
@@ -27,7 +20,7 @@ var STYLE_CIRCLE2 = {
   stroke: '#0096fd',
   cursor: 'ew-resize'
 };
-function Item(_ref, _ref2) {
+export default function Item(_ref, _ref2) {
   var layer = _ref.layer,
     item = _ref.item,
     scene = _ref.scene,
@@ -47,12 +40,12 @@ function Item(_ref, _ref2) {
   var allLineRects;
   var allItemRect;
   var width, height;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
     clockRotateState = _useState2[0],
     setClockRotateState = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
     antiClockRotateState = _useState4[0],
     setAntiClockRotateState = _useState4[1];
   var val = {
@@ -65,11 +58,11 @@ function Item(_ref, _ref2) {
   var tempWidth = item.properties.get('width');
   var tempHeight = item.properties.get('depth');
   if (tempWidth || tempHeight) {
-    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');
+    width = convert(tempWidth.get('_length')).from(tempWidth.get('_unit')).to('cm');
+    height = convert(tempHeight.get('_length')).from(tempHeight.get('_unit')).to('cm');
   } else {
-    width = (0, _convertUnitsLite.convert)(element.info.sizeinfo.width).from('in').to('cm');
-    height = (0, _convertUnitsLite.convert)(element.info.sizeinfo.depth).from('in').to('cm');
+    width = convert(element.info.sizeinfo.width).from('in').to('cm');
+    height = convert(element.info.sizeinfo.depth).from('in').to('cm');
   }
   var angle = rotation + 90;
   val.size = {
@@ -124,10 +117,10 @@ 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[(0, _utils.returnReplaceableDeepSearchType)(catid)];
+      if (!cat) cat = catalog.elements[returnReplaceableDeepSearchType(catid)];
       if (cat === undefined || cat === null) {
         cat = catalog.getIn(['elements', catid]);
-        if (!cat) cat = catalog.getIn(['elements', (0, _utils.returnReplaceableDeepSearchType)(catid)]);
+        if (!cat) cat = catalog.getIn(['elements', returnReplaceableDeepSearchType(catid)]);
       }
       currentItem = {
         selectedItem: selectedItem,
@@ -144,9 +137,9 @@ function Item(_ref, _ref2) {
       };
       var catid = item.type;
       var cat = catalog.elements[catid];
-      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');
+      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');
       // let width = cat.info.sizeinfo.width;
       // let height = cat.info.sizeinfo.depth;
       val.size = {
@@ -237,8 +230,8 @@ function Item(_ref, _ref2) {
     };
   }
   allItemRect = getAllItems();
-  allLines = _export.GeometryUtils.getAllLines(layer);
-  allLineRects = _export.GeometryUtils.buildRectFromLines(layer, allLines);
+  allLines = GeometryUtils.getAllLines(layer);
+  allLineRects = GeometryUtils.buildRectFromLines(layer, allLines);
   var allRect = allLineRects.concat(allItemRect.others);
   curiteminfo = getCalcRectFromItem(val);
 
@@ -259,17 +252,17 @@ function Item(_ref, _ref2) {
       var comparelength = [];
       var a;
       var RectLineFuction;
-      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);
+      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);
       allRect.forEach(function (linerect) {
-        var p0 = _export.GeometryUtils.clone_point(linerect.rect[2]);
-        var p1 = _export.GeometryUtils.clone_point(linerect.rect[3]);
+        var p0 = GeometryUtils.clone_point(linerect.rect[2]);
+        var p1 = GeometryUtils.clone_point(linerect.rect[3]);
         var lineFunction = {};
-        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 (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 (coordinatePoint !== undefined) {
-          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));
+          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));
               a = Math.min.apply(null, comparelength);
             }
           }
@@ -295,7 +288,7 @@ function Item(_ref, _ref2) {
       var itemDistanceFromLine = element[0];
       var length = itemDistanceFromLine;
       if (itemDistanceFromLine > ep || itemDistanceFromLine < -ep) {
-        renderedRuler.push(/*#__PURE__*/_react["default"].createElement("g", {
+        renderedRuler.push(/*#__PURE__*/React.createElement("g", {
           "data-element-root": true,
           "data-prototype": "rulerDist",
           "data-id": item.id,
@@ -304,7 +297,7 @@ function Item(_ref, _ref2) {
           key: key,
           "data-length": length,
           "data-direct": element[1]
-        }, /*#__PURE__*/_react["default"].createElement(_rulerDist["default"], {
+        }, /*#__PURE__*/React.createElement(RulerDist, {
           key: key,
           layer: layer,
           unit: scene.unit,
@@ -325,7 +318,7 @@ 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["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("g", {
+  }).length === 0 && item.category === 'cabinet') warning_buttons = /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("g", {
     id: "warning_info_2d",
     style: {
       transform: "translate(0px,20px)",
@@ -340,12 +333,12 @@ function Item(_ref, _ref2) {
     onMouseLeave: function onMouseLeave() {
       document.getElementById('warning_box_2d').style.display = 'none';
     }
-  }, /*#__PURE__*/_react["default"].createElement("circle", {
+  }, /*#__PURE__*/React.createElement("circle", {
     cx: 0,
     cy: 0,
     r: 8,
     fill: "white"
-  }), /*#__PURE__*/_react["default"].createElement("image", {
+  }), /*#__PURE__*/React.createElement("image", {
     width: 15,
     height: 15,
     x: -7.5,
@@ -354,7 +347,7 @@ function Item(_ref, _ref2) {
       transform: "rotate(".concat(180 - item.rotation, "deg)")
     },
     href: buttons[1].thumbnail
-  })), /*#__PURE__*/_react["default"].createElement("g", {
+  })), /*#__PURE__*/React.createElement("g", {
     style: {
       cursor: 'pointer'
     },
@@ -364,12 +357,12 @@ function Item(_ref, _ref2) {
     "data-selected": item.selected,
     "data-layer": layer.id,
     "data-part": "warning_edit"
-  }, /*#__PURE__*/_react["default"].createElement("circle", {
+  }, /*#__PURE__*/React.createElement("circle", {
     cx: 0,
     cy: 0,
     r: 8,
     fill: "white"
-  }), /*#__PURE__*/_react["default"].createElement("image", {
+  }), /*#__PURE__*/React.createElement("image", {
     width: 15,
     height: 15,
     x: -7.5,
@@ -379,7 +372,7 @@ function Item(_ref, _ref2) {
     },
     href: buttons[0].thumbnail
   })));
-  if (item.selected) parts = [/*#__PURE__*/_react["default"].createElement("g", {
+  if (item.selected) parts = [/*#__PURE__*/React.createElement("g", {
     key: 0,
     "data-element-root": true,
     "data-prototype": item.prototype,
@@ -390,7 +383,7 @@ function Item(_ref, _ref2) {
     style: {
       cursor: 'w-resize'
     }
-  }, /*#__PURE__*/_react["default"].createElement("image", {
+  }, /*#__PURE__*/React.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 +395,9 @@ function Item(_ref, _ref2) {
       setAntiClockRotateState(false);
     },
     onMouseLeave: function onMouseLeave() {
-      return setClockRotateState(mode === _constants.MODE_ROTATING_ITEM ? true : false);
+      return setClockRotateState(mode === MODE_ROTATING_ITEM ? true : false);
     }
-  }), /*#__PURE__*/_react["default"].createElement("image", {
+  }), /*#__PURE__*/React.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 +409,9 @@ function Item(_ref, _ref2) {
       setClockRotateState(false);
     },
     onMouseLeave: function onMouseLeave() {
-      return setAntiClockRotateState(mode === _constants.MODE_ROTATING_ITEM ? true : false);
+      return setAntiClockRotateState(mode === MODE_ROTATING_ITEM ? true : false);
     }
-  })), /*#__PURE__*/_react["default"].createElement("g", {
+  })), /*#__PURE__*/React.createElement("g", {
     key: 1
     // transform={`translate(${-width / 2 - (!isSmall ? 40 : 0)},${height / 2 + 40})`}
     ,
@@ -432,20 +425,20 @@ function Item(_ref, _ref2) {
     "data-selected": item.selected,
     "data-layer": layer.id,
     "data-part": "duplicate"
-  }, /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("filter", {
+  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("filter", {
     id: "shadow"
-  }, /*#__PURE__*/_react["default"].createElement("feDropShadow", {
+  }, /*#__PURE__*/React.createElement("feDropShadow", {
     dx: "0",
     dy: "0",
     stdDeviation: "0.6"
-  }))), /*#__PURE__*/_react["default"].createElement("rect", {
+  }))), /*#__PURE__*/React.createElement("rect", {
     rx: "4",
     ry: "4",
     height: "22",
     width: "22",
     fill: "white",
     filter: "url(#shadow)"
-  }), /*#__PURE__*/_react["default"].createElement("image", {
+  }), /*#__PURE__*/React.createElement("image", {
     href: "/assets/img/svg/duplicate.svg",
     x: "3",
     y: "-19",
@@ -454,7 +447,7 @@ function Item(_ref, _ref2) {
     style: {
       transform: 'rotateX(180deg)'
     }
-  })), /*#__PURE__*/_react["default"].createElement("g", {
+  })), /*#__PURE__*/React.createElement("g", {
     key: 2
     // transform={`translate(${-width / 2 - (!isSmall ? 40 : 0)},${height / 2})`}
     ,
@@ -468,14 +461,14 @@ function Item(_ref, _ref2) {
     "data-selected": item.selected,
     "data-layer": layer.id,
     "data-part": "remove"
-  }, /*#__PURE__*/_react["default"].createElement("rect", {
+  }, /*#__PURE__*/React.createElement("rect", {
     rx: "4",
     ry: "4",
     height: "22",
     width: "22",
     fill: "white",
     filter: "url(#shadow)"
-  }), /*#__PURE__*/_react["default"].createElement("image", {
+  }), /*#__PURE__*/React.createElement("image", {
     href: "/assets/img/svg/delete.svg",
     x: "3",
     y: "-19",
@@ -485,8 +478,8 @@ function Item(_ref, _ref2) {
       transform: 'rotateX(180deg)'
     }
   }))];
-  var measure = item.layoutpos === _constants.WALL_CABINET_LAYOUTPOS ? showWallCabinetMeasure : showBaseCabinetMeasure;
-  return /*#__PURE__*/_react["default"].createElement("g", {
+  var measure = item.layoutpos === WALL_CABINET_LAYOUTPOS ? showWallCabinetMeasure : showBaseCabinetMeasure;
+  return /*#__PURE__*/React.createElement("g", {
     "data-element-root": true,
     "data-prototype": item.prototype,
     "data-id": item.id,
@@ -495,7 +488,7 @@ function Item(_ref, _ref2) {
     style: item.selected ? {
       cursor: 'move'
     } : {}
-  }, renderedItem, /*#__PURE__*/_react["default"].createElement("g", {
+  }, renderedItem, /*#__PURE__*/React.createElement("g", {
     transform: "translate(".concat(x, ",").concat(y, ") rotate(").concat(rotation, ")"),
     style: {
       cursor: 'initial'
@@ -503,11 +496,11 @@ function Item(_ref, _ref2) {
   }, measure ? renderedRuler : null, parts, warning_buttons));
 }
 Item.propTypes = {
-  item: _propTypes["default"].object.isRequired,
-  layer: _propTypes["default"].object.isRequired,
-  scene: _propTypes["default"].object.isRequired,
-  catalog: _propTypes["default"].object.isRequired
+  item: PropTypes.object.isRequired,
+  layer: PropTypes.object.isRequired,
+  scene: PropTypes.object.isRequired,
+  catalog: PropTypes.object.isRequired
 };
 Item.contextTypes = {
-  itemsActions: _propTypes["default"].object.isRequired
+  itemsActions: PropTypes.object.isRequired
 };

package/es/components/viewer2d/layer.js

@@ -1,14 +1,9 @@
-"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");
+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";
 var STYLE = {
   stroke: '#494949',
   strokeWidth: 1,
@@ -31,7 +26,7 @@ var HINT_STYLE_TEXT = {
   fontWeight: 'bold',
   fill: '1a75ff'
 };
-function Layer(_ref) {
+export default function Layer(_ref) {
   var layer = _ref.layer,
     scene = _ref.scene,
     catalog = _ref.catalog,
@@ -49,8 +44,8 @@ function Layer(_ref) {
     opacity = layer.opacity;
   var allLines;
   var allLineRects;
-  allLines = _export2.GeometryUtils.getAllLines(layer);
-  allLineRects = _export2.GeometryUtils.buildRectFromLines(layer, allLines);
+  allLines = GeometryUtils.getAllLines(layer);
+  allLineRects = GeometryUtils.buildRectFromLines(layer, allLines);
   var hintVertex = {
     x: 0,
     y: 0
@@ -81,7 +76,7 @@ function Layer(_ref) {
   items.valueSeq().filter(function (a) {
     return a.selected === true;
   }).forEach(function (item) {
-    itemSelected.push(/*#__PURE__*/_react["default"].createElement(_export.Item, {
+    itemSelected.push(/*#__PURE__*/React.createElement(Item, {
       key: item.id,
       layer: layer,
       item: item,
@@ -91,8 +86,8 @@ function Layer(_ref) {
     }));
   });
   items.valueSeq().forEach(function (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, {
+    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, {
         key: item.id,
         layer: layer,
         item: item,
@@ -106,8 +101,8 @@ function Layer(_ref) {
   items.valueSeq().filter(function (a) {
     return a.selected === false;
   }).forEach(function (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, {
+    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, {
         key: item.id,
         layer: layer,
         item: item,
@@ -122,7 +117,7 @@ function Layer(_ref) {
   lines.sort(function compare(a, b) {
     return a.createdDateTime - b.createdDateTime;
   }).valueSeq().forEach(function (line) {
-    lineData.push(/*#__PURE__*/_react["default"].createElement(_export.Line, {
+    lineData.push(/*#__PURE__*/React.createElement(Line, {
       key: line.id,
       layer: layer,
       line: line,
@@ -132,20 +127,20 @@ function Layer(_ref) {
       relatedLines: relatedLines
     }));
   });
-  return /*#__PURE__*/_react["default"].createElement("g", {
+  return /*#__PURE__*/React.createElement("g", {
     opacity: opacity
   }, areas.valueSeq().map(function (area) {
-    return /*#__PURE__*/_react["default"].createElement(_export.Area, {
+    return /*#__PURE__*/React.createElement(Area, {
       key: area.id,
       layer: layer,
       area: area,
       unit: unit,
       catalog: catalog
     });
-  }), lineData, itemData, itemWall, itemSelected, mode !== _constants.MODE_DRAWING_LINE && vertices.valueSeq().filter(function (v) {
+  }), lineData, itemData, itemWall, itemSelected, mode !== MODE_DRAWING_LINE && vertices.valueSeq().filter(function (v) {
     return v.selected;
   }).map(function (vertex) {
-    return /*#__PURE__*/_react["default"].createElement(_export.Vertex, {
+    return /*#__PURE__*/React.createElement(Vertex, {
       key: vertex.id,
       layer: layer,
       vertex: vertex
@@ -153,7 +148,7 @@ function Layer(_ref) {
   }), groups.valueSeq().filter(function (g) {
     return g.hasIn(['elements', layerID]) && g.get('selected');
   }).map(function (group) {
-    return /*#__PURE__*/_react["default"].createElement(_export.Group, {
+    return /*#__PURE__*/React.createElement(Group, {
       key: group.get('id'),
       layer: layer,
       group: group,
@@ -163,7 +158,7 @@ function Layer(_ref) {
   }));
 }
 Layer.propTypes = {
-  layer: _propTypes["default"].object.isRequired,
-  scene: _propTypes["default"].object.isRequired,
-  catalog: _propTypes["default"].object.isRequired
+  layer: PropTypes.object.isRequired,
+  scene: PropTypes.object.isRequired,
+  catalog: PropTypes.object.isRequired
 };