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

package/es/components/viewer2d/viewer2d.js

@@ -1,33 +1,32 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Viewer2D;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/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");
+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); }
 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; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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, { 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 'convert-units';
-import { Map } from 'immutable';
-import { formatNumber } from "../../utils/math";
-import { isEmpty } from "../../utils/helper";
+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) { (0, _defineProperty2["default"])(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; }
+// variables
 
 // variables
 var pinFlag = false;
@@ -47,19 +46,19 @@ var allArea;
 // /////////
 function mode2Tool(mode) {
   if (pinFlag) {
-    return TOOL_NONE;
+    return _reactSvgPanZoom.TOOL_NONE;
   }
   switch (mode) {
     case constants.MODE_2D_PAN:
-      return TOOL_PAN;
+      return _reactSvgPanZoom.TOOL_PAN;
     case constants.MODE_2D_ZOOM_IN:
-      return TOOL_ZOOM_IN;
+      return _reactSvgPanZoom.TOOL_ZOOM_IN;
     case constants.MODE_2D_ZOOM_OUT:
-      return TOOL_ZOOM_OUT;
+      return _reactSvgPanZoom.TOOL_ZOOM_OUT;
     case constants.MODE_IDLE:
-      return TOOL_AUTO;
+      return _reactSvgPanZoom.TOOL_AUTO;
     default:
-      return TOOL_NONE;
+      return _reactSvgPanZoom.TOOL_NONE;
   }
 }
 function mode2PointerEvents(mode) {
@@ -131,7 +130,7 @@ function extractElementData(node) {
     direct: node.attributes.getNamedItem('data-direct') ? node.attributes.getNamedItem('data-direct').value : 0
   };
 }
-export default function Viewer2D(_ref, _ref2) {
+function Viewer2D(_ref, _ref2) {
   var state = _ref.state,
     width = _ref.width,
     height = _ref.height,
@@ -145,29 +144,29 @@ export default function Viewer2D(_ref, _ref2) {
     areaActions = _ref2.areaActions,
     projectActions = _ref2.projectActions,
     catalog = _ref2.catalog;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     rulerEdit = _useState2[0],
     setRulerEdit = _useState2[1];
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
     rulerEditID = _useState4[0],
     setRulerEditID = _useState4[1];
-  var Viewer = useRef(null);
+  var Viewer = (0, _react.useRef)(null);
   var viewer2D = state.viewer2D,
     mode = state.mode,
     scene = state.scene;
 
   // let relatedLines = [];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
+  var _useState5 = (0, _react.useState)([]),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
     relatedLines = _useState6[0],
     setRelatedLines = _useState6[1];
-  var _useState7 = useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
     drawStart = _useState8[0],
     setdrawStart = _useState8[1];
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     // move viewer point to center
     var selectedLayer = state.scene.layers.get(state.scene.selectedLayer);
     var vertices = selectedLayer.vertices;
@@ -189,7 +188,7 @@ export default function Viewer2D(_ref, _ref2) {
     Viewer.current.setPointOnViewerCenter(moveX, moveY, viewer2D.get('a'));
   }, []);
   var layerID = scene.selectedLayer;
-  var wall_thickness = LINE_THICKNESS / 2;
+  var wall_thickness = _constants.LINE_THICKNESS / 2;
   var layer = scene.getIn(['layers', layerID]);
   var mapCursorPosition = function mapCursorPosition(_ref3) {
     var x = _ref3.x,
@@ -206,15 +205,15 @@ export default function Viewer2D(_ref, _ref2) {
   var prepareSnap = function prepareSnap() {
     var layerID = scene.selectedLayer;
     var layer = scene.layers.get(layerID);
-    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);
+    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);
     allRect = allItemRect.others.concat(allLineRects);
-    allItemSnap = GeometryUtils.validateSnaps(allItemSnap, allRect);
-    allLineSnap = GeometryUtils.validateSnaps(allLineSnap, allRect);
-    allArea = GeometryUtils.getAllArea(layer);
+    allItemSnap = _export2.GeometryUtils.validateSnaps(allItemSnap, allRect);
+    allLineSnap = _export2.GeometryUtils.validateSnaps(allLineSnap, allRect);
+    allArea = _export2.GeometryUtils.getAllArea(layer);
   };
   var updateRulerDistAttribute = function updateRulerDistAttribute(elementData, value) {
     var newVal = value.get('length');
@@ -257,11 +256,11 @@ export default 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 = GeometryUtils.orderVertices([v_0, v_1]),
-      _GeometryUtils$orderV2 = _slicedToArray(_GeometryUtils$orderV, 2),
+    var _GeometryUtils$orderV = _export2.GeometryUtils.orderVertices([v_0, v_1]),
+      _GeometryUtils$orderV2 = (0, _slicedToArray2["default"])(_GeometryUtils$orderV, 2),
       v_a = _GeometryUtils$orderV2[0],
       v_b = _GeometryUtils$orderV2[1];
-    var v_b_new = GeometryUtils.extendLine(v_a.x, v_a.y, v_b.x, v_b.y, value.get('length'), 2);
+    var v_b_new = _export2.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]);
@@ -293,7 +292,7 @@ export default function Viewer2D(_ref, _ref2) {
         vertexTwo: v_a
       });
     }
-    var attributesFormData = new Map(_objectSpread({}, attributesData));
+    var attributesFormData = new _immutable.Map(_objectSpread({}, attributesData));
     setRulerEdit(null);
     projectActions.setLinesAttributes(attributesFormData, true, {
       layerID: elementData.layer,
@@ -377,7 +376,7 @@ export default function Viewer2D(_ref, _ref2) {
   };
   var getEndPoint = function getEndPoint(vertices, x, y, mode) {
     var selLineID = state.getIn(['scene', 'layers', layerID, 'selected', 'lines']).first();
-    if (isEmpty(selLineID)) {
+    if ((0, _helper.isEmpty)(selLineID)) {
       return {
         isEndDrag: true,
         x: x,
@@ -387,7 +386,7 @@ export default 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 = !isEmpty(dragVertexId) ? dragVertexId : draggingLine.vertices[1];
+    dragVertexId = !(0, _helper.isEmpty)(dragVertexId) ? dragVertexId : draggingLine.vertices[1];
     var vtx, vty;
     var stepUnit = false;
     vtx = vertices[dragVertexId].x;
@@ -398,7 +397,7 @@ export default function Viewer2D(_ref, _ref2) {
       stepUnit = true;
     }
     var endDrag = [];
-    if (!isEmpty(relatedLines) && mode !== 'DRAGGING_LINE') {
+    if (!(0, _helper.isEmpty)(relatedLines) && mode !== 'DRAGGING_LINE') {
       vertices[dragVertexId].x = x;
       vertices[dragVertexId].y = y;
     }
@@ -406,17 +405,17 @@ export default function Viewer2D(_ref, _ref2) {
     if (draggingLine.vertices[0] !== draggingLine.vertices[1]) {
       for (var i = 0; i < relatedLines.length; i++) {
         var line = relatedLines[i];
-        lineAngle = GeometryUtils.angleBetweenTwoLines(line, draggingLine, vertices);
+        lineAngle = _export2.GeometryUtils.angleBetweenTwoLines(line, draggingLine, vertices);
         absAngle = Math.abs(lineAngle);
         var tmpRelated = [];
-        GeometryUtils.getRelatedLines(tmpRelated, line, vertices, allLines, draggingLine.id);
+        _export2.GeometryUtils.getRelatedLines(tmpRelated, line, vertices, allLines, draggingLine.id);
         for (var j = 0; j < tmpRelated.length; j++) {
-          var tmpAngle = Math.abs(GeometryUtils.angleBetweenTwoLines(tmpRelated[j], line, vertices));
-          if (tmpAngle < MIN_ANGLE_DISALLOW_DRAW_WALL || tmpAngle > 360 - MIN_ANGLE_DISALLOW_DRAW_WALL) {
+          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) {
             endDrag.push(false);
           } else endDrag.push(true);
         }
-        if (absAngle < MIN_ANGLE_DISALLOW_DRAW_WALL || absAngle > 360 - MIN_ANGLE_DISALLOW_DRAW_WALL) {
+        if (absAngle < _constants.MIN_ANGLE_DISALLOW_DRAW_WALL || absAngle > 360 - _constants.MIN_ANGLE_DISALLOW_DRAW_WALL) {
           endDrag.push(false);
         } else endDrag.push(true);
       }
@@ -427,7 +426,7 @@ export default function Viewer2D(_ref, _ref2) {
       vtx = x;
       vty = y;
     } else {
-      var rest = MIN_ANGLE_DISALLOW_DRAW_WALL - absAngle;
+      var rest = _constants.MIN_ANGLE_DISALLOW_DRAW_WALL - absAngle;
       // the origin point of rotation(snapping)
       var originVerId = draggingLine.vertices.findIndex(function (vertice) {
         return vertice !== dragVertexId;
@@ -439,7 +438,7 @@ export default 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 = GeometryUtils.rotatePointAroundPoint(x, y, ox, oy, rest);
+        var res = _export2.GeometryUtils.rotatePointAroundPoint(x, y, ox, oy, rest);
         vtx = res.x;
         vty = res.y;
       }
@@ -448,8 +447,8 @@ export default function Viewer2D(_ref, _ref2) {
     // angle snapping as a value of UNIT_ANGLE
     if (!endDrag.some(function (flag) {
       return flag === false;
-    }) && !isEmpty(absAngle) && absAngle % UNIT_ANGLE !== 0 && stepUnit) {
-      var _result = GeometryUtils.snapAngleByUnit(lineAngle, vertices, draggingLine, vtx, vty, dragVertexId);
+    }) && !(0, _helper.isEmpty)(absAngle) && absAngle % _constants.UNIT_ANGLE !== 0 && stepUnit) {
+      var _result = _export2.GeometryUtils.snapAngleByUnit(lineAngle, vertices, draggingLine, vtx, vty, dragVertexId);
       vtx = _result.x;
       vty = _result.y;
     }
@@ -465,7 +464,7 @@ export default 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 ? convert(length).from(unit).to('cm') : 0;
+    return length && unit ? (0, _convertUnitsLite.convert)(length).from(unit).to('cm') : 0;
   };
   var point = function point(x, y) {
     return {
@@ -480,32 +479,32 @@ export default function Viewer2D(_ref, _ref2) {
     var pointArray = [];
     curItemInfo.rectCenterPoint.forEach(function (centerpoint) {
       if (!Array.isArray(centerpoint) || centerpoint.length < 2) return;
-      var _centerpoint = _slicedToArray(centerpoint, 2),
+      var _centerpoint = (0, _slicedToArray2["default"])(centerpoint, 2),
         pt = _centerpoint[0],
         angle = _centerpoint[1];
       if (!pt) return;
 
       // line through centerpoint and reference center
-      var rectLine = angle === 180 || angle === 0 ? GeometryUtils.linePassingThroughTwoPoints(pt.x, pt.y, center_x1, center_y1) : GeometryUtils.linePassingThroughTwoPoints(pt.x, pt.y, x, y);
+      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);
       if (!rectLine) return;
       var minDist;
       allRect.forEach(function (linerect) {
         if (!(linerect !== null && linerect !== void 0 && linerect.rect) || linerect.rect.length < 4) return;
-        var p0 = GeometryUtils.clone_point(linerect.rect[2]);
-        var p1 = GeometryUtils.clone_point(linerect.rect[3]);
+        var p0 = _export2.GeometryUtils.clone_point(linerect.rect[2]);
+        var p1 = _export2.GeometryUtils.clone_point(linerect.rect[3]);
         if (!p0 || !p1 || p0.x === p1.x && p0.y === p1.y) return;
-        var lineFn = GeometryUtils.linePassingThroughTwoPoints(p0.x, p0.y, p1.x, p1.y);
+        var lineFn = _export2.GeometryUtils.linePassingThroughTwoPoints(p0.x, p0.y, p1.x, p1.y);
         if (!lineFn) return;
-        var ip = GeometryUtils.twoLinesIntersection(lineFn.a, lineFn.b, lineFn.c, rectLine.a, rectLine.b, rectLine.c);
+        var ip = _export2.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 = 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;
+        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;
 
         // ensure intersection is farther than pt→center
-        var distToCenter = GeometryUtils.pointsDistance(ip.x, ip.y, x, y);
-        var baseDist = GeometryUtils.pointsDistance(pt.x, pt.y, ip.x, ip.y);
+        var distToCenter = _export2.GeometryUtils.pointsDistance(ip.x, ip.y, x, y);
+        var baseDist = _export2.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;
@@ -562,12 +561,12 @@ export default function Viewer2D(_ref, _ref2) {
         };
 
         // collect geometry
-        var _allLines = GeometryUtils.getAllLines(layer) || [];
-        var _allLineRects = GeometryUtils.buildRectFromLines(layer, _allLines) || [];
-        var _allItemRect = GeometryUtils.getAllItems(scene, catalog, _allLineRects) || {
+        var _allLines = _export2.GeometryUtils.getAllLines(layer) || [];
+        var _allLineRects = _export2.GeometryUtils.buildRectFromLines(layer, _allLines) || [];
+        var _allItemRect = _export2.GeometryUtils.getAllItems(scene, catalog, _allLineRects) || {
           others: []
         };
-        var _allRect = [].concat(_toConsumableArray(_allItemRect.others || []), _toConsumableArray(_allLineRects));
+        var _allRect = [].concat((0, _toConsumableArray2["default"])(_allItemRect.others || []), (0, _toConsumableArray2["default"])(_allLineRects));
 
         // current item
         var curItemInfo = getCalcRectFromItem(val);
@@ -644,7 +643,7 @@ export default function Viewer2D(_ref, _ref2) {
           endPoint.y = y;
         } else {
           prepareSnap();
-          var _GeometryUtils$calcSn = GeometryUtils.calcSnap(allItemRect, allItemSnap, allLineRects, allLineSnap, allRect, x, y, allArea),
+          var _GeometryUtils$calcSn = _export2.GeometryUtils.calcSnap(allItemRect, allItemSnap, allLineRects, allLineSnap, allRect, x, y, allArea),
             nx = _GeometryUtils$calcSn.nx,
             ny = _GeometryUtils$calcSn.ny,
             rot = _GeometryUtils$calcSn.rot,
@@ -659,10 +658,10 @@ export default function Viewer2D(_ref, _ref2) {
             layoutpos: allItemRect.cur && allItemRect.cur.layoutpos,
             is_corner: allItemRect.cur && allItemRect.cur.is_corner
           };
-          var _GeometryUtils$getAll = GeometryUtils.getAllHoleRect(scene, _val),
+          var _GeometryUtils$getAll = _export2.GeometryUtils.getAllHoleRect(scene, _val),
             _isSect = _GeometryUtils$getAll.isSect,
             _snap = _GeometryUtils$getAll.snap;
-          if (!isEmpty(_snap) && _isSect) {
+          if (!(0, _helper.isEmpty)(_snap) && _isSect) {
             if (_snap.length == 1) _val.pos = {
               x: _snap[0].x,
               y: _snap[0].y
@@ -675,7 +674,7 @@ export default function Viewer2D(_ref, _ref2) {
                 y: _snap[1].y
               };
             }
-            var interSect = GeometryUtils.validInterSect(allItemRect.others, _val);
+            var interSect = _export2.GeometryUtils.validInterSect(allItemRect.others, _val);
             if (interSect) {
               nx = _val.pos.x;
               ny = _val.pos.y;
@@ -685,7 +684,7 @@ export default function Viewer2D(_ref, _ref2) {
             x: nx,
             y: ny
           };
-          var _isrectSect = GeometryUtils.validInterSect(allItemRect.others, _val);
+          var _isrectSect = _export2.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);
@@ -720,7 +719,7 @@ export default function Viewer2D(_ref, _ref2) {
       case constants.MODE_DRAGGING_ITEM:
         calcDistanceArray();
         prepareSnap();
-        var _GeometryUtils$calcSn2 = GeometryUtils.calcSnap(allItemRect, allItemSnap, allLineRects, allLineSnap, allRect, x, y, allArea),
+        var _GeometryUtils$calcSn2 = _export2.GeometryUtils.calcSnap(allItemRect, allItemSnap, allLineRects, allLineSnap, allRect, x, y, allArea),
           nx = _GeometryUtils$calcSn2.nx,
           ny = _GeometryUtils$calcSn2.ny,
           rot = _GeometryUtils$calcSn2.rot,
@@ -735,10 +734,10 @@ export default function Viewer2D(_ref, _ref2) {
           layoutpos: allItemRect.cur && allItemRect.cur.layoutpos,
           is_corner: allItemRect.cur && allItemRect.cur.is_corner
         };
-        var _GeometryUtils$getAll2 = GeometryUtils.getAllHoleRect(scene, val),
+        var _GeometryUtils$getAll2 = _export2.GeometryUtils.getAllHoleRect(scene, val),
           isSect = _GeometryUtils$getAll2.isSect,
           snap = _GeometryUtils$getAll2.snap;
-        if (!isEmpty(snap) && isSect) {
+        if (!(0, _helper.isEmpty)(snap) && isSect) {
           if (snap.length == 1) val.pos = {
             x: snap[0].x,
             y: snap[0].y
@@ -751,7 +750,7 @@ export default function Viewer2D(_ref, _ref2) {
               y: snap[1].y
             };
           }
-          var _interSect = GeometryUtils.validInterSect(allItemRect.others, val);
+          var _interSect = _export2.GeometryUtils.validInterSect(allItemRect.others, val);
           if (_interSect) {
             nx = val.pos.x;
             ny = val.pos.y;
@@ -761,7 +760,7 @@ export default function Viewer2D(_ref, _ref2) {
           x: nx,
           y: ny
         };
-        var isrectSect = GeometryUtils.validInterSect(allItemRect.others, val);
+        var isrectSect = _export2.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);
@@ -881,7 +880,7 @@ export default function Viewer2D(_ref, _ref2) {
               break;
             } else if (elementData.part === 'elevation') {
               // handle action when click elevation about selected line
-              var _mode = MODE_ELEVATION_VIEW;
+              var _mode = _constants.MODE_ELEVATION_VIEW;
               projectActions.setMode(_mode);
               break;
             } else {
@@ -916,9 +915,9 @@ export default function Viewer2D(_ref, _ref2) {
               break;
             }
           case 'rulerDist':
-            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", {
+            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", {
               id: "ruler_numberInput",
               style: {
                 position: 'absolute',
@@ -926,7 +925,7 @@ export default function Viewer2D(_ref, _ref2) {
                 top: bbox.top - (50 - bbox.height) / 2,
                 zIndex: 1000
               }
-            }, /*#__PURE__*/React.createElement(FormNumberInput, {
+            }, /*#__PURE__*/_react["default"].createElement(_formNumberInput["default"], {
               style: {
                 width: 150,
                 height: 50,
@@ -938,8 +937,8 @@ export default function Viewer2D(_ref, _ref2) {
               },
               value: distanceText1,
               onChange: function onChange(event) {
-                var value = new Map({
-                  length: convert(event.target.value).from(scene.rulerUnit).to(scene.unit),
+                var value = new _immutable.Map({
+                  length: (0, _convertUnitsLite.convert)(event.target.value).from(scene.rulerUnit).to(scene.unit),
                   _length: event.target.value,
                   _unit: scene.rulerUnit
                 });
@@ -951,8 +950,8 @@ export default function Viewer2D(_ref, _ref2) {
             projectActions.unselectAll();
             break;
           case 'ruler':
-            var _length = convert(elementData.length).from(scene.unit).to(selectedLayer.unit);
-            var numberInput = /*#__PURE__*/React.createElement("div", {
+            var _length = (0, _convertUnitsLite.convert)(elementData.length).from(scene.unit).to(selectedLayer.unit);
+            var numberInput = /*#__PURE__*/_react["default"].createElement("div", {
               id: "ruler_numberInput",
               style: {
                 position: 'absolute',
@@ -960,7 +959,7 @@ export default function Viewer2D(_ref, _ref2) {
                 top: bbox.top - (50 - bbox.height) / 2,
                 zIndex: 1000
               }
-            }, /*#__PURE__*/React.createElement(FormNumberInput, {
+            }, /*#__PURE__*/_react["default"].createElement(_formNumberInput["default"], {
               style: {
                 width: 150,
                 height: 50,
@@ -970,10 +969,10 @@ export default function Viewer2D(_ref, _ref2) {
                 lineHeight: '22px',
                 fontWeight: 600
               },
-              value: formatNumber(_length, DECIMAL_PLACES_2),
+              value: (0, _math.formatNumber)(_length, _constants.DECIMAL_PLACES_2),
               onChange: function onChange(event) {
-                var value = new Map({
-                  length: convert(event.target.value).from(selectedLayer.unit).to(scene.unit),
+                var value = new _immutable.Map({
+                  length: (0, _convertUnitsLite.convert)(event.target.value).from(selectedLayer.unit).to(scene.unit),
                   _length: event.target.value,
                   _unit: selectedLayer.unit
                 });
@@ -985,9 +984,9 @@ export default function Viewer2D(_ref, _ref2) {
             projectActions.unselectAll();
             break;
           case 'twoHoleRuler':
-            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", {
+            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", {
               id: "ruler_numberInput",
               style: {
                 position: 'absolute',
@@ -995,7 +994,7 @@ export default function Viewer2D(_ref, _ref2) {
                 top: bbox.top - (50 - bbox.height) / 2,
                 zIndex: 1000
               }
-            }, /*#__PURE__*/React.createElement(FormNumberInput, {
+            }, /*#__PURE__*/_react["default"].createElement(_formNumberInput["default"], {
               style: {
                 width: 150,
                 height: 50,
@@ -1007,8 +1006,8 @@ export default function Viewer2D(_ref, _ref2) {
               },
               value: distanceTextTwoHoleRuler,
               onChange: function onChange(event) {
-                var value = new Map({
-                  length: convert(event.target.value / 2).from(scene.rulerUnit).to(scene.unit),
+                var value = new _immutable.Map({
+                  length: (0, _convertUnitsLite.convert)(event.target.value / 2).from(scene.rulerUnit).to(scene.unit),
                   _length: event.target.value / 2,
                   _unit: scene.rulerUnit
                 });
@@ -1020,9 +1019,9 @@ export default function Viewer2D(_ref, _ref2) {
             projectActions.unselectAll();
             break;
           case 'leftHoleRuler':
-            var _lengthLeftHoleRuler = convert(elementData.length).from(scene.unit).to(scene.rulerUnit);
+            var _lengthLeftHoleRuler = (0, _convertUnitsLite.convert)(elementData.length).from(scene.unit).to(scene.rulerUnit);
             var distanceTextLeftHoleRuler = "".concat(_lengthLeftHoleRuler.toFixed(2));
-            var numberInputLeftHoleRuler = /*#__PURE__*/React.createElement("div", {
+            var numberInputLeftHoleRuler = /*#__PURE__*/_react["default"].createElement("div", {
               id: "ruler_numberInput",
               style: {
                 position: 'absolute',
@@ -1030,7 +1029,7 @@ export default function Viewer2D(_ref, _ref2) {
                 top: bbox.top - (50 - bbox.height) / 2,
                 zIndex: 1000
               }
-            }, /*#__PURE__*/React.createElement(FormNumberInput, {
+            }, /*#__PURE__*/_react["default"].createElement(_formNumberInput["default"], {
               style: {
                 width: 150,
                 height: 50,
@@ -1042,8 +1041,8 @@ export default function Viewer2D(_ref, _ref2) {
               },
               value: distanceTextLeftHoleRuler,
               onChange: function onChange(event) {
-                var value = new Map({
-                  length: convert(event.target.value).from(scene.rulerUnit).to(scene.unit),
+                var value = new _immutable.Map({
+                  length: (0, _convertUnitsLite.convert)(event.target.value).from(scene.rulerUnit).to(scene.unit),
                   _length: event.target.value,
                   _unit: scene.rulerUnit
                 });
@@ -1055,9 +1054,9 @@ export default function Viewer2D(_ref, _ref2) {
             projectActions.unselectAll();
             break;
           case 'rulerHole':
-            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", {
+            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", {
               id: "ruler_numberInput",
               style: {
                 position: 'absolute',
@@ -1065,7 +1064,7 @@ export default function Viewer2D(_ref, _ref2) {
                 top: bbox.top - (50 - bbox.height) / 2,
                 zIndex: 1000
               }
-            }, /*#__PURE__*/React.createElement(FormNumberInput, {
+            }, /*#__PURE__*/_react["default"].createElement(_formNumberInput["default"], {
               style: {
                 width: 150,
                 height: 50,
@@ -1077,8 +1076,8 @@ export default function Viewer2D(_ref, _ref2) {
               },
               value: distanceTextRulerHole,
               onChange: function onChange(event) {
-                var value = new Map({
-                  length: convert(event.target.value).from(scene.rulerUnit).to(scene.unit),
+                var value = new _immutable.Map({
+                  length: (0, _convertUnitsLite.convert)(event.target.value).from(scene.rulerUnit).to(scene.unit),
                   _length: event.target.value,
                   _unit: scene.rulerUnit
                 });
@@ -1090,9 +1089,9 @@ export default function Viewer2D(_ref, _ref2) {
             projectActions.unselectAll();
             break;
           case 'rightHoleRuler':
-            var _lengthRightHoleRuler = convert(elementData.length).from(scene.unit).to(scene.rulerUnit);
+            var _lengthRightHoleRuler = (0, _convertUnitsLite.convert)(elementData.length).from(scene.unit).to(scene.rulerUnit);
             var distanceTextRightHoleRuler = "".concat(_lengthRightHoleRuler.toFixed(2));
-            var numberInputRightHoleRuler = /*#__PURE__*/React.createElement("div", {
+            var numberInputRightHoleRuler = /*#__PURE__*/_react["default"].createElement("div", {
               id: "ruler_numberInput",
               style: {
                 position: 'absolute',
@@ -1100,7 +1099,7 @@ export default function Viewer2D(_ref, _ref2) {
                 top: bbox.top - (50 - bbox.height) / 2,
                 zIndex: 1000
               }
-            }, /*#__PURE__*/React.createElement(FormNumberInput, {
+            }, /*#__PURE__*/_react["default"].createElement(_formNumberInput["default"], {
               style: {
                 width: 150,
                 height: 50,
@@ -1112,8 +1111,8 @@ export default function Viewer2D(_ref, _ref2) {
               },
               value: distanceTextRightHoleRuler,
               onChange: function onChange(event) {
-                var value = new Map({
-                  length: convert(event.target.value).from(scene.rulerUnit).to(scene.unit),
+                var value = new _immutable.Map({
+                  length: (0, _convertUnitsLite.convert)(event.target.value).from(scene.rulerUnit).to(scene.unit),
                   _length: event.target.value,
                   _unit: scene.rulerUnit
                 });
@@ -1126,7 +1125,7 @@ export default function Viewer2D(_ref, _ref2) {
             break;
           case 'angleChange':
             var _length2 = elementData.length;
-            var numberInput2 = /*#__PURE__*/React.createElement("div", {
+            var numberInput2 = /*#__PURE__*/_react["default"].createElement("div", {
               id: "ruler_numberInput",
               style: {
                 position: 'absolute',
@@ -1134,15 +1133,15 @@ export default function Viewer2D(_ref, _ref2) {
                 top: bbox.top - (50 - bbox.height) / 2,
                 zIndex: 1000
               }
-            }, /*#__PURE__*/React.createElement(FormNumberInput, {
+            }, /*#__PURE__*/_react["default"].createElement(_formNumberInput["default"], {
               style: {
                 width: 50,
                 height: 50
               },
               value: _length2,
               onChange: function onChange(event) {
-                var value = new Map({
-                  length: convert(event.target.value).from(scene.rulerUnit).to(scene.unit),
+                var value = new _immutable.Map({
+                  length: (0, _convertUnitsLite.convert)(event.target.value).from(scene.rulerUnit).to(scene.unit),
                   _length: event.target.value,
                   _unit: scene.rulerUnit
                 });
@@ -1196,7 +1195,7 @@ export default function Viewer2D(_ref, _ref2) {
         break;
       case constants.MODE_DRAGGING_ITEM:
         itemsActions.updateMolding();
-        projectActions.setMode(MODE_IDLE);
+        projectActions.setMode(_constants.MODE_IDLE);
         break;
       case constants.MODE_DRAGGING_HOLE:
         holesActions.endDraggingHole(x, y);
@@ -1241,16 +1240,16 @@ export default function Viewer2D(_ref, _ref2) {
   };
   var onChangeTool = function onChangeTool(tool) {
     switch (tool) {
-      case TOOL_NONE:
+      case _reactSvgPanZoom.TOOL_NONE:
         projectActions.selectToolEdit();
         break;
-      case TOOL_PAN:
+      case _reactSvgPanZoom.TOOL_PAN:
         viewer2DActions.selectToolPan();
         break;
-      case TOOL_ZOOM_IN:
+      case _reactSvgPanZoom.TOOL_ZOOM_IN:
         viewer2DActions.selectToolZoomIn();
         break;
-      case TOOL_ZOOM_OUT:
+      case _reactSvgPanZoom.TOOL_ZOOM_OUT:
         viewer2DActions.selectToolZoomOut();
         break;
     }
@@ -1276,7 +1275,9 @@ export default function Viewer2D(_ref, _ref2) {
   var sceneZoom = state.zoom || 1;
   var rulerXElements = Math.ceil(sceneWidth / rulerUnitPixelSize) + 1;
   var rulerYElements = Math.ceil(sceneHeight / rulerUnitPixelSize) + 1;
-  return /*#__PURE__*/React.createElement("div", null, rulerEdit, /*#__PURE__*/React.createElement("div", {
+  console.log('---render viewer2d');
+  console.log(viewer2D.isEmpty());
+  return /*#__PURE__*/_react["default"].createElement("div", null, rulerEdit, /*#__PURE__*/_react["default"].createElement("div", {
     style: {
       margin: 0,
       padding: 0,
@@ -1287,13 +1288,13 @@ export default function Viewer2D(_ref, _ref2) {
       gridTemplateRows: "".concat(rulerSize, "px ").concat(height - rulerSize, "px"),
       position: 'relative'
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     style: {
       gridColumn: 1,
       gridRow: 1,
       backgroundColor: rulerBgColor
     }
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/_react["default"].createElement("div", {
     style: {
       gridRow: 1,
       gridColumn: 2,
@@ -1301,7 +1302,7 @@ export default function Viewer2D(_ref, _ref2) {
       overflow: 'hidden'
     },
     id: "rulerX"
-  }, sceneWidth ? /*#__PURE__*/React.createElement(RulerX, {
+  }, sceneWidth ? /*#__PURE__*/_react["default"].createElement(_export.RulerX, {
     unitPixelSize: rulerUnitPixelSize,
     zoom: sceneZoom,
     mouseX: state.mouse.get('x'),
@@ -1312,7 +1313,7 @@ export default function Viewer2D(_ref, _ref2) {
     markerColor: rulerMkColor,
     positiveUnitsNumber: rulerXElements,
     negativeUnitsNumber: 0
-  }) : null), /*#__PURE__*/React.createElement("div", {
+  }) : null), /*#__PURE__*/_react["default"].createElement("div", {
     style: {
       gridColumn: 1,
       gridRow: 2,
@@ -1320,7 +1321,7 @@ export default function Viewer2D(_ref, _ref2) {
       overflow: 'hidden'
     },
     id: "rulerY"
-  }, sceneHeight ? /*#__PURE__*/React.createElement(RulerY, {
+  }, sceneHeight ? /*#__PURE__*/_react["default"].createElement(_export.RulerY, {
     unitPixelSize: rulerUnitPixelSize,
     zoom: sceneZoom,
     mouseY: state.mouse.get('y'),
@@ -1331,7 +1332,7 @@ export default function Viewer2D(_ref, _ref2) {
     markerColor: rulerMkColor,
     positiveUnitsNumber: rulerYElements,
     negativeUnitsNumber: 0
-  }) : null), /*#__PURE__*/React.createElement(ReactSVGPanZoom, {
+  }) : null), /*#__PURE__*/_react["default"].createElement(_reactSvgPanZoom.ReactSVGPanZoom, {
     style: {
       gridColumn: 2,
       gridRow: 2
@@ -1346,35 +1347,39 @@ export default function Viewer2D(_ref, _ref2) {
     onMouseDown: onMouseDown,
     onMouseMove: onMouseMove,
     onMouseUp: onMouseUp,
-    miniaturePosition: "none",
-    toolbarPosition: "none",
+    miniatureProps: {
+      position: 'none'
+    },
+    toolbarProps: {
+      position: 'right'
+    },
     detectPinchGesture: false,
     disableDoubleClickZoomWithToolAuto: true,
     ref: Viewer
-  }, /*#__PURE__*/React.createElement("svg", {
+  }, /*#__PURE__*/_react["default"].createElement("svg", {
     width: scene.width,
     height: scene.height
-  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("pattern", {
+  }, /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("pattern", {
     id: "diagonalFill",
     patternUnits: "userSpaceOnUse",
     width: "4",
     height: "4",
     fill: "#FFF"
-  }, /*#__PURE__*/React.createElement("rect", {
+  }, /*#__PURE__*/_react["default"].createElement("rect", {
     x: "0",
     y: "0",
     width: "4",
     height: "4",
     fill: "#FFF"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M-1,1 l2,-2 M0,4 l4,-4 M3,5 l2,-2",
     style: {
       stroke: '#8E9BA2',
       strokeWidth: 1
     }
-  }))), /*#__PURE__*/React.createElement("g", {
+  }))), /*#__PURE__*/_react["default"].createElement("g", {
     style: Object.assign(mode2Cursor(mode), mode2PointerEvents(mode))
-  }, /*#__PURE__*/React.createElement(State, {
+  }, /*#__PURE__*/_react["default"].createElement(_state["default"], {
     state: state,
     catalog: catalog,
     viewer2DActions: viewer2DActions,
@@ -1382,17 +1387,17 @@ export default function Viewer2D(_ref, _ref2) {
   }))))));
 }
 Viewer2D.propTypes = {
-  state: PropTypes.object.isRequired,
-  width: PropTypes.number.isRequired,
-  height: PropTypes.number.isRequired
+  state: _propTypes["default"].object.isRequired,
+  width: _propTypes["default"].number.isRequired,
+  height: _propTypes["default"].number.isRequired
 };
 Viewer2D.contextTypes = {
-  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
+  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
 };