kitchen-simulator 1.1.1-test.61 → 1.1.1-test.63

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

@@ -1,38 +1,29 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _react = _interopRequireWildcard(require("react"));
-var _constants = require("../../constants");
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 var _excluded = ["style"];
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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) { (0, _defineProperty2["default"])(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 = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+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 { BG_COLOR_0, DEFAULT_FONT_FAMILY, PROJECT_NAME_LENGTH_LIMIT, SECONDARY_PURPLE_COLOR, TEXT_COLOR_NEUTRAL_3 } from "../../constants";
 var styles = {
   input: {
     display: 'block',
     padding: '15px 10px 12px 0px',
     width: 120,
-    fontFamily: _constants.DEFAULT_FONT_FAMILY,
+    fontFamily: DEFAULT_FONT_FAMILY,
     fontSize: 12,
     fontWeight: 600,
     lineHeight: '17px',
-    color: _constants.TEXT_COLOR_NEUTRAL_3,
-    backgroundColor: _constants.BG_COLOR_0,
+    color: TEXT_COLOR_NEUTRAL_3,
+    backgroundColor: BG_COLOR_0,
     border: '2px solid',
     textAlign: 'right',
     "float": 'right',
@@ -41,19 +32,19 @@ var styles = {
     transition: 'border-color 0.2s'
   }
 };
-var FormTextInput = exports["default"] = /*#__PURE__*/function (_Component) {
+var FormTextInput = /*#__PURE__*/function (_Component) {
   function FormTextInput(props) {
     var _this;
-    (0, _classCallCheck2["default"])(this, FormTextInput);
+    _classCallCheck(this, FormTextInput);
     _this = _callSuper(this, FormTextInput, [props]);
     _this.state = {
       focus: false
     };
-    _this.input = /*#__PURE__*/_react["default"].createRef(null);
+    _this.input = /*#__PURE__*/React.createRef(null);
     return _this;
   }
-  (0, _inherits2["default"])(FormTextInput, _Component);
-  return (0, _createClass2["default"])(FormTextInput, [{
+  _inherits(FormTextInput, _Component);
+  return _createClass(FormTextInput, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.input.current) {
@@ -66,12 +57,12 @@ var FormTextInput = exports["default"] = /*#__PURE__*/function (_Component) {
       var _this2 = this;
       var _this$props = this.props,
         style = _this$props.style,
-        rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
+        rest = _objectWithoutProperties(_this$props, _excluded);
       var focus = this.state.focus;
       var inputStyle = _objectSpread(_objectSpread({}, styles.input), {}, {
-        borderColor: focus ? _constants.SECONDARY_PURPLE_COLOR : undefined
+        borderColor: focus ? SECONDARY_PURPLE_COLOR : undefined
       }, style);
-      return /*#__PURE__*/_react["default"].createElement("input", (0, _extends2["default"])({
+      return /*#__PURE__*/React.createElement("input", _extends({
         ref: this.input,
         onFocus: function onFocus() {
           return _this2.setState({
@@ -86,11 +77,12 @@ var FormTextInput = exports["default"] = /*#__PURE__*/function (_Component) {
         style: inputStyle,
         type: "text"
       }, rest, {
-        maxLength: _constants.PROJECT_NAME_LENGTH_LIMIT
+        maxLength: PROJECT_NAME_LENGTH_LIMIT
       }));
     }
   }]);
-}(_react.Component);
+}(Component);
+export { FormTextInput as default };
 FormTextInput.defaultProps = {
   style: {}
 };

package/es/components/viewer2d/area.js

@@ -1,17 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = Area;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _polylabel = _interopRequireDefault(require("polylabel"));
-var _convertUnitsLite = require("../../utils/convert-units-lite");
-var _math = require("../../utils/math");
-var _constants = require("../../constants");
-var _utils = require("./utils");
+import React from 'react';
+import PropTypes from 'prop-types';
+import polylabel from 'polylabel';
+import { convert } from "../../utils/convert-units-lite";
+import { formatNumber } from "../../utils/math";
+import { DECIMAL_PLACES_2 } from "../../constants";
+import { areaPolygon } from "./utils";
 var STYLE_TEXT = {
   textAnchor: 'middle',
   fontSize: '12px',
@@ -25,7 +18,7 @@ var STYLE_TEXT = {
   MsUserSelect: 'none' /* Internet Explorer/Edge */,
   userSelect: 'none'
 };
-function Area(_ref) {
+export default function Area(_ref) {
   var layer = _ref.layer,
     area = _ref.area,
     catalog = _ref.catalog;
@@ -50,8 +43,8 @@ function Area(_ref) {
       });
       polygonWithHoles = polygonWithHoles.concat(polygonHole.reverse());
     });
-    var center = (0, _polylabel["default"])([polygonWithHoles], 1.0);
-    var areaSize = (0, _utils.areaPolygon)(polygon, false);
+    var center = polylabel([polygonWithHoles], 1.0);
+    var areaSize = areaPolygon(polygon, false);
     //subtract holes area
     area.holes.forEach(function (areaID) {
       var hole = layer.areas.get(areaID);
@@ -61,16 +54,16 @@ function Area(_ref) {
           y = _layer$vertices$get3.y;
         return [x, y];
       });
-      areaSize -= (0, _utils.areaPolygon)(holePolygon, false);
+      areaSize -= areaPolygon(holePolygon, false);
     });
-    renderedAreaSize = /*#__PURE__*/_react["default"].createElement("text", {
+    renderedAreaSize = /*#__PURE__*/React.createElement("text", {
       x: "0",
       y: "0",
       transform: "translate(".concat(center[0], " ").concat(center[1], ") scale(1, -1)"),
       style: STYLE_TEXT
-    }, (0, _math.formatNumber)((0, _convertUnitsLite.convert)(areaSize).from('cm2').to('ft2'), _constants.DECIMAL_PLACES_2), ' ', "ft", String.fromCharCode(0xb2));
+    }, formatNumber(convert(areaSize).from('cm2').to('ft2'), DECIMAL_PLACES_2), ' ', "ft", String.fromCharCode(0xb2));
   }
-  return /*#__PURE__*/_react["default"].createElement("g", {
+  return /*#__PURE__*/React.createElement("g", {
     "data-element-root": true,
     "data-prototype": area.prototype,
     "data-id": area.id,
@@ -82,7 +75,7 @@ function Area(_ref) {
   }, rendered, renderedAreaSize);
 }
 Area.propTypes = {
-  area: _propTypes["default"].object.isRequired,
-  layer: _propTypes["default"].object.isRequired,
-  catalog: _propTypes["default"].object.isRequired
+  area: PropTypes.object.isRequired,
+  layer: PropTypes.object.isRequired,
+  catalog: PropTypes.object.isRequired
 };

package/es/components/viewer2d/export.js

@@ -1,121 +1,31 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Area", {
-  enumerable: true,
-  get: function get() {
-    return _area["default"];
-  }
-});
-Object.defineProperty(exports, "Grids", {
-  enumerable: true,
-  get: function get() {
-    return _grids["default"];
-  }
-});
-Object.defineProperty(exports, "Group", {
-  enumerable: true,
-  get: function get() {
-    return _group["default"];
-  }
-});
-Object.defineProperty(exports, "Item", {
-  enumerable: true,
-  get: function get() {
-    return _item["default"];
-  }
-});
-Object.defineProperty(exports, "Layer", {
-  enumerable: true,
-  get: function get() {
-    return _layer["default"];
-  }
-});
-Object.defineProperty(exports, "Line", {
-  enumerable: true,
-  get: function get() {
-    return _line["default"];
-  }
-});
-Object.defineProperty(exports, "Ruler", {
-  enumerable: true,
-  get: function get() {
-    return _ruler["default"];
-  }
-});
-Object.defineProperty(exports, "RulerX", {
-  enumerable: true,
-  get: function get() {
-    return _rulerX["default"];
-  }
-});
-Object.defineProperty(exports, "RulerY", {
-  enumerable: true,
-  get: function get() {
-    return _rulerY["default"];
-  }
-});
-Object.defineProperty(exports, "Scene", {
-  enumerable: true,
-  get: function get() {
-    return _scene["default"];
-  }
-});
-Object.defineProperty(exports, "Snap", {
-  enumerable: true,
-  get: function get() {
-    return _snap["default"];
-  }
-});
-Object.defineProperty(exports, "State", {
-  enumerable: true,
-  get: function get() {
-    return _state["default"];
-  }
-});
-Object.defineProperty(exports, "Vertex", {
-  enumerable: true,
-  get: function get() {
-    return _vertex["default"];
-  }
-});
-Object.defineProperty(exports, "Viewer2D", {
-  enumerable: true,
-  get: function get() {
-    return _viewer2d["default"];
-  }
-});
-exports["default"] = void 0;
-var _viewer2d = _interopRequireDefault(require("./viewer2d"));
-var _vertex = _interopRequireDefault(require("./vertex"));
-var _state = _interopRequireDefault(require("./state"));
-var _snap = _interopRequireDefault(require("./snap"));
-var _scene = _interopRequireDefault(require("./scene"));
-var _ruler = _interopRequireDefault(require("./ruler"));
-var _line = _interopRequireDefault(require("./line"));
-var _layer = _interopRequireDefault(require("./layer"));
-var _item = _interopRequireDefault(require("./item"));
-var _area = _interopRequireDefault(require("./area"));
-var _grids = _interopRequireDefault(require("./grids/grids"));
-var _group = _interopRequireDefault(require("./group"));
-var _rulerX = _interopRequireDefault(require("./rulerX"));
-var _rulerY = _interopRequireDefault(require("./rulerY"));
-var _default = exports["default"] = {
-  Viewer2D: _viewer2d["default"],
-  Vertex: _vertex["default"],
-  State: _state["default"],
-  Snap: _snap["default"],
-  Scene: _scene["default"],
-  Ruler: _ruler["default"],
-  Line: _line["default"],
-  Layer: _layer["default"],
-  Item: _item["default"],
-  Area: _area["default"],
-  Grids: _grids["default"],
-  Group: _group["default"],
-  RulerX: _rulerX["default"],
-  RulerY: _rulerY["default"]
+import Viewer2D from "./viewer2d";
+import Vertex from "./vertex";
+import State from "./state";
+import Snap from "./snap";
+import Scene from "./scene";
+import Ruler from "./ruler";
+import Line from "./line";
+import Layer from "./layer";
+import Item from "./item";
+import Area from "./area";
+import Grids from "./grids/grids";
+import Group from "./group";
+import RulerX from "./rulerX";
+import RulerY from "./rulerY";
+export { Viewer2D, Vertex, State, Snap, Scene, Ruler, Line, Layer, Item, Area, Grids, Group, RulerX, RulerY };
+export default {
+  Viewer2D: Viewer2D,
+  Vertex: Vertex,
+  State: State,
+  Snap: Snap,
+  Scene: Scene,
+  Ruler: Ruler,
+  Line: Line,
+  Layer: Layer,
+  Item: Item,
+  Area: Area,
+  Grids: Grids,
+  Group: Group,
+  RulerX: RulerX,
+  RulerY: RulerY
 };

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

@@ -1,21 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = GridHorizontalStreak;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _immutable = require("immutable");
-function GridHorizontalStreak(_ref) {
+import React from 'react';
+import PropTypes from 'prop-types';
+import { List } from 'immutable';
+export default function GridHorizontalStreak(_ref) {
   var width = _ref.width,
     height = _ref.height,
     grid = _ref.grid;
   var step = grid.properties.get('step');
   var colors;
   if (grid.properties.has('color')) {
-    colors = new _immutable.List([grid.properties.get('color')]);
+    colors = new List([grid.properties.get('color')]);
   } else {
     colors = grid.properties.get('colors');
   }
@@ -24,7 +17,7 @@ function GridHorizontalStreak(_ref) {
   for (var y = 0; y <= height; y += step) {
     var color = colors.get(i % colors.size);
     i++;
-    rendered.push(/*#__PURE__*/_react["default"].createElement("line", {
+    rendered.push(/*#__PURE__*/React.createElement("line", {
       key: y,
       x1: "0",
       y1: y,
@@ -34,10 +27,10 @@ function GridHorizontalStreak(_ref) {
       stroke: color
     }));
   }
-  return /*#__PURE__*/_react["default"].createElement("g", null, rendered);
+  return /*#__PURE__*/React.createElement("g", null, rendered);
 }
 GridHorizontalStreak.propTypes = {
-  width: _propTypes["default"].number.isRequired,
-  height: _propTypes["default"].number.isRequired,
-  grid: _propTypes["default"].object.isRequired
+  width: PropTypes.number.isRequired,
+  height: PropTypes.number.isRequired,
+  grid: PropTypes.object.isRequired
 };

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

@@ -1,21 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = GridStreak;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _immutable = require("immutable");
-function GridStreak(_ref) {
+import React from 'react';
+import PropTypes from 'prop-types';
+import { List } from 'immutable';
+export default function GridStreak(_ref) {
   var width = _ref.width,
     height = _ref.height,
     grid = _ref.grid;
   var step = grid.properties.get('step');
   var colors;
   if (grid.properties.has('color')) {
-    colors = new _immutable.List([grid.properties.get('color')]);
+    colors = new List([grid.properties.get('color')]);
   } else {
     colors = grid.properties.get('colors');
   }
@@ -25,7 +18,7 @@ function GridStreak(_ref) {
     for (var x = 0; x <= width; x += step) {
       var color = colors.get(i % colors.size);
       i++;
-      rendered.push(/*#__PURE__*/_react["default"].createElement("circle", {
+      rendered.push(/*#__PURE__*/React.createElement("circle", {
         key: i,
         cx: x,
         cy: y,
@@ -34,10 +27,10 @@ function GridStreak(_ref) {
       }));
     }
   }
-  return /*#__PURE__*/_react["default"].createElement("g", null, rendered);
+  return /*#__PURE__*/React.createElement("g", null, rendered);
 }
 GridStreak.propTypes = {
-  width: _propTypes["default"].number.isRequired,
-  height: _propTypes["default"].number.isRequired,
-  grid: _propTypes["default"].object.isRequired
+  width: PropTypes.number.isRequired,
+  height: PropTypes.number.isRequired,
+  grid: PropTypes.object.isRequired
 };

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

@@ -1,21 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = GridVerticalStreak;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _immutable = require("immutable");
-function GridVerticalStreak(_ref) {
+import React from 'react';
+import PropTypes from 'prop-types';
+import { List } from 'immutable';
+export default function GridVerticalStreak(_ref) {
   var width = _ref.width,
     height = _ref.height,
     grid = _ref.grid;
   var step = grid.properties.get('step');
   var colors;
   if (grid.properties.has('color')) {
-    colors = new _immutable.List([grid.properties.get('color')]);
+    colors = new List([grid.properties.get('color')]);
   } else {
     colors = grid.properties.get('colors');
   }
@@ -24,7 +17,7 @@ function GridVerticalStreak(_ref) {
   for (var x = 0; x <= width; x += step) {
     var color = colors.get(i % colors.size);
     i++;
-    rendered.push(/*#__PURE__*/_react["default"].createElement("line", {
+    rendered.push(/*#__PURE__*/React.createElement("line", {
       key: x,
       x1: x,
       y1: "0",
@@ -34,10 +27,10 @@ function GridVerticalStreak(_ref) {
       stroke: color
     }));
   }
-  return /*#__PURE__*/_react["default"].createElement("g", null, rendered);
+  return /*#__PURE__*/React.createElement("g", null, rendered);
 }
 GridVerticalStreak.propTypes = {
-  width: _propTypes["default"].number.isRequired,
-  height: _propTypes["default"].number.isRequired,
-  grid: _propTypes["default"].object.isRequired
+  width: PropTypes.number.isRequired,
+  height: PropTypes.number.isRequired,
+  grid: PropTypes.object.isRequired
 };

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

@@ -1,16 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _gridStreak = _interopRequireDefault(require("./grid-streak"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { memo } from 'react';
+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;
 };
@@ -20,20 +11,20 @@ var drawGrid = function drawGrid(_ref) {
     height = scene.height,
     grids = scene.grids;
   var renderedGrids = grids.entrySeq().map(function (_ref2) {
-    var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
+    var _ref3 = _slicedToArray(_ref2, 2),
       gridID = _ref3[0],
       grid = _ref3[1];
-    return /*#__PURE__*/_react["default"].createElement(_gridStreak["default"], {
+    return /*#__PURE__*/React.createElement(GridStreak, {
       key: gridID,
       width: width,
       height: height,
       grid: grid
     });
   }).toList();
-  return /*#__PURE__*/_react["default"].createElement("g", null, renderedGrids);
+  return /*#__PURE__*/React.createElement("g", null, renderedGrids);
 };
-var Grids = /*#__PURE__*/(0, _react.memo)(drawGrid, propsAreEqual);
+var Grids = /*#__PURE__*/memo(drawGrid, propsAreEqual);
 Grids.propTypes = {
-  scene: _propTypes["default"].object.isRequired
+  scene: PropTypes.object.isRequired
 };
-var _default = exports["default"] = Grids;
+export default Grids;

package/es/components/viewer2d/group.js

@@ -1,16 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = Group;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _reactIf = _interopRequireDefault(require("../../utils/react-if"));
-var sharedStyles = _interopRequireWildcard(require("../../shared-style"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+import React from 'react';
+import PropTypes from 'prop-types';
+import If from "../../utils/react-if";
+import * as sharedStyles from "../../shared-style";
 var cx = 0;
 var cy = 0;
 var radius = 5;
@@ -19,13 +10,13 @@ var STYLE_CIRCLE = {
   stroke: sharedStyles.MATERIAL_COLORS[500].orange,
   cursor: 'default'
 };
-function Group(_ref, _ref2) {
+export default function Group(_ref, _ref2) {
   var layer = _ref.layer,
     group = _ref.group,
     scene = _ref.scene,
     catalog = _ref.catalog;
   var translator = _ref2.translator;
-  return /*#__PURE__*/_react["default"].createElement("g", {
+  return /*#__PURE__*/React.createElement("g", {
     "data-element-root": true,
     "data-prototype": group.prototype,
     "data-id": group.id,
@@ -35,28 +26,28 @@ function Group(_ref, _ref2) {
       cursor: 'move'
     } : {},
     transform: "translate(".concat(group.x, ",").concat(group.y, ") rotate(").concat(group.rotation, ")")
-  }, /*#__PURE__*/_react["default"].createElement(_reactIf["default"], {
+  }, /*#__PURE__*/React.createElement(If, {
     condition: group.selected
-  }, /*#__PURE__*/_react["default"].createElement("g", {
+  }, /*#__PURE__*/React.createElement("g", {
     "data-element-root": true,
     "data-prototype": group.prototype,
     "data-id": group.id,
     "data-selected": group.selected,
     "data-layer": layer.id,
     "data-part": "rotation-anchor"
-  }, /*#__PURE__*/_react["default"].createElement("circle", {
+  }, /*#__PURE__*/React.createElement("circle", {
     cx: cx,
     cy: cy,
     r: radius,
     style: STYLE_CIRCLE
-  }, /*#__PURE__*/_react["default"].createElement("title", null, translator.t("Group's Barycenter"))))));
+  }, /*#__PURE__*/React.createElement("title", null, translator.t("Group's Barycenter"))))));
 }
 Group.propTypes = {
-  group: _propTypes["default"].object.isRequired,
-  layer: _propTypes["default"].object.isRequired,
-  scene: _propTypes["default"].object.isRequired,
-  catalog: _propTypes["default"].object.isRequired
+  group: PropTypes.object.isRequired,
+  layer: PropTypes.object.isRequired,
+  scene: PropTypes.object.isRequired,
+  catalog: PropTypes.object.isRequired
 };
 Group.contextTypes = {
-  translator: _propTypes["default"].object.isRequired
+  translator: PropTypes.object.isRequired
 };