@yorab/react-paint 0.6.5 → 0.6.6

package/dist/utils/file.js

@@ -7,12 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getCanvasImage = exports.getBase64Image = exports.fetchAndStringify = exports.encodeShapesInString = exports.downloadFile = exports.decodeJson = exports.decodeImportedData = void 0;
 
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _fp = _interopRequireDefault(require("lodash/fp"));
 
 var _Shapes = require("../types/Shapes");
@@ -21,22 +15,14 @@ var _data = require("./data");
 
 var _draw = require("./draw");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var fetchAndStringify = function fetchAndStringify(url) {
-  return fetch(url).then(function (response) {
-    return response.blob();
-  }).then(function (myBlob) {
-    return URL.createObjectURL(myBlob);
-  });
+const fetchAndStringify = url => {
+  return fetch(url).then(response => response.blob()).then(myBlob => URL.createObjectURL(myBlob));
 };
 
 exports.fetchAndStringify = fetchAndStringify;
 
-var downloadFile = function downloadFile(content, fileName) {
-  var a = document.createElement('a');
+const downloadFile = (content, fileName) => {
+  const a = document.createElement('a');
   a.href = content;
   a.download = fileName;
   document.body.appendChild(a);
@@ -46,32 +32,32 @@ var downloadFile = function downloadFile(content, fileName) {
 
 exports.downloadFile = downloadFile;
 
-var getBase64Image = function getBase64Image(img) {
-  var canvas = document.createElement('canvas');
+const getBase64Image = img => {
+  const canvas = document.createElement('canvas');
   canvas.width = img.width;
   canvas.height = img.height;
-  var ctx = canvas.getContext('2d');
+  const ctx = canvas.getContext('2d');
   if (!ctx) return '';
   ctx.drawImage(img, 0, 0);
-  var dataURL = canvas.toDataURL('image/png');
+  const dataURL = canvas.toDataURL('image/png');
   return dataURL;
 };
 
 exports.getBase64Image = getBase64Image;
 
-var encodeObjectToString = function encodeObjectToString(objectToEncode) {
+const encodeObjectToString = objectToEncode => {
   return 'data:text/plain;charset=utf-8,' + encodeURIComponent(JSON.stringify(objectToEncode));
 };
 
-var getCanvasImage = function getCanvasImage(shapes, canvasOffset, width, height, selectionPadding) {
-  var newCanvas = document.createElement('canvas');
+const getCanvasImage = (shapes, canvasOffset, width, height, selectionPadding) => {
+  const newCanvas = document.createElement('canvas');
   newCanvas.width = width;
   newCanvas.height = height;
-  var ctx = newCanvas.getContext('2d');
+  const ctx = newCanvas.getContext('2d');
   if (!ctx) return '';
   ctx.clearRect(0, 0, width, height);
 
-  for (var i = shapes.length - 1; i >= 0; i--) {
+  for (let i = shapes.length - 1; i >= 0; i--) {
     (0, _draw.drawShape)(ctx, shapes[i], 1, canvasOffset, selectionPadding);
   }
 
@@ -80,108 +66,72 @@ var getCanvasImage = function getCanvasImage(shapes, canvasOffset, width, height
 
 exports.getCanvasImage = getCanvasImage;
 
-var encodeShapesInString = function encodeShapesInString(shapes, width, height) {
-  var dataToExport = (0, _data.buildDataToExport)(shapes, width, height);
+const encodeShapesInString = (shapes, width, height) => {
+  const dataToExport = (0, _data.buildDataToExport)(shapes, width, height);
   return encodeObjectToString(dataToExport);
 };
 
 exports.encodeShapesInString = encodeShapesInString;
 
-var decodeJson = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(file) {
-    return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            return _context.abrupt("return", new Promise(function (resolve, reject) {
-              var reader = new FileReader();
-
-              reader.onload = function (event) {
-                var _event$target;
-
-                var result = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.result;
-                if (!result) return reject('Impossible de récupérer les données du fichier');
-                var json = JSON.parse(result);
-                resolve(json);
-              };
-
-              reader.readAsText(file);
-            }));
-
-          case 1:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
+const decodeJson = async file => {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
 
-  return function decodeJson(_x) {
-    return _ref.apply(this, arguments);
-  };
-}();
+    reader.onload = event => {
+      var _event$target;
+
+      const result = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.result;
+      if (!result) return reject('Impossible de récupérer les données du fichier');
+      const json = JSON.parse(result);
+      resolve(json);
+    };
+
+    reader.readAsText(file);
+  });
+};
 
 exports.decodeJson = decodeJson;
 
-var decodeImportedData = /*#__PURE__*/function () {
-  var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(shapesForJson) {
-    var promisesArray, jsonShapes, shapes;
-    return _regenerator["default"].wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            promisesArray = [];
-            jsonShapes = shapesForJson.shapes;
-            shapes = _fp["default"].flow(_fp["default"].map(function (shape) {
-              if (!_fp["default"].includes(shape.type, _Shapes.ShapeEnum)) return null;
-
-              if (shape.type === _Shapes.ShapeEnum.picture) {
-                var img = new Image();
-                var newPromise = new Promise(function (resolve, reject) {
-                  img.onload = function () {
-                    resolve();
-                  };
-
-                  img.onerror = function () {
-                    reject(new Error('Some images could not be loaded'));
-                  };
-                });
-                promisesArray.push(newPromise);
-
-                if (shape.src.startsWith('http')) {
-                  fetchAndStringify(shape.src).then(function (picData) {
-                    img.src = picData;
-                  })["catch"](function () {
-                    img.src = ''; // to trigger onerror
-                  });
-                } else {
-                  img.src = shape.src;
-                }
-
-                return (0, _data.addDefaultAndTempShapeProps)(_objectSpread(_objectSpread({}, shape), {}, {
-                  img: img
-                }));
-              }
-
-              return (0, _data.addDefaultAndTempShapeProps)(shape);
-            }), _fp["default"].compact)(jsonShapes);
-            _context2.next = 5;
-            return Promise.all(promisesArray);
-
-          case 5:
-            return _context2.abrupt("return", shapes);
-
-          case 6:
-          case "end":
-            return _context2.stop();
-        }
+const decodeImportedData = async shapesForJson => {
+  const promisesArray = [];
+  const jsonShapes = shapesForJson.shapes;
+
+  const shapes = _fp.default.flow(_fp.default.map(shape => {
+    if (!_fp.default.includes(shape.type, _Shapes.ShapeEnum)) return null;
+
+    if (shape.type === _Shapes.ShapeEnum.picture) {
+      const img = new Image();
+      const newPromise = new Promise((resolve, reject) => {
+        img.onload = () => {
+          resolve();
+        };
+
+        img.onerror = () => {
+          reject(new Error('Some images could not be loaded'));
+        };
+      });
+      promisesArray.push(newPromise);
+
+      if (shape.src.startsWith('http')) {
+        fetchAndStringify(shape.src).then(picData => {
+          img.src = picData;
+        }).catch(() => {
+          img.src = ''; // to trigger onerror
+        });
+      } else {
+        img.src = shape.src;
       }
-    }, _callee2);
-  }));
 
-  return function decodeImportedData(_x2) {
-    return _ref2.apply(this, arguments);
-  };
-}();
+      return (0, _data.addDefaultAndTempShapeProps)({ ...shape,
+        img
+      });
+    }
+
+    return (0, _data.addDefaultAndTempShapeProps)(shape);
+  }), _fp.default.compact)(jsonShapes);
+
+  await Promise.all(promisesArray);
+  return shapes;
+};
 
 exports.decodeImportedData = decodeImportedData;

package/dist/utils/intersect.js

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getSettingsPosition = exports.getPointPositionBeforeCanvasTransformation = exports.getPointPositionAfterCanvasTransformation = exports.getCursorPosition = exports.checkPositionIntersection = exports.applyRotationToVector = void 0;
 
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _shapes = require("../constants/shapes");
 
 var _fp = _interopRequireDefault(require("lodash/fp"));
@@ -19,22 +17,17 @@ var _Shapes = require("../types/Shapes");
 
 var _shapeData = require("./shapeData");
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-var getCursorPosition = function getCursorPosition(e, canvas, givenWidth, givenHeight) {
+const getCursorPosition = function (e, canvas, givenWidth, givenHeight) {
   var _canvas$getBoundingCl;
 
-  var scaleRatio = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
+  let scaleRatio = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
 
-  var _$getOr = _fp["default"].getOr(_fp["default"].getOr(e, 'changedTouches[0]', e), 'touches[0]', e),
-      clientX = _$getOr.clientX,
-      clientY = _$getOr.clientY;
+  const {
+    clientX,
+    clientY
+  } = _fp.default.getOr(_fp.default.getOr(e, 'changedTouches[0]', e), 'touches[0]', e);
 
-  var canvasBoundingRect = (_canvas$getBoundingCl = canvas === null || canvas === void 0 ? void 0 : canvas.getBoundingClientRect()) !== null && _canvas$getBoundingCl !== void 0 ? _canvas$getBoundingCl : {
+  const canvasBoundingRect = (_canvas$getBoundingCl = canvas === null || canvas === void 0 ? void 0 : canvas.getBoundingClientRect()) !== null && _canvas$getBoundingCl !== void 0 ? _canvas$getBoundingCl : {
     left: 0,
     top: 0,
     width: givenWidth,
@@ -45,12 +38,12 @@ var getCursorPosition = function getCursorPosition(e, canvas, givenWidth, givenH
 
 exports.getCursorPosition = getCursorPosition;
 
-var getSettingsPosition = function getSettingsPosition(shape, canvas, givenWidth, givenHeight, selectionPadding) {
+const getSettingsPosition = (shape, canvas, givenWidth, givenHeight, selectionPadding) => {
   var _canvas$getBoundingCl2;
 
-  var shapeInfos = (0, _shapeData.getShapeInfos)(shape, selectionPadding);
-  var positionInCanvas = getPointPositionBeforeCanvasTransformation(shapeInfos.center, [-shape.translation[0], -shape.translation[1]], shape.rotation, shapeInfos.center);
-  var canvasBoundingRect = (_canvas$getBoundingCl2 = canvas === null || canvas === void 0 ? void 0 : canvas.getBoundingClientRect()) !== null && _canvas$getBoundingCl2 !== void 0 ? _canvas$getBoundingCl2 : {
+  const shapeInfos = (0, _shapeData.getShapeInfos)(shape, selectionPadding);
+  const positionInCanvas = getPointPositionBeforeCanvasTransformation(shapeInfos.center, [-shape.translation[0], -shape.translation[1]], shape.rotation, shapeInfos.center);
+  const canvasBoundingRect = (_canvas$getBoundingCl2 = canvas === null || canvas === void 0 ? void 0 : canvas.getBoundingClientRect()) !== null && _canvas$getBoundingCl2 !== void 0 ? _canvas$getBoundingCl2 : {
     left: 0,
     top: 0,
     width: givenWidth,
@@ -61,85 +54,63 @@ var getSettingsPosition = function getSettingsPosition(shape, canvas, givenWidth
 
 exports.getSettingsPosition = getSettingsPosition;
 
-var isPointInsideRect = function isPointInsideRect(rect, point) {
+const isPointInsideRect = (rect, point) => {
   return point[0] >= rect.x && point[0] <= rect.x + rect.width && point[1] >= rect.y && point[1] <= rect.y + rect.height;
 };
 
-var getPointPositionAfterCanvasTransformation = function getPointPositionAfterCanvasTransformation(_ref, _ref2, _ref3, shapeRotation, _ref4) {
-  var _ref5 = (0, _slicedToArray2["default"])(_ref, 2),
-      positionX = _ref5[0],
-      positionY = _ref5[1];
-
-  var _ref6 = (0, _slicedToArray2["default"])(_ref2, 2),
-      canvasOffsetX = _ref6[0],
-      canvasOffsetY = _ref6[1];
-
-  var _ref7 = (0, _slicedToArray2["default"])(_ref3, 2),
-      translationX = _ref7[0],
-      translationY = _ref7[1];
-
-  var _ref8 = (0, _slicedToArray2["default"])(_ref4, 2),
-      centerX = _ref8[0],
-      centerY = _ref8[1];
-
-  var newX = positionX + canvasOffsetX - centerX - translationX;
-  var newY = positionY + canvasOffsetY - centerY - translationY;
-  var rotatedY = newY * Math.cos(shapeRotation) - newX * Math.sin(shapeRotation);
-  var rotatedX = newY * Math.sin(shapeRotation) + newX * Math.cos(shapeRotation);
-  var translatedX = rotatedX + centerX;
-  var translatedY = rotatedY + centerY;
+const getPointPositionAfterCanvasTransformation = (_ref, _ref2, _ref3, shapeRotation, _ref4) => {
+  let [positionX, positionY] = _ref;
+  let [canvasOffsetX, canvasOffsetY] = _ref2;
+  let [translationX, translationY] = _ref3;
+  let [centerX, centerY] = _ref4;
+  const newX = positionX + canvasOffsetX - centerX - translationX;
+  const newY = positionY + canvasOffsetY - centerY - translationY;
+  const rotatedY = newY * Math.cos(shapeRotation) - newX * Math.sin(shapeRotation);
+  const rotatedX = newY * Math.sin(shapeRotation) + newX * Math.cos(shapeRotation);
+  const translatedX = rotatedX + centerX;
+  const translatedY = rotatedY + centerY;
   return [translatedX, translatedY];
 };
 
 exports.getPointPositionAfterCanvasTransformation = getPointPositionAfterCanvasTransformation;
 
-var getPointPositionBeforeCanvasTransformation = function getPointPositionBeforeCanvasTransformation(_ref9, _ref10, shapeRotation, _ref11) {
-  var _ref12 = (0, _slicedToArray2["default"])(_ref9, 2),
-      positionX = _ref12[0],
-      positionY = _ref12[1];
-
-  var _ref13 = (0, _slicedToArray2["default"])(_ref10, 2),
-      translationX = _ref13[0],
-      translationY = _ref13[1];
-
-  var _ref14 = (0, _slicedToArray2["default"])(_ref11, 2),
-      centerX = _ref14[0],
-      centerY = _ref14[1];
-
-  var newX = positionX - centerX;
-  var newY = positionY - centerY;
-  var rotatedY = newY * Math.cos(-shapeRotation) - newX * Math.sin(-shapeRotation);
-  var rotatedX = newY * Math.sin(-shapeRotation) + newX * Math.cos(-shapeRotation);
-  var translatedX = rotatedX + centerX;
-  var translatedY = rotatedY + centerY;
+const getPointPositionBeforeCanvasTransformation = (_ref5, _ref6, shapeRotation, _ref7) => {
+  let [positionX, positionY] = _ref5;
+  let [translationX, translationY] = _ref6;
+  let [centerX, centerY] = _ref7;
+  const newX = positionX - centerX;
+  const newY = positionY - centerY;
+  const rotatedY = newY * Math.cos(-shapeRotation) - newX * Math.sin(-shapeRotation);
+  const rotatedX = newY * Math.sin(-shapeRotation) + newX * Math.cos(-shapeRotation);
+  const translatedX = rotatedX + centerX;
+  const translatedY = rotatedY + centerY;
   return [translatedX - translationX, translatedY - translationY];
 };
 
 exports.getPointPositionBeforeCanvasTransformation = getPointPositionBeforeCanvasTransformation;
 
-var applyRotationToVector = function applyRotationToVector(vector, shapeRotation) {
-  var rotatedY = vector[1] * Math.cos(shapeRotation) - vector[0] * Math.sin(shapeRotation);
-  var rotatedX = vector[1] * Math.sin(shapeRotation) + vector[0] * Math.cos(shapeRotation);
+const applyRotationToVector = (vector, shapeRotation) => {
+  const rotatedY = vector[1] * Math.cos(shapeRotation) - vector[0] * Math.sin(shapeRotation);
+  const rotatedX = vector[1] * Math.sin(shapeRotation) + vector[0] * Math.cos(shapeRotation);
   return [rotatedX, rotatedY];
 };
 
 exports.applyRotationToVector = applyRotationToVector;
 
-var checkPositionIntersection = function checkPositionIntersection(shape, position, canvasOffset, selectionPadding) {
-  var currentScale = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
-  var checkAnchors = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
+const checkPositionIntersection = function (shape, position, canvasOffset, selectionPadding) {
+  let currentScale = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
+  let checkAnchors = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
   if (shape.locked) return false;
-  var scaleWithMinCap = Math.min(1, currentScale);
-
-  var _getShapeInfos = (0, _shapeData.getShapeInfos)(shape, selectionPadding),
-      borders = _getShapeInfos.borders,
-      center = _getShapeInfos.center;
-
-  var newPosition = getPointPositionAfterCanvasTransformation(position, canvasOffset, shape.translation, shape.rotation, center);
+  const scaleWithMinCap = Math.min(1, currentScale);
+  const {
+    borders,
+    center
+  } = (0, _shapeData.getShapeInfos)(shape, selectionPadding);
+  const newPosition = getPointPositionAfterCanvasTransformation(position, canvasOffset, shape.translation, shape.rotation, center);
 
   if (checkAnchors) {
     if (shape.type === _Shapes.ShapeEnum.line || shape.type === _Shapes.ShapeEnum.polygon || shape.type === _Shapes.ShapeEnum.curve) {
-      for (var i = 0; i < shape.points.length; i++) {
+      for (let i = 0; i < shape.points.length; i++) {
         if (isPointInsideRect({
           x: shape.points[i][0] - _shapes.SELECTION_ANCHOR_SIZE / 2 / scaleWithMinCap,
           y: shape.points[i][1] - _shapes.SELECTION_ANCHOR_SIZE / 2 / scaleWithMinCap,
@@ -164,29 +135,18 @@ var checkPositionIntersection = function checkPositionIntersection(shape, positi
         };
       }
 
-      var _iterator = _createForOfIteratorHelper(_shapes.SELECTION_RESIZE_ANCHOR_POSITIONS),
-          _step;
-
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var anchorPosition = _step.value;
-
-          if (isPointInsideRect({
-            x: borders.x + borders.width * anchorPosition[0] - _shapes.SELECTION_ANCHOR_SIZE / 2 / scaleWithMinCap,
-            y: borders.y + borders.height * anchorPosition[1] - _shapes.SELECTION_ANCHOR_SIZE / 2 / scaleWithMinCap,
-            width: _shapes.SELECTION_ANCHOR_SIZE / scaleWithMinCap,
-            height: _shapes.SELECTION_ANCHOR_SIZE / scaleWithMinCap
-          }, newPosition)) {
-            return {
-              mode: _Mode.SelectionModeLib.resize,
-              anchor: anchorPosition
-            };
-          }
+      for (const anchorPosition of _shapes.SELECTION_RESIZE_ANCHOR_POSITIONS) {
+        if (isPointInsideRect({
+          x: borders.x + borders.width * anchorPosition[0] - _shapes.SELECTION_ANCHOR_SIZE / 2 / scaleWithMinCap,
+          y: borders.y + borders.height * anchorPosition[1] - _shapes.SELECTION_ANCHOR_SIZE / 2 / scaleWithMinCap,
+          width: _shapes.SELECTION_ANCHOR_SIZE / scaleWithMinCap,
+          height: _shapes.SELECTION_ANCHOR_SIZE / scaleWithMinCap
+        }, newPosition)) {
+          return {
+            mode: _Mode.SelectionModeLib.resize,
+            anchor: anchorPosition
+          };
         }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
       }
     }
   }

package/dist/utils/selection.js

@@ -15,7 +15,7 @@ var _intersect = require("./intersect");
 
 var _shapeData = require("./shapeData");
 
-var getNewSelectionData = function getNewSelectionData(hoverMode, selectedShape, cursorPosition, selectionPadding) {
+const getNewSelectionData = (hoverMode, selectedShape, cursorPosition, selectionPadding) => {
   if (hoverMode.mode === 'translate') {
     return {
       mode: _Mode.SelectionModeLib.translate,
@@ -23,15 +23,15 @@ var getNewSelectionData = function getNewSelectionData(hoverMode, selectedShape,
       originalShape: selectedShape
     };
   } else if (hoverMode.mode === 'rotate') {
-    var _getShapeInfos = (0, _shapeData.getShapeInfos)(selectedShape, selectionPadding),
-        centerBeforeResize = _getShapeInfos.center;
-
-    var center = [centerBeforeResize[0], centerBeforeResize[1]];
+    const {
+      center: centerBeforeResize
+    } = (0, _shapeData.getShapeInfos)(selectedShape, selectionPadding);
+    const center = [centerBeforeResize[0], centerBeforeResize[1]];
     return {
       mode: _Mode.SelectionModeLib.rotate,
       cursorStartPosition: cursorPosition,
       originalShape: selectedShape,
-      center: center
+      center
     };
   } else if (hoverMode.mode === 'resize') {
     return {
@@ -47,12 +47,12 @@ var getNewSelectionData = function getNewSelectionData(hoverMode, selectedShape,
 
 exports.getNewSelectionData = getNewSelectionData;
 
-var selectShape = function selectShape(shapes, cursorPosition, currentScale, canvasOffset, selectedShape, selectionPadding) {
+const selectShape = (shapes, cursorPosition, currentScale, canvasOffset, selectedShape, selectionPadding) => {
   if (selectedShape) {
-    var positionIntersection = (0, _intersect.checkPositionIntersection)(selectedShape, cursorPosition, canvasOffset, selectionPadding, currentScale, true) || {
-      mode: _Mode.SelectionModeLib["default"]
+    const positionIntersection = (0, _intersect.checkPositionIntersection)(selectedShape, cursorPosition, canvasOffset, selectionPadding, currentScale, true) || {
+      mode: _Mode.SelectionModeLib.default
     };
-    var newSelectionMode = getNewSelectionData(positionIntersection, selectedShape, cursorPosition, selectionPadding);
+    const newSelectionMode = getNewSelectionData(positionIntersection, selectedShape, cursorPosition, selectionPadding);
 
     if ((newSelectionMode === null || newSelectionMode === void 0 ? void 0 : newSelectionMode.mode) === _Mode.SelectionModeLib.resize || (newSelectionMode === null || newSelectionMode === void 0 ? void 0 : newSelectionMode.mode) === _Mode.SelectionModeLib.rotate) {
       return {
@@ -62,7 +62,7 @@ var selectShape = function selectShape(shapes, cursorPosition, currentScale, can
     }
   }
 
-  var foundShape = _fp["default"].find(function (shape) {
+  const foundShape = _fp.default.find(shape => {
     return !!(0, _intersect.checkPositionIntersection)(shape, cursorPosition, canvasOffset, selectionPadding, currentScale, false);
   }, shapes);
 
@@ -79,7 +79,7 @@ var selectShape = function selectShape(shapes, cursorPosition, currentScale, can
     return {
       shape: undefined,
       mode: {
-        mode: _Mode.SelectionModeLib["default"]
+        mode: _Mode.SelectionModeLib.default
       }
     };
   }