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

package/es/components/viewer3d/ruler-utils/layer3D.js

@@ -1,14 +1,11 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-exports.__esModule = true;
-exports["default"] = Layer3D;
-var _react = _interopRequireDefault(require("react"));
-var _ruler3D = _interopRequireDefault(require("./ruler3D"));
-var _convertUnitsLite = require("../../../utils/convert-units-lite");
-var _export = require("../../../utils/export");
-var _utils = require("../../../components/viewer2d/utils");
-var _constants = require("../../../constants");
-var _math = require("../../../utils/math");
-function Layer3D(_ref) {
+import React from 'react';
+import Ruler3D from "./ruler3D";
+import { convert } from "../../../utils/convert-units-lite";
+import { GeometryUtils } from "../../../utils/export";
+import { returnReplaceableDeepSearchType } from "../../../components/viewer2d/utils";
+import { DECIMAL_PLACES_2, DELTA, DISTANCE_EPSILON } from "../../../constants";
+import { formatNumber, isNonZeroText } from "../../../utils/math";
+export default function Layer3D(_ref) {
   var layer = _ref.layer,
     frontRect = _ref.frontRect,
     lineLength = _ref.lineLength,
@@ -68,8 +65,8 @@ function Layer3D(_ref) {
   // determin if this line(vertex0, vertex1) is snapped into wall
   var isSnapped = function isSnapped(vertex0, vertex1) {
     var itemSnapped = false;
-    var delta = _export.GeometryUtils.distancePointFromLineSegment(l0, l1, (vertex0.x + vertex1.x) / 2, (vertex0.y + vertex1.y) / 2);
-    if (delta < _constants.DISTANCE_EPSILON) {
+    var delta = GeometryUtils.distancePointFromLineSegment(l0, l1, (vertex0.x + vertex1.x) / 2, (vertex0.y + vertex1.y) / 2);
+    if (delta < DISTANCE_EPSILON) {
       itemSnapped = true;
     }
     return itemSnapped;
@@ -86,11 +83,11 @@ function Layer3D(_ref) {
     };
     var catid = item.type;
     var cat = catalog.elements[catid];
-    if (!cat) cat = catalog.elements[(0, _utils.returnReplaceableDeepSearchType)(catid)];
-    var width = (0, _convertUnitsLite.convert)(item.properties.getIn(['width', '_length'])).from(item.properties.getIn(['width', '_unit'])).to(scene.unit);
-    var height = (0, _convertUnitsLite.convert)(item.properties.getIn(['height', '_length'])).from(item.properties.getIn(['height', '_unit'])).to(scene.unit);
-    var depth = (0, _convertUnitsLite.convert)(item.properties.getIn(['depth', '_length'])).from(item.properties.getIn(['depth', '_unit'])).to(scene.unit);
-    var altitude = (0, _convertUnitsLite.convert)(item.properties.getIn(['altitude', '_length'])).from(item.properties.getIn(['altitude', '_unit'])).to(scene.unit);
+    if (!cat) cat = catalog.elements[returnReplaceableDeepSearchType(catid)];
+    var width = convert(item.properties.getIn(['width', '_length'])).from(item.properties.getIn(['width', '_unit'])).to(scene.unit);
+    var height = convert(item.properties.getIn(['height', '_length'])).from(item.properties.getIn(['height', '_unit'])).to(scene.unit);
+    var depth = convert(item.properties.getIn(['depth', '_length'])).from(item.properties.getIn(['depth', '_unit'])).to(scene.unit);
+    var altitude = convert(item.properties.getIn(['altitude', '_length'])).from(item.properties.getIn(['altitude', '_unit'])).to(scene.unit);
     val.size = {
       width: width,
       height: height,
@@ -100,7 +97,7 @@ function Layer3D(_ref) {
     val.layoutpos = cat && cat.info.layoutpos;
     val.is_corner = cat && cat.info.is_corner;
     val.item = item.toJS();
-    var calcrect = _export.GeometryUtils.getCalcRectFromItem3D(val);
+    var calcrect = GeometryUtils.getCalcRectFromItem3D(val);
     if (isSnapped(calcrect.rect[3], calcrect.rect[2]) || isSnapped(calcrect.rect[2], calcrect.rect[1]) || isSnapped(calcrect.rect[0], calcrect.rect[3])) {
       if (calcrect.itemInfo.properties.altitude.length) {
         wallItems.push(calcrect);
@@ -124,29 +121,29 @@ function Layer3D(_ref) {
       var vertex0, vertex1;
       if (isSnapped(item.rect[3], item.rect[2])) {
         vertex0 = {
-          x: -frontRect.width / 2 + (0, _convertUnitsLite.convert)(getLength(item.rect[3], v0)).from('cm').to(layer.unit) * scale,
+          x: -frontRect.width / 2 + convert(getLength(item.rect[3], v0)).from('cm').to(layer.unit) * scale,
           y: height / 2
         };
         vertex1 = {
-          x: -frontRect.width / 2 + (0, _convertUnitsLite.convert)(getLength(item.rect[2], v0)).from('cm').to(layer.unit) * scale,
+          x: -frontRect.width / 2 + convert(getLength(item.rect[2], v0)).from('cm').to(layer.unit) * scale,
           y: height / 2
         };
       } else if (isSnapped(item.rect[2], item.rect[1])) {
         vertex0 = {
-          x: -frontRect.width / 2 + (0, _convertUnitsLite.convert)(getLength(item.rect[2], v0)).from('cm').to(layer.unit) * scale,
+          x: -frontRect.width / 2 + convert(getLength(item.rect[2], v0)).from('cm').to(layer.unit) * scale,
           y: height / 2
         };
         vertex1 = {
-          x: -frontRect.width / 2 + (0, _convertUnitsLite.convert)(getLength(item.rect[1], v0)).from('cm').to(layer.unit) * scale,
+          x: -frontRect.width / 2 + convert(getLength(item.rect[1], v0)).from('cm').to(layer.unit) * scale,
           y: height / 2
         };
       } else if (isSnapped(item.rect[0], item.rect[3])) {
         vertex0 = {
-          x: -frontRect.width / 2 + (0, _convertUnitsLite.convert)(getLength(item.rect[0], v0)).from('cm').to(layer.unit) * scale,
+          x: -frontRect.width / 2 + convert(getLength(item.rect[0], v0)).from('cm').to(layer.unit) * scale,
           y: height / 2
         };
         vertex1 = {
-          x: -frontRect.width / 2 + (0, _convertUnitsLite.convert)(getLength(item.rect[3], v0)).from('cm').to(layer.unit) * scale,
+          x: -frontRect.width / 2 + convert(getLength(item.rect[3], v0)).from('cm').to(layer.unit) * scale,
           y: height / 2
         };
       }
@@ -173,29 +170,29 @@ function Layer3D(_ref) {
       var vertex0, vertex1;
       if (isSnapped(item.rect[3], item.rect[2])) {
         vertex0 = {
-          x: -frontRect.width / 2 + (0, _convertUnitsLite.convert)(getLength(item.rect[3], v0)).from('cm').to(layer.unit) * scale,
+          x: -frontRect.width / 2 + convert(getLength(item.rect[3], v0)).from('cm').to(layer.unit) * scale,
           y: -height / 2
         };
         vertex1 = {
-          x: -frontRect.width / 2 + (0, _convertUnitsLite.convert)(getLength(item.rect[2], v0)).from('cm').to(layer.unit) * scale,
+          x: -frontRect.width / 2 + convert(getLength(item.rect[2], v0)).from('cm').to(layer.unit) * scale,
           y: -height / 2
         };
       } else if (isSnapped(item.rect[2], item.rect[1])) {
         vertex0 = {
-          x: -frontRect.width / 2 + (0, _convertUnitsLite.convert)(getLength(item.rect[2], v0)).from('cm').to(layer.unit) * scale,
+          x: -frontRect.width / 2 + convert(getLength(item.rect[2], v0)).from('cm').to(layer.unit) * scale,
           y: -height / 2
         };
         vertex1 = {
-          x: -frontRect.width / 2 + (0, _convertUnitsLite.convert)(getLength(item.rect[1], v0)).from('cm').to(layer.unit) * scale,
+          x: -frontRect.width / 2 + convert(getLength(item.rect[1], v0)).from('cm').to(layer.unit) * scale,
           y: -height / 2
         };
       } else if (isSnapped(item.rect[0], item.rect[3])) {
         vertex0 = {
-          x: -frontRect.width / 2 + (0, _convertUnitsLite.convert)(getLength(item.rect[0], v0)).from('cm').to(layer.unit) * scale,
+          x: -frontRect.width / 2 + convert(getLength(item.rect[0], v0)).from('cm').to(layer.unit) * scale,
           y: -height / 2
         };
         vertex1 = {
-          x: -frontRect.width / 2 + (0, _convertUnitsLite.convert)(getLength(item.rect[3], v0)).from('cm').to(layer.unit) * scale,
+          x: -frontRect.width / 2 + convert(getLength(item.rect[3], v0)).from('cm').to(layer.unit) * scale,
           y: -height / 2
         };
       }
@@ -228,7 +225,7 @@ function Layer3D(_ref) {
   leftItems.forEach(function (item, idx) {
     var forwardItems = [];
     var distLine = 0;
-    var itemHeight = (0, _convertUnitsLite.convert)(item.size.height).from(scene.unit).to(layer.unit);
+    var itemHeight = convert(item.size.height).from(scene.unit).to(layer.unit);
     for (var i = 0; i < idx; i++) {
       forwardItems.push(leftItems[i]);
     }
@@ -237,12 +234,12 @@ function Layer3D(_ref) {
     }).length) {
       if (item.itemInfo.properties.altitude._length) {
         if (isSnapped(item.rect[3], item.rect[2])) {
-          distLine = (0, _convertUnitsLite.convert)(getLength(item.rect[2], v1)).from(scene.unit).to(layer.unit);
+          distLine = convert(getLength(item.rect[2], v1)).from(scene.unit).to(layer.unit);
         } else if (isSnapped(item.rect[2], item.rect[1])) {
-          distLine = (0, _convertUnitsLite.convert)(getLength(item.rect[1], v1)).from(scene.unit).to(layer.unit);
+          distLine = convert(getLength(item.rect[1], v1)).from(scene.unit).to(layer.unit);
         }
-        var itemAltitude = (0, _convertUnitsLite.convert)(item.size.altitude).from(scene.unit).to(layer.unit);
-        if (ceilHeight - (itemAltitude + itemHeight) > (0, _convertUnitsLite.convert)(_constants.DELTA).from(toler_unit).to(layer.unit)) {
+        var itemAltitude = convert(item.size.altitude).from(scene.unit).to(layer.unit);
+        if (ceilHeight - (itemAltitude + itemHeight) > convert(DELTA).from(toler_unit).to(layer.unit)) {
           rulerLines.push({
             v0: {
               x: width / 2,
@@ -252,7 +249,7 @@ function Layer3D(_ref) {
               x: width / 2,
               y: height / 2 - (itemHeight + itemAltitude) * scale
             },
-            text: (0, _math.formatNumber)(ceilHeight - (itemAltitude + itemHeight), _constants.DECIMAL_PLACES_2),
+            text: formatNumber(ceilHeight - (itemAltitude + itemHeight), DECIMAL_PLACES_2),
             space: rulerSpace + right_count * lineSpace
           });
         }
@@ -265,7 +262,7 @@ function Layer3D(_ref) {
             x: width / 2 - distLine * scale,
             y: height / 2 - itemAltitude * scale
           },
-          text: (0, _math.formatNumber)(itemHeight, _constants.DECIMAL_PLACES_2),
+          text: formatNumber(itemHeight, DECIMAL_PLACES_2),
           space: rulerSpace + distLine * scale + right_count * lineSpace
         });
         rulerLines.push({
@@ -277,15 +274,15 @@ function Layer3D(_ref) {
             x: width / 2,
             y: height / 2
           },
-          text: (0, _math.formatNumber)(itemAltitude, _constants.DECIMAL_PLACES_2),
+          text: formatNumber(itemAltitude, DECIMAL_PLACES_2),
           space: rulerSpace + right_count * lineSpace
         });
         right_count++;
       } else {
         if (isSnapped(item.rect[3], item.rect[2])) {
-          distLine = (0, _convertUnitsLite.convert)(getLength(item.rect[3], v0)).from(scene.unit).to(layer.unit);
+          distLine = convert(getLength(item.rect[3], v0)).from(scene.unit).to(layer.unit);
         } else if (isSnapped(item.rect[2], item.rect[1])) {
-          distLine = (0, _convertUnitsLite.convert)(getLength(item.rect[2], v0)).from(scene.unit).to(layer.unit);
+          distLine = convert(getLength(item.rect[2], v0)).from(scene.unit).to(layer.unit);
         }
         rulerLines.push({
           v0: {
@@ -296,7 +293,7 @@ function Layer3D(_ref) {
             x: -width / 2 + distLine * scale,
             y: height / 2 - itemHeight * scale
           },
-          text: (0, _math.formatNumber)(itemHeight, _constants.DECIMAL_PLACES_2),
+          text: formatNumber(itemHeight, DECIMAL_PLACES_2),
           space: rulerSpace + distLine * scale + left_count * lineSpace
         });
         rulerLines.push({
@@ -308,7 +305,7 @@ function Layer3D(_ref) {
             x: -width / 2,
             y: -height / 2
           },
-          text: (0, _math.formatNumber)(ceilHeight - itemHeight, _constants.DECIMAL_PLACES_2),
+          text: formatNumber(ceilHeight - itemHeight, DECIMAL_PLACES_2),
           space: rulerSpace + left_count * lineSpace
         });
         left_count++;
@@ -320,7 +317,7 @@ function Layer3D(_ref) {
   rightItems.forEach(function (item, idx) {
     var forwardItems = [];
     var distLine = 0;
-    var itemHeight = (0, _convertUnitsLite.convert)(item.size.height).from(scene.unit).to(layer.unit);
+    var itemHeight = convert(item.size.height).from(scene.unit).to(layer.unit);
     for (var i = 0; i < idx; i++) {
       forwardItems.push(rightItems[i]);
     }
@@ -329,12 +326,12 @@ function Layer3D(_ref) {
     }).length) {
       if (item.itemInfo.properties.altitude._length) {
         if (isSnapped(item.rect[3], item.rect[2])) {
-          distLine = (0, _convertUnitsLite.convert)(getLength(item.rect[3], v0)).from(scene.unit).to(layer.unit);
+          distLine = convert(getLength(item.rect[3], v0)).from(scene.unit).to(layer.unit);
         } else if (isSnapped(item.rect[2], item.rect[1])) {
-          distLine = (0, _convertUnitsLite.convert)(getLength(item.rect[2], v0)).from(scene.unit).to(layer.unit);
+          distLine = convert(getLength(item.rect[2], v0)).from(scene.unit).to(layer.unit);
         }
-        var _itemHeight = (0, _convertUnitsLite.convert)(item.size.height).from(scene.unit).to(layer.unit);
-        var itemAltitude = (0, _convertUnitsLite.convert)(item.size.altitude).from(scene.unit).to(layer.unit);
+        var _itemHeight = convert(item.size.height).from(scene.unit).to(layer.unit);
+        var itemAltitude = convert(item.size.altitude).from(scene.unit).to(layer.unit);
         rulerLines.push({
           v0: {
             x: -width / 2,
@@ -344,7 +341,7 @@ function Layer3D(_ref) {
             x: -width / 2,
             y: height / 2 - itemAltitude * scale
           },
-          text: (0, _math.formatNumber)(itemAltitude, _constants.DECIMAL_PLACES_2),
+          text: formatNumber(itemAltitude, DECIMAL_PLACES_2),
           space: rulerSpace + left_count * lineSpace
         });
         rulerLines.push({
@@ -356,10 +353,10 @@ function Layer3D(_ref) {
             x: -width / 2 + distLine * scale,
             y: height / 2 - (itemAltitude + _itemHeight) * scale
           },
-          text: (0, _math.formatNumber)(_itemHeight, _constants.DECIMAL_PLACES_2),
+          text: formatNumber(_itemHeight, DECIMAL_PLACES_2),
           space: rulerSpace + +distLine * scale + left_count * lineSpace
         });
-        if (ceilHeight - (itemAltitude + _itemHeight) > (0, _convertUnitsLite.convert)(_constants.DELTA).from(toler_unit).to(layer.unit)) {
+        if (ceilHeight - (itemAltitude + _itemHeight) > convert(DELTA).from(toler_unit).to(layer.unit)) {
           rulerLines.push({
             v0: {
               x: -width / 2,
@@ -369,16 +366,16 @@ function Layer3D(_ref) {
               x: -width / 2,
               y: -height / 2
             },
-            text: (0, _math.formatNumber)(ceilHeight - (itemAltitude + _itemHeight), _constants.DECIMAL_PLACES_2),
+            text: formatNumber(ceilHeight - (itemAltitude + _itemHeight), DECIMAL_PLACES_2),
             space: rulerSpace + left_count * lineSpace
           });
         }
         left_count++;
       } else {
         if (isSnapped(item.rect[3], item.rect[2])) {
-          distLine = (0, _convertUnitsLite.convert)(getLength(item.rect[2], v1)).from(scene.unit).to(layer.unit);
+          distLine = convert(getLength(item.rect[2], v1)).from(scene.unit).to(layer.unit);
         } else if (isSnapped(item.rect[2], item.rect[1])) {
-          distLine = (0, _convertUnitsLite.convert)(getLength(item.rect[1], v1)).from(scene.unit).to(layer.unit);
+          distLine = convert(getLength(item.rect[1], v1)).from(scene.unit).to(layer.unit);
         }
         rulerLines.push({
           v0: {
@@ -389,7 +386,7 @@ function Layer3D(_ref) {
             x: width / 2,
             y: height / 2 - itemHeight * scale
           },
-          text: (0, _math.formatNumber)(ceilHeight - itemHeight, _constants.DECIMAL_PLACES_2),
+          text: formatNumber(ceilHeight - itemHeight, DECIMAL_PLACES_2),
           space: rulerSpace + right_count * lineSpace
         });
         rulerLines.push({
@@ -401,7 +398,7 @@ function Layer3D(_ref) {
             x: width / 2 - distLine * scale,
             y: height / 2
           },
-          text: (0, _math.formatNumber)(itemHeight, _constants.DECIMAL_PLACES_2),
+          text: formatNumber(itemHeight, DECIMAL_PLACES_2),
           space: rulerSpace + distLine * scale + right_count * lineSpace
         });
         right_count++;
@@ -443,7 +440,7 @@ function Layer3D(_ref) {
       x: -width / 2,
       y: height / 2
     },
-    text: (0, _math.formatNumber)(lineLength, _constants.DECIMAL_PLACES_2),
+    text: formatNumber(lineLength, DECIMAL_PLACES_2),
     space: rulerSpace + (baseItems.length ? lineSpace : 0)
   });
   rulerLines.push({
@@ -455,7 +452,7 @@ function Layer3D(_ref) {
       x: width / 2,
       y: -height / 2
     },
-    text: (0, _math.formatNumber)(lineLength, _constants.DECIMAL_PLACES_2),
+    text: formatNumber(lineLength, DECIMAL_PLACES_2),
     space: rulerSpace + (wallItems.length ? lineSpace : 0)
   });
 
@@ -467,7 +464,7 @@ function Layer3D(_ref) {
         v0: wallPosArray[i],
         v1: wallPosArray[i + 1],
         space: rulerSpace,
-        text: (0, _math.formatNumber)(dist, _constants.DECIMAL_PLACES_2)
+        text: formatNumber(dist, DECIMAL_PLACES_2)
       });
     }
   }
@@ -480,19 +477,19 @@ function Layer3D(_ref) {
         v0: basePosArray[j],
         v1: basePosArray[j + 1],
         space: rulerSpace,
-        text: (0, _math.formatNumber)(_dist, _constants.DECIMAL_PLACES_2)
+        text: formatNumber(_dist, DECIMAL_PLACES_2)
       });
     }
   }
   rulerLines.forEach(function (line) {
-    if ((0, _math.isNonZeroText)(line.text)) rulerData.push(/*#__PURE__*/_react["default"].createElement(_ruler3D["default"], {
+    if (isNonZeroText(line.text)) rulerData.push(/*#__PURE__*/React.createElement(Ruler3D, {
       line: line,
       layer: layer,
       viewScale: viewScale,
       downloadFlag: downloadFlag
     }));
   });
-  return /*#__PURE__*/_react["default"].createElement("g", {
+  return /*#__PURE__*/React.createElement("g", {
     opacity: layer.opacity
   }, rulerData);
 }

package/es/components/viewer3d/ruler-utils/ruler3D.js

@@ -1,17 +1,16 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-exports.__esModule = true;
-exports["default"] = Ruler3D;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _react = _interopRequireDefault(require("react"));
-var _constants = require("../../../constants");
-function Ruler3D(_ref) {
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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 from 'react';
+import { TEXT_COLOR_NEUTRAL_0, TEXT_COLOR_NEUTRAL_6 } from "../../../constants";
+export default function Ruler3D(_ref) {
   var layer = _ref.layer,
     line = _ref.line,
     viewScale = _ref.viewScale,
     downloadFlag = _ref.downloadFlag;
   var diagonalPointValue = 5 * viewScale;
   var STYLE = {
-    stroke: _constants.TEXT_COLOR_NEUTRAL_6,
+    stroke: TEXT_COLOR_NEUTRAL_6,
     strokeWidth: viewScale,
     opacity: '0.6'
   };
@@ -20,7 +19,7 @@ function Ruler3D(_ref) {
     fontSize: downloadFlag ? 32 * viewScale : 16 * viewScale,
     // fontWeight: "bold",
     pointerEvents: 'none',
-    fill: _constants.TEXT_COLOR_NEUTRAL_6,
+    fill: TEXT_COLOR_NEUTRAL_6,
     //http://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting-using-css
     WebkitTouchCallout: 'none' /* iOS Safari */,
     WebkitUserSelect: 'none' /* Chrome/Safari/Opera */,
@@ -39,43 +38,43 @@ function Ruler3D(_ref) {
   var textLength = (text.length + layer.unit.length) * 18 * viewScale;
   if (v0.y === v1.y) {
     if (v0.x < v1.x) {
-      return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("line", {
+      return /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("line", {
         x1: v0.x,
         y1: v0.y,
         x2: v0.x,
         y2: v0.y - space,
         style: STYLE
-      }), /*#__PURE__*/_react["default"].createElement("g", {
+      }), /*#__PURE__*/React.createElement("g", {
         transform: "translate(".concat(v0.x, ", ").concat(v0.y - space, ")")
-      }, /*#__PURE__*/_react["default"].createElement("line", {
+      }, /*#__PURE__*/React.createElement("line", {
         x1: -diagonalPointValue,
         y1: -diagonalPointValue,
         x2: diagonalPointValue,
         y2: diagonalPointValue,
         style: STYLE
-      }), /*#__PURE__*/_react["default"].createElement("line", {
+      }), /*#__PURE__*/React.createElement("line", {
         x1: 0,
         y1: 0,
         x2: textLength > length ? 0 : (length - textLength) / 2,
         y2: 0,
         style: STYLE
-      }), /*#__PURE__*/_react["default"].createElement("text", {
+      }), /*#__PURE__*/React.createElement("text", {
         x: length / 2,
         y: "3",
         style: STYLE_TEXT
-      }, text, layer.unit === 'in' ? '"' : layer.unit), /*#__PURE__*/_react["default"].createElement("line", {
+      }, text, layer.unit === 'in' ? '"' : layer.unit), /*#__PURE__*/React.createElement("line", {
         x1: length,
         y1: 0,
         x2: textLength > length ? length : (length + textLength) / 2,
         y2: 0,
         style: STYLE
-      }), /*#__PURE__*/_react["default"].createElement("line", {
+      }), /*#__PURE__*/React.createElement("line", {
         x1: length - diagonalPointValue,
         y1: -diagonalPointValue,
         x2: length + diagonalPointValue,
         y2: diagonalPointValue,
         style: STYLE
-      })), /*#__PURE__*/_react["default"].createElement("line", {
+      })), /*#__PURE__*/React.createElement("line", {
         x1: v1.x,
         y1: v1.y,
         x2: v1.x,
@@ -83,43 +82,43 @@ function Ruler3D(_ref) {
         style: STYLE
       }));
     } else {
-      return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("line", {
+      return /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("line", {
         x1: v0.x,
         y1: v0.y,
         x2: v0.x,
         y2: v0.y + space,
         style: STYLE
-      }), /*#__PURE__*/_react["default"].createElement("g", {
+      }), /*#__PURE__*/React.createElement("g", {
         transform: "translate(".concat(v0.x, ", ").concat(v0.y + space, ")")
-      }, /*#__PURE__*/_react["default"].createElement("line", {
+      }, /*#__PURE__*/React.createElement("line", {
         x1: -diagonalPointValue,
         y1: -diagonalPointValue,
         x2: diagonalPointValue,
         y2: diagonalPointValue,
         style: STYLE
-      }), /*#__PURE__*/_react["default"].createElement("line", {
+      }), /*#__PURE__*/React.createElement("line", {
         x1: 0,
         y1: 0,
         x2: textLength > length ? 0 : -(length - textLength) / 2,
         y2: 0,
         style: STYLE
-      }), /*#__PURE__*/_react["default"].createElement("text", {
+      }), /*#__PURE__*/React.createElement("text", {
         x: -length / 2,
         y: "3",
         style: STYLE_TEXT
-      }, text, layer.unit === 'in' ? '"' : layer.unit), /*#__PURE__*/_react["default"].createElement("line", {
+      }, text, layer.unit === 'in' ? '"' : layer.unit), /*#__PURE__*/React.createElement("line", {
         x1: -length,
         y1: 0,
         x2: textLength > length ? -length : -(length + textLength) / 2,
         y2: 0,
         style: STYLE
-      }), /*#__PURE__*/_react["default"].createElement("line", {
+      }), /*#__PURE__*/React.createElement("line", {
         x1: -length - diagonalPointValue,
         y1: -diagonalPointValue,
         x2: -length + diagonalPointValue,
         y2: diagonalPointValue,
         style: STYLE
-      })), /*#__PURE__*/_react["default"].createElement("line", {
+      })), /*#__PURE__*/React.createElement("line", {
         x1: v1.x,
         y1: v1.y,
         x2: v1.x,
@@ -129,45 +128,45 @@ function Ruler3D(_ref) {
     }
   } else if (v0.x = v1.x) {
     if (v0.y < v1.y) {
-      return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("line", {
+      return /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("line", {
         x1: v0.x,
         y1: v0.y,
         x2: v0.x + space,
         y2: v0.y,
         style: STYLE
-      }), /*#__PURE__*/_react["default"].createElement("g", {
+      }), /*#__PURE__*/React.createElement("g", {
         transform: "translate(".concat(v0.x + space, ", ").concat(v0.y, ")")
-      }, /*#__PURE__*/_react["default"].createElement("line", {
+      }, /*#__PURE__*/React.createElement("line", {
         x1: -diagonalPointValue,
         y1: -diagonalPointValue,
         x2: diagonalPointValue,
         y2: diagonalPointValue,
         style: STYLE
-      }), /*#__PURE__*/_react["default"].createElement("line", {
+      }), /*#__PURE__*/React.createElement("line", {
         x1: 0,
         y1: 0,
         x2: 0,
         y2: textLength > length ? 0 : (length - textLength) / 2,
         style: STYLE
-      }), /*#__PURE__*/_react["default"].createElement("text", {
+      }), /*#__PURE__*/React.createElement("text", {
         x: length / 2,
         y: 0,
-        style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, STYLE_TEXT), {}, {
+        style: _objectSpread(_objectSpread({}, STYLE_TEXT), {}, {
           transform: 'rotate(90deg)'
         })
-      }, text, layer.unit === 'in' ? '"' : layer.unit), /*#__PURE__*/_react["default"].createElement("line", {
+      }, text, layer.unit === 'in' ? '"' : layer.unit), /*#__PURE__*/React.createElement("line", {
         x1: 0,
         y1: length,
         x2: 0,
         y2: textLength > length ? length : (length + textLength) / 2,
         style: STYLE
-      }), /*#__PURE__*/_react["default"].createElement("line", {
+      }), /*#__PURE__*/React.createElement("line", {
         x1: -diagonalPointValue,
         y1: length - diagonalPointValue,
         x2: diagonalPointValue,
         y2: length + diagonalPointValue,
         style: STYLE
-      })), /*#__PURE__*/_react["default"].createElement("line", {
+      })), /*#__PURE__*/React.createElement("line", {
         x1: v1.x,
         y1: v1.y,
         x2: v1.x + space,
@@ -175,45 +174,45 @@ function Ruler3D(_ref) {
         style: STYLE
       }));
     } else {
-      return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("line", {
+      return /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("line", {
         x1: v0.x,
         y1: v0.y,
         x2: v0.x - space,
         y2: v0.y,
         style: STYLE
-      }), /*#__PURE__*/_react["default"].createElement("g", {
+      }), /*#__PURE__*/React.createElement("g", {
         transform: "translate(".concat(v0.x - space, ", ").concat(v0.y, ")")
-      }, /*#__PURE__*/_react["default"].createElement("line", {
+      }, /*#__PURE__*/React.createElement("line", {
         x1: -diagonalPointValue,
         y1: -diagonalPointValue,
         x2: diagonalPointValue,
         y2: diagonalPointValue,
         style: STYLE
-      }), /*#__PURE__*/_react["default"].createElement("line", {
+      }), /*#__PURE__*/React.createElement("line", {
         x1: 0,
         y1: 0,
         x2: 0,
         y2: textLength > length ? 0 : -(length - textLength) / 2,
         style: STYLE
-      }), /*#__PURE__*/_react["default"].createElement("text", {
+      }), /*#__PURE__*/React.createElement("text", {
         x: -length / 2,
         y: 0,
-        style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, STYLE_TEXT), {}, {
+        style: _objectSpread(_objectSpread({}, STYLE_TEXT), {}, {
           transform: 'rotate(90deg)'
         })
-      }, text, layer.unit === 'in' ? '"' : layer.unit), /*#__PURE__*/_react["default"].createElement("line", {
+      }, text, layer.unit === 'in' ? '"' : layer.unit), /*#__PURE__*/React.createElement("line", {
         x1: 0,
         y1: -length,
         x2: 0,
         y2: textLength > length ? -length : -(length + textLength) / 2,
         style: STYLE
-      }), /*#__PURE__*/_react["default"].createElement("line", {
+      }), /*#__PURE__*/React.createElement("line", {
         x1: -diagonalPointValue,
         y1: -length - diagonalPointValue,
         x2: diagonalPointValue,
         y2: -length + diagonalPointValue,
         style: STYLE
-      })), /*#__PURE__*/_react["default"].createElement("line", {
+      })), /*#__PURE__*/React.createElement("line", {
         x1: v1.x,
         y1: v1.y,
         x2: v1.x - space,

package/es/components/viewer3d/ruler-utils/scene3D.js

@@ -1,15 +1,11 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-exports.__esModule = true;
-exports.compareVertices = compareVertices;
-exports["default"] = Scene3D;
-var _react = _interopRequireDefault(require("react"));
-var _geometry = require("../../../utils/geometry");
-var _convertUnitsLite = require("../../../utils/convert-units-lite");
-var _layer3D = _interopRequireDefault(require("./layer3D"));
-function compareVertices(v0, v1) {
+import React from 'react';
+import { verticesDistance } from "../../../utils/geometry";
+import { convert } from "../../../utils/convert-units-lite";
+import Layer3D from "./layer3D";
+export function compareVertices(v0, v1) {
   return v0.x === v1.x ? v0.y - v1.y : v0.x - v1.x;
 }
-function Scene3D(_ref) {
+export default function Scene3D(_ref) {
   var scene = _ref.scene,
     catalog = _ref.catalog,
     width = _ref.width,
@@ -23,7 +19,7 @@ function Scene3D(_ref) {
   var selectedLine = selectedLayer.lines.get(selectedLayer.selected.lines.toJS()[0]);
   var vertex0 = selectedLayer.vertices.get(selectedLine.vertices.get(0));
   var vertex1 = selectedLayer.vertices.get(selectedLine.vertices.get(1));
-  var lineLength = (0, _convertUnitsLite.convert)((0, _geometry.verticesDistance)(vertex0, vertex1)).from(scene.unit).to(selectedLayer.unit);
+  var lineLength = convert(verticesDistance(vertex0, vertex1)).from(scene.unit).to(selectedLayer.unit);
   var multi = downloadFlag ? 0.85 : 0.6;
   var scale = Math.min(width * multi / lineLength, height * multi / ceilHeight);
   var frontRect = {
@@ -36,7 +32,7 @@ function Scene3D(_ref) {
   for (var x = -width / 2; x <= width / 2; x = x + 30 * viewScale) {
     for (var y = -height / 2; y <= height / 2; y = y + 30 * viewScale) {
       if (Math.abs(x) > frontRect.width / 2 || Math.abs(y) > frontRect.height / 2) {
-        grids.push(/*#__PURE__*/_react["default"].createElement("circle", {
+        grids.push(/*#__PURE__*/React.createElement("circle", {
           key: "grid_".concat(i),
           cx: x,
           cy: y,
@@ -47,7 +43,7 @@ function Scene3D(_ref) {
       }
     }
   }
-  return /*#__PURE__*/_react["default"].createElement("g", null, grids, /*#__PURE__*/_react["default"].createElement(_layer3D["default"], {
+  return /*#__PURE__*/React.createElement("g", null, grids, /*#__PURE__*/React.createElement(Layer3D, {
     key: selectedLayer.id,
     layer: selectedLayer,
     frontRect: frontRect,