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

package/lib/components/viewer2d/snap.js

@@ -1,6 +1,7 @@
 "use strict";
 
-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); }
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,7 +10,6 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var Geometry = _interopRequireWildcard(require("../../utils/geometry"));
 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 _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var STYLE = {
   stroke: '#D32F2F',
   strokeWidth: '1px'
@@ -80,4 +80,5 @@ ActiveDrawingHelper.propTypes = {
   snap: _propTypes["default"].object.isRequired,
   width: _propTypes["default"].number.isRequired,
   height: _propTypes["default"].number.isRequired
-};
+};
+module.exports = exports.default;

package/lib/components/viewer2d/state.js

@@ -1,23 +1,18 @@
 "use strict";
 
-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); }
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = State;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/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"));
 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 _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-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; }
 var guideStyle = {
   stroke: SharedStyle.SECONDARY_COLOR.main,
   strokewidth: '2.5px'
@@ -54,7 +49,7 @@ function State(_ref) {
     catalog: catalog,
     relatedLines: relatedLines
   }), scene.getIn(['guides', 'horizontal']).entrySeq().map(function (_ref2) {
-    var _ref3 = _slicedToArray(_ref2, 2),
+    var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
       hgKey = _ref3[0],
       hgVal = _ref3[1];
     return /*#__PURE__*/_react["default"].createElement("line", {
@@ -67,7 +62,7 @@ function State(_ref) {
       style: guideStyle
     });
   }), scene.getIn(['guides', 'vertical']).entrySeq().map(function (_ref4) {
-    var _ref5 = _slicedToArray(_ref4, 2),
+    var _ref5 = (0, _slicedToArray2["default"])(_ref4, 2),
       vgKey = _ref5[0],
       vgVal = _ref5[1];
     return /*#__PURE__*/_react["default"].createElement("line", {
@@ -84,4 +79,5 @@ State.propTypes = {
   state: _propTypes["default"].object.isRequired,
   catalog: _propTypes["default"].object.isRequired,
   relatedLines: _propTypes["default"].object.isRequired
-};
+};
+module.exports = exports.default;

package/lib/components/viewer2d/utils.js

@@ -1,17 +1,20 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: 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/toConsumableArray"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _helper = require("../../utils/helper");
 var _constants = require("../../constants");
-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); }
 var searchForSkuValue = exports.searchForSkuValue = function searchForSkuValue(catalog, selectedLayer, elementType) {
   return new Promise(function (resolve) {
     if (elementType) {
@@ -129,7 +132,7 @@ function makeSKUForMagento(element, catalog, categoryData) {
   return element.name === _constants.TOE_KICK_MOLDING ? buildToeKickSKU(doorColor, catalog) : buildRegularSKU(element, catalog, doorColor);
 }
 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;
+  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;
 }
 var saveDeepSearchType = function saveDeepSearchType(type, foundType) {
   var DeepSearchTypes = JSON.parse(sessionStorage.getItem('deepSearchTypes')) || [];
@@ -170,4 +173,34 @@ var getToeKickSKU = exports.getToeKickSKU = function getToeKickSKU() {
   });
   if (!skuData) return false;
   return skuData;
+};
+
+// ESM version of "area-polygon" with default + named export.
+// Same behavior: takes an array of [x,y] tuples or {x,y} objects.
+// If `signed` is truthy, returns signed area; otherwise absolute area.
+// Does not mutate the input array.
+
+function normalize(point) {
+  if (Array.isArray(point)) {
+    return {
+      x: point[0],
+      y: point[1]
+    };
+  }
+  return point;
+}
+var areaPolygon = exports.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 det = 0;
+  var l = closed.length - 1; // last index before the duplicated first point
+  for (var i = 0; i < l; i++) {
+    det += closed[i].x * closed[i + 1].y - closed[i].y * closed[i + 1].x;
+  }
+  var area = det / 2;
+  return signed ? area : Math.abs(area);
 };

package/lib/components/viewer2d/vertex.js

@@ -1,6 +1,7 @@
 "use strict";
 
-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); }
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,7 +10,6 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var SharedStyle = _interopRequireWildcard(require("../../shared-style"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 //Space from the center of the point(Use cases:x - vertexthickness,y + vertexthickness )
 var vertexthickness = 4;
 var STYLE = {
@@ -71,4 +71,5 @@ function Vertex(_ref) {
 Vertex.propTypes = {
   vertex: _propTypes["default"].object.isRequired,
   layer: _propTypes["default"].object.isRequired
-};
+};
+module.exports = exports.default;

package/lib/components/viewer2d/viewer2d.js

@@ -1,10 +1,14 @@
 "use strict";
 
-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); }
+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");
@@ -15,27 +19,15 @@ var SharedStyle = _interopRequireWildcard(require("../../shared-style"));
 var _export = require("./export");
 var _export2 = require("../../utils/export");
 var _formNumberInput = _interopRequireDefault(require("../style/form-number-input"));
-var _convertUnits = _interopRequireDefault(require("convert-units"));
+var _convertUnitsLite = require("../../utils/convert-units-lite");
 var _immutable = require("immutable");
 var _math = require("../../utils/math");
 var _helper = require("../../utils/helper");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 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 _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); }
 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; }
+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;
 var sFlag = false; //for all object move
@@ -153,11 +145,11 @@ function Viewer2D(_ref, _ref2) {
     projectActions = _ref2.projectActions,
     catalog = _ref2.catalog;
   var _useState = (0, _react.useState)(null),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     rulerEdit = _useState2[0],
     setRulerEdit = _useState2[1];
   var _useState3 = (0, _react.useState)(null),
-    _useState4 = _slicedToArray(_useState3, 2),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
     rulerEditID = _useState4[0],
     setRulerEditID = _useState4[1];
   var Viewer = (0, _react.useRef)(null);
@@ -167,11 +159,11 @@ function Viewer2D(_ref, _ref2) {
 
   // let relatedLines = [];
   var _useState5 = (0, _react.useState)([]),
-    _useState6 = _slicedToArray(_useState5, 2),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
     relatedLines = _useState6[0],
     setRelatedLines = _useState6[1];
   var _useState7 = (0, _react.useState)(false),
-    _useState8 = _slicedToArray(_useState7, 2),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
     drawStart = _useState8[0],
     setdrawStart = _useState8[1];
   (0, _react.useEffect)(function () {
@@ -265,7 +257,7 @@ function Viewer2D(_ref, _ref2) {
     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 = _slicedToArray(_GeometryUtils$orderV, 2),
+      _GeometryUtils$orderV2 = (0, _slicedToArray2["default"])(_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);
@@ -472,7 +464,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, _convertUnits["default"])(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 {
@@ -487,7 +479,7 @@ 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;
@@ -574,7 +566,7 @@ function Viewer2D(_ref, _ref2) {
         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);
@@ -923,7 +915,7 @@ function Viewer2D(_ref, _ref2) {
               break;
             }
           case 'rulerDist':
-            var _length1 = (0, _convertUnits["default"])(elementData.length).from(scene.unit).to(scene.rulerUnit);
+            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",
@@ -946,7 +938,7 @@ function Viewer2D(_ref, _ref2) {
               value: distanceText1,
               onChange: function onChange(event) {
                 var value = new _immutable.Map({
-                  length: (0, _convertUnits["default"])(event.target.value).from(scene.rulerUnit).to(scene.unit),
+                  length: (0, _convertUnitsLite.convert)(event.target.value).from(scene.rulerUnit).to(scene.unit),
                   _length: event.target.value,
                   _unit: scene.rulerUnit
                 });
@@ -958,7 +950,7 @@ function Viewer2D(_ref, _ref2) {
             projectActions.unselectAll();
             break;
           case 'ruler':
-            var _length = (0, _convertUnits["default"])(elementData.length).from(scene.unit).to(selectedLayer.unit);
+            var _length = (0, _convertUnitsLite.convert)(elementData.length).from(scene.unit).to(selectedLayer.unit);
             var numberInput = /*#__PURE__*/_react["default"].createElement("div", {
               id: "ruler_numberInput",
               style: {
@@ -980,7 +972,7 @@ function Viewer2D(_ref, _ref2) {
               value: (0, _math.formatNumber)(_length, _constants.DECIMAL_PLACES_2),
               onChange: function onChange(event) {
                 var value = new _immutable.Map({
-                  length: (0, _convertUnits["default"])(event.target.value).from(selectedLayer.unit).to(scene.unit),
+                  length: (0, _convertUnitsLite.convert)(event.target.value).from(selectedLayer.unit).to(scene.unit),
                   _length: event.target.value,
                   _unit: selectedLayer.unit
                 });
@@ -992,7 +984,7 @@ function Viewer2D(_ref, _ref2) {
             projectActions.unselectAll();
             break;
           case 'twoHoleRuler':
-            var _lengthTwoHoleRuler = (0, _convertUnits["default"])(elementData.length).from(scene.unit).to(scene.rulerUnit);
+            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",
@@ -1015,7 +1007,7 @@ function Viewer2D(_ref, _ref2) {
               value: distanceTextTwoHoleRuler,
               onChange: function onChange(event) {
                 var value = new _immutable.Map({
-                  length: (0, _convertUnits["default"])(event.target.value / 2).from(scene.rulerUnit).to(scene.unit),
+                  length: (0, _convertUnitsLite.convert)(event.target.value / 2).from(scene.rulerUnit).to(scene.unit),
                   _length: event.target.value / 2,
                   _unit: scene.rulerUnit
                 });
@@ -1027,7 +1019,7 @@ function Viewer2D(_ref, _ref2) {
             projectActions.unselectAll();
             break;
           case 'leftHoleRuler':
-            var _lengthLeftHoleRuler = (0, _convertUnits["default"])(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["default"].createElement("div", {
               id: "ruler_numberInput",
@@ -1050,7 +1042,7 @@ function Viewer2D(_ref, _ref2) {
               value: distanceTextLeftHoleRuler,
               onChange: function onChange(event) {
                 var value = new _immutable.Map({
-                  length: (0, _convertUnits["default"])(event.target.value).from(scene.rulerUnit).to(scene.unit),
+                  length: (0, _convertUnitsLite.convert)(event.target.value).from(scene.rulerUnit).to(scene.unit),
                   _length: event.target.value,
                   _unit: scene.rulerUnit
                 });
@@ -1062,7 +1054,7 @@ function Viewer2D(_ref, _ref2) {
             projectActions.unselectAll();
             break;
           case 'rulerHole':
-            var _lengthRulerHole = (0, _convertUnits["default"])(elementData.length).from(scene.unit).to(scene.rulerUnit);
+            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",
@@ -1085,7 +1077,7 @@ function Viewer2D(_ref, _ref2) {
               value: distanceTextRulerHole,
               onChange: function onChange(event) {
                 var value = new _immutable.Map({
-                  length: (0, _convertUnits["default"])(event.target.value).from(scene.rulerUnit).to(scene.unit),
+                  length: (0, _convertUnitsLite.convert)(event.target.value).from(scene.rulerUnit).to(scene.unit),
                   _length: event.target.value,
                   _unit: scene.rulerUnit
                 });
@@ -1097,7 +1089,7 @@ function Viewer2D(_ref, _ref2) {
             projectActions.unselectAll();
             break;
           case 'rightHoleRuler':
-            var _lengthRightHoleRuler = (0, _convertUnits["default"])(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["default"].createElement("div", {
               id: "ruler_numberInput",
@@ -1120,7 +1112,7 @@ function Viewer2D(_ref, _ref2) {
               value: distanceTextRightHoleRuler,
               onChange: function onChange(event) {
                 var value = new _immutable.Map({
-                  length: (0, _convertUnits["default"])(event.target.value).from(scene.rulerUnit).to(scene.unit),
+                  length: (0, _convertUnitsLite.convert)(event.target.value).from(scene.rulerUnit).to(scene.unit),
                   _length: event.target.value,
                   _unit: scene.rulerUnit
                 });
@@ -1149,7 +1141,7 @@ function Viewer2D(_ref, _ref2) {
               value: _length2,
               onChange: function onChange(event) {
                 var value = new _immutable.Map({
-                  length: (0, _convertUnits["default"])(event.target.value).from(scene.rulerUnit).to(scene.unit),
+                  length: (0, _convertUnitsLite.convert)(event.target.value).from(scene.rulerUnit).to(scene.unit),
                   _length: event.target.value,
                   _unit: scene.rulerUnit
                 });
@@ -1283,6 +1275,8 @@ function Viewer2D(_ref, _ref2) {
   var sceneZoom = state.zoom || 1;
   var rulerXElements = Math.ceil(sceneWidth / rulerUnitPixelSize) + 1;
   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", {
     style: {
       margin: 0,
@@ -1353,8 +1347,12 @@ 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
@@ -1402,4 +1400,5 @@ Viewer2D.contextTypes = {
   areaActions: _propTypes["default"].object.isRequired,
   projectActions: _propTypes["default"].object.isRequired,
   catalog: _propTypes["default"].object.isRequired
-};
+};
+module.exports = exports.default;

package/lib/components/viewer3d/camera-controls-module/camera-controls.module.js

@@ -1,25 +1,19 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.EventDispatcher = void 0;
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
-function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(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; })(); }
-function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
-function _get() { return _get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = _superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, _get.apply(null, arguments); }
-function _superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = _getPrototypeOf(t));); return t; }
-function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
-function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
-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 _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), 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 _superPropGet(t, o, e, r) { var p = (0, _get2["default"])((0, _getPrototypeOf2["default"])(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
 /*!
  * camera-controls
  * https://github.com/yomotsu/camera-controls
@@ -192,7 +186,7 @@ function notSupportedInOrthographicCamera(camera, message) {
 }
 var EventDispatcher = exports.EventDispatcher = /*#__PURE__*/function () {
   function EventDispatcher() {
-    _classCallCheck(this, EventDispatcher);
+    (0, _classCallCheck2["default"])(this, EventDispatcher);
     this._listeners = {};
   }
   /**
@@ -201,7 +195,7 @@ var EventDispatcher = exports.EventDispatcher = /*#__PURE__*/function () {
    * @param listener handler function
    * @category Methods
    */
-  return _createClass(EventDispatcher, [{
+  return (0, _createClass2["default"])(EventDispatcher, [{
     key: "addEventListener",
     value: function addEventListener(type, listener) {
       var listeners = this._listeners;
@@ -317,7 +311,7 @@ var CameraControls = exports["default"] = /*#__PURE__*/function (_EventDispatche
    */
   function CameraControls(camera, domElement) {
     var _this;
-    _classCallCheck(this, CameraControls);
+    (0, _classCallCheck2["default"])(this, CameraControls);
     _this = _callSuper(this, CameraControls);
     /**
      * Minimum vertical angle in radians.
@@ -1031,8 +1025,8 @@ var CameraControls = exports["default"] = /*#__PURE__*/function (_EventDispatche
    * The camera to be controlled
    * @category Properties
    */
-  _inherits(CameraControls, _EventDispatcher);
-  return _createClass(CameraControls, [{
+  (0, _inherits2["default"])(CameraControls, _EventDispatcher);
+  return (0, _createClass2["default"])(CameraControls, [{
     key: "camera",
     get: function get() {
       return this._camera;

package/lib/components/viewer3d/dcm.js

@@ -404,4 +404,5 @@ var _default = exports["default"] = [{
   x: 5.015351121073763e-7,
   y: -0.025754394009709358,
   z: 0.010986325331032276
-}];
+}];
+module.exports = exports.default;

package/lib/components/viewer3d/fbm.js

@@ -417,4 +417,5 @@ var _default = exports["default"] = [{
 // ,{x: 3.89493381991457e-10, y: 0.1027441918849945, z: -0.01863997057080269}
 // ,{x: 4.204628034631952e-10, y: 0.10222461819648743, z: -0.01945677399635315}
 // ,{x: 4.610791193293551e-10, y: 0.10154318809509277, z: -0.020138230174779892}
-];
+];
+module.exports = exports.default;

package/lib/components/viewer3d/front3D.js

@@ -1,21 +1,16 @@
 "use strict";
 
-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); }
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = Front3D;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _viewer3d = _interopRequireDefault(require("./viewer3d"));
 var _state3D = _interopRequireDefault(require("./ruler-utils/state3D"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 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 _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; }
 var k = 0;
 function Front3D(_ref, _ref2) {
   var width = _ref.width,
@@ -27,7 +22,7 @@ function Front3D(_ref, _ref2) {
     catalog = _ref.catalog;
   var viewer2DActions = _ref2.viewer2DActions;
   var _useState = (0, _react.useState)(''),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     mode = _useState2[0],
     setMode = _useState2[1];
   var sceneWidth = width;
@@ -72,4 +67,5 @@ function Front3D(_ref, _ref2) {
     keyDownEnable: keyDownEnable,
     downloadFlag: false
   }));
-}
+}
+module.exports = exports.default;

package/lib/components/viewer3d/grid-creator.js

@@ -1,6 +1,7 @@
 "use strict";
 
-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); }
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,7 +10,6 @@ var Three = _interopRequireWildcard(require("three"));
 var _helvetiker_regularTypeface = require("./libs/helvetiker_regular.typeface.js");
 var _gridStreak = _interopRequireDefault(require("./grids/grid-streak"));
 var _FontLoader = require("three/examples/jsm/loaders/FontLoader.js");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 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 createGrid(scene) {
   var gridMesh = new Three.Object3D();
@@ -31,4 +31,5 @@ function createGrid(scene) {
 
   // gridMesh.position.y = -1;
   return gridMesh;
-}
+}
+module.exports = exports.default;

package/lib/components/viewer3d/grids/grid-horizontal-streak.js

@@ -1,6 +1,6 @@
 "use strict";
 
-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); }
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -41,4 +41,5 @@ function _default(width, height, grid, font) {
     counter++;
   }
   return streak;
-}
+}
+module.exports = exports.default;

package/lib/components/viewer3d/grids/grid-streak.js

@@ -1,6 +1,6 @@
 "use strict";
 
-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); }
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -32,4 +32,5 @@ function _default(width, height, grid, font) {
     }
   }
   return streak;
-}
+}
+module.exports = exports.default;