kitchen-simulator 3.1.14 → 4.0.0-alpha.12

package/es/components/viewer2d/ruler.js

@@ -2,8 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { convert } from "../../utils/convert-units-lite";
 import IDBroker from "../../utils/id-broker";
-import { LINE_THICKNESS, TEXT_COLOR_NEUTRAL_7 } from "../../constants";
-import { STYLE_ROOM_SHAPE } from "./line";
+import { LINE_THICKNESS, SHADE_LIGHT_BLUE_COLOR, TEXT_COLOR_NEUTRAL_7 } from "../../constants";
 var STYLE = {
   stroke: TEXT_COLOR_NEUTRAL_7,
   strokeWidth: '1px'
@@ -16,7 +15,6 @@ var STYLE_TEXT = {
   textAnchor: 'middle',
   fontSize: '12px',
   pointerEvents: 'none',
-  fill: '#455A64',
   //http://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting-using-css
   WebkitTouchCallout: 'none' /* iOS Safari */,
   WebkitUserSelect: 'none' /* Chrome/Safari/Opera */,
@@ -30,9 +28,37 @@ export default function Ruler(_ref) {
     unit = _ref.unit,
     rulerUnit = _ref.rulerUnit,
     transform = _ref.transform,
-    style = _ref.style;
+    flag = _ref.flag;
+  var update = function update(lengthInput, unitInput, type) {
+    var newLength = toFixedFloat(lengthInput);
+    var merged = null;
+    if (type === 0) {
+      merged = value.merge({
+        _length: newLength,
+        length: convert(newLength).from(unitInput).to('cm')
+      });
+    } else {
+      merged = value.merge({
+        _length: convert(newLength).from(UNIT_INCH).to(unitInput),
+        _unit: unitInput
+      });
+    }
+    // if (hook) {
+    //   return hook(merged, sourceElement, internalState, state).then(val => {
+    //     return onUpdate(val);
+    //   });
+    // }
+    // return onUpdate(merged);
+  };
+  // let _unit = "in";
+  // let distanceText = convert(length).from(unit).to(rulerUnit);
   var distanceText = convert(length).from(unit).to(rulerUnit).toFixed(0);
-  var textLength = (distanceText.length + layer.unit.length) * 9;
+  var thickness = convert(LINE_THICKNESS).from(unit).to(rulerUnit).toFixed(0);
+  // let _ft_len = convert(_length).from('in').to('ft');
+  // let _ft_val = Math.floor(_ft_len); _ft_len -= _ft_val;
+  // let _in_val = convert(_ft_len).from('ft').to('in').toFixed(0);
+  // let distanceText = `${_ft_val}'${_in_val}"`;
+  var textLength = (distanceText.length + layer.unit.length) * 18;
   return /*#__PURE__*/React.createElement("g", {
     transform: transform
   }, /*#__PURE__*/React.createElement("g", {
@@ -53,24 +79,18 @@ export default function Ruler(_ref) {
     style: STYLE_TEXT,
     fill: TEXT_COLOR_NEUTRAL_7
   }, Math.round(convert(distanceText).from('in').to(layer.unit) * 100) / 100, layer.unit === 'in' ? '"' : layer.unit)), /*#__PURE__*/React.createElement("line", {
-    x1: style === STYLE_ROOM_SHAPE ? 0 : 4,
+    x1: "0",
     y1: "0",
     x2: (length - textLength) / 2 < 0 ? 0 : (length - textLength) / 2,
     y2: "0",
-    style: style
+    style: STYLE
   }), /*#__PURE__*/React.createElement("line", {
     x1: (length + textLength) / 2 < 0 ? 0 : (length + textLength) / 2 < length ? (length + textLength) / 2 : length,
     y1: "0",
-    x2: style === STYLE_ROOM_SHAPE ? length : length - 4,
+    x2: length,
     y2: "0",
-    style: style
-  }), style !== STYLE_ROOM_SHAPE && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("polygon", {
-    points: "3, 0, 6.5, -2, 6.5, 2 ",
-    style: style
-  }), /*#__PURE__*/React.createElement("polygon", {
-    points: "".concat(length - 3, ", 0, ").concat(length - 6.5, ", 2, ").concat(length - 6.5, ", -2"),
-    style: style
-  })));
+    style: STYLE
+  }));
 }
 Ruler.propTypes = {
   length: PropTypes.number.isRequired,

package/es/components/viewer2d/rulerDist.js

@@ -7,15 +7,13 @@ var ARROW_STYLE = {
   strokeLinecap: 'round'
 };
 var STYLE = {
-  stroke: '#455A64',
-  fill: '#455A64',
-  strokeWidth: '1.5px'
+  stroke: 'black',
+  strokeWidth: '1.1px'
 };
 var STYLE_TEXT = {
   textAnchor: 'middle',
   fontSize: '10px',
   pointerEvents: 'none',
-  fill: '#455A64',
   //http://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting-using-css
   WebkitTouchCallout: 'none' /* iOS Safari */,
   WebkitUserSelect: 'none' /* Chrome/Safari/Opera */,
@@ -34,7 +32,7 @@ export default function RulerDist(_ref) {
   var _unit = 'in';
   // let _length = convert(length).from(unit).to(rulerUnit);
   var distanceText = "".concat(convert(length).from('cm').to(rulerUnit).toFixed(0));
-  var textLength = (distanceText.length + layer.unit.length) * 8;
+  var textLength = (distanceText.length + layer.unit.length) * 18;
   var textangle = angle + 90;
   var textRotation = 1;
   var ay = 2;
@@ -66,46 +64,79 @@ export default function RulerDist(_ref) {
     textRotation = 180;
     ay = 5;
   }
-  if (distanceText > 0) {
-    if (distanceText < 28) {
-      return /*#__PURE__*/React.createElement("g", {
-        transform: transform
-      }, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("text", {
-        x: "0",
-        y: "0",
-        transform: "translate(".concat(length / 2, ",").concat(ay, ") scale(1, -1) rotate(").concat(textRotation, ")"),
-        style: STYLE_TEXT
-      }, Math.round(convert(distanceText).from('in').to(layer.unit) * 100) / 100, layer.unit === 'in' ? '"' : layer.unit)));
-    } else {
-      return /*#__PURE__*/React.createElement("g", {
-        transform: transform
-      }, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("text", {
-        x: "0",
-        y: "0",
-        transform: "translate(".concat(length / 2, ",").concat(ay, ") scale(1, -1) rotate(").concat(textRotation, ")"),
-        style: STYLE_TEXT
-      }, Math.round(convert(distanceText).from('in').to(layer.unit) * 100) / 100, layer.unit === 'in' ? '"' : layer.unit)), /*#__PURE__*/React.createElement("line", {
-        x1: "2",
-        y1: "0",
-        x2: (length - textLength) / 2 < 0 ? 0 : (length - textLength) / 2,
-        y2: "0",
-        style: STYLE
-      }), /*#__PURE__*/React.createElement("polygon", {
-        points: "1, 0, 4.5, -2, 4.5, 2 ",
-        style: STYLE
-      }), /*#__PURE__*/React.createElement("line", {
-        x1: (length + textLength) / 2 < 0 ? 0 : (length + textLength) / 2 < length ? (length + textLength) / 2 : length,
-        y1: "0",
-        x2: length,
-        y2: "0",
-        style: STYLE
-      }), /*#__PURE__*/React.createElement("polygon", {
-        points: "".concat(length - 1, ", 0, ").concat(length - 4.5, ", 2, ").concat(length - 4.5, ", -2"),
-        style: STYLE
-      }));
-    }
+  if (Math.abs(length - textLength) / 2 <= 16) {
+    var dy = textRotation == 0 ? 15 : -15;
+    return /*#__PURE__*/React.createElement("g", {
+      transform: transform
+    }, /*#__PURE__*/React.createElement("g", {
+      transform: "translate(0, ".concat(dy, ")")
+    }, /*#__PURE__*/React.createElement("text", {
+      x: "0",
+      y: "0",
+      transform: "translate(".concat(length / 2, ",").concat(ay, ") scale(1, -1) rotate(").concat(textRotation, ")"),
+      style: STYLE_TEXT
+    }, Math.round(convert(distanceText).from('in').to(layer.unit) * 100) / 100, layer.unit)), /*#__PURE__*/React.createElement("circle", {
+      cx: "1",
+      cy: "0",
+      fill: "white",
+      r: "1.1",
+      stroke: "black",
+      strokeWidth: "0.6"
+    }), /*#__PURE__*/React.createElement("line", {
+      x1: "2",
+      y1: "0",
+      x2: (length - textLength) / 2 < 0 ? 0 : length,
+      y2: "0",
+      style: STYLE
+    }), /*#__PURE__*/React.createElement("line", {
+      x1: (length + textLength) / 2 < 0 ? 0 : (length + textLength) / 2 < length ? (length + textLength) / 2 : length,
+      y1: "0",
+      x2: length,
+      y2: "0",
+      style: STYLE
+    }), /*#__PURE__*/React.createElement("circle", {
+      cx: length - 1,
+      cy: "0",
+      fill: "white",
+      r: "1.1",
+      stroke: "black",
+      strokeWidth: "0.6"
+    }));
   } else {
-    return null;
+    return /*#__PURE__*/React.createElement("g", {
+      transform: transform
+    }, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("text", {
+      x: "0",
+      y: "0",
+      transform: "translate(".concat(length / 2, ",").concat(ay, ") scale(1, -1) rotate(").concat(textRotation, ")"),
+      style: STYLE_TEXT
+    }, Math.round(convert(distanceText).from('in').to(layer.unit) * 100) / 100, layer.unit)), /*#__PURE__*/React.createElement("circle", {
+      cx: "1",
+      cy: "0",
+      fill: "white",
+      r: "1.1",
+      stroke: "black",
+      strokeWidth: "0.6"
+    }), /*#__PURE__*/React.createElement("line", {
+      x1: "2",
+      y1: "0",
+      x2: (length - textLength) / 2 < 0 ? 0 : (length - textLength) / 2,
+      y2: "0",
+      style: STYLE
+    }), /*#__PURE__*/React.createElement("line", {
+      x1: (length + textLength) / 2 < 0 ? 0 : (length + textLength) / 2 < length ? (length + textLength) / 2 : length,
+      y1: "0",
+      x2: length,
+      y2: "0",
+      style: STYLE
+    }), /*#__PURE__*/React.createElement("circle", {
+      cx: length - 1,
+      cy: "0",
+      fill: "white",
+      r: "1.1",
+      stroke: "black",
+      strokeWidth: "0.6"
+    }));
   }
 }
 RulerDist.propTypes = {

package/es/components/viewer2d/utils.js

@@ -184,10 +184,4 @@ export var areaPolygon = function areaPolygon(points) {
   }
   var area = det / 2;
   return signed ? area : Math.abs(area);
-};
-export var isWarningItem = function isWarningItem(item) {
-  var _item$toJS$doorStyle;
-  if (item.category === 'cabinet') return !(item !== null && item !== void 0 && (_item$toJS$doorStyle = item.toJS().doorStyle) !== null && _item$toJS$doorStyle !== void 0 && (_item$toJS$doorStyle = _item$toJS$doorStyle.doorStyles) !== null && _item$toJS$doorStyle !== void 0 && (_item$toJS$doorStyle = _item$toJS$doorStyle.cds) !== null && _item$toJS$doorStyle !== void 0 && _item$toJS$doorStyle.filter(function (cd) {
-    return cd.itemID == (item === null || item === void 0 ? void 0 : item.getIn(['itemID']));
-  }).length) > 0;else return false;
 };