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

package/es/components/viewer2d/viewer2d.js

@@ -1,25 +1,22 @@
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-exports.__esModule = true;
-exports["default"] = Viewer2D;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _reactSvgPanZoom = require("react-svg-pan-zoom");
-var _constants = _interopRequireWildcard(require("../../constants"));
-var constants = _constants;
-var _state = _interopRequireDefault(require("./state"));
-var SharedStyle = _interopRequireWildcard(require("../../shared-style"));
-var _export = require("./export");
-var _export2 = require("../../utils/export");
-var _formNumberInput = _interopRequireDefault(require("../style/form-number-input"));
-var _convertUnitsLite = require("../../utils/convert-units-lite");
-var _immutable = require("immutable");
-var _math = require("../../utils/math");
-var _helper = require("../../utils/helper");
-// variables
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import React, { useEffect, useRef, useState } from 'react';
+import PropTypes from 'prop-types';
+import { ReactSVGPanZoom, TOOL_AUTO, TOOL_NONE, TOOL_PAN, TOOL_ZOOM_IN, TOOL_ZOOM_OUT, zoom } from 'react-svg-pan-zoom';
+import * as constants from "../../constants";
+import State from "./state";
+import * as SharedStyle from "../../shared-style";
+import { RulerX, RulerY } from "./export";
+import { DECIMAL_PLACES_2, LINE_THICKNESS, MIN_ANGLE_DISALLOW_DRAW_WALL, MODE_ELEVATION_VIEW, MODE_IDLE, UNIT_ANGLE } from "../../constants";
+import { GeometryUtils } from "../../utils/export";
+import FormNumberInput from "../style/form-number-input";
+import { convert } from "../../utils/convert-units-lite";
+import { Map } from 'immutable';
+import { formatNumber } from "../../utils/math";
+import { isEmpty } from "../../utils/helper"; // variables
 
 // variables
 var pinFlag = false;
@@ -39,19 +36,19 @@ var allArea;
 // /////////
 function mode2Tool(mode) {
   if (pinFlag) {
-    return _reactSvgPanZoom.TOOL_NONE;
+    return TOOL_NONE;
   }
   switch (mode) {
     case constants.MODE_2D_PAN:
-      return _reactSvgPanZoom.TOOL_PAN;
+      return TOOL_PAN;
     case constants.MODE_2D_ZOOM_IN:
-      return _reactSvgPanZoom.TOOL_ZOOM_IN;
+      return TOOL_ZOOM_IN;
     case constants.MODE_2D_ZOOM_OUT:
-      return _reactSvgPanZoom.TOOL_ZOOM_OUT;
+      return TOOL_ZOOM_OUT;
     case constants.MODE_IDLE:
-      return _reactSvgPanZoom.TOOL_AUTO;
+      return TOOL_AUTO;
     default:
-      return _reactSvgPanZoom.TOOL_NONE;
+      return TOOL_NONE;
   }
 }
 function mode2PointerEvents(mode) {
@@ -123,7 +120,7 @@ function extractElementData(node) {
     direct: node.attributes.getNamedItem('data-direct') ? node.attributes.getNamedItem('data-direct').value : 0
   };
 }
-function Viewer2D(_ref, _ref2) {
+export default function Viewer2D(_ref, _ref2) {
   var state = _ref.state,
     width = _ref.width,
     height = _ref.height,
@@ -137,29 +134,29 @@ function Viewer2D(_ref, _ref2) {
     areaActions = _ref2.areaActions,
     projectActions = _ref2.projectActions,
     catalog = _ref2.catalog;
-  var _useState = (0, _react.useState)(null),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
     rulerEdit = _useState2[0],
     setRulerEdit = _useState2[1];
-  var _useState3 = (0, _react.useState)(null),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
     rulerEditID = _useState4[0],
     setRulerEditID = _useState4[1];
-  var Viewer = (0, _react.useRef)(null);
+  var Viewer = useRef(null);
   var viewer2D = state.viewer2D,
     mode = state.mode,
     scene = state.scene;
 
   // let relatedLines = [];
-  var _useState5 = (0, _react.useState)([]),
-    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
     relatedLines = _useState6[0],
     setRelatedLines = _useState6[1];
-  var _useState7 = (0, _react.useState)(false),
-    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
     drawStart = _useState8[0],
     setdrawStart = _useState8[1];
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     // move viewer point to center
     var selectedLayer = state.scene.layers.get(state.scene.selectedLayer);
     var vertices = selectedLayer.vertices;
@@ -181,7 +178,7 @@ function Viewer2D(_ref, _ref2) {
     Viewer.current.setPointOnViewerCenter(moveX, moveY, viewer2D.get('a'));
   }, []);
   var layerID = scene.selectedLayer;
-  var wall_thickness = _constants.LINE_THICKNESS / 2;
+  var wall_thickness = LINE_THICKNESS / 2;
   var layer = scene.getIn(['layers', layerID]);
   var mapCursorPosition = function mapCursorPosition(_ref3) {
     var x = _ref3.x,
@@ -198,15 +195,15 @@ function Viewer2D(_ref, _ref2) {
   var prepareSnap = function prepareSnap() {
     var layerID = scene.selectedLayer;
     var layer = scene.layers.get(layerID);
-    allLines = _export2.GeometryUtils.getAllLines(layer);
-    allLineRects = _export2.GeometryUtils.buildRectFromLines(layer, allLines);
-    allItemRect = _export2.GeometryUtils.getAllItems(scene, catalog, allLineRects);
-    allItemSnap = _export2.GeometryUtils.getAllItemSnap(allItemRect);
-    allLineSnap = _export2.GeometryUtils.getAllLineSnap(allLineRects, allItemRect.cur);
+    allLines = GeometryUtils.getAllLines(layer);
+    allLineRects = GeometryUtils.buildRectFromLines(layer, allLines);
+    allItemRect = GeometryUtils.getAllItems(scene, catalog, allLineRects);
+    allItemSnap = GeometryUtils.getAllItemSnap(allItemRect);
+    allLineSnap = GeometryUtils.getAllLineSnap(allLineRects, allItemRect.cur);
     allRect = allItemRect.others.concat(allLineRects);
-    allItemSnap = _export2.GeometryUtils.validateSnaps(allItemSnap, allRect);
-    allLineSnap = _export2.GeometryUtils.validateSnaps(allLineSnap, allRect);
-    allArea = _export2.GeometryUtils.getAllArea(layer);
+    allItemSnap = GeometryUtils.validateSnaps(allItemSnap, allRect);
+    allLineSnap = GeometryUtils.validateSnaps(allLineSnap, allRect);
+    allArea = GeometryUtils.getAllArea(layer);
   };
   var updateRulerDistAttribute = function updateRulerDistAttribute(elementData, value) {
     var newVal = value.get('length');
@@ -249,11 +246,11 @@ function Viewer2D(_ref, _ref2) {
     var selectedLine = scene.getIn(['layers', elementData.layer, 'lines', elementData.id]).toJS();
     var v_0 = scene.getIn(['layers', elementData.layer, 'vertices', selectedLine.vertices[0]]);
     var v_1 = scene.getIn(['layers', elementData.layer, 'vertices', selectedLine.vertices[1]]);
-    var _GeometryUtils$orderV = _export2.GeometryUtils.orderVertices([v_0, v_1]),
-      _GeometryUtils$orderV2 = (0, _slicedToArray2["default"])(_GeometryUtils$orderV, 2),
+    var _GeometryUtils$orderV = GeometryUtils.orderVertices([v_0, v_1]),
+      _GeometryUtils$orderV2 = _slicedToArray(_GeometryUtils$orderV, 2),
       v_a = _GeometryUtils$orderV2[0],
       v_b = _GeometryUtils$orderV2[1];
-    var v_b_new = _export2.GeometryUtils.extendLine(v_a.x, v_a.y, v_b.x, v_b.y, value.get('length'), 2);
+    var v_b_new = GeometryUtils.extendLine(v_a.x, v_a.y, v_b.x, v_b.y, value.get('length'), 2);
 
     // Blocked function that as wall changed, opposite wall should changed together.
     // let layer = scene.getIn(['layers', elementData.layer]);
@@ -275,17 +272,17 @@ function Viewer2D(_ref, _ref2) {
       lineLength: value
     };
     if (v_0 === v_a) {
-      attributesData = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, attributesData), {}, {
+      attributesData = _objectSpread(_objectSpread({}, attributesData), {}, {
         vertexTwo: v_b.merge(v_b_new),
         vertexOne: v_a
       });
     } else {
-      attributesData = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, attributesData), {}, {
+      attributesData = _objectSpread(_objectSpread({}, attributesData), {}, {
         vertexOne: v_b.merge(v_b_new),
         vertexTwo: v_a
       });
     }
-    var attributesFormData = new _immutable.Map((0, _objectSpread2["default"])({}, attributesData));
+    var attributesFormData = new Map(_objectSpread({}, attributesData));
     setRulerEdit(null);
     projectActions.setLinesAttributes(attributesFormData, true, {
       layerID: elementData.layer,
@@ -369,7 +366,7 @@ function Viewer2D(_ref, _ref2) {
   };
   var getEndPoint = function getEndPoint(vertices, x, y, mode) {
     var selLineID = state.getIn(['scene', 'layers', layerID, 'selected', 'lines']).first();
-    if ((0, _helper.isEmpty)(selLineID)) {
+    if (isEmpty(selLineID)) {
       return {
         isEndDrag: true,
         x: x,
@@ -379,7 +376,7 @@ function Viewer2D(_ref, _ref2) {
     var draggingLine = state.getIn(['scene', 'layers', layerID, 'lines', selLineID]).toJS();
     var allLines = state.getIn(['scene', 'layers', layerID, 'lines']).toJS();
     var dragVertexId = state.getIn(['draggingSupport', 'vertexID']);
-    dragVertexId = !(0, _helper.isEmpty)(dragVertexId) ? dragVertexId : draggingLine.vertices[1];
+    dragVertexId = !isEmpty(dragVertexId) ? dragVertexId : draggingLine.vertices[1];
     var vtx, vty;
     var stepUnit = false;
     vtx = vertices[dragVertexId].x;
@@ -390,7 +387,7 @@ function Viewer2D(_ref, _ref2) {
       stepUnit = true;
     }
     var endDrag = [];
-    if (!(0, _helper.isEmpty)(relatedLines) && mode !== 'DRAGGING_LINE') {
+    if (!isEmpty(relatedLines) && mode !== 'DRAGGING_LINE') {
       vertices[dragVertexId].x = x;
       vertices[dragVertexId].y = y;
     }
@@ -398,17 +395,17 @@ function Viewer2D(_ref, _ref2) {
     if (draggingLine.vertices[0] !== draggingLine.vertices[1]) {
       for (var i = 0; i < relatedLines.length; i++) {
         var line = relatedLines[i];
-        lineAngle = _export2.GeometryUtils.angleBetweenTwoLines(line, draggingLine, vertices);
+        lineAngle = GeometryUtils.angleBetweenTwoLines(line, draggingLine, vertices);
         absAngle = Math.abs(lineAngle);
         var tmpRelated = [];
-        _export2.GeometryUtils.getRelatedLines(tmpRelated, line, vertices, allLines, draggingLine.id);
+        GeometryUtils.getRelatedLines(tmpRelated, line, vertices, allLines, draggingLine.id);
         for (var j = 0; j < tmpRelated.length; j++) {
-          var tmpAngle = Math.abs(_export2.GeometryUtils.angleBetweenTwoLines(tmpRelated[j], line, vertices));
-          if (tmpAngle < _constants.MIN_ANGLE_DISALLOW_DRAW_WALL || tmpAngle > 360 - _constants.MIN_ANGLE_DISALLOW_DRAW_WALL) {
+          var tmpAngle = Math.abs(GeometryUtils.angleBetweenTwoLines(tmpRelated[j], line, vertices));
+          if (tmpAngle < MIN_ANGLE_DISALLOW_DRAW_WALL || tmpAngle > 360 - MIN_ANGLE_DISALLOW_DRAW_WALL) {
             endDrag.push(false);
           } else endDrag.push(true);
         }
-        if (absAngle < _constants.MIN_ANGLE_DISALLOW_DRAW_WALL || absAngle > 360 - _constants.MIN_ANGLE_DISALLOW_DRAW_WALL) {
+        if (absAngle < MIN_ANGLE_DISALLOW_DRAW_WALL || absAngle > 360 - MIN_ANGLE_DISALLOW_DRAW_WALL) {
           endDrag.push(false);
         } else endDrag.push(true);
       }
@@ -419,7 +416,7 @@ function Viewer2D(_ref, _ref2) {
       vtx = x;
       vty = y;
     } else {
-      var rest = _constants.MIN_ANGLE_DISALLOW_DRAW_WALL - absAngle;
+      var rest = MIN_ANGLE_DISALLOW_DRAW_WALL - absAngle;
       // the origin point of rotation(snapping)
       var originVerId = draggingLine.vertices.findIndex(function (vertice) {
         return vertice !== dragVertexId;
@@ -431,7 +428,7 @@ function Viewer2D(_ref, _ref2) {
         // determine the direction of rotation.
         rest = lineAngle > 0 ? -rest : rest;
         // rotate the current point to last point around the first point of drawing line.
-        var res = _export2.GeometryUtils.rotatePointAroundPoint(x, y, ox, oy, rest);
+        var res = GeometryUtils.rotatePointAroundPoint(x, y, ox, oy, rest);
         vtx = res.x;
         vty = res.y;
       }
@@ -440,8 +437,8 @@ function Viewer2D(_ref, _ref2) {
     // angle snapping as a value of UNIT_ANGLE
     if (!endDrag.some(function (flag) {
       return flag === false;
-    }) && !(0, _helper.isEmpty)(absAngle) && absAngle % _constants.UNIT_ANGLE !== 0 && stepUnit) {
-      var _result = _export2.GeometryUtils.snapAngleByUnit(lineAngle, vertices, draggingLine, vtx, vty, dragVertexId);
+    }) && !isEmpty(absAngle) && absAngle % UNIT_ANGLE !== 0 && stepUnit) {
+      var _result = GeometryUtils.snapAngleByUnit(lineAngle, vertices, draggingLine, vtx, vty, dragVertexId);
       vtx = _result.x;
       vty = _result.y;
     }
@@ -457,7 +454,7 @@ function Viewer2D(_ref, _ref2) {
     if (!(item !== null && item !== void 0 && (_item$properties = item.properties) !== null && _item$properties !== void 0 && _item$properties.getIn)) return 0;
     var length = item.properties.getIn([property, '_length']);
     var unit = item.properties.getIn([property, '_unit']);
-    return length && unit ? (0, _convertUnitsLite.convert)(length).from(unit).to('cm') : 0;
+    return length && unit ? convert(length).from(unit).to('cm') : 0;
   };
   var point = function point(x, y) {
     return {
@@ -472,32 +469,32 @@ function Viewer2D(_ref, _ref2) {
     var pointArray = [];
     curItemInfo.rectCenterPoint.forEach(function (centerpoint) {
       if (!Array.isArray(centerpoint) || centerpoint.length < 2) return;
-      var _centerpoint = (0, _slicedToArray2["default"])(centerpoint, 2),
+      var _centerpoint = _slicedToArray(centerpoint, 2),
         pt = _centerpoint[0],
         angle = _centerpoint[1];
       if (!pt) return;
 
       // line through centerpoint and reference center
-      var rectLine = angle === 180 || angle === 0 ? _export2.GeometryUtils.linePassingThroughTwoPoints(pt.x, pt.y, center_x1, center_y1) : _export2.GeometryUtils.linePassingThroughTwoPoints(pt.x, pt.y, x, y);
+      var rectLine = angle === 180 || angle === 0 ? GeometryUtils.linePassingThroughTwoPoints(pt.x, pt.y, center_x1, center_y1) : GeometryUtils.linePassingThroughTwoPoints(pt.x, pt.y, x, y);
       if (!rectLine) return;
       var minDist;
       allRect.forEach(function (linerect) {
         if (!(linerect !== null && linerect !== void 0 && linerect.rect) || linerect.rect.length < 4) return;
-        var p0 = _export2.GeometryUtils.clone_point(linerect.rect[2]);
-        var p1 = _export2.GeometryUtils.clone_point(linerect.rect[3]);
+        var p0 = GeometryUtils.clone_point(linerect.rect[2]);
+        var p1 = GeometryUtils.clone_point(linerect.rect[3]);
         if (!p0 || !p1 || p0.x === p1.x && p0.y === p1.y) return;
-        var lineFn = _export2.GeometryUtils.linePassingThroughTwoPoints(p0.x, p0.y, p1.x, p1.y);
+        var lineFn = GeometryUtils.linePassingThroughTwoPoints(p0.x, p0.y, p1.x, p1.y);
         if (!lineFn) return;
-        var ip = _export2.GeometryUtils.twoLinesIntersection(lineFn.a, lineFn.b, lineFn.c, rectLine.a, rectLine.b, rectLine.c);
+        var ip = GeometryUtils.twoLinesIntersection(lineFn.a, lineFn.b, lineFn.c, rectLine.a, rectLine.b, rectLine.c);
         if (!ip) return;
 
         // intersection must lie within line segment
-        var segLen = _export2.GeometryUtils.pointsDistance(p0.x, p0.y, p1.x, p1.y);
-        if (segLen <= _export2.GeometryUtils.pointsDistance(p0.x, p0.y, ip.x, ip.y) || segLen <= _export2.GeometryUtils.pointsDistance(p1.x, p1.y, ip.x, ip.y)) return;
+        var segLen = GeometryUtils.pointsDistance(p0.x, p0.y, p1.x, p1.y);
+        if (segLen <= GeometryUtils.pointsDistance(p0.x, p0.y, ip.x, ip.y) || segLen <= GeometryUtils.pointsDistance(p1.x, p1.y, ip.x, ip.y)) return;
 
         // ensure intersection is farther than pt→center
-        var distToCenter = _export2.GeometryUtils.pointsDistance(ip.x, ip.y, x, y);
-        var baseDist = _export2.GeometryUtils.pointsDistance(pt.x, pt.y, ip.x, ip.y);
+        var distToCenter = GeometryUtils.pointsDistance(ip.x, ip.y, x, y);
+        var baseDist = GeometryUtils.pointsDistance(pt.x, pt.y, ip.x, ip.y);
         if (distToCenter <= baseDist) return;
         var candidate = baseDist;
         minDist = minDist !== undefined ? Math.min(minDist, candidate) : candidate;
@@ -554,12 +551,12 @@ function Viewer2D(_ref, _ref2) {
         };
 
         // collect geometry
-        var _allLines = _export2.GeometryUtils.getAllLines(layer) || [];
-        var _allLineRects = _export2.GeometryUtils.buildRectFromLines(layer, _allLines) || [];
-        var _allItemRect = _export2.GeometryUtils.getAllItems(scene, catalog, _allLineRects) || {
+        var _allLines = GeometryUtils.getAllLines(layer) || [];
+        var _allLineRects = GeometryUtils.buildRectFromLines(layer, _allLines) || [];
+        var _allItemRect = GeometryUtils.getAllItems(scene, catalog, _allLineRects) || {
           others: []
         };
-        var _allRect = [].concat((0, _toConsumableArray2["default"])(_allItemRect.others || []), (0, _toConsumableArray2["default"])(_allLineRects));
+        var _allRect = [].concat(_toConsumableArray(_allItemRect.others || []), _toConsumableArray(_allLineRects));
 
         // current item
         var curItemInfo = getCalcRectFromItem(val);
@@ -636,7 +633,7 @@ function Viewer2D(_ref, _ref2) {
           endPoint.y = y;
         } else {
           prepareSnap();
-          var _GeometryUtils$calcSn = _export2.GeometryUtils.calcSnap(allItemRect, allItemSnap, allLineRects, allLineSnap, allRect, x, y, allArea),
+          var _GeometryUtils$calcSn = GeometryUtils.calcSnap(allItemRect, allItemSnap, allLineRects, allLineSnap, allRect, x, y, allArea),
             nx = _GeometryUtils$calcSn.nx,
             ny = _GeometryUtils$calcSn.ny,
             rot = _GeometryUtils$calcSn.rot,
@@ -651,10 +648,10 @@ function Viewer2D(_ref, _ref2) {
             layoutpos: allItemRect.cur && allItemRect.cur.layoutpos,
             is_corner: allItemRect.cur && allItemRect.cur.is_corner
           };
-          var _GeometryUtils$getAll = _export2.GeometryUtils.getAllHoleRect(scene, _val),
+          var _GeometryUtils$getAll = GeometryUtils.getAllHoleRect(scene, _val),
             _isSect = _GeometryUtils$getAll.isSect,
             _snap = _GeometryUtils$getAll.snap;
-          if (!(0, _helper.isEmpty)(_snap) && _isSect) {
+          if (!isEmpty(_snap) && _isSect) {
             if (_snap.length == 1) _val.pos = {
               x: _snap[0].x,
               y: _snap[0].y
@@ -667,7 +664,7 @@ function Viewer2D(_ref, _ref2) {
                 y: _snap[1].y
               };
             }
-            var interSect = _export2.GeometryUtils.validInterSect(allItemRect.others, _val);
+            var interSect = GeometryUtils.validInterSect(allItemRect.others, _val);
             if (interSect) {
               nx = _val.pos.x;
               ny = _val.pos.y;
@@ -677,7 +674,7 @@ function Viewer2D(_ref, _ref2) {
             x: nx,
             y: ny
           };
-          var _isrectSect = _export2.GeometryUtils.validInterSect(allItemRect.others, _val);
+          var _isrectSect = GeometryUtils.validInterSect(allItemRect.others, _val);
           if (_isrectSect && _isSect) {
             itemsActions.updateDraggingItemChanged(nx, ny, layerID, current_sel_obj_id);
             itemsActions.updateRotatingItemChanged(rot, layerID, current_sel_obj_id);
@@ -712,7 +709,7 @@ function Viewer2D(_ref, _ref2) {
       case constants.MODE_DRAGGING_ITEM:
         calcDistanceArray();
         prepareSnap();
-        var _GeometryUtils$calcSn2 = _export2.GeometryUtils.calcSnap(allItemRect, allItemSnap, allLineRects, allLineSnap, allRect, x, y, allArea),
+        var _GeometryUtils$calcSn2 = GeometryUtils.calcSnap(allItemRect, allItemSnap, allLineRects, allLineSnap, allRect, x, y, allArea),
           nx = _GeometryUtils$calcSn2.nx,
           ny = _GeometryUtils$calcSn2.ny,
           rot = _GeometryUtils$calcSn2.rot,
@@ -727,10 +724,10 @@ function Viewer2D(_ref, _ref2) {
           layoutpos: allItemRect.cur && allItemRect.cur.layoutpos,
           is_corner: allItemRect.cur && allItemRect.cur.is_corner
         };
-        var _GeometryUtils$getAll2 = _export2.GeometryUtils.getAllHoleRect(scene, val),
+        var _GeometryUtils$getAll2 = GeometryUtils.getAllHoleRect(scene, val),
           isSect = _GeometryUtils$getAll2.isSect,
           snap = _GeometryUtils$getAll2.snap;
-        if (!(0, _helper.isEmpty)(snap) && isSect) {
+        if (!isEmpty(snap) && isSect) {
           if (snap.length == 1) val.pos = {
             x: snap[0].x,
             y: snap[0].y
@@ -743,7 +740,7 @@ function Viewer2D(_ref, _ref2) {
               y: snap[1].y
             };
           }
-          var _interSect = _export2.GeometryUtils.validInterSect(allItemRect.others, val);
+          var _interSect = GeometryUtils.validInterSect(allItemRect.others, val);
           if (_interSect) {
             nx = val.pos.x;
             ny = val.pos.y;
@@ -753,7 +750,7 @@ function Viewer2D(_ref, _ref2) {
           x: nx,
           y: ny
         };
-        var isrectSect = _export2.GeometryUtils.validInterSect(allItemRect.others, val);
+        var isrectSect = GeometryUtils.validInterSect(allItemRect.others, val);
         if (isrectSect && isSect) {
           itemsActions.updateDraggingItemChanged(nx, ny, layerID, current_sel_obj_id);
           itemsActions.updateRotatingItemChanged(rot, layerID, current_sel_obj_id);
@@ -873,7 +870,7 @@ function Viewer2D(_ref, _ref2) {
               break;
             } else if (elementData.part === 'elevation') {
               // handle action when click elevation about selected line
-              var _mode = _constants.MODE_ELEVATION_VIEW;
+              var _mode = MODE_ELEVATION_VIEW;
               projectActions.setMode(_mode);
               break;
             } else {
@@ -908,9 +905,9 @@ function Viewer2D(_ref, _ref2) {
               break;
             }
           case 'rulerDist':
-            var _length1 = (0, _convertUnitsLite.convert)(elementData.length).from(scene.unit).to(scene.rulerUnit);
-            var distanceText1 = "".concat((0, _math.formatNumber)(_length1, _constants.DECIMAL_PLACES_2));
-            var numberInput1 = /*#__PURE__*/_react["default"].createElement("div", {
+            var _length1 = convert(elementData.length).from(scene.unit).to(scene.rulerUnit);
+            var distanceText1 = "".concat(formatNumber(_length1, DECIMAL_PLACES_2));
+            var numberInput1 = /*#__PURE__*/React.createElement("div", {
               id: "ruler_numberInput",
               style: {
                 position: 'absolute',
@@ -918,7 +915,7 @@ function Viewer2D(_ref, _ref2) {
                 top: bbox.top - (50 - bbox.height) / 2,
                 zIndex: 1000
               }
-            }, /*#__PURE__*/_react["default"].createElement(_formNumberInput["default"], {
+            }, /*#__PURE__*/React.createElement(FormNumberInput, {
               style: {
                 width: 150,
                 height: 50,
@@ -930,8 +927,8 @@ function Viewer2D(_ref, _ref2) {
               },
               value: distanceText1,
               onChange: function onChange(event) {
-                var value = new _immutable.Map({
-                  length: (0, _convertUnitsLite.convert)(event.target.value).from(scene.rulerUnit).to(scene.unit),
+                var value = new Map({
+                  length: convert(event.target.value).from(scene.rulerUnit).to(scene.unit),
                   _length: event.target.value,
                   _unit: scene.rulerUnit
                 });
@@ -943,8 +940,8 @@ function Viewer2D(_ref, _ref2) {
             projectActions.unselectAll();
             break;
           case 'ruler':
-            var _length = (0, _convertUnitsLite.convert)(elementData.length).from(scene.unit).to(selectedLayer.unit);
-            var numberInput = /*#__PURE__*/_react["default"].createElement("div", {
+            var _length = convert(elementData.length).from(scene.unit).to(selectedLayer.unit);
+            var numberInput = /*#__PURE__*/React.createElement("div", {
               id: "ruler_numberInput",
               style: {
                 position: 'absolute',
@@ -952,7 +949,7 @@ function Viewer2D(_ref, _ref2) {
                 top: bbox.top - (50 - bbox.height) / 2,
                 zIndex: 1000
               }
-            }, /*#__PURE__*/_react["default"].createElement(_formNumberInput["default"], {
+            }, /*#__PURE__*/React.createElement(FormNumberInput, {
               style: {
                 width: 150,
                 height: 50,
@@ -962,10 +959,10 @@ function Viewer2D(_ref, _ref2) {
                 lineHeight: '22px',
                 fontWeight: 600
               },
-              value: (0, _math.formatNumber)(_length, _constants.DECIMAL_PLACES_2),
+              value: formatNumber(_length, DECIMAL_PLACES_2),
               onChange: function onChange(event) {
-                var value = new _immutable.Map({
-                  length: (0, _convertUnitsLite.convert)(event.target.value).from(selectedLayer.unit).to(scene.unit),
+                var value = new Map({
+                  length: convert(event.target.value).from(selectedLayer.unit).to(scene.unit),
                   _length: event.target.value,
                   _unit: selectedLayer.unit
                 });
@@ -977,9 +974,9 @@ function Viewer2D(_ref, _ref2) {
             projectActions.unselectAll();
             break;
           case 'twoHoleRuler':
-            var _lengthTwoHoleRuler = (0, _convertUnitsLite.convert)(elementData.length).from(scene.unit).to(scene.rulerUnit);
-            var distanceTextTwoHoleRuler = "".concat((0, _math.formatNumber)(_lengthTwoHoleRuler, _constants.DECIMAL_PLACES_2));
-            var numberInputTwoHoleRuler = /*#__PURE__*/_react["default"].createElement("div", {
+            var _lengthTwoHoleRuler = convert(elementData.length).from(scene.unit).to(scene.rulerUnit);
+            var distanceTextTwoHoleRuler = "".concat(formatNumber(_lengthTwoHoleRuler, DECIMAL_PLACES_2));
+            var numberInputTwoHoleRuler = /*#__PURE__*/React.createElement("div", {
               id: "ruler_numberInput",
               style: {
                 position: 'absolute',
@@ -987,7 +984,7 @@ function Viewer2D(_ref, _ref2) {
                 top: bbox.top - (50 - bbox.height) / 2,
                 zIndex: 1000
               }
-            }, /*#__PURE__*/_react["default"].createElement(_formNumberInput["default"], {
+            }, /*#__PURE__*/React.createElement(FormNumberInput, {
               style: {
                 width: 150,
                 height: 50,
@@ -999,8 +996,8 @@ function Viewer2D(_ref, _ref2) {
               },
               value: distanceTextTwoHoleRuler,
               onChange: function onChange(event) {
-                var value = new _immutable.Map({
-                  length: (0, _convertUnitsLite.convert)(event.target.value / 2).from(scene.rulerUnit).to(scene.unit),
+                var value = new Map({
+                  length: convert(event.target.value / 2).from(scene.rulerUnit).to(scene.unit),
                   _length: event.target.value / 2,
                   _unit: scene.rulerUnit
                 });
@@ -1012,9 +1009,9 @@ function Viewer2D(_ref, _ref2) {
             projectActions.unselectAll();
             break;
           case 'leftHoleRuler':
-            var _lengthLeftHoleRuler = (0, _convertUnitsLite.convert)(elementData.length).from(scene.unit).to(scene.rulerUnit);
+            var _lengthLeftHoleRuler = convert(elementData.length).from(scene.unit).to(scene.rulerUnit);
             var distanceTextLeftHoleRuler = "".concat(_lengthLeftHoleRuler.toFixed(2));
-            var numberInputLeftHoleRuler = /*#__PURE__*/_react["default"].createElement("div", {
+            var numberInputLeftHoleRuler = /*#__PURE__*/React.createElement("div", {
               id: "ruler_numberInput",
               style: {
                 position: 'absolute',
@@ -1022,7 +1019,7 @@ function Viewer2D(_ref, _ref2) {
                 top: bbox.top - (50 - bbox.height) / 2,
                 zIndex: 1000
               }
-            }, /*#__PURE__*/_react["default"].createElement(_formNumberInput["default"], {
+            }, /*#__PURE__*/React.createElement(FormNumberInput, {
               style: {
                 width: 150,
                 height: 50,
@@ -1034,8 +1031,8 @@ function Viewer2D(_ref, _ref2) {
               },
               value: distanceTextLeftHoleRuler,
               onChange: function onChange(event) {
-                var value = new _immutable.Map({
-                  length: (0, _convertUnitsLite.convert)(event.target.value).from(scene.rulerUnit).to(scene.unit),
+                var value = new Map({
+                  length: convert(event.target.value).from(scene.rulerUnit).to(scene.unit),
                   _length: event.target.value,
                   _unit: scene.rulerUnit
                 });
@@ -1047,9 +1044,9 @@ function Viewer2D(_ref, _ref2) {
             projectActions.unselectAll();
             break;
           case 'rulerHole':
-            var _lengthRulerHole = (0, _convertUnitsLite.convert)(elementData.length).from(scene.unit).to(scene.rulerUnit);
-            var distanceTextRulerHole = "".concat((0, _math.formatNumber)(_lengthRulerHole, _constants.DECIMAL_PLACES_2));
-            var numberInputRulerHole = /*#__PURE__*/_react["default"].createElement("div", {
+            var _lengthRulerHole = convert(elementData.length).from(scene.unit).to(scene.rulerUnit);
+            var distanceTextRulerHole = "".concat(formatNumber(_lengthRulerHole, DECIMAL_PLACES_2));
+            var numberInputRulerHole = /*#__PURE__*/React.createElement("div", {
               id: "ruler_numberInput",
               style: {
                 position: 'absolute',
@@ -1057,7 +1054,7 @@ function Viewer2D(_ref, _ref2) {
                 top: bbox.top - (50 - bbox.height) / 2,
                 zIndex: 1000
               }
-            }, /*#__PURE__*/_react["default"].createElement(_formNumberInput["default"], {
+            }, /*#__PURE__*/React.createElement(FormNumberInput, {
               style: {
                 width: 150,
                 height: 50,
@@ -1069,8 +1066,8 @@ function Viewer2D(_ref, _ref2) {
               },
               value: distanceTextRulerHole,
               onChange: function onChange(event) {
-                var value = new _immutable.Map({
-                  length: (0, _convertUnitsLite.convert)(event.target.value).from(scene.rulerUnit).to(scene.unit),
+                var value = new Map({
+                  length: convert(event.target.value).from(scene.rulerUnit).to(scene.unit),
                   _length: event.target.value,
                   _unit: scene.rulerUnit
                 });
@@ -1082,9 +1079,9 @@ function Viewer2D(_ref, _ref2) {
             projectActions.unselectAll();
             break;
           case 'rightHoleRuler':
-            var _lengthRightHoleRuler = (0, _convertUnitsLite.convert)(elementData.length).from(scene.unit).to(scene.rulerUnit);
+            var _lengthRightHoleRuler = convert(elementData.length).from(scene.unit).to(scene.rulerUnit);
             var distanceTextRightHoleRuler = "".concat(_lengthRightHoleRuler.toFixed(2));
-            var numberInputRightHoleRuler = /*#__PURE__*/_react["default"].createElement("div", {
+            var numberInputRightHoleRuler = /*#__PURE__*/React.createElement("div", {
               id: "ruler_numberInput",
               style: {
                 position: 'absolute',
@@ -1092,7 +1089,7 @@ function Viewer2D(_ref, _ref2) {
                 top: bbox.top - (50 - bbox.height) / 2,
                 zIndex: 1000
               }
-            }, /*#__PURE__*/_react["default"].createElement(_formNumberInput["default"], {
+            }, /*#__PURE__*/React.createElement(FormNumberInput, {
               style: {
                 width: 150,
                 height: 50,
@@ -1104,8 +1101,8 @@ function Viewer2D(_ref, _ref2) {
               },
               value: distanceTextRightHoleRuler,
               onChange: function onChange(event) {
-                var value = new _immutable.Map({
-                  length: (0, _convertUnitsLite.convert)(event.target.value).from(scene.rulerUnit).to(scene.unit),
+                var value = new Map({
+                  length: convert(event.target.value).from(scene.rulerUnit).to(scene.unit),
                   _length: event.target.value,
                   _unit: scene.rulerUnit
                 });
@@ -1118,7 +1115,7 @@ function Viewer2D(_ref, _ref2) {
             break;
           case 'angleChange':
             var _length2 = elementData.length;
-            var numberInput2 = /*#__PURE__*/_react["default"].createElement("div", {
+            var numberInput2 = /*#__PURE__*/React.createElement("div", {
               id: "ruler_numberInput",
               style: {
                 position: 'absolute',
@@ -1126,15 +1123,15 @@ function Viewer2D(_ref, _ref2) {
                 top: bbox.top - (50 - bbox.height) / 2,
                 zIndex: 1000
               }
-            }, /*#__PURE__*/_react["default"].createElement(_formNumberInput["default"], {
+            }, /*#__PURE__*/React.createElement(FormNumberInput, {
               style: {
                 width: 50,
                 height: 50
               },
               value: _length2,
               onChange: function onChange(event) {
-                var value = new _immutable.Map({
-                  length: (0, _convertUnitsLite.convert)(event.target.value).from(scene.rulerUnit).to(scene.unit),
+                var value = new Map({
+                  length: convert(event.target.value).from(scene.rulerUnit).to(scene.unit),
                   _length: event.target.value,
                   _unit: scene.rulerUnit
                 });
@@ -1188,7 +1185,7 @@ function Viewer2D(_ref, _ref2) {
         break;
       case constants.MODE_DRAGGING_ITEM:
         itemsActions.updateMolding();
-        projectActions.setMode(_constants.MODE_IDLE);
+        projectActions.setMode(MODE_IDLE);
         break;
       case constants.MODE_DRAGGING_HOLE:
         holesActions.endDraggingHole(x, y);
@@ -1233,16 +1230,16 @@ function Viewer2D(_ref, _ref2) {
   };
   var onChangeTool = function onChangeTool(tool) {
     switch (tool) {
-      case _reactSvgPanZoom.TOOL_NONE:
+      case TOOL_NONE:
         projectActions.selectToolEdit();
         break;
-      case _reactSvgPanZoom.TOOL_PAN:
+      case TOOL_PAN:
         viewer2DActions.selectToolPan();
         break;
-      case _reactSvgPanZoom.TOOL_ZOOM_IN:
+      case TOOL_ZOOM_IN:
         viewer2DActions.selectToolZoomIn();
         break;
-      case _reactSvgPanZoom.TOOL_ZOOM_OUT:
+      case TOOL_ZOOM_OUT:
         viewer2DActions.selectToolZoomOut();
         break;
     }
@@ -1270,7 +1267,7 @@ function Viewer2D(_ref, _ref2) {
   var rulerYElements = Math.ceil(sceneHeight / rulerUnitPixelSize) + 1;
   console.log('---render viewer2d');
   console.log(viewer2D.isEmpty());
-  return /*#__PURE__*/_react["default"].createElement("div", null, rulerEdit, /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", null, rulerEdit, /*#__PURE__*/React.createElement("div", {
     style: {
       margin: 0,
       padding: 0,
@@ -1281,13 +1278,13 @@ function Viewer2D(_ref, _ref2) {
       gridTemplateRows: "".concat(rulerSize, "px ").concat(height - rulerSize, "px"),
       position: 'relative'
     }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
       gridColumn: 1,
       gridRow: 1,
       backgroundColor: rulerBgColor
     }
-  }), /*#__PURE__*/_react["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     style: {
       gridRow: 1,
       gridColumn: 2,
@@ -1295,7 +1292,7 @@ function Viewer2D(_ref, _ref2) {
       overflow: 'hidden'
     },
     id: "rulerX"
-  }, sceneWidth ? /*#__PURE__*/_react["default"].createElement(_export.RulerX, {
+  }, sceneWidth ? /*#__PURE__*/React.createElement(RulerX, {
     unitPixelSize: rulerUnitPixelSize,
     zoom: sceneZoom,
     mouseX: state.mouse.get('x'),
@@ -1306,7 +1303,7 @@ function Viewer2D(_ref, _ref2) {
     markerColor: rulerMkColor,
     positiveUnitsNumber: rulerXElements,
     negativeUnitsNumber: 0
-  }) : null), /*#__PURE__*/_react["default"].createElement("div", {
+  }) : null), /*#__PURE__*/React.createElement("div", {
     style: {
       gridColumn: 1,
       gridRow: 2,
@@ -1314,7 +1311,7 @@ function Viewer2D(_ref, _ref2) {
       overflow: 'hidden'
     },
     id: "rulerY"
-  }, sceneHeight ? /*#__PURE__*/_react["default"].createElement(_export.RulerY, {
+  }, sceneHeight ? /*#__PURE__*/React.createElement(RulerY, {
     unitPixelSize: rulerUnitPixelSize,
     zoom: sceneZoom,
     mouseY: state.mouse.get('y'),
@@ -1325,7 +1322,7 @@ function Viewer2D(_ref, _ref2) {
     markerColor: rulerMkColor,
     positiveUnitsNumber: rulerYElements,
     negativeUnitsNumber: 0
-  }) : null), /*#__PURE__*/_react["default"].createElement(_reactSvgPanZoom.ReactSVGPanZoom, {
+  }) : null), /*#__PURE__*/React.createElement(ReactSVGPanZoom, {
     style: {
       gridColumn: 2,
       gridRow: 2
@@ -1349,30 +1346,30 @@ function Viewer2D(_ref, _ref2) {
     detectPinchGesture: false,
     disableDoubleClickZoomWithToolAuto: true,
     ref: Viewer
-  }, /*#__PURE__*/_react["default"].createElement("svg", {
+  }, /*#__PURE__*/React.createElement("svg", {
     width: scene.width,
     height: scene.height
-  }, /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("pattern", {
+  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("pattern", {
     id: "diagonalFill",
     patternUnits: "userSpaceOnUse",
     width: "4",
     height: "4",
     fill: "#FFF"
-  }, /*#__PURE__*/_react["default"].createElement("rect", {
+  }, /*#__PURE__*/React.createElement("rect", {
     x: "0",
     y: "0",
     width: "4",
     height: "4",
     fill: "#FFF"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M-1,1 l2,-2 M0,4 l4,-4 M3,5 l2,-2",
     style: {
       stroke: '#8E9BA2',
       strokeWidth: 1
     }
-  }))), /*#__PURE__*/_react["default"].createElement("g", {
+  }))), /*#__PURE__*/React.createElement("g", {
     style: Object.assign(mode2Cursor(mode), mode2PointerEvents(mode))
-  }, /*#__PURE__*/_react["default"].createElement(_state["default"], {
+  }, /*#__PURE__*/React.createElement(State, {
     state: state,
     catalog: catalog,
     viewer2DActions: viewer2DActions,
@@ -1380,17 +1377,17 @@ function Viewer2D(_ref, _ref2) {
   }))))));
 }
 Viewer2D.propTypes = {
-  state: _propTypes["default"].object.isRequired,
-  width: _propTypes["default"].number.isRequired,
-  height: _propTypes["default"].number.isRequired
+  state: PropTypes.object.isRequired,
+  width: PropTypes.number.isRequired,
+  height: PropTypes.number.isRequired
 };
 Viewer2D.contextTypes = {
-  viewer2DActions: _propTypes["default"].object.isRequired,
-  linesActions: _propTypes["default"].object.isRequired,
-  holesActions: _propTypes["default"].object.isRequired,
-  verticesActions: _propTypes["default"].object.isRequired,
-  itemsActions: _propTypes["default"].object.isRequired,
-  areaActions: _propTypes["default"].object.isRequired,
-  projectActions: _propTypes["default"].object.isRequired,
-  catalog: _propTypes["default"].object.isRequired
+  viewer2DActions: PropTypes.object.isRequired,
+  linesActions: PropTypes.object.isRequired,
+  holesActions: PropTypes.object.isRequired,
+  verticesActions: PropTypes.object.isRequired,
+  itemsActions: PropTypes.object.isRequired,
+  areaActions: PropTypes.object.isRequired,
+  projectActions: PropTypes.object.isRequired,
+  catalog: PropTypes.object.isRequired
 };