kitchen-simulator 4.0.6-react-18 → 4.0.7-measurement-unit-payload

package/es/utils/molding.js

@@ -5,11 +5,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 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; }
-import { BASE_CABINET_LAYOUTPOS, BOTTOM_MOLDING_LOCATION, EPSILON, MIDDLE_MOLDING_LOCATION, MOLDING_LOCATIONS, OVERLAP_INCLUDED, OVERLAP_LINK, OVERLAP_SAME, OVERLAP_SOME, TALL_CABINET_LAYOUTPOS, TOP_MOLDING_LOCATION, WALL_CABINET_LAYOUTPOS } from "../constants";
+import { BASE_CABINET_LAYOUTPOS, BOTTOM_MOLDING_LOCATION, EPSILON, ITEM_TYPE, MIDDLE_MOLDING_LOCATION, MOLDING_LOCATIONS, OVERLAP_INCLUDED, OVERLAP_LINK, OVERLAP_SAME, OVERLAP_SOME, TALL_CABINET_LAYOUTPOS, TOE_KICK_MOLDING, TOP_MOLDING_LOCATION, WALL_CABINET_LAYOUTPOS } from "../constants";
 import * as Three from 'three';
 import { convert } from "./convert-units-lite";
 import IDBroker from "./id-broker";
-import { returnReplaceableDeepSearchType } from "../components/viewer2d/utils";
+import { getToeKickSKU, isEqualInstallationType, returnReplaceableDeepSearchType } from "../components/viewer2d/utils";
 import { GeometryUtils } from "./export";
 import { isEmpty } from "./helper";
 export function getItemRect(item) {
@@ -304,6 +304,76 @@ export function getLinesOfItem(item, allLineRects, catalog) {
   }
   return lines;
 }
+export function getLinesOfItem2(item, allLineRects, catalog) {
+  var _lines;
+  var lines = [];
+  var outline = null;
+  var element = catalog.elements[item.get('type')];
+  if (!element) element = catalog.elements[returnReplaceableDeepSearchType(item.get('type'))];
+  // get edge lines
+  var newWidth = item.properties.get('width').get('_length');
+  var wUnit = item.properties.get('width').get('_unit') || 'cm';
+  newWidth = convert(newWidth).from(wUnit).to('cm');
+  var newDepth = item.properties.get('depth').get('_length');
+  var hUnit = item.properties.get('depth').get('_unit') || 'cm';
+  newDepth = convert(newDepth).from(hUnit).to('cm');
+  if (item) {
+    var _element;
+    // Get Outline Data of Selected Item
+    outline = (_element = element) === null || _element === void 0 ? void 0 : _element.info.outline;
+    if (outline) {
+      // Extract Points from `outline`
+      var outlinePaths = outline.paths;
+      var outlineWidth = outline.svgWidth;
+      var outlineHeight = outline.svgHeight;
+      var outlinePoints = []; // Hold Points Of SVG
+      var _iterator3 = _createForOfIteratorHelper(outlinePaths),
+        _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var path = _step3.value;
+          var _iterator4 = _createForOfIteratorHelper(path.subPaths),
+            _step4;
+          try {
+            for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+              var subPath = _step4.value;
+              outlinePoints = outlinePoints.concat(subPath.getPoints());
+            }
+          } catch (err) {
+            _iterator4.e(err);
+          } finally {
+            _iterator4.f();
+          }
+        }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
+      outline.reverse && outlinePoints.reverse();
+      for (var i = 0; i < outlinePoints.length - 1; i++) {
+        lines.push([GeometryUtils.rotatePointAroundPoint((outlinePoints[i].x / outlineWidth - 0.5) * newWidth + item.x, (outlinePoints[i].y / outlineHeight - 0.5) * newDepth + item.y, item.x, item.y, item.rotation + 90), GeometryUtils.rotatePointAroundPoint((outlinePoints[i + 1].x / outlineWidth - 0.5) * newWidth + item.x, (outlinePoints[i + 1].y / outlineHeight - 0.5) * newDepth + item.y, item.x, item.y, item.rotation + 90), IDBroker.acquireID()]);
+      }
+    } else {
+      var pos = [[-1, -1], [1, -1], [1, 1], [-1, 1]];
+      for (var _i2 = 0; _i2 < 4; _i2++) {
+        lines.push([GeometryUtils.rotatePointAroundPoint(pos[_i2][0] * newWidth / 2 + item.x, pos[_i2][1] * newDepth / 2 + item.y, item.x, item.y, item.rotation), GeometryUtils.rotatePointAroundPoint(pos[(_i2 + 1) % 4][0] * newWidth / 2 + item.x, pos[(_i2 + 1) % 4][1] * newDepth / 2 + item.y, item.x, item.y, item.rotation), IDBroker.acquireID()]);
+      }
+    }
+  }
+  lines = (_lines = lines) === null || _lines === void 0 ? void 0 : _lines.filter(function (line) {
+    return !GeometryUtils.isSnappedLine({
+      rect: [{
+        x: 0,
+        y: 0
+      }, {
+        x: 0,
+        y: 0
+      }, line[0], line[1]]
+    }, allLineRects);
+  });
+  return lines;
+}
 function isParallelLines(line1, line2) {
   var isParallel = false;
   if (Math.abs(line1[0].y - line1[1].y) <= EPSILON && Math.abs(line2[0].y - line2[1].y) <= EPSILON) isParallel = true;
@@ -485,20 +555,20 @@ export function getLinesFromItems2(moldingGroup, layer, catalog) {
   // merge the collinear linked lines to one line
   var newMGlines = [];
   var filteredMGlines = MGlines;
-  var _loop3 = function _loop3(_i2) {
+  var _loop3 = function _loop3(_i3) {
       if (filteredMGlines.length < 1) return 0; // break
       if (!filteredMGlines.some(function (v) {
-        return v[2] === MGlines[_i2][2];
+        return v[2] === MGlines[_i3][2];
       })) return 1; // continue
-      var mergedResult = getMergedLine(MGlines[_i2], filteredMGlines, 0);
+      var mergedResult = getMergedLine(MGlines[_i3], filteredMGlines, 0);
       if (mergedResult) {
         newMGlines.push(mergedResult.mergedLine);
         filteredMGlines = mergedResult.filteredMGlines;
       }
     },
     _ret;
-  for (var _i2 = 0; _i2 < MGlines.length; _i2++) {
-    _ret = _loop3(_i2);
+  for (var _i3 = 0; _i3 < MGlines.length; _i3++) {
+    _ret = _loop3(_i3);
     if (_ret === 0) break;
     if (_ret === 1) continue;
   }
@@ -587,11 +657,12 @@ function getTrimmedContourLineSegs(lineSegs, otherLines, cnt) {
       };
       var bContourSeg = true;
       var _loop6 = function _loop6(j) {
+          var _otherLines$j$0$x, _otherLines$j$, _otherLines$j$line$, _otherLines$j$0$y, _otherLines$j$2, _otherLines$j$line$2, _otherLines$j$1$x, _otherLines$j$3, _otherLines$j$line$3, _otherLines$j$1$y, _otherLines$j$4, _otherLines$j$line$4;
           var destLine = {
-            x1: otherLines[j][0].x,
-            y1: otherLines[j][0].y,
-            x2: otherLines[j][1].x,
-            y2: otherLines[j][1].y
+            x1: (_otherLines$j$0$x = (_otherLines$j$ = otherLines[j][0]) === null || _otherLines$j$ === void 0 ? void 0 : _otherLines$j$.x) !== null && _otherLines$j$0$x !== void 0 ? _otherLines$j$0$x : (_otherLines$j$line$ = otherLines[j].line[0]) === null || _otherLines$j$line$ === void 0 ? void 0 : _otherLines$j$line$.x,
+            y1: (_otherLines$j$0$y = (_otherLines$j$2 = otherLines[j][0]) === null || _otherLines$j$2 === void 0 ? void 0 : _otherLines$j$2.y) !== null && _otherLines$j$0$y !== void 0 ? _otherLines$j$0$y : (_otherLines$j$line$2 = otherLines[j].line[0]) === null || _otherLines$j$line$2 === void 0 ? void 0 : _otherLines$j$line$2.y,
+            x2: (_otherLines$j$1$x = (_otherLines$j$3 = otherLines[j][1]) === null || _otherLines$j$3 === void 0 ? void 0 : _otherLines$j$3.x) !== null && _otherLines$j$1$x !== void 0 ? _otherLines$j$1$x : (_otherLines$j$line$3 = otherLines[j].line[1]) === null || _otherLines$j$line$3 === void 0 ? void 0 : _otherLines$j$line$3.x,
+            y2: (_otherLines$j$1$y = (_otherLines$j$4 = otherLines[j][1]) === null || _otherLines$j$4 === void 0 ? void 0 : _otherLines$j$4.y) !== null && _otherLines$j$1$y !== void 0 ? _otherLines$j$1$y : (_otherLines$j$line$4 = otherLines[j].line[1]) === null || _otherLines$j$line$4 === void 0 ? void 0 : _otherLines$j$line$4.y
           };
           var rst = GeometryUtils.relationshipOfTwoOverlappedLines(srcLine, destLine);
           if (rst.result == OVERLAP_SAME || rst.result == OVERLAP_INCLUDED) {
@@ -866,4 +937,381 @@ export function createMonldingGroup(oldMG, layer, molding, catalog) {
   newMG.lines.reverse();
   newMG = getMDPoints(newMG);
   return newMG;
+}
+export function getMoldingDataOfScene2(layer, catalog, doorStyle) {
+  var moldingData = [];
+  var items = layer.items.toArray();
+  var allLineRects = GeometryUtils.buildRectFromLines(layer, GeometryUtils.getAllLines(layer));
+
+  // get all molding line segments
+  var moldingLines = [];
+  items.forEach(function (item) {
+    if (item.category === ITEM_TYPE.CABINET) {
+      var _item$molding;
+      var MGlines = getLinesOfItem2(item, allLineRects, catalog); // exclude overlayed to wall
+      // z position of molding line
+      var z = item.properties.get('altitude').get('_length');
+      var zUnit = item.properties.get('altitude').get('_unit') || 'cm';
+      z = convert(z).from(zUnit).to('cm');
+      var h = item.properties.get('height').get('_length');
+      var hUnit = item.properties.get('height').get('_unit') || 'cm';
+      h = convert(h).from(hUnit).to('cm');
+      if (!isEmpty(item.molding) && isEnableItemForMolding(layer, item)) {
+        // calc normal molding line
+        item === null || item === void 0 || item.molding.forEach(function (molding) {
+          var lineZ = z;
+          switch (molding.location_type) {
+            case TOP_MOLDING_LOCATION:
+              lineZ = z + h;
+              break;
+            case MIDDLE_MOLDING_LOCATION:
+              lineZ = z + h / 2;
+              break;
+          }
+          MGlines === null || MGlines === void 0 || MGlines.forEach(function (line) {
+            return moldingLines.push({
+              molding: _objectSpread({}, molding),
+              doorStyle: item.doorStyle.hasOwnProperty('id') ? item.doorStyle : !isEmpty(item.doorStyle) && item.doorStyle.toJS(),
+              line: line,
+              z: lineZ
+            });
+          });
+        });
+      } else if (
+      // calc toe kick molding line
+      item.layoutpos === BASE_CABINET_LAYOUTPOS && (isEmpty(item.molding) || ((_item$molding = item.molding) === null || _item$molding === void 0 ? void 0 : _item$molding.length) < 1 || !isEnableItemForMolding(layer, item))) {
+        var skuName = getToeKickSKU(item.doorStyle, catalog);
+        var thumbnail = skuName ? skuName : '';
+        MGlines === null || MGlines === void 0 || MGlines.forEach(function (line) {
+          return moldingLines.push({
+            molding: {
+              name: TOE_KICK_MOLDING,
+              sku: getToeKickSKU(item.doorStyle, catalog),
+              thumbnail: thumbnail,
+              category: 'molding',
+              type: 'cabinet'
+            },
+            doorStyle: item.doorStyle.hasOwnProperty('id') ? item.doorStyle : !isEmpty(item.doorStyle) && item.doorStyle.toJS(),
+            line: line,
+            z: z
+          });
+        });
+      }
+    }
+  });
+
+  // filter the real molding line segments
+  var removeLineIds = []; // remove the line that fully overlapped to other line
+  var newLines = []; // new countour line segment that except the overlapped part
+  var _loop9 = function _loop9(i) {
+    var srcLine = {
+      x1: moldingLines[i].line[0].x,
+      y1: moldingLines[i].line[0].y,
+      x2: moldingLines[i].line[1].x,
+      y2: moldingLines[i].line[1].y
+    };
+    var _loop1 = function _loop1(j) {
+        if (i === j) return 0; // continue
+        if (Math.abs(moldingLines[i].z - moldingLines[j].z) > EPSILON) return 0; // continue
+        var destLine = {
+          x1: moldingLines[j].line[0].x,
+          y1: moldingLines[j].line[0].y,
+          x2: moldingLines[j].line[1].x,
+          y2: moldingLines[j].line[1].y
+        };
+        var rst = GeometryUtils.relationshipOfTwoOverlappedLines(srcLine, destLine);
+        if (rst.result === OVERLAP_SAME || rst.result === OVERLAP_INCLUDED) {
+          removeLineIds.push(i);
+          return 1; // break
+        } else if (rst.result === OVERLAP_SOME) {
+          removeLineIds.push(i);
+          var lineSegs = getTrimmedContourLineSegs(rst.trimmedSegs, moldingLines.filter(function (v, idx) {
+            return idx !== i && idx !== j && Math.abs(v.z - moldingLines[i].z) < EPSILON;
+          }), 0);
+          if (lineSegs.length > 0) {
+            lineSegs.forEach(function (ls) {
+              return newLines.push({
+                molding: _objectSpread({}, moldingLines[i].molding),
+                doorStyle: moldingLines[i].doorStyle,
+                line: _toConsumableArray(ls),
+                z: moldingLines[i].z
+              });
+            });
+          }
+          return 1; // break
+        }
+      },
+      _ret4;
+    for (var j = 0; j < moldingLines.length; j++) {
+      _ret4 = _loop1(j);
+      if (_ret4 === 0) continue;
+      if (_ret4 === 1) break;
+    }
+  };
+  for (var i = 0; i < moldingLines.length; i++) {
+    _loop9(i);
+  }
+  moldingLines = moldingLines.filter(function (line, idx) {
+    return !removeLineIds.some(function (id) {
+      return idx === id;
+    });
+  });
+  if (newLines.length > 0) moldingLines = [].concat(_toConsumableArray(moldingLines), newLines);
+  // console.log('moldingLines: ', moldingLines);
+
+  // make molding data with sorting molding & doorStyle
+  var _loop0 = function _loop0() {
+    var ml = moldingLines[k];
+    var mlLength = convert(GeometryUtils.verticesDistance(ml.line[0], ml.line[1])).from('cm').to('in');
+    var idx = moldingData.findIndex(function (v) {
+      var _ml$molding, _v$doorStyle, _ml$doorStyle;
+      return (v === null || v === void 0 ? void 0 : v.name) === ((_ml$molding = ml.molding) === null || _ml$molding === void 0 ? void 0 : _ml$molding.name) && ((_v$doorStyle = v.doorStyle) === null || _v$doorStyle === void 0 ? void 0 : _v$doorStyle.id) === ((_ml$doorStyle = ml.doorStyle) === null || _ml$doorStyle === void 0 ? void 0 : _ml$doorStyle.id);
+    });
+    if (idx < 0) moldingData.push(_objectSpread(_objectSpread({}, ml.molding), {}, {
+      doorStyle: ml.doorStyle,
+      totalLength: mlLength,
+      count: Math.ceil(mlLength * 1.1 / 96)
+    }));else {
+      moldingData[idx].totalLength += mlLength;
+      moldingData[idx].count = Math.ceil(moldingData[idx].totalLength * 1.1 / 96);
+    }
+  };
+  for (var k = 0; k < moldingLines.length; k++) {
+    _loop0();
+  }
+  // console.log('moldingData: ', moldingData);
+
+  return moldingData;
+}
+export function getMoldingDataOfScene(layer, catalog, doorStyle) {
+  var moldingData = [];
+  var items = layer.items.toArray();
+  var moldings = [];
+  // get all moldings info
+  items.forEach(function (itemCat) {
+    var _itemCat$molding;
+    itemCat === null || itemCat === void 0 || (_itemCat$molding = itemCat.molding) === null || _itemCat$molding === void 0 || _itemCat$molding.forEach(function (molding) {
+      if (!moldings.some(function (m) {
+        return m.name === molding.name;
+      })) moldings.push(molding);
+    });
+  });
+
+  // calc normal molding
+  moldings.forEach(function (molding) {
+    var itemGroups = [];
+    var temp_items = [];
+    items.forEach(function (item) {
+      if (item.molding.some(function (mol) {
+        return mol.itemID === molding.itemID;
+      }) && isEnableItemForMolding(layer, item)) {
+        temp_items.push(item);
+      }
+    });
+    if (temp_items.length) {
+      while (temp_items.length > 0) {
+        var itemGroup = [temp_items[0]];
+        var _loop10 = function _loop10(_idx) {
+          if (!itemGroup.some(function (it) {
+            return it.id === temp_items[_idx].id;
+          }) && isItemSnappedGroup(temp_items[_idx], itemGroup)) {
+            itemGroup.push(temp_items[_idx]);
+            _idx = 0;
+          }
+          idx = _idx;
+        };
+        for (var idx = 0; idx < temp_items.length; idx++) {
+          _loop10(idx);
+        }
+        itemGroup.forEach(function (item) {
+          var index = temp_items.findIndex(function (it) {
+            return it.id === item.id;
+          });
+          if (index > -1) {
+            temp_items.splice(index, 1);
+          }
+        });
+        itemGroups.push(itemGroup);
+      }
+      var molding_totalLength = 0;
+      itemGroups.forEach(function (itemgroup) {
+        var allLineRects = GeometryUtils.buildRectFromLines(layer, GeometryUtils.getAllLines(layer));
+        var items = _toConsumableArray(itemgroup);
+        var MGlines = getLinesOfItem(items[0], allLineRects, catalog);
+        items = sortItemsByDistance(items, items[0]);
+        var _loop11 = function _loop11() {
+          var itemLines = getLinesOfItem(items[i], allLineRects, catalog);
+          var temp_MGLines = [];
+          MGlines.forEach(function (line) {
+            var idx = itemLines.findIndex(function (itemLine) {
+              return isLinesOverlapped(line, itemLine);
+            });
+            var curItemLine = itemLines[idx];
+            if (idx > -1) {
+              if (!(GeometryUtils.samePoints(line[0], curItemLine[0]) && GeometryUtils.samePoints(line[1], curItemLine[1]) || GeometryUtils.samePoints(line[0], curItemLine[1]) && GeometryUtils.samePoints(line[1], curItemLine[0]))) {
+                var MGLine = mergeOverlappedLines(line, curItemLine);
+                temp_MGLines.push(MGLine);
+              }
+              itemLines.splice(idx, 1);
+            } else {
+              temp_MGLines.push(line);
+            }
+          });
+          itemLines.forEach(function (itemLine) {
+            return temp_MGLines.push(itemLine);
+          });
+          MGlines = [].concat(temp_MGLines);
+        };
+        for (var i = 1; i < items.length; i++) {
+          _loop11();
+        }
+        MGlines.forEach(function (line) {
+          molding_totalLength += GeometryUtils.verticesDistance(line[0], line[1]);
+        });
+      });
+      molding_totalLength = convert(molding_totalLength).from('cm').to('in');
+      moldingData.push(_objectSpread(_objectSpread({}, molding), {}, {
+        doorStyle: doorStyle,
+        count: Math.ceil(molding_totalLength * 1.1 / 96)
+      }));
+    }
+  });
+
+  // calc toe kick molding
+  var tmp = [];
+  items.forEach(function (item) {
+    if (item.category === 'cabinet' && !item.cabinet_category.toLowerCase().includes('microwave')) {
+      tmp.push(item);
+    }
+  });
+  var tmpMoldingData = [];
+  var toedoorStyles = [];
+  tmp.map(function (item) {
+    var _item$molding2;
+    if (item.layoutpos === BASE_CABINET_LAYOUTPOS && (isEmpty(item.molding) || ((_item$molding2 = item.molding) === null || _item$molding2 === void 0 ? void 0 : _item$molding2.length) < 1 || !isEnableItemForMolding(layer, item))) {
+      var w = item.properties.get('width').get('_length');
+      var wUnit = item.properties.get('width').get('_unit') || 'cm';
+      w = convert(w / 2).from(wUnit).to('cm');
+      var h = item.properties.get('depth').get('_length');
+      var hUnit = item.properties.get('depth').get('_unit') || 'cm';
+      h = convert(h / 2).from(hUnit).to('cm');
+      var outline = null;
+      var element = catalog.elements[item.get('type')];
+      if (!element) element = catalog.elements[returnReplaceableDeepSearchType(item.get('type'))];
+      outline = element.info.outline;
+      var len = 0;
+      if (outline) {
+        // Extract Points from `outline`
+        var outlinePaths = outline.paths;
+        var outlineWidth = outline.svgWidth;
+        var outlineHeight = outline.svgHeight;
+        var outlinePoints = []; // Hold Points Of SVG
+        var _iterator5 = _createForOfIteratorHelper(outlinePaths),
+          _step5;
+        try {
+          for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+            var path = _step5.value;
+            var _iterator6 = _createForOfIteratorHelper(path.subPaths),
+              _step6;
+            try {
+              for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
+                var subPath = _step6.value;
+                outlinePoints = outlinePoints.concat(subPath.getPoints());
+              }
+            } catch (err) {
+              _iterator6.e(err);
+            } finally {
+              _iterator6.f();
+            }
+          }
+        } catch (err) {
+          _iterator5.e(err);
+        } finally {
+          _iterator5.f();
+        }
+        var maxX = outlinePoints[0].x,
+          minX = outlinePoints[0].x;
+        var maxY = outlinePoints[0].y,
+          minY = outlinePoints[0].y;
+        outlinePoints.forEach(function (point) {
+          if (point.x > maxX) {
+            maxX = point.x;
+          }
+          if (point.x < minX) {
+            minX = point.x;
+          }
+          if (point.y > maxY) {
+            maxY = point.y;
+          }
+          if (point.y < minY) {
+            minY = point.y;
+          }
+        });
+        outlinePoints.forEach(function (point) {
+          if (GeometryUtils.isPointInRect([{
+            x: minX,
+            y: minY
+          }, {
+            x: minX,
+            y: maxY
+          }, {
+            x: maxX,
+            y: maxY
+          }, {
+            x: maxX,
+            y: minY
+          }], point)) {
+            if (point.x > 10) len += (point.x / outlineWidth - 0.5) * w * 2 + h * 2 - (point.y / outlineHeight - 0.5) * h * 2;
+          }
+        });
+        len = convert(len).from('cm').to('in');
+      } else {
+        w = convert(w * 2).from('cm').to('in');
+        len += w;
+      }
+      var doorIndex = toedoorStyles.findIndex(function (a) {
+        var iDS = item === null || item === void 0 ? void 0 : item.doorStyle;
+        if (!iDS) return false;
+        if (!iDS.hasOwnProperty('id')) {
+          iDS = iDS.toJS();
+        }
+        return a.doorStyle.id === iDS.id && isEqualInstallationType(a.doorStyle, iDS);
+      });
+      if (doorIndex > -1) {
+        toedoorStyles[doorIndex].totalLength += len;
+      } else {
+        toedoorStyles.push({
+          doorStyle: item.doorStyle.hasOwnProperty('id') ? item.doorStyle : item.doorStyle && item.doorStyle.toJS(),
+          totalLength: len
+        });
+      }
+    }
+  });
+  toedoorStyles.forEach(function (doorStyle) {
+    var skuName = getToeKickSKU(doorStyle.doorStyle, catalog);
+    var thumbnail = skuName ? skuName : '';
+    // moldings.forEach(molding => {
+    //   if (
+    //     molding.name ===
+    //     getToeKickSKU(
+    //       doorStyle.doorStyle,
+    //       catalog,
+    //       true
+    //     )
+    //   )
+    //     thumbnail = molding.thumbnail;
+    // });
+
+    doorStyle.totalLength && tmpMoldingData.push({
+      name: TOE_KICK_MOLDING,
+      sku: getToeKickSKU(doorStyle.doorStyle, catalog),
+      thumbnail: thumbnail,
+      category: 'molding',
+      type: 'cabinet',
+      doorStyle: doorStyle.doorStyle,
+      count: Math.ceil(doorStyle.totalLength * 1.1 / 96)
+    });
+  });
+  if (tmpMoldingData.length > 0) moldingData = [].concat(_toConsumableArray(moldingData), tmpMoldingData);
+  return moldingData;
 }

package/es/utils/ruler.js

@@ -0,0 +1,58 @@
+import { convert } from "../utils/convert-units-lite.js";
+import { UNIT_CENTIMETER, UNIT_INCH, UNIT_MILLIMETER } from "../constants";
+
+// Below this length, the measurement LINE is hidden
+var MIN_LENGTH_TO_SHOW_RULER_LINE_INCH = 13;
+
+// Below this length, the measurement VALUE (text) is hidden
+var MIN_LENGTH_TO_SHOW_RULER_VALUE_INCH = 5;
+function formatDistance(value, fixed) {
+  // format with fixed decimals first
+  var text = value.toFixed(fixed);
+
+  // remove trailing zeros AFTER decimal, then remove trailing dot if needed
+  // examples:
+  // 2.00 -> 2
+  // 2.50 -> 2.5
+  // 200.00 -> 200
+  text = text.replace(/\.?0+$/, '');
+  return text;
+}
+function getUnitString(unit) {
+  if (unit === 'cm' || unit === 'mm') return '';
+  if (unit === 'in') return '"';
+  return unit;
+}
+export function getRulerDisplayData(_ref) {
+  var length = _ref.length,
+    unit = _ref.unit,
+    rulerUnit = _ref.rulerUnit,
+    layerUnit = _ref.layerUnit,
+    _ref$charWidth = _ref.charWidth,
+    charWidth = _ref$charWidth === void 0 ? 8 : _ref$charWidth;
+  // 7.62 cm -> ruLength 2.99 in
+  var ruLength = convert(length).from(unit).to(rulerUnit);
+  var fixedLength = layerUnit === UNIT_MILLIMETER ? 0 : layerUnit === UNIT_CENTIMETER ? 1 : 2;
+
+  // 2.99 in -> valueInLayerUnit 2.99 in
+  var valueInLayerUnit = convert(ruLength).from(rulerUnit).to(layerUnit);
+
+  // 2.99 -> "3"
+  var distanceText = formatDistance(valueInLayerUnit, fixedLength);
+  var unitStr = getUnitString(layerUnit);
+  var textCount = distanceText.length + unitStr.length;
+  // textLength = (3 + ") * 8 = 16
+  var textLength = textCount * charWidth;
+
+  // lengthInInch = 7.62 cm -> 2.99 inch
+  var lengthInInch = convert(length).from(unit).to(UNIT_INCH);
+  var bShowText = lengthInInch > MIN_LENGTH_TO_SHOW_RULER_VALUE_INCH && length - textLength + 24 > 0;
+  var bShowLine = lengthInInch > MIN_LENGTH_TO_SHOW_RULER_LINE_INCH && length - textLength - 8 > 0;
+  return {
+    distanceText: distanceText,
+    unitStr: unitStr,
+    textLength: textLength,
+    bShowText: bShowText,
+    bShowLine: bShowLine
+  };
+}

package/lib/AppContext.js

@@ -6,6 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
-var AppContext = /*#__PURE__*/_react["default"].createContext(null);
+var AppContext = /*#__PURE__*/_react["default"].createContext({});
 var _default = exports["default"] = AppContext;
 module.exports = exports.default;