kitchen-simulator 1.1.1-test.30 → 1.1.1-test.31

package/es/components/style/form-select.js

@@ -1,19 +1,68 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["children", "style"];
-var _templateObject;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 import React from 'react';
-import styled from 'styled-components';
 import { DEFAULT_FONT_FAMILY, SECONDARY_PURPLE_COLOR, TEXT_COLOR_NEUTRAL_3 } from "../../constants";
-var StyledSelect = styled.select(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: block;\n  width: 120px;\n  float: right;\n  padding: 15px 10px 12px 0px;\n  color: ", ";\n  border: 2px solid;\n  font-family: ", ";\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 17px;\n  text-align: right;\n  outline: none;\n  border-radius: 5px;\n  :hover {\n    border-color: ", ";\n  }\n  :focus {\n    border-color: ", ";\n  }\n"])), TEXT_COLOR_NEUTRAL_3, DEFAULT_FONT_FAMILY, SECONDARY_PURPLE_COLOR, SECONDARY_PURPLE_COLOR);
+var styles = {
+  select: {
+    display: 'block',
+    width: 120,
+    "float": 'right',
+    padding: '15px 10px 12px 0px',
+    color: TEXT_COLOR_NEUTRAL_3,
+    border: '2px solid',
+    fontFamily: DEFAULT_FONT_FAMILY,
+    fontSize: 12,
+    fontWeight: 600,
+    lineHeight: '17px',
+    textAlign: 'right',
+    outline: 'none',
+    borderRadius: 5,
+    transition: 'border-color 0.2s'
+  }
+};
 export default function FormSelect(_ref) {
   var children = _ref.children,
     style = _ref.style,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(StyledSelect, _extends({
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    focus = _React$useState2[0],
+    setFocus = _React$useState2[1];
+  var _React$useState3 = React.useState(false),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    hover = _React$useState4[0],
+    setHover = _React$useState4[1];
+  var borderColor = focus || hover ? SECONDARY_PURPLE_COLOR : undefined;
+  return /*#__PURE__*/React.createElement("select", _extends({
     type: "text",
-    style: style
+    style: _objectSpread(_objectSpread({}, styles.select), {}, {
+      borderColor: borderColor
+    }, style),
+    onFocus: function onFocus() {
+      return setFocus(true);
+    },
+    onBlur: function onBlur() {
+      return setFocus(false);
+    },
+    onMouseEnter: function onMouseEnter() {
+      return setHover(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setHover(false);
+    }
   }, rest), children);
 }

package/es/components/style/form-text-input.js

@@ -1,7 +1,9 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["style"];
-var _templateObject;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
@@ -16,11 +18,27 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
 function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
 function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 import React, { Component } from 'react';
 import { BG_COLOR_0, DEFAULT_FONT_FAMILY, PROJECT_NAME_LENGTH_LIMIT, SECONDARY_PURPLE_COLOR, TEXT_COLOR_NEUTRAL_3 } from "../../constants";
-import styled from 'styled-components';
-var StyledInput = styled.input(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: block;\n  padding: 15px 10px 12px 0px;\n  width: 120px;\n  font-family: ", ";\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 17px;\n  color: ", ";\n  background-color: ", ";\n  border: 2px solid;\n  text-align: right;\n  float: right;\n  border-radius: 5px;\n  outline: 0;\n  :focus {\n    border-color: ", ";\n  }\n"])), DEFAULT_FONT_FAMILY, TEXT_COLOR_NEUTRAL_3, BG_COLOR_0, SECONDARY_PURPLE_COLOR);
+var styles = {
+  input: {
+    display: 'block',
+    padding: '15px 10px 12px 0px',
+    width: 120,
+    fontFamily: DEFAULT_FONT_FAMILY,
+    fontSize: 12,
+    fontWeight: 600,
+    lineHeight: '17px',
+    color: TEXT_COLOR_NEUTRAL_3,
+    backgroundColor: BG_COLOR_0,
+    border: '2px solid',
+    textAlign: 'right',
+    "float": 'right',
+    borderRadius: 5,
+    outline: 0,
+    transition: 'border-color 0.2s'
+  }
+};
 var FormTextInput = /*#__PURE__*/function (_Component) {
   function FormTextInput(props) {
     var _this;
@@ -47,21 +65,23 @@ var FormTextInput = /*#__PURE__*/function (_Component) {
       var _this$props = this.props,
         style = _this$props.style,
         rest = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/React.createElement(StyledInput, _extends({
+      var focus = this.state.focus;
+      var inputStyle = _objectSpread(_objectSpread({}, styles.input), {}, {
+        borderColor: focus ? SECONDARY_PURPLE_COLOR : undefined
+      }, style);
+      return /*#__PURE__*/React.createElement("input", _extends({
         ref: this.input,
-        onFocus: function onFocus(e) {
+        onFocus: function onFocus() {
           return _this2.setState({
             focus: true
           });
         },
-        onBlur: function onBlur(e) {
+        onBlur: function onBlur() {
           return _this2.setState({
             focus: false
           });
         },
-        style: style
-        // autoFocus
-        ,
+        style: inputStyle,
         type: "text"
       }, rest, {
         maxLength: PROJECT_NAME_LENGTH_LIMIT

package/es/components/viewer2d/area.js

@@ -1,5 +1,5 @@
 import React from 'react';
-//import PropTypes from 'prop-types';
+import PropTypes from 'prop-types';
 import polylabel from 'polylabel';
 import areapolygon from 'area-polygon';
 import convert from 'convert-units';
@@ -74,9 +74,8 @@ export default function Area(_ref) {
     }
   }, rendered, renderedAreaSize);
 }
-
-// Area.propTypes = {
-//   area: PropTypes.object.isRequired,
-//   layer: PropTypes.object.isRequired,
-//   catalog: PropTypes.object.isRequired
-// };
+Area.propTypes = {
+  area: PropTypes.object.isRequired,
+  layer: PropTypes.object.isRequired,
+  catalog: PropTypes.object.isRequired
+};

package/es/components/viewer2d/grids/grid-horizontal-streak.js

@@ -1,6 +1,7 @@
 import React from 'react';
-//import PropTypes from 'prop-types';
+import PropTypes from 'prop-types';
 import { List } from 'immutable';
+import convert from 'convert-units';
 export default function GridHorizontalStreak(_ref) {
   var width = _ref.width,
     height = _ref.height,
@@ -29,9 +30,8 @@ export default function GridHorizontalStreak(_ref) {
   }
   return /*#__PURE__*/React.createElement("g", null, rendered);
 }
-
-// GridHorizontalStreak.propTypes = {
-//   width: PropTypes.number.isRequired,
-//   height: PropTypes.number.isRequired,
-//   grid: PropTypes.object.isRequired
-// };
+GridHorizontalStreak.propTypes = {
+  width: PropTypes.number.isRequired,
+  height: PropTypes.number.isRequired,
+  grid: PropTypes.object.isRequired
+};

package/es/components/viewer2d/grids/grid-streak.js

@@ -1,6 +1,7 @@
 import React from 'react';
-//import PropTypes from 'prop-types';
+import PropTypes from 'prop-types';
 import { List } from 'immutable';
+import convert from 'convert-units';
 export default function GridStreak(_ref) {
   var width = _ref.width,
     height = _ref.height,
@@ -29,9 +30,8 @@ export default function GridStreak(_ref) {
   }
   return /*#__PURE__*/React.createElement("g", null, rendered);
 }
-
-// GridStreak.propTypes = {
-//   width: PropTypes.number.isRequired,
-//   height: PropTypes.number.isRequired,
-//   grid: PropTypes.object.isRequired
-// };
+GridStreak.propTypes = {
+  width: PropTypes.number.isRequired,
+  height: PropTypes.number.isRequired,
+  grid: PropTypes.object.isRequired
+};

package/es/components/viewer2d/grids/grid-vertical-streak.js

@@ -1,6 +1,7 @@
 import React from 'react';
-//import PropTypes from 'prop-types';
+import PropTypes from 'prop-types';
 import { List } from 'immutable';
+import convert from 'convert-units';
 export default function GridVerticalStreak(_ref) {
   var width = _ref.width,
     height = _ref.height,
@@ -29,9 +30,8 @@ export default function GridVerticalStreak(_ref) {
   }
   return /*#__PURE__*/React.createElement("g", null, rendered);
 }
-
-// GridVerticalStreak.propTypes = {
-//   width: PropTypes.number.isRequired,
-//   height: PropTypes.number.isRequired,
-//   grid: PropTypes.object.isRequired
-// };
+GridVerticalStreak.propTypes = {
+  width: PropTypes.number.isRequired,
+  height: PropTypes.number.isRequired,
+  grid: PropTypes.object.isRequired
+};

package/es/components/viewer2d/grids/grids.js

@@ -5,7 +5,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import React, { memo } from 'react';
-//import PropTypes from 'prop-types';
+import PropTypes from 'prop-types';
 import GridStreak from "./grid-streak";
 var propsAreEqual = function propsAreEqual(oldScene, newScene) {
   return oldScene.scene.width === newScene.scene.width && oldScene.scene.height === newScene.scene.height && oldScene.scene.grids === newScene.scene.grids;
@@ -29,9 +29,7 @@ var drawGrid = function drawGrid(_ref) {
   return /*#__PURE__*/React.createElement("g", null, renderedGrids);
 };
 var Grids = /*#__PURE__*/memo(drawGrid, propsAreEqual);
-
-// Grids.propTypes = {
-//   scene: PropTypes.object.isRequired
-// };
-
+Grids.propTypes = {
+  scene: PropTypes.object.isRequired
+};
 export default Grids;

package/es/components/viewer2d/group.js

@@ -1,5 +1,5 @@
 import React from 'react';
-//import PropTypes from 'prop-types';
+import PropTypes from 'prop-types';
 import If from "../../utils/react-if";
 import * as sharedStyles from "../../shared-style";
 var cx = 0;
@@ -42,14 +42,12 @@ export default function Group(_ref, _ref2) {
     style: STYLE_CIRCLE
   }, /*#__PURE__*/React.createElement("title", null, translator.t("Group's Barycenter"))))));
 }
-
-// Group.propTypes = {
-//   group: PropTypes.object.isRequired,
-//   layer: PropTypes.object.isRequired,
-//   scene: PropTypes.object.isRequired,
-//   catalog: PropTypes.object.isRequired
-// };
-
-// Group.contextTypes = {
-//   translator: PropTypes.object.isRequired
-// };
+Group.propTypes = {
+  group: PropTypes.object.isRequired,
+  layer: PropTypes.object.isRequired,
+  scene: PropTypes.object.isRequired,
+  catalog: PropTypes.object.isRequired
+};
+Group.contextTypes = {
+  translator: PropTypes.object.isRequired
+};

package/es/components/viewer2d/item.js

@@ -4,12 +4,14 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-import React, { useState } from 'react';
-//import PropTypes from 'prop-types';
+import React from 'react';
+import { useState } from 'react';
+import PropTypes from 'prop-types';
+import If from "../../utils/react-if";
 import RulerDist from "./rulerDist";
 import convert from 'convert-units';
 import { GeometryUtils } from "../../utils/export";
-import { MODE_ROTATING_ITEM, WALL_CABINET_LAYOUTPOS } from "../../constants";
+import { MODE_ROTATING_ITEM, SECONDARY_PURPLE_COLOR, STATUS_NEGATIVE_COLOR, BG_COLOR_1, STATUS_WARNING_COLOR, WALL_CABINET_LAYOUTPOS } from "../../constants";
 import { returnReplaceableDeepSearchType } from "./utils";
 var STYLE_LINE = {
   fill: '#0096fd',
@@ -500,14 +502,12 @@ export default function Item(_ref, _ref2) {
     }
   }, measure ? renderedRuler : null, parts, warning_buttons));
 }
-
-// Item.propTypes = {
-//   item: PropTypes.object.isRequired,
-//   layer: PropTypes.object.isRequired,
-//   scene: PropTypes.object.isRequired,
-//   catalog: PropTypes.object.isRequired
-// };
-
-// Item.contextTypes = {
-//   itemsActions: PropTypes.object.isRequired
-// };
+Item.propTypes = {
+  item: PropTypes.object.isRequired,
+  layer: PropTypes.object.isRequired,
+  scene: PropTypes.object.isRequired,
+  catalog: PropTypes.object.isRequired
+};
+Item.contextTypes = {
+  itemsActions: PropTypes.object.isRequired
+};

package/es/components/viewer2d/layer.js

@@ -1,6 +1,6 @@
 import React from 'react';
-//import PropTypes from 'prop-types';
-import { Area, Group, Item, Line, Vertex } from "./export";
+import PropTypes from 'prop-types';
+import { Line, Area, Vertex, Item, Group } from "./export";
 import { GeometryUtils } from "../../utils/export";
 import { MODE_DRAWING_LINE, WALL_CABINET_LAYOUTPOS } from "../../constants";
 import { returnReplaceableDeepSearchType } from "./utils";
@@ -157,9 +157,8 @@ export default function Layer(_ref) {
     });
   }));
 }
-
-// Layer.propTypes = {
-//   layer: PropTypes.object.isRequired,
-//   scene: PropTypes.object.isRequired,
-//   catalog: PropTypes.object.isRequired
-// };
+Layer.propTypes = {
+  layer: PropTypes.object.isRequired,
+  scene: PropTypes.object.isRequired,
+  catalog: PropTypes.object.isRequired
+};

package/es/components/viewer2d/line.js

@@ -1,5 +1,5 @@
 import React from 'react';
-//import PropTypes from 'prop-types';
+import PropTypes from 'prop-types';
 import { GeometryUtils } from "../../utils/export";
 import Ruler from "./ruler";
 import { BASE_CABINET_LAYOUTPOS, LINE_THICKNESS, WALL_CABINET_LAYOUTPOS } from "../../constants";
@@ -874,10 +874,9 @@ export default function Line(_ref) {
     "data-part": "remove"
   }));
 }
-
-// Line.propTypes = {
-//   line: PropTypes.object.isRequired,
-//   layer: PropTypes.object.isRequired,
-//   scene: PropTypes.object.isRequired,
-//   catalog: PropTypes.object.isRequired
-// };
+Line.propTypes = {
+  line: PropTypes.object.isRequired,
+  layer: PropTypes.object.isRequired,
+  scene: PropTypes.object.isRequired,
+  catalog: PropTypes.object.isRequired
+};

package/es/components/viewer2d/ruler.js

@@ -1,8 +1,9 @@
 import React from 'react';
-//import PropTypes from 'prop-types';
+import PropTypes from 'prop-types';
 import convert from 'convert-units';
 import IDBroker from "../../utils/id-broker";
-import { LINE_THICKNESS, TEXT_COLOR_NEUTRAL_7 } from "../../constants";
+import { FormNumberInput2 } from "../style/export";
+import { LINE_THICKNESS, SHADE_LIGHT_BLUE_COLOR, TEXT_COLOR_NEUTRAL_7 } from "../../constants";
 var STYLE = {
   stroke: TEXT_COLOR_NEUTRAL_7,
   strokeWidth: '1px'
@@ -92,9 +93,8 @@ export default function Ruler(_ref) {
     style: STYLE
   }));
 }
-
-// Ruler.propTypes = {
-//   length: PropTypes.number.isRequired,
-//   unit: PropTypes.string.isRequired,
-//   transform: PropTypes.string.isRequired
-// };
+Ruler.propTypes = {
+  length: PropTypes.number.isRequired,
+  unit: PropTypes.string.isRequired,
+  transform: PropTypes.string.isRequired
+};

package/es/components/viewer2d/rulerDist.js

@@ -1,5 +1,5 @@
 import React from 'react';
-//import PropTypes from 'prop-types';
+import PropTypes from 'prop-types';
 import convert from 'convert-units';
 var ARROW_STYLE = {
   stroke: '#1183B7',
@@ -139,9 +139,8 @@ export default function RulerDist(_ref) {
     }));
   }
 }
-
-// RulerDist.propTypes = {
-//   length: PropTypes.number.isRequired,
-//   unit: PropTypes.string.isRequired,
-//   transform: PropTypes.string.isRequired
-// };
+RulerDist.propTypes = {
+  length: PropTypes.number.isRequired,
+  unit: PropTypes.string.isRequired,
+  transform: PropTypes.string.isRequired
+};

package/es/components/viewer2d/rulerX.js

@@ -15,7 +15,7 @@ function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? O
 function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
 function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
 import React, { Component } from 'react';
-//import PropTypes from 'prop-types';
+import PropTypes from 'prop-types';
 import * as SharedStyle from "../../shared-style";
 var RulerX = /*#__PURE__*/function (_Component) {
   function RulerX(props, context) {
@@ -125,19 +125,20 @@ var RulerX = /*#__PURE__*/function (_Component) {
       }, positiveDomElements));
     }
   }]);
-}(Component); // 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
-// };
+}(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,
@@ -145,7 +146,6 @@ RulerX.defaultProps = {
   fontColor: SharedStyle.COLORS.white,
   markerColor: SharedStyle.SECONDARY_COLOR.main
 };
-
-// RulerX.contextTypes = {
-//   translator: PropTypes.object.isRequired
-// };
+RulerX.contextTypes = {
+  translator: PropTypes.object.isRequired
+};

package/es/components/viewer2d/rulerY.js

@@ -15,7 +15,7 @@ function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? O
 function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
 function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
 import React, { Component } from 'react';
-//import PropTypes from 'prop-types';
+import PropTypes from 'prop-types';
 import * as SharedStyle from "../../shared-style";
 var RulerY = /*#__PURE__*/function (_Component) {
   function RulerY(props, context) {
@@ -129,17 +129,18 @@ var RulerY = /*#__PURE__*/function (_Component) {
       }, positiveDomElements));
     }
   }]);
-}(Component); // 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
-// };
+}(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,
@@ -147,7 +148,6 @@ RulerY.defaultProps = {
   fontColor: SharedStyle.COLORS.white,
   markerColor: SharedStyle.SECONDARY_COLOR.main
 };
-
-// RulerY.contextTypes = {
-//   translator: PropTypes.object.isRequired
-// };
+RulerY.contextTypes = {
+  translator: PropTypes.object.isRequired
+};

package/es/components/viewer2d/scene.js

@@ -22,7 +22,7 @@ function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? O
 function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
 function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
 import React, { Component } from 'react';
-//import PropTypes from 'prop-types';
+import PropTypes from 'prop-types';
 import { Grids, Layer } from "./export";
 var Scene = /*#__PURE__*/function (_Component) {
   function Scene() {
@@ -42,6 +42,7 @@ var Scene = /*#__PURE__*/function (_Component) {
               if (this.props.scene.hashCode() !== nextProps.scene.hashCode()) {
                 scene = nextProps.scene, catalog = nextProps.catalog;
                 height = scene.height, layers = scene.layers;
+                console.log(layers.toJS());
                 selectedLayer = layers.get(scene.selectedLayer);
                 msg = '';
                 isNotFoundInElements = false;
@@ -127,12 +128,13 @@ var Scene = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
-}(Component); // Scene.propTypes = {
-//   scene: PropTypes.object.isRequired,
-//   catalog: PropTypes.object.isRequired,
-//   relatedLines: PropTypes.object.isRequired
-// };
-// Scene.contextTypes = {
-//   projectActions: PropTypes.object.isRequired
-// };
-export { Scene as default };
+}(Component);
+export { Scene as default };
+Scene.propTypes = {
+  scene: PropTypes.object.isRequired,
+  catalog: PropTypes.object.isRequired,
+  relatedLines: PropTypes.object.isRequired
+};
+Scene.contextTypes = {
+  projectActions: PropTypes.object.isRequired
+};

package/es/components/viewer2d/snap.js

@@ -1,5 +1,5 @@
 import React from 'react';
-//import PropTypes from 'prop-types';
+import PropTypes from 'prop-types';
 import * as Geometry from "../../utils/geometry";
 var STYLE = {
   stroke: '#D32F2F',
@@ -67,9 +67,8 @@ export default function ActiveDrawingHelper(_ref) {
       return null;
   }
 }
-
-// ActiveDrawingHelper.propTypes = {
-//   snap: PropTypes.object.isRequired,
-//   width: PropTypes.number.isRequired,
-//   height: PropTypes.number.isRequired
-// };
+ActiveDrawingHelper.propTypes = {
+  snap: PropTypes.object.isRequired,
+  width: PropTypes.number.isRequired,
+  height: PropTypes.number.isRequired
+};

package/es/components/viewer2d/state.js

@@ -5,7 +5,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import React from 'react';
-//import PropTypes from 'prop-types';
+import PropTypes from 'prop-types';
 import Scene from "./scene";
 import Snap from "./snap";
 import * as SharedStyle from "../../shared-style";
@@ -71,9 +71,8 @@ export default function State(_ref) {
     });
   }), activeSnapElement, snapElements));
 }
-
-// State.propTypes = {
-//   state: PropTypes.object.isRequired,
-//   catalog: PropTypes.object.isRequired,
-//   relatedLines: PropTypes.object.isRequired
-// };
+State.propTypes = {
+  state: PropTypes.object.isRequired,
+  catalog: PropTypes.object.isRequired,
+  relatedLines: PropTypes.object.isRequired
+};