kitchen-simulator 1.1.1-test.72 → 1.1.1-test.73

package/es/components/viewer2d/scene.js

@@ -1,30 +1,28 @@
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-exports.__esModule = true;
-exports["default"] = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _regenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _export = require("./export");
-var Scene = exports["default"] = /*#__PURE__*/function (_Component) {
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { Grids, Layer } from "./export";
+var Scene = /*#__PURE__*/function (_Component) {
   function Scene() {
-    (0, _classCallCheck2["default"])(this, Scene);
-    return (0, _callSuper2["default"])(this, Scene, arguments);
+    _classCallCheck(this, Scene);
+    return _callSuper(this, Scene, arguments);
   }
-  (0, _inherits2["default"])(Scene, _Component);
-  return (0, _createClass2["default"])(Scene, [{
+  _inherits(Scene, _Component);
+  return _createClass(Scene, [{
     key: "componentWillReceiveProps",
     value: function () {
-      var _componentWillReceiveProps = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee(nextProps) {
+      var _componentWillReceiveProps = _asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function _callee(nextProps) {
         var scene, catalog, height, layers, selectedLayer, msg, isNotFoundInElements, itemType;
-        return (0, _regenerator2["default"])().w(function (_context) {
-          while (1) switch (_context.n) {
+        return regeneratorRuntime.wrap(function (_context) {
+          while (1) switch (_context.prev = _context.next) {
             case 0:
               // console.log("componentDidMount", this.props.scene.hashCode(), nextProps.scene.hashCode());
               if (this.props.scene.hashCode() !== nextProps.scene.hashCode()) {
@@ -56,7 +54,8 @@ var Scene = exports["default"] = /*#__PURE__*/function (_Component) {
                 // }
               }
             case 1:
-              return _context.a(2);
+            case "end":
+              return _context.stop();
           }
         }, _callee, this);
       }));
@@ -81,22 +80,22 @@ var Scene = exports["default"] = /*#__PURE__*/function (_Component) {
       var height = scene.height,
         layers = scene.layers;
       var selectedLayer = layers.get(scene.selectedLayer);
-      return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement(_export.Grids, {
+      return /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement(Grids, {
         scene: scene
-      }), /*#__PURE__*/_react["default"].createElement("g", {
+      }), /*#__PURE__*/React.createElement("g", {
         style: {
           pointerEvents: 'none'
         }
       }, layers.entrySeq().filter(function (_ref) {
-        var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+        var _ref2 = _slicedToArray(_ref, 2),
           layerID = _ref2[0],
           layer = _ref2[1];
         return layerID !== scene.selectedLayer && layer.visible;
       }).map(function (_ref3) {
-        var _ref4 = (0, _slicedToArray2["default"])(_ref3, 2),
+        var _ref4 = _slicedToArray(_ref3, 2),
           layerID = _ref4[0],
           layer = _ref4[1];
-        return /*#__PURE__*/_react["default"].createElement(_export.Layer, {
+        return /*#__PURE__*/React.createElement(Layer, {
           key: layerID,
           layer: layer,
           scene: scene,
@@ -105,7 +104,7 @@ var Scene = exports["default"] = /*#__PURE__*/function (_Component) {
           state: _this.props.state,
           relatedLines: _this.props.relatedLines
         });
-      })), /*#__PURE__*/_react["default"].createElement(_export.Layer, {
+      })), /*#__PURE__*/React.createElement(Layer, {
         key: selectedLayer.id,
         layer: selectedLayer,
         scene: scene,
@@ -116,12 +115,13 @@ var Scene = exports["default"] = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
-}(_react.Component);
+}(Component);
+export { Scene as default };
 Scene.propTypes = {
-  scene: _propTypes["default"].object.isRequired,
-  catalog: _propTypes["default"].object.isRequired,
-  relatedLines: _propTypes["default"].object.isRequired
+  scene: PropTypes.object.isRequired,
+  catalog: PropTypes.object.isRequired,
+  relatedLines: PropTypes.object.isRequired
 };
 Scene.contextTypes = {
-  projectActions: _propTypes["default"].object.isRequired
+  projectActions: PropTypes.object.isRequired
 };

package/es/components/viewer2d/snap.js

@@ -1,30 +1,26 @@
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-exports.__esModule = true;
-exports["default"] = ActiveDrawingHelper;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var Geometry = _interopRequireWildcard(require("../../utils/geometry"));
+import React from 'react';
+import PropTypes from 'prop-types';
+import * as Geometry from "../../utils/geometry";
 var STYLE = {
   stroke: '#D32F2F',
   strokeWidth: '1px'
 };
-function ActiveDrawingHelper(_ref) {
+export default function ActiveDrawingHelper(_ref) {
   var snap = _ref.snap,
     width = _ref.width,
     height = _ref.height;
   switch (snap.type) {
     case 'point':
-      return /*#__PURE__*/_react["default"].createElement("g", {
+      return /*#__PURE__*/React.createElement("g", {
         transform: "translate(".concat(snap.x, " ").concat(snap.y, ")")
-      }, /*#__PURE__*/_react["default"].createElement("line", {
+      }, /*#__PURE__*/React.createElement("line", {
         name: "line_type_ActiveDrawingHelper",
         x1: "0",
         y1: "-70",
         x2: "0",
         y2: "70",
         style: STYLE
-      }), /*#__PURE__*/_react["default"].createElement("line", {
+      }), /*#__PURE__*/React.createElement("line", {
         name: "line_type_ActiveDrawingHelper",
         x1: "-70",
         y1: "0",
@@ -41,7 +37,7 @@ function ActiveDrawingHelper(_ref) {
       var v1 = Geometry.verticalLine(width);
       var pointV0 = Geometry.twoLinesIntersection(snap.a, snap.b, snap.c, v0.a, v0.b, v0.c);
       var pointV1 = Geometry.twoLinesIntersection(snap.a, snap.b, snap.c, v1.a, v1.b, v1.c);
-      if (pointH0 && pointH1) return /*#__PURE__*/_react["default"].createElement("line", {
+      if (pointH0 && pointH1) return /*#__PURE__*/React.createElement("line", {
         name: "line_type_ActiveDrawingHelper",
         x1: pointH0.x,
         y1: pointH0.y,
@@ -49,7 +45,7 @@ function ActiveDrawingHelper(_ref) {
         y2: pointH1.y,
         style: STYLE
       });
-      if (pointV0 && pointV1) return /*#__PURE__*/_react["default"].createElement("line", {
+      if (pointV0 && pointV1) return /*#__PURE__*/React.createElement("line", {
         name: "line_type_ActiveDrawingHelper",
         x1: pointV0.x,
         y1: pointV0.y,
@@ -59,7 +55,7 @@ function ActiveDrawingHelper(_ref) {
       });
       return null;
     case 'line-segment':
-      return /*#__PURE__*/_react["default"].createElement("line", {
+      return /*#__PURE__*/React.createElement("line", {
         name: "line_type_ActiveDrawingHelper",
         x1: snap.x1,
         y1: snap.y1,
@@ -72,7 +68,7 @@ function ActiveDrawingHelper(_ref) {
   }
 }
 ActiveDrawingHelper.propTypes = {
-  snap: _propTypes["default"].object.isRequired,
-  width: _propTypes["default"].number.isRequired,
-  height: _propTypes["default"].number.isRequired
+  snap: PropTypes.object.isRequired,
+  width: PropTypes.number.isRequired,
+  height: PropTypes.number.isRequired
 };

package/es/components/viewer2d/state.js

@@ -1,18 +1,14 @@
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-exports.__esModule = true;
-exports["default"] = State;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _scene = _interopRequireDefault(require("./scene"));
-var _snap = _interopRequireDefault(require("./snap"));
-var SharedStyle = _interopRequireWildcard(require("../../shared-style"));
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React from 'react';
+import PropTypes from 'prop-types';
+import Scene from "./scene";
+import Snap from "./snap";
+import * as SharedStyle from "../../shared-style";
 var guideStyle = {
   stroke: SharedStyle.SECONDARY_COLOR.main,
   strokewidth: '2.5px'
 };
-function State(_ref) {
+export default function State(_ref) {
   var state = _ref.state,
     catalog = _ref.catalog,
     relatedLines = _ref.relatedLines;
@@ -21,7 +17,7 @@ function State(_ref) {
     scene = state.scene;
   var width = scene.width,
     height = scene.height;
-  activeSnapElement = activeSnapElement ? /*#__PURE__*/_react["default"].createElement(_snap["default"], {
+  activeSnapElement = activeSnapElement ? /*#__PURE__*/React.createElement(Snap, {
     snap: activeSnapElement,
     width: scene.width,
     height: scene.height
@@ -29,25 +25,25 @@ function State(_ref) {
   // snapElements = snapElements.map((snap,id) => <Snap key={id} snap={snap} width={scene.width} height={scene.height}/>);
   snapElements = null; //only for debug purpose
 
-  return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("rect", {
+  return /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("rect", {
     x: "0",
     y: "0",
     width: width,
     height: height,
     fill: SharedStyle.COLORS.white
-  }), /*#__PURE__*/_react["default"].createElement("g", {
+  }), /*#__PURE__*/React.createElement("g", {
     transform: "translate(0, ".concat(scene.height, ") scale(1, -1)"),
     id: "svg-drawing-paper"
-  }, /*#__PURE__*/_react["default"].createElement(_scene["default"], {
+  }, /*#__PURE__*/React.createElement(Scene, {
     scene: scene,
     state: state,
     catalog: catalog,
     relatedLines: relatedLines
   }), scene.getIn(['guides', 'horizontal']).entrySeq().map(function (_ref2) {
-    var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
+    var _ref3 = _slicedToArray(_ref2, 2),
       hgKey = _ref3[0],
       hgVal = _ref3[1];
-    return /*#__PURE__*/_react["default"].createElement("line", {
+    return /*#__PURE__*/React.createElement("line", {
       id: 'hGuide' + hgKey,
       key: hgKey,
       x1: 0,
@@ -57,10 +53,10 @@ function State(_ref) {
       style: guideStyle
     });
   }), scene.getIn(['guides', 'vertical']).entrySeq().map(function (_ref4) {
-    var _ref5 = (0, _slicedToArray2["default"])(_ref4, 2),
+    var _ref5 = _slicedToArray(_ref4, 2),
       vgKey = _ref5[0],
       vgVal = _ref5[1];
-    return /*#__PURE__*/_react["default"].createElement("line", {
+    return /*#__PURE__*/React.createElement("line", {
       key: vgKey,
       x1: vgVal,
       y1: 0,
@@ -71,7 +67,7 @@ function State(_ref) {
   }), activeSnapElement, snapElements));
 }
 State.propTypes = {
-  state: _propTypes["default"].object.isRequired,
-  catalog: _propTypes["default"].object.isRequired,
-  relatedLines: _propTypes["default"].object.isRequired
+  state: PropTypes.object.isRequired,
+  catalog: PropTypes.object.isRequired,
+  relatedLines: PropTypes.object.isRequired
 };

package/es/components/viewer2d/utils.js

@@ -1,17 +1,8 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-exports.__esModule = true;
-exports.areaPolygon = void 0;
-exports.getInstallationSuffix = getInstallationSuffix;
-exports.getToeKickSKU = void 0;
-exports.isEmpty = isEmpty;
-exports.isEqualInstallationType = isEqualInstallationType;
-exports.makeSKUForMagento = makeSKUForMagento;
-exports.searchForSkuValue = exports.returnReplaceableDeepSearchType = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
-var _helper = require("../../utils/helper");
-var _constants = require("../../constants");
-var searchForSkuValue = exports.searchForSkuValue = function searchForSkuValue(catalog, selectedLayer, elementType) {
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import { toPlainObject } from "../../utils/helper";
+import { INSTALLATION_SUFFIX_TYPE, INSTALLATION_TYPE_NAME, INSTALLATION_TYPE_SKU_SUFFIX, TOE_KICK_MOLDING } from "../../constants";
+export var searchForSkuValue = function searchForSkuValue(catalog, selectedLayer, elementType) {
   return new Promise(function (resolve) {
     if (elementType) {
       Object.values(catalog.elements).forEach(function (value) {
@@ -48,39 +39,39 @@ var searchForSkuValue = exports.searchForSkuValue = function searchForSkuValue(c
     });
   });
 };
-var returnReplaceableDeepSearchType = exports.returnReplaceableDeepSearchType = function returnReplaceableDeepSearchType(type) {
+export var returnReplaceableDeepSearchType = function returnReplaceableDeepSearchType(type) {
   var DeepSearchTypes = JSON.parse(sessionStorage.getItem('deepSearchTypes')) || [];
   var replaceableType = DeepSearchTypes.find(function (item) {
     return item.type === type;
   });
   return replaceableType && replaceableType.foundType || '';
 };
-function getInstallationSuffix(type) {
+export function getInstallationSuffix(type) {
   var _doorColor$isAssemble, _doorColor$install;
   var doorColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   if (!doorColor) {
     console.error('getInstallationSuffix received false argument : ', doorColor);
     return doorColor;
   }
-  doorColor = (0, _helper.toPlainObject)(doorColor);
+  doorColor = toPlainObject(doorColor);
 
   // If doorColor.isAssembled is explicitly set → trust it.
   // Else → fall back to checking install.
-  var isAssembled = (_doorColor$isAssemble = doorColor.isAssembled) !== null && _doorColor$isAssemble !== void 0 ? _doorColor$isAssemble : ((_doorColor$install = doorColor.install) === null || _doorColor$install === void 0 ? void 0 : _doorColor$install.toLowerCase()) === _constants.INSTALLATION_TYPE_NAME.ASSEMBLED.toLowerCase();
-  if (type === _constants.INSTALLATION_SUFFIX_TYPE.SKU) {
-    return isAssembled ? _constants.INSTALLATION_TYPE_SKU_SUFFIX.ASSEMBLED : _constants.INSTALLATION_TYPE_SKU_SUFFIX.RTA;
+  var isAssembled = (_doorColor$isAssemble = doorColor.isAssembled) !== null && _doorColor$isAssemble !== void 0 ? _doorColor$isAssemble : ((_doorColor$install = doorColor.install) === null || _doorColor$install === void 0 ? void 0 : _doorColor$install.toLowerCase()) === INSTALLATION_TYPE_NAME.ASSEMBLED.toLowerCase();
+  if (type === INSTALLATION_SUFFIX_TYPE.SKU) {
+    return isAssembled ? INSTALLATION_TYPE_SKU_SUFFIX.ASSEMBLED : INSTALLATION_TYPE_SKU_SUFFIX.RTA;
   } else {
-    return isAssembled ? _constants.INSTALLATION_TYPE_NAME.ASSEMBLED : _constants.INSTALLATION_TYPE_NAME.RTA;
+    return isAssembled ? INSTALLATION_TYPE_NAME.ASSEMBLED : INSTALLATION_TYPE_NAME.RTA;
   }
 }
-function isEqualInstallationType(doorColor1, doorColor2) {
+export function isEqualInstallationType(doorColor1, doorColor2) {
   var _getInstallationSuffi, _getInstallationSuffi2;
-  return ((_getInstallationSuffi = getInstallationSuffix(_constants.INSTALLATION_SUFFIX_TYPE.NAME, doorColor1)) === null || _getInstallationSuffi === void 0 ? void 0 : _getInstallationSuffi.toLowerCase()) === ((_getInstallationSuffi2 = getInstallationSuffix(_constants.INSTALLATION_SUFFIX_TYPE.NAME, doorColor2)) === null || _getInstallationSuffi2 === void 0 ? void 0 : _getInstallationSuffi2.toLowerCase());
+  return ((_getInstallationSuffi = getInstallationSuffix(INSTALLATION_SUFFIX_TYPE.NAME, doorColor1)) === null || _getInstallationSuffi === void 0 ? void 0 : _getInstallationSuffi.toLowerCase()) === ((_getInstallationSuffi2 = getInstallationSuffix(INSTALLATION_SUFFIX_TYPE.NAME, doorColor2)) === null || _getInstallationSuffi2 === void 0 ? void 0 : _getInstallationSuffi2.toLowerCase());
 }
 function buildSKU(baseSKU) {
   var doorColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var colorSuffix = doorColor.color_sku_alias || doorColor.sku || '';
-  var installationSuffix = getInstallationSuffix(_constants.INSTALLATION_SUFFIX_TYPE.SKU, doorColor);
+  var installationSuffix = getInstallationSuffix(INSTALLATION_SUFFIX_TYPE.SKU, doorColor);
   return [baseSKU, colorSuffix, installationSuffix].filter(Boolean).join('-');
 }
 function buildToeKickSKU() {
@@ -118,17 +109,17 @@ function buildRegularSKU(element, catalog) {
 
 // element : cabinet
 // catalog : all cabinet info
-function makeSKUForMagento(element, catalog, categoryData) {
+export function makeSKUForMagento(element, catalog, categoryData) {
   var _element$category;
   if ((_element$category = element.category) !== null && _element$category !== void 0 && _element$category.toLowerCase().includes('molding')) {
     element.type = element.name;
   }
-  var doorColor = (0, _helper.toPlainObject)(element.doorStyle);
+  var doorColor = toPlainObject(element.doorStyle);
   if (!doorColor) return false;
-  return element.name === _constants.TOE_KICK_MOLDING ? buildToeKickSKU(doorColor, catalog) : buildRegularSKU(element, catalog, doorColor);
+  return element.name === TOE_KICK_MOLDING ? buildToeKickSKU(doorColor, catalog) : buildRegularSKU(element, catalog, doorColor);
 }
-function isEmpty(value) {
-  if (value === undefined || value === null || (0, _typeof2["default"])(value) === 'object' && Object.keys(value).length === 0 || typeof value === 'string' && value.trim().length === 0) return true;else return false;
+export function isEmpty(value) {
+  if (value === undefined || value === null || _typeof(value) === 'object' && Object.keys(value).length === 0 || typeof value === 'string' && value.trim().length === 0) return true;else return false;
 }
 var saveDeepSearchType = function saveDeepSearchType(type, foundType) {
   var DeepSearchTypes = JSON.parse(sessionStorage.getItem('deepSearchTypes')) || [];
@@ -148,7 +139,7 @@ var saveDeepSearchType = function saveDeepSearchType(type, foundType) {
  * @param {Boolean} flag true: for thumbnail, false: default value
  * @returns
  */
-var getToeKickSKU = exports.getToeKickSKU = function getToeKickSKU() {
+export var getToeKickSKU = function getToeKickSKU() {
   var doorColor = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var catalog = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var flag = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
@@ -157,7 +148,7 @@ var getToeKickSKU = exports.getToeKickSKU = function getToeKickSKU() {
   var skuData = '';
   Object.keys(catalogData).forEach(function (data) {
     var obj = catalogData[data].obj;
-    if ((obj === null || obj === void 0 ? void 0 : obj.cabinet_category) === _constants.TOE_KICK_MOLDING) {
+    if ((obj === null || obj === void 0 ? void 0 : obj.cabinet_category) === TOE_KICK_MOLDING) {
       var _obj$skuArray;
       var found = (_obj$skuArray = obj.skuArray) === null || _obj$skuArray === void 0 ? void 0 : _obj$skuArray.find(function (cData) {
         return cData.door_color_id === itemDoorColorID;
@@ -185,13 +176,13 @@ function normalize(point) {
   }
   return point;
 }
-var areaPolygon = exports.areaPolygon = function areaPolygon(points) {
+export var areaPolygon = function areaPolygon(points) {
   var signed = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   if (!Array.isArray(points) || points.length < 3) return 0;
 
   // normalize and ensure closed ring (without mutating input)
   var pts = points.map(normalize);
-  var closed = pts.length > 0 && (pts[0].x !== pts[pts.length - 1].x || pts[0].y !== pts[pts.length - 1].y) ? [].concat((0, _toConsumableArray2["default"])(pts), [pts[0]]) : pts;
+  var closed = pts.length > 0 && (pts[0].x !== pts[pts.length - 1].x || pts[0].y !== pts[pts.length - 1].y) ? [].concat(_toConsumableArray(pts), [pts[0]]) : pts;
   var det = 0;
   var l = closed.length - 1; // last index before the duplicated first point
   for (var i = 0; i < l; i++) {

package/es/components/viewer2d/vertex.js

@@ -1,10 +1,6 @@
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-exports.__esModule = true;
-exports["default"] = Vertex;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var SharedStyle = _interopRequireWildcard(require("../../shared-style"));
+import React from 'react';
+import PropTypes from 'prop-types';
+import * as SharedStyle from "../../shared-style";
 //Space from the center of the point(Use cases:x - vertexthickness,y + vertexthickness )
 var vertexthickness = 4;
 var STYLE = {
@@ -15,7 +11,7 @@ var STYLE = {
   fill: SharedStyle.LINE_MESH_COLOR.selected,
   cursor: 'move'
 };
-function Vertex(_ref) {
+export default function Vertex(_ref) {
   var vertex = _ref.vertex,
     layer = _ref.layer;
   var x = vertex.x,
@@ -52,18 +48,18 @@ function Vertex(_ref) {
       }
     }
   }
-  return /*#__PURE__*/_react["default"].createElement("g", {
+  return /*#__PURE__*/React.createElement("g", {
     "data-element-root": true,
     "data-prototype": vertex.prototype,
     "data-id": vertex.id,
     "data-selected": vertex.selected,
     "data-layer": layer.id
-  }, /*#__PURE__*/_react["default"].createElement("polygon", {
+  }, /*#__PURE__*/React.createElement("polygon", {
     points: "".concat(x - vertexthickness, ",").concat(y + vertexthickness, " ").concat(x - vertexthickness, ",").concat(y - vertexthickness, " ").concat(x + vertexthickness, ",").concat(y - vertexthickness, " ").concat(x + vertexthickness, ",").concat(y + vertexthickness),
     style: STYLE
   }));
 }
 Vertex.propTypes = {
-  vertex: _propTypes["default"].object.isRequired,
-  layer: _propTypes["default"].object.isRequired
+  vertex: PropTypes.object.isRequired,
+  layer: PropTypes.object.isRequired
 };