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

package/es/components/viewer2d/ruler.js

@@ -1,13 +1,10 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-exports.__esModule = true;
-exports["default"] = Ruler;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _convertUnitsLite = require("../../utils/convert-units-lite");
-var _idBroker = _interopRequireDefault(require("../../utils/id-broker"));
-var _constants = require("../../constants");
+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";
 var STYLE = {
-  stroke: _constants.TEXT_COLOR_NEUTRAL_7,
+  stroke: TEXT_COLOR_NEUTRAL_7,
   strokeWidth: '1px'
 };
 var BACKGROUNDSTYLE = {
@@ -25,7 +22,7 @@ var STYLE_TEXT = {
   MsUserSelect: 'none' /* Internet Explorer/Edge */,
   userSelect: 'none'
 };
-function Ruler(_ref) {
+export default function Ruler(_ref) {
   var layer = _ref.layer,
     length = _ref.length,
     unit = _ref.unit,
@@ -38,11 +35,11 @@ function Ruler(_ref) {
     if (type === 0) {
       merged = value.merge({
         _length: newLength,
-        length: (0, _convertUnitsLite.convert)(newLength).from(unitInput).to('cm')
+        length: convert(newLength).from(unitInput).to('cm')
       });
     } else {
       merged = value.merge({
-        _length: (0, _convertUnitsLite.convert)(newLength).from(UNIT_INCH).to(unitInput),
+        _length: convert(newLength).from(UNIT_INCH).to(unitInput),
         _unit: unitInput
       });
     }
@@ -55,19 +52,19 @@ function Ruler(_ref) {
   };
   // let _unit = "in";
   // let distanceText = convert(length).from(unit).to(rulerUnit);
-  var distanceText = (0, _convertUnitsLite.convert)(length).from(unit).to(rulerUnit).toFixed(0);
-  var thickness = (0, _convertUnitsLite.convert)(_constants.LINE_THICKNESS).from(unit).to(rulerUnit).toFixed(0);
+  var distanceText = convert(length).from(unit).to(rulerUnit).toFixed(0);
+  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["default"].createElement("g", {
+  return /*#__PURE__*/React.createElement("g", {
     transform: transform
-  }, /*#__PURE__*/_react["default"].createElement("g", {
+  }, /*#__PURE__*/React.createElement("g", {
     id: "ruler"
-  }, /*#__PURE__*/_react["default"].createElement("rect", {
-    id: "ruler_rect_".concat(_idBroker["default"].acquireID()),
+  }, /*#__PURE__*/React.createElement("rect", {
+    id: "ruler_rect_".concat(IDBroker.acquireID()),
     style: BACKGROUNDSTYLE,
     x: length / 2 - textLength / 2,
     y: "-10",
@@ -75,19 +72,19 @@ function Ruler(_ref) {
     height: "22",
     rx: "1",
     ry: "0.39"
-  }), /*#__PURE__*/_react["default"].createElement("text", {
+  }), /*#__PURE__*/React.createElement("text", {
     x: length / 2,
     y: "3",
     transform: "scale(1, -1)",
     style: STYLE_TEXT,
-    fill: _constants.TEXT_COLOR_NEUTRAL_7
-  }, Math.round((0, _convertUnitsLite.convert)(distanceText).from('in').to(layer.unit) * 100) / 100, layer.unit === 'in' ? '"' : layer.unit)), /*#__PURE__*/_react["default"].createElement("line", {
+    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: "0",
     y1: "0",
     x2: (length - textLength) / 2 < 0 ? 0 : (length - textLength) / 2,
     y2: "0",
     style: STYLE
-  }), /*#__PURE__*/_react["default"].createElement("line", {
+  }), /*#__PURE__*/React.createElement("line", {
     x1: (length + textLength) / 2 < 0 ? 0 : (length + textLength) / 2 < length ? (length + textLength) / 2 : length,
     y1: "0",
     x2: length,
@@ -96,7 +93,7 @@ function Ruler(_ref) {
   }));
 }
 Ruler.propTypes = {
-  length: _propTypes["default"].number.isRequired,
-  unit: _propTypes["default"].string.isRequired,
-  transform: _propTypes["default"].string.isRequired
+  length: PropTypes.number.isRequired,
+  unit: PropTypes.string.isRequired,
+  transform: PropTypes.string.isRequired
 };

package/es/components/viewer2d/rulerDist.js

@@ -1,9 +1,6 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-exports.__esModule = true;
-exports["default"] = RulerDist;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _convertUnitsLite = require("../../utils/convert-units-lite");
+import React from 'react';
+import PropTypes from 'prop-types';
+import { convert } from "../../utils/convert-units-lite";
 var ARROW_STYLE = {
   stroke: '#1183B7',
   strokeWidth: '2px',
@@ -24,7 +21,7 @@ var STYLE_TEXT = {
   MsUserSelect: 'none' /* Internet Explorer/Edge */,
   userSelect: 'none'
 };
-function RulerDist(_ref) {
+export default function RulerDist(_ref) {
   var layer = _ref.layer,
     length = _ref.length,
     unit = _ref.unit,
@@ -34,7 +31,7 @@ function RulerDist(_ref) {
     rotation = _ref.rotation;
   var _unit = 'in';
   // let _length = convert(length).from(unit).to(rulerUnit);
-  var distanceText = "".concat((0, _convertUnitsLite.convert)(length).from('cm').to(rulerUnit).toFixed(0));
+  var distanceText = "".concat(convert(length).from('cm').to(rulerUnit).toFixed(0));
   var textLength = (distanceText.length + layer.unit.length) * 18;
   var textangle = angle + 90;
   var textRotation = 1;
@@ -69,35 +66,35 @@ function RulerDist(_ref) {
   }
   if (Math.abs(length - textLength) / 2 <= 16) {
     var dy = textRotation == 0 ? 15 : -15;
-    return /*#__PURE__*/_react["default"].createElement("g", {
+    return /*#__PURE__*/React.createElement("g", {
       transform: transform
-    }, /*#__PURE__*/_react["default"].createElement("g", {
+    }, /*#__PURE__*/React.createElement("g", {
       transform: "translate(0, ".concat(dy, ")")
-    }, /*#__PURE__*/_react["default"].createElement("text", {
+    }, /*#__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((0, _convertUnitsLite.convert)(distanceText).from('in').to(layer.unit) * 100) / 100, layer.unit)), /*#__PURE__*/_react["default"].createElement("circle", {
+    }, 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["default"].createElement("line", {
+    }), /*#__PURE__*/React.createElement("line", {
       x1: "2",
       y1: "0",
       x2: (length - textLength) / 2 < 0 ? 0 : length,
       y2: "0",
       style: STYLE
-    }), /*#__PURE__*/_react["default"].createElement("line", {
+    }), /*#__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["default"].createElement("circle", {
+    }), /*#__PURE__*/React.createElement("circle", {
       cx: length - 1,
       cy: "0",
       fill: "white",
@@ -106,33 +103,33 @@ function RulerDist(_ref) {
       strokeWidth: "0.6"
     }));
   } else {
-    return /*#__PURE__*/_react["default"].createElement("g", {
+    return /*#__PURE__*/React.createElement("g", {
       transform: transform
-    }, /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("text", {
+    }, /*#__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((0, _convertUnitsLite.convert)(distanceText).from('in').to(layer.unit) * 100) / 100, layer.unit)), /*#__PURE__*/_react["default"].createElement("circle", {
+    }, 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["default"].createElement("line", {
+    }), /*#__PURE__*/React.createElement("line", {
       x1: "2",
       y1: "0",
       x2: (length - textLength) / 2 < 0 ? 0 : (length - textLength) / 2,
       y2: "0",
       style: STYLE
-    }), /*#__PURE__*/_react["default"].createElement("line", {
+    }), /*#__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["default"].createElement("circle", {
+    }), /*#__PURE__*/React.createElement("circle", {
       cx: length - 1,
       cy: "0",
       fill: "white",
@@ -143,7 +140,7 @@ function RulerDist(_ref) {
   }
 }
 RulerDist.propTypes = {
-  length: _propTypes["default"].number.isRequired,
-  unit: _propTypes["default"].string.isRequired,
-  transform: _propTypes["default"].string.isRequired
+  length: PropTypes.number.isRequired,
+  unit: PropTypes.string.isRequired,
+  transform: PropTypes.string.isRequired
 };

package/es/components/viewer2d/rulerX.js

@@ -1,22 +1,23 @@
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-exports.__esModule = true;
-exports["default"] = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var SharedStyle = _interopRequireWildcard(require("../../shared-style"));
-var RulerX = exports["default"] = /*#__PURE__*/function (_Component) {
+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) {
-    (0, _classCallCheck2["default"])(this, RulerX);
-    return (0, _callSuper2["default"])(this, RulerX, [props, context]);
+    _classCallCheck(this, RulerX);
+    return _callSuper(this, RulerX, [props, context]);
   }
-  (0, _inherits2["default"])(RulerX, _Component);
-  return (0, _createClass2["default"])(RulerX, [{
+  _inherits(RulerX, _Component);
+  return _createClass(RulerX, [{
     key: "render",
     value: function render() {
       var elementW = this.props.unitPixelSize * this.props.zoom;
@@ -63,20 +64,20 @@ var RulerX = exports["default"] = /*#__PURE__*/function (_Component) {
         gridTemplateRows: '100%',
         grdAutoColumns: "".concat(elementW, "px")
       };
-      var positiveRulerContainer = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, rulerContainer), {}, {
+      var positiveRulerContainer = _objectSpread(_objectSpread({}, rulerContainer), {}, {
         width: this.props.positiveUnitsNumber * elementW,
         left: this.props.zeroLeftPosition
       });
-      var negativeRulerContainer = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, rulerContainer), {}, {
+      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["default"].createElement("div", {
+          positiveDomElements.push(/*#__PURE__*/React.createElement("div", {
             key: x,
-            style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, elementStyle), {}, {
+            style: _objectSpread(_objectSpread({}, elementStyle), {}, {
               gridColumn: x + 1,
               gridRow: 1
             })
@@ -85,51 +86,52 @@ var RulerX = exports["default"] = /*#__PURE__*/function (_Component) {
       } else if (elementW > 200) {
         for (var _x = 0; _x < this.props.positiveUnitsNumber; _x++) {
           var val = _x * 100;
-          positiveDomElements.push(/*#__PURE__*/_react["default"].createElement("div", {
+          positiveDomElements.push(/*#__PURE__*/React.createElement("div", {
             key: _x,
-            style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, elementStyle), {}, {
+            style: _objectSpread(_objectSpread({}, elementStyle), {}, {
               gridColumn: _x + 1,
               gridRow: 1
             })
-          }, /*#__PURE__*/_react["default"].createElement("div", {
+          }, /*#__PURE__*/React.createElement("div", {
             style: insideElementsStyle
-          }, val), /*#__PURE__*/_react["default"].createElement("div", {
+          }, val), /*#__PURE__*/React.createElement("div", {
             style: insideElementsStyle
-          }, val + 1 * 20), /*#__PURE__*/_react["default"].createElement("div", {
+          }, val + 1 * 20), /*#__PURE__*/React.createElement("div", {
             style: insideElementsStyle
-          }, val + 2 * 20), /*#__PURE__*/_react["default"].createElement("div", {
+          }, val + 2 * 20), /*#__PURE__*/React.createElement("div", {
             style: insideElementsStyle
-          }, val + 3 * 20), /*#__PURE__*/_react["default"].createElement("div", {
+          }, val + 3 * 20), /*#__PURE__*/React.createElement("div", {
             style: insideElementsStyle
           }, val + 4 * 20)));
         }
       }
-      return /*#__PURE__*/_react["default"].createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         style: rulerStyle
-      }, /*#__PURE__*/_react["default"].createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         id: "horizontalMarker",
         style: markerStyle
-      }), /*#__PURE__*/_react["default"].createElement("div", {
+      }), /*#__PURE__*/React.createElement("div", {
         id: "negativeRuler",
         style: negativeRulerContainer
-      }), /*#__PURE__*/_react["default"].createElement("div", {
+      }), /*#__PURE__*/React.createElement("div", {
         id: "positiveRuler",
         style: positiveRulerContainer
       }, positiveDomElements));
     }
   }]);
-}(_react.Component);
+}(Component);
+export { RulerX as default };
 RulerX.propTypes = {
-  unitPixelSize: _propTypes["default"].number.isRequired,
-  positiveUnitsNumber: _propTypes["default"].number,
-  negativeUnitsNumber: _propTypes["default"].number,
-  zoom: _propTypes["default"].number.isRequired,
-  mouseX: _propTypes["default"].number.isRequired,
-  width: _propTypes["default"].number.isRequired,
-  zeroLeftPosition: _propTypes["default"].number.isRequired,
-  backgroundColor: _propTypes["default"].string,
-  fontColor: _propTypes["default"].string,
-  markerColor: _propTypes["default"].string
+  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,
@@ -139,5 +141,5 @@ RulerX.defaultProps = {
   markerColor: SharedStyle.SECONDARY_COLOR.main
 };
 RulerX.contextTypes = {
-  translator: _propTypes["default"].object.isRequired
+  translator: PropTypes.object.isRequired
 };

package/es/components/viewer2d/rulerY.js

@@ -1,22 +1,23 @@
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-exports.__esModule = true;
-exports["default"] = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var SharedStyle = _interopRequireWildcard(require("../../shared-style"));
-var RulerY = exports["default"] = /*#__PURE__*/function (_Component) {
+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) {
-    (0, _classCallCheck2["default"])(this, RulerY);
-    return (0, _callSuper2["default"])(this, RulerY, [props, context]);
+    _classCallCheck(this, RulerY);
+    return _callSuper(this, RulerY, [props, context]);
   }
-  (0, _inherits2["default"])(RulerY, _Component);
-  return (0, _createClass2["default"])(RulerY, [{
+  _inherits(RulerY, _Component);
+  return _createClass(RulerY, [{
     key: "render",
     value: function render() {
       var elementH = this.props.unitPixelSize * this.props.zoom;
@@ -67,20 +68,20 @@ var RulerY = exports["default"] = /*#__PURE__*/function (_Component) {
         grdAutoRows: "".concat(elementH, "px"),
         paddingLeft: '5px'
       };
-      var positiveRulerContainer = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, rulerContainer), {}, {
+      var positiveRulerContainer = _objectSpread(_objectSpread({}, rulerContainer), {}, {
         top: this.props.zeroTopPosition - this.props.positiveUnitsNumber * elementH,
         height: this.props.positiveUnitsNumber * elementH
       });
-      var negativeRulerContainer = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, rulerContainer), {}, {
+      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["default"].createElement("div", {
+          positiveDomElements.push(/*#__PURE__*/React.createElement("div", {
             key: x,
-            style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, elementStyle), {}, {
+            style: _objectSpread(_objectSpread({}, elementStyle), {}, {
               gridColumn: 1,
               gridRow: x
             })
@@ -89,49 +90,50 @@ var RulerY = exports["default"] = /*#__PURE__*/function (_Component) {
       } else if (elementH > 200) {
         for (var _x = 1; _x <= this.props.positiveUnitsNumber; _x++) {
           var val = (this.props.positiveUnitsNumber - _x) * 100;
-          positiveDomElements.push(/*#__PURE__*/_react["default"].createElement("div", {
+          positiveDomElements.push(/*#__PURE__*/React.createElement("div", {
             key: _x,
-            style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, elementStyle), {}, {
+            style: _objectSpread(_objectSpread({}, elementStyle), {}, {
               gridColumn: 1,
               gridRow: _x
             })
-          }, /*#__PURE__*/_react["default"].createElement("div", {
+          }, /*#__PURE__*/React.createElement("div", {
             style: insideElementsStyle
-          }, val + 4 * 20), /*#__PURE__*/_react["default"].createElement("div", {
+          }, val + 4 * 20), /*#__PURE__*/React.createElement("div", {
             style: insideElementsStyle
-          }, val + 3 * 20), /*#__PURE__*/_react["default"].createElement("div", {
+          }, val + 3 * 20), /*#__PURE__*/React.createElement("div", {
             style: insideElementsStyle
-          }, val + 2 * 20), /*#__PURE__*/_react["default"].createElement("div", {
+          }, val + 2 * 20), /*#__PURE__*/React.createElement("div", {
             style: insideElementsStyle
-          }, val + 1 * 20), /*#__PURE__*/_react["default"].createElement("div", {
+          }, val + 1 * 20), /*#__PURE__*/React.createElement("div", {
             style: insideElementsStyle
           }, val)));
         }
       }
-      return /*#__PURE__*/_react["default"].createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         style: rulerStyle
-      }, /*#__PURE__*/_react["default"].createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         id: "verticalMarker",
         style: markerStyle
-      }), /*#__PURE__*/_react["default"].createElement("div", {
+      }), /*#__PURE__*/React.createElement("div", {
         id: "negativeRuler",
         style: negativeRulerContainer
-      }), /*#__PURE__*/_react["default"].createElement("div", {
+      }), /*#__PURE__*/React.createElement("div", {
         id: "positiveRuler",
         style: positiveRulerContainer
       }, positiveDomElements));
     }
   }]);
-}(_react.Component);
+}(Component);
+export { RulerY as default };
 RulerY.propTypes = {
-  unitPixelSize: _propTypes["default"].number.isRequired,
-  zoom: _propTypes["default"].number.isRequired,
-  mouseY: _propTypes["default"].number.isRequired,
-  height: _propTypes["default"].number.isRequired,
-  zeroTopPosition: _propTypes["default"].number.isRequired,
-  backgroundColor: _propTypes["default"].string,
-  fontColor: _propTypes["default"].string,
-  markerColor: _propTypes["default"].string
+  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,
@@ -141,5 +143,5 @@ RulerY.defaultProps = {
   markerColor: SharedStyle.SECONDARY_COLOR.main
 };
 RulerY.contextTypes = {
-  translator: _propTypes["default"].object.isRequired
+  translator: PropTypes.object.isRequired
 };