kitchen-simulator 5.10.1-react.18 → 5.10.2-react.18

package/es/components/viewer2d/ruler.js

@@ -1,84 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import IDBroker from "../../utils/id-broker";
-import { TEXT_COLOR_NEUTRAL_7 } from "../../constants";
-import { STYLE_ROOM_SHAPE } from "./line";
-import { getRulerDisplayData } from "../../utils/ruler";
-var BACKGROUNDSTYLE = {
-  fill: 'transparent',
-  fillOpacity: 0.8
-};
-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 */,
-  MozUserSelect: 'none' /* Firefox */,
-  MsUserSelect: 'none' /* Internet Explorer/Edge */,
-  userSelect: 'none'
-};
-export default function Ruler(_ref) {
-  var layer = _ref.layer,
-    length = _ref.length,
-    unit = _ref.unit,
-    rulerUnit = _ref.rulerUnit,
-    transform = _ref.transform,
-    style = _ref.style;
-  var _getRulerDisplayData = getRulerDisplayData({
-      length: length,
-      unit: unit,
-      rulerUnit: rulerUnit,
-      layerUnit: layer.unit
-    }),
-    distanceText = _getRulerDisplayData.distanceText,
-    unitStr = _getRulerDisplayData.unitStr,
-    textLength = _getRulerDisplayData.textLength,
-    bShowText = _getRulerDisplayData.bShowText,
-    bShowLine = _getRulerDisplayData.bShowLine;
-  return /*#__PURE__*/React.createElement("g", {
-    transform: transform
-  }, bShowText && /*#__PURE__*/React.createElement("g", {
-    id: "ruler"
-  }, /*#__PURE__*/React.createElement("rect", {
-    id: "ruler_rect_".concat(IDBroker.acquireID()),
-    style: BACKGROUNDSTYLE,
-    x: length / 2 - textLength / 2,
-    y: "-10",
-    width: textLength,
-    height: "22",
-    rx: "1",
-    ry: "0.39"
-  }), /*#__PURE__*/React.createElement("text", {
-    x: length / 2,
-    y: "3",
-    transform: "scale(1, -1)",
-    style: STYLE_TEXT,
-    fill: TEXT_COLOR_NEUTRAL_7
-  }, distanceText, unitStr)), bShowLine && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("line", {
-    x1: style === STYLE_ROOM_SHAPE ? 0 : 4,
-    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: style === STYLE_ROOM_SHAPE ? length : length - 4,
-    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
-  }))));
-}
-Ruler.propTypes = {
-  length: PropTypes.number.isRequired,
-  unit: PropTypes.string.isRequired,
-  transform: PropTypes.string.isRequired
-};

package/es/components/viewer2d/rulerDist.js

@@ -1,102 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { getRulerDisplayData } from "../../utils/ruler";
-var STYLE = {
-  stroke: '#455A64',
-  fill: '#455A64',
-  strokeWidth: '1.5px'
-};
-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 */,
-  MozUserSelect: 'none' /* Firefox */,
-  MsUserSelect: 'none' /* Internet Explorer/Edge */,
-  userSelect: 'none'
-};
-export default function RulerDist(_ref) {
-  var layer = _ref.layer,
-    length = _ref.length,
-    unit = _ref.unit,
-    rulerUnit = _ref.rulerUnit,
-    transform = _ref.transform,
-    angle = _ref.angle,
-    rotation = _ref.rotation;
-  var _getRulerDisplayData = getRulerDisplayData({
-      length: length,
-      unit: unit,
-      rulerUnit: rulerUnit,
-      layerUnit: layer.unit
-    }),
-    distanceText = _getRulerDisplayData.distanceText,
-    unitStr = _getRulerDisplayData.unitStr,
-    textLength = _getRulerDisplayData.textLength,
-    bShowText = _getRulerDisplayData.bShowText,
-    bShowLine = _getRulerDisplayData.bShowLine;
-  var textangle = angle + 90;
-  var textRotation = 1;
-  var ay = 2;
-  var ep = Math.sin(textangle * Math.PI / 180);
-  var es = Math.sin(angle * Math.PI / 180);
-  if (rotation === 180 && ep >= 0) {
-    textRotation = 180;
-    ay = 5;
-  } else if (rotation === 180 && ep <= 0) {
-    textRotation = 0;
-    ay = -3;
-  } else if (rotation === 0 && ep >= 0) {
-    textRotation = 0;
-    ay = -3;
-  } else if (rotation === 0 && ep <= 0) {
-    textRotation = 180;
-    ay = 5;
-  }
-  if (rotation === 90 && es >= 0) {
-    textRotation = 180;
-    ay = 5;
-  } else if (rotation === 90 && es <= 0) {
-    textRotation = 0;
-    ay = -3;
-  } else if (rotation === -90 && es >= 0) {
-    textRotation = 0;
-    ay = -3;
-  } else if (rotation === -90 && es <= 0) {
-    textRotation = 180;
-    ay = 5;
-  }
-  return /*#__PURE__*/React.createElement("g", {
-    transform: transform
-  }, bShowText && /*#__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
-  }, distanceText, unitStr)), bShowLine && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__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
-  })));
-}
-RulerDist.propTypes = {
-  length: PropTypes.number.isRequired,
-  unit: PropTypes.string.isRequired,
-  transform: PropTypes.string.isRequired
-};

package/es/components/viewer2d/rulerX.js

@@ -1,142 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-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 _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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; })(); }
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import * as SharedStyle from "../../shared-style";
-var RulerX = /*#__PURE__*/function (_Component) {
-  function RulerX(props, context) {
-    _classCallCheck(this, RulerX);
-    return _callSuper(this, RulerX, [props, context]);
-  }
-  _inherits(RulerX, _Component);
-  return _createClass(RulerX, [{
-    key: "render",
-    value: function render() {
-      var elementW = this.props.unitPixelSize * this.props.zoom;
-      var elementStyle = {
-        display: 'inline-block',
-        width: elementW,
-        position: 'relative',
-        borderLeft: '1px solid ' + this.props.fontColor,
-        paddingLeft: '0.2em',
-        fontSize: '10px',
-        height: '100%'
-      };
-      var insideElementsStyle = {
-        width: '20%',
-        display: 'inline-block',
-        margin: 0,
-        padding: 0
-      };
-      var rulerStyle = {
-        backgroundColor: this.props.backgroundColor,
-        position: 'relative',
-        width: this.props.width,
-        height: '100%',
-        color: this.props.fontColor
-      };
-      var markerStyle = {
-        position: 'absolute',
-        left: this.props.zeroLeftPosition + this.props.mouseX * this.props.zoom - 6.5,
-        top: 8,
-        width: 0,
-        height: 0,
-        borderLeft: '5px solid transparent',
-        borderRight: '5px solid transparent',
-        borderTop: '8px solid ' + this.props.markerColor,
-        zIndex: 9001
-      };
-      var rulerContainer = {
-        position: 'absolute',
-        height: '10px',
-        top: '4px',
-        display: 'grid',
-        gridRowGap: '0',
-        gridColumnGap: '0',
-        gridTemplateRows: '100%',
-        grdAutoColumns: "".concat(elementW, "px")
-      };
-      var positiveRulerContainer = _objectSpread(_objectSpread({}, rulerContainer), {}, {
-        width: this.props.positiveUnitsNumber * elementW,
-        left: this.props.zeroLeftPosition
-      });
-      var negativeRulerContainer = _objectSpread(_objectSpread({}, rulerContainer), {}, {
-        width: this.props.negativeUnitsNumber * elementW,
-        left: this.props.zeroLeftPosition - this.props.negativeUnitsNumber * elementW
-      });
-      var positiveDomElements = [];
-      if (elementW <= 200) {
-        for (var x = 0; x < this.props.positiveUnitsNumber; x++) {
-          positiveDomElements.push(/*#__PURE__*/React.createElement("div", {
-            key: x,
-            style: _objectSpread(_objectSpread({}, elementStyle), {}, {
-              gridColumn: x + 1,
-              gridRow: 1
-            })
-          }, elementW > 30 ? x * 100 : ''));
-        }
-      } else if (elementW > 200) {
-        for (var _x = 0; _x < this.props.positiveUnitsNumber; _x++) {
-          var val = _x * 100;
-          positiveDomElements.push(/*#__PURE__*/React.createElement("div", {
-            key: _x,
-            style: _objectSpread(_objectSpread({}, elementStyle), {}, {
-              gridColumn: _x + 1,
-              gridRow: 1
-            })
-          }, /*#__PURE__*/React.createElement("div", {
-            style: insideElementsStyle
-          }, val), /*#__PURE__*/React.createElement("div", {
-            style: insideElementsStyle
-          }, val + 1 * 20), /*#__PURE__*/React.createElement("div", {
-            style: insideElementsStyle
-          }, val + 2 * 20), /*#__PURE__*/React.createElement("div", {
-            style: insideElementsStyle
-          }, val + 3 * 20), /*#__PURE__*/React.createElement("div", {
-            style: insideElementsStyle
-          }, val + 4 * 20)));
-        }
-      }
-      return /*#__PURE__*/React.createElement("div", {
-        style: rulerStyle
-      }, /*#__PURE__*/React.createElement("div", {
-        id: "horizontalMarker",
-        style: markerStyle
-      }), /*#__PURE__*/React.createElement("div", {
-        id: "negativeRuler",
-        style: negativeRulerContainer
-      }), /*#__PURE__*/React.createElement("div", {
-        id: "positiveRuler",
-        style: positiveRulerContainer
-      }, positiveDomElements));
-    }
-  }]);
-}(Component);
-export { RulerX as default };
-RulerX.propTypes = {
-  unitPixelSize: PropTypes.number.isRequired,
-  positiveUnitsNumber: PropTypes.number,
-  negativeUnitsNumber: PropTypes.number,
-  zoom: PropTypes.number.isRequired,
-  mouseX: PropTypes.number.isRequired,
-  width: PropTypes.number.isRequired,
-  zeroLeftPosition: PropTypes.number.isRequired,
-  backgroundColor: PropTypes.string,
-  fontColor: PropTypes.string,
-  markerColor: PropTypes.string
-};
-RulerX.defaultProps = {
-  positiveUnitsNumber: 50,
-  negativeUnitsNumber: 50,
-  backgroundColor: SharedStyle.PRIMARY_COLOR.main,
-  fontColor: SharedStyle.COLORS.white,
-  markerColor: SharedStyle.SECONDARY_COLOR.main
-};

package/es/components/viewer2d/rulerY.js

@@ -1,144 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-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 _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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; })(); }
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import * as SharedStyle from "../../shared-style";
-var RulerY = /*#__PURE__*/function (_Component) {
-  function RulerY(props, context) {
-    _classCallCheck(this, RulerY);
-    return _callSuper(this, RulerY, [props, context]);
-  }
-  _inherits(RulerY, _Component);
-  return _createClass(RulerY, [{
-    key: "render",
-    value: function render() {
-      var elementH = this.props.unitPixelSize * this.props.zoom;
-      var elementStyle = {
-        width: '8px',
-        borderBottom: '1px solid ' + this.props.fontColor,
-        paddingBottom: '0.2em',
-        fontSize: '10px',
-        height: elementH,
-        textOrientation: 'upright',
-        writingMode: 'vertical-lr',
-        letterSpacing: '-2px',
-        textAlign: 'right'
-      };
-      var insideElementsStyle = {
-        height: '20%',
-        width: '100%',
-        textOrientation: 'upright',
-        writingMode: 'vertical-lr',
-        display: 'inline-block',
-        letterSpacing: '-2px',
-        textAlign: 'right'
-      };
-      var rulerStyle = {
-        backgroundColor: this.props.backgroundColor,
-        height: this.props.height,
-        width: '100%',
-        color: this.props.fontColor
-      };
-      var markerStyle = {
-        position: 'absolute',
-        top: this.props.zeroTopPosition - this.props.mouseY * this.props.zoom - 6.5,
-        left: 8,
-        width: 0,
-        height: 0,
-        borderTop: '5px solid transparent',
-        borderBottom: '5px solid transparent',
-        borderLeft: '8px solid ' + this.props.markerColor,
-        zIndex: 9001
-      };
-      var rulerContainer = {
-        position: 'absolute',
-        width: '100%',
-        display: 'grid',
-        gridRowGap: '0',
-        gridColumnGap: '0',
-        gridTemplateColumns: '100%',
-        grdAutoRows: "".concat(elementH, "px"),
-        paddingLeft: '5px'
-      };
-      var positiveRulerContainer = _objectSpread(_objectSpread({}, rulerContainer), {}, {
-        top: this.props.zeroTopPosition - this.props.positiveUnitsNumber * elementH,
-        height: this.props.positiveUnitsNumber * elementH
-      });
-      var negativeRulerContainer = _objectSpread(_objectSpread({}, rulerContainer), {}, {
-        top: this.props.zeroTopPosition + this.props.negativeUnitsNumber * elementH,
-        height: this.props.negativeUnitsNumber * elementH
-      });
-      var positiveDomElements = [];
-      if (elementH <= 200) {
-        for (var x = 1; x <= this.props.positiveUnitsNumber; x++) {
-          positiveDomElements.push(/*#__PURE__*/React.createElement("div", {
-            key: x,
-            style: _objectSpread(_objectSpread({}, elementStyle), {}, {
-              gridColumn: 1,
-              gridRow: x
-            })
-          }, elementH > 30 ? (this.props.positiveUnitsNumber - x) * 100 : ''));
-        }
-      } else if (elementH > 200) {
-        for (var _x = 1; _x <= this.props.positiveUnitsNumber; _x++) {
-          var val = (this.props.positiveUnitsNumber - _x) * 100;
-          positiveDomElements.push(/*#__PURE__*/React.createElement("div", {
-            key: _x,
-            style: _objectSpread(_objectSpread({}, elementStyle), {}, {
-              gridColumn: 1,
-              gridRow: _x
-            })
-          }, /*#__PURE__*/React.createElement("div", {
-            style: insideElementsStyle
-          }, val + 4 * 20), /*#__PURE__*/React.createElement("div", {
-            style: insideElementsStyle
-          }, val + 3 * 20), /*#__PURE__*/React.createElement("div", {
-            style: insideElementsStyle
-          }, val + 2 * 20), /*#__PURE__*/React.createElement("div", {
-            style: insideElementsStyle
-          }, val + 1 * 20), /*#__PURE__*/React.createElement("div", {
-            style: insideElementsStyle
-          }, val)));
-        }
-      }
-      return /*#__PURE__*/React.createElement("div", {
-        style: rulerStyle
-      }, /*#__PURE__*/React.createElement("div", {
-        id: "verticalMarker",
-        style: markerStyle
-      }), /*#__PURE__*/React.createElement("div", {
-        id: "negativeRuler",
-        style: negativeRulerContainer
-      }), /*#__PURE__*/React.createElement("div", {
-        id: "positiveRuler",
-        style: positiveRulerContainer
-      }, positiveDomElements));
-    }
-  }]);
-}(Component);
-export { RulerY as default };
-RulerY.propTypes = {
-  unitPixelSize: PropTypes.number.isRequired,
-  zoom: PropTypes.number.isRequired,
-  mouseY: PropTypes.number.isRequired,
-  height: PropTypes.number.isRequired,
-  zeroTopPosition: PropTypes.number.isRequired,
-  backgroundColor: PropTypes.string,
-  fontColor: PropTypes.string,
-  markerColor: PropTypes.string
-};
-RulerY.defaultProps = {
-  positiveUnitsNumber: 50,
-  negativeUnitsNumber: 50,
-  backgroundColor: SharedStyle.PRIMARY_COLOR.main,
-  fontColor: SharedStyle.COLORS.white,
-  markerColor: SharedStyle.SECONDARY_COLOR.main
-};

package/es/components/viewer2d/scene.js

@@ -1,108 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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; })(); }
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { Layer, Grids } from "./export";
-var Scene = /*#__PURE__*/function (_Component) {
-  function Scene() {
-    _classCallCheck(this, Scene);
-    return _callSuper(this, Scene, arguments);
-  }
-  _inherits(Scene, _Component);
-  return _createClass(Scene, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var prevScene = prevProps.scene;
-      var nextScene = this.props.scene;
-      if (!prevScene || !nextScene) return;
-
-      // Only run when scene actually changes
-      if (prevScene.hashCode() !== nextScene.hashCode()) {
-        var _this$props = this.props,
-          scene = _this$props.scene,
-          catalog = _this$props.catalog;
-        var layers = scene.layers;
-        var selectedLayer = layers.get(scene.selectedLayer);
-        if (!selectedLayer) return;
-        var isNotFoundInElements = false;
-        var itemType = '';
-        selectedLayer.items.valueSeq().forEach(function (item) {
-          if (!catalog.elements || !Object.prototype.hasOwnProperty.call(catalog.elements, item.type)) {
-            itemType = item.type;
-            isNotFoundInElements = true;
-          }
-        });
-        void isNotFoundInElements;
-        void itemType;
-      }
-    }
-  }, {
-    key: "shouldComponentUpdate",
-    value: function shouldComponentUpdate(nextProps) {
-      var curr = this.props.scene;
-      var next = nextProps.scene;
-
-      // Be safe if scene is temporarily undefined/null
-      if (!curr || !next) return true;
-      return curr.hashCode() !== next.hashCode();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        scene = _this$props2.scene,
-        catalog = _this$props2.catalog,
-        state = _this$props2.state,
-        relatedLines = _this$props2.relatedLines;
-      var layers = scene.layers;
-      var selectedLayer = layers.get(scene.selectedLayer);
-      var mode = this.props.state.get('mode');
-      return /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement(Grids, {
-        scene: scene
-      }), /*#__PURE__*/React.createElement("g", {
-        style: {
-          pointerEvents: 'none'
-        }
-      }, layers.entrySeq().filter(function (_ref) {
-        var _ref2 = _slicedToArray(_ref, 2),
-          layerID = _ref2[0],
-          layer = _ref2[1];
-        return layerID !== scene.selectedLayer && layer.visible;
-      }).map(function (_ref3) {
-        var _ref4 = _slicedToArray(_ref3, 2),
-          layerID = _ref4[0],
-          layer = _ref4[1];
-        return /*#__PURE__*/React.createElement(Layer, {
-          key: layerID,
-          layer: layer,
-          scene: scene,
-          catalog: catalog,
-          mode: mode,
-          state: state,
-          relatedLines: relatedLines
-        });
-      })), selectedLayer ? /*#__PURE__*/React.createElement(Layer, {
-        key: selectedLayer.id,
-        layer: selectedLayer,
-        scene: scene,
-        catalog: catalog,
-        mode: mode,
-        state: state,
-        relatedLines: relatedLines
-      }) : null);
-    }
-  }]);
-}(Component);
-export { Scene as default };
-Scene.propTypes = {
-  scene: PropTypes.object.isRequired,
-  catalog: PropTypes.object.isRequired,
-  relatedLines: PropTypes.array.isRequired,
-  state: PropTypes.object.isRequired
-};

package/es/components/viewer2d/snap.js

@@ -1,74 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import * as Geometry from "../../utils/geometry";
-var STYLE = {
-  stroke: '#D32F2F',
-  strokeWidth: '1px'
-};
-export default function ActiveDrawingHelper(_ref) {
-  var snap = _ref.snap,
-    width = _ref.width,
-    height = _ref.height;
-  switch (snap.type) {
-    case 'point':
-      return /*#__PURE__*/React.createElement("g", {
-        transform: "translate(".concat(snap.x, " ").concat(snap.y, ")")
-      }, /*#__PURE__*/React.createElement("line", {
-        name: "line_type_ActiveDrawingHelper",
-        x1: "0",
-        y1: "-70",
-        x2: "0",
-        y2: "70",
-        style: STYLE
-      }), /*#__PURE__*/React.createElement("line", {
-        name: "line_type_ActiveDrawingHelper",
-        x1: "-70",
-        y1: "0",
-        x2: "70",
-        y2: "0",
-        style: STYLE
-      }));
-    case 'line':
-      var h0 = Geometry.horizontalLine(0);
-      var h1 = Geometry.horizontalLine(height);
-      var pointH0 = Geometry.twoLinesIntersection(snap.a, snap.b, snap.c, h0.a, h0.b, h0.c);
-      var pointH1 = Geometry.twoLinesIntersection(snap.a, snap.b, snap.c, h1.a, h1.b, h1.c);
-      var v0 = Geometry.verticalLine(0);
-      var v1 = Geometry.verticalLine(width);
-      var pointV0 = Geometry.twoLinesIntersection(snap.a, snap.b, snap.c, v0.a, v0.b, v0.c);
-      var pointV1 = Geometry.twoLinesIntersection(snap.a, snap.b, snap.c, v1.a, v1.b, v1.c);
-      if (pointH0 && pointH1) return /*#__PURE__*/React.createElement("line", {
-        name: "line_type_ActiveDrawingHelper",
-        x1: pointH0.x,
-        y1: pointH0.y,
-        x2: pointH1.x,
-        y2: pointH1.y,
-        style: STYLE
-      });
-      if (pointV0 && pointV1) return /*#__PURE__*/React.createElement("line", {
-        name: "line_type_ActiveDrawingHelper",
-        x1: pointV0.x,
-        y1: pointV0.y,
-        x2: pointV1.x,
-        y2: pointV1.y,
-        style: STYLE
-      });
-      return null;
-    case 'line-segment':
-      return /*#__PURE__*/React.createElement("line", {
-        name: "line_type_ActiveDrawingHelper",
-        x1: snap.x1,
-        y1: snap.y1,
-        x2: snap.x2,
-        y2: snap.y2,
-        style: STYLE
-      });
-    default:
-      return null;
-  }
-}
-ActiveDrawingHelper.propTypes = {
-  snap: PropTypes.object.isRequired,
-  width: PropTypes.number.isRequired,
-  height: PropTypes.number.isRequired
-};