@yorab/react-paint 0.6.5 → 0.6.6

package/dist/types/Mode.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SelectionModeLib = void 0;
-var SelectionModeLib;
+let SelectionModeLib;
 exports.SelectionModeLib = SelectionModeLib;
 
 (function (SelectionModeLib) {

package/dist/types/Shapes.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ShapeEnum = void 0;
-var ShapeEnum;
+let ShapeEnum;
 exports.ShapeEnum = ShapeEnum;
 
 (function (ShapeEnum) {

package/dist/types/keyboard.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.KeyboardCommand = exports.KeyboardCode = void 0;
-var KeyboardCode;
+let KeyboardCode;
 exports.KeyboardCode = KeyboardCode;
 
 (function (KeyboardCode) {
@@ -19,7 +19,7 @@ exports.KeyboardCode = KeyboardCode;
   KeyboardCode["Y"] = "y";
 })(KeyboardCode || (exports.KeyboardCode = KeyboardCode = {}));
 
-var KeyboardCommand;
+let KeyboardCommand;
 exports.KeyboardCommand = KeyboardCommand;
 
 (function (KeyboardCommand) {

package/dist/types/tools.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ActionsEnum = void 0;
 // default
-var ActionsEnum;
+let ActionsEnum;
 exports.ActionsEnum = ActionsEnum;
 
 (function (ActionsEnum) {

package/dist/utils/data.js

@@ -7,10 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.roundValues = exports.createShape = exports.createPicture = exports.copyShape = exports.cleanShapesBeforeExport = exports.buildDataToExport = exports.addDefaultAndTempShapeProps = void 0;
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _fp = _interopRequireDefault(require("lodash/fp"));
 
 var _transform = require("./transform");
@@ -21,55 +17,47 @@ var _file = require("./file");
 
 var _tools = require("../constants/tools");
 
-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 createPicture = function createPicture(fileOrUrl, maxPictureWidth, maxPictureHeight) {
-  return new Promise(function (resolve, reject) {
-    var img = new Image();
-
-    img.onload = function () {
-      var _fitContentInsideCont = (0, _transform.fitContentInsideContainer)(img.width, img.height, maxPictureWidth, maxPictureHeight, true),
-          _fitContentInsideCont2 = (0, _slicedToArray2["default"])(_fitContentInsideCont, 2),
-          width = _fitContentInsideCont2[0],
-          height = _fitContentInsideCont2[1];
+const createPicture = (fileOrUrl, maxPictureWidth, maxPictureHeight) => {
+  return new Promise((resolve, reject) => {
+    const img = new Image();
 
-      var pictureShape = {
+    img.onload = () => {
+      const [width, height] = (0, _transform.fitContentInsideContainer)(img.width, img.height, maxPictureWidth, maxPictureHeight, true);
+      const pictureShape = {
         toolId: _tools.DEFAULT_SHAPE_PICTURE.id,
         type: _Shapes.ShapeEnum.picture,
-        id: _fp["default"].uniqueId("".concat(_Shapes.ShapeEnum.picture, "_")),
+        id: _fp.default.uniqueId("".concat(_Shapes.ShapeEnum.picture, "_")),
         x: (maxPictureWidth - width) / 2,
         y: (maxPictureHeight - height) / 2,
-        width: width,
-        height: height,
+        width,
+        height,
         src: fileOrUrl instanceof File ? img.src : fileOrUrl,
-        img: img,
+        img,
         translation: [0, 0],
         rotation: 0
       };
       resolve(pictureShape);
     };
 
-    img.onerror = function () {
+    img.onerror = () => {
       reject(new Error('Some images could not be loaded'));
     };
 
     if (fileOrUrl instanceof File) {
       img.src = URL.createObjectURL(fileOrUrl);
     } else {
-      (0, _file.fetchAndStringify)(fileOrUrl).then(function (picData) {
+      (0, _file.fetchAndStringify)(fileOrUrl).then(picData => {
         img.src = picData;
-      })["catch"](function () {
+      }).catch(() => {
         img.src = ''; // to trigger onerror
       });
     }
 
-    img.onerror = function () {
+    img.onerror = () => {
       reject(new Error('Error while loading the src'));
     };
 
-    setTimeout(function () {
+    setTimeout(() => {
       reject(new Error('Timeout while loading the src'));
     }, 4000);
   });
@@ -77,7 +65,7 @@ var createPicture = function createPicture(fileOrUrl, maxPictureWidth, maxPictur
 
 exports.createPicture = createPicture;
 
-var createShape = function createShape(ctx, shape, cursorPosition) {
+const createShape = (ctx, shape, cursorPosition) => {
   var _shape$settings$fontB, _shape$settings, _shape$settings$fontI, _shape$settings2;
 
   switch (shape.type) {
@@ -86,15 +74,15 @@ var createShape = function createShape(ctx, shape, cursorPosition) {
       return {
         toolId: shape.id,
         type: _Shapes.ShapeEnum.brush,
-        id: _fp["default"].uniqueId("".concat(shape.type, "_")),
+        id: _fp.default.uniqueId("".concat(shape.type, "_")),
         points: [[cursorPosition]],
         translation: [0, 0],
         rotation: 0,
         style: {
-          globalAlpha: shape.settings.opacity["default"],
-          strokeColor: shape.settings.strokeColor["default"],
-          lineWidth: shape.settings.lineWidth["default"],
-          lineDash: shape.settings.lineDash["default"]
+          globalAlpha: shape.settings.opacity.default,
+          strokeColor: shape.settings.strokeColor.default,
+          lineWidth: shape.settings.lineWidth.default,
+          lineDash: shape.settings.lineDash.default
         }
       };
 
@@ -102,16 +90,16 @@ var createShape = function createShape(ctx, shape, cursorPosition) {
       return {
         toolId: shape.id,
         type: _Shapes.ShapeEnum.line,
-        id: _fp["default"].uniqueId("".concat(shape.type, "_")),
+        id: _fp.default.uniqueId("".concat(shape.type, "_")),
         points: [cursorPosition, cursorPosition],
         translation: [0, 0],
         rotation: 0,
         style: {
-          globalAlpha: shape.settings.opacity["default"],
-          strokeColor: shape.settings.strokeColor["default"],
-          lineWidth: shape.settings.lineWidth["default"],
-          lineDash: shape.settings.lineDash["default"],
-          lineArrow: shape.settings.lineArrow["default"]
+          globalAlpha: shape.settings.opacity.default,
+          strokeColor: shape.settings.strokeColor.default,
+          lineWidth: shape.settings.lineWidth.default,
+          lineDash: shape.settings.lineDash.default,
+          lineArrow: shape.settings.lineArrow.default
         }
       };
 
@@ -119,19 +107,17 @@ var createShape = function createShape(ctx, shape, cursorPosition) {
       return {
         toolId: shape.id,
         type: _Shapes.ShapeEnum.polygon,
-        id: _fp["default"].uniqueId("".concat(shape.type, "_")),
-        points: _fp["default"].flow(_fp["default"].range(0), _fp["default"].map(function () {
-          return cursorPosition;
-        }))(shape.settings.pointsCount["default"]),
+        id: _fp.default.uniqueId("".concat(shape.type, "_")),
+        points: _fp.default.flow(_fp.default.range(0), _fp.default.map(() => cursorPosition))(shape.settings.pointsCount.default),
         translation: [0, 0],
         rotation: 0,
         style: {
-          globalAlpha: shape.settings.opacity["default"],
-          fillColor: shape.settings.fillColor["default"],
-          strokeColor: shape.settings.strokeColor["default"],
-          lineWidth: shape.settings.lineWidth["default"],
-          lineDash: shape.settings.lineDash["default"],
-          pointsCount: shape.settings.pointsCount["default"]
+          globalAlpha: shape.settings.opacity.default,
+          fillColor: shape.settings.fillColor.default,
+          strokeColor: shape.settings.strokeColor.default,
+          lineWidth: shape.settings.lineWidth.default,
+          lineDash: shape.settings.lineDash.default,
+          pointsCount: shape.settings.pointsCount.default
         }
       };
 
@@ -139,19 +125,17 @@ var createShape = function createShape(ctx, shape, cursorPosition) {
       return {
         toolId: shape.id,
         type: _Shapes.ShapeEnum.curve,
-        id: _fp["default"].uniqueId("".concat(shape.type, "_")),
-        points: _fp["default"].flow(_fp["default"].range(0), _fp["default"].map(function () {
-          return cursorPosition;
-        }))(shape.settings.pointsCount["default"]),
+        id: _fp.default.uniqueId("".concat(shape.type, "_")),
+        points: _fp.default.flow(_fp.default.range(0), _fp.default.map(() => cursorPosition))(shape.settings.pointsCount.default),
         translation: [0, 0],
         rotation: 0,
         style: {
-          globalAlpha: shape.settings.opacity["default"],
-          fillColor: shape.settings.fillColor["default"],
-          strokeColor: shape.settings.strokeColor["default"],
-          lineWidth: shape.settings.lineWidth["default"],
-          lineDash: shape.settings.lineDash["default"],
-          pointsCount: shape.settings.pointsCount["default"]
+          globalAlpha: shape.settings.opacity.default,
+          fillColor: shape.settings.fillColor.default,
+          strokeColor: shape.settings.strokeColor.default,
+          lineWidth: shape.settings.lineWidth.default,
+          lineDash: shape.settings.lineDash.default,
+          pointsCount: shape.settings.pointsCount.default
         }
       };
 
@@ -160,7 +144,7 @@ var createShape = function createShape(ctx, shape, cursorPosition) {
       return {
         toolId: shape.id,
         type: shape.type,
-        id: _fp["default"].uniqueId("".concat(shape.type, "_")),
+        id: _fp.default.uniqueId("".concat(shape.type, "_")),
         x: cursorPosition[0],
         y: cursorPosition[1],
         width: 1,
@@ -168,33 +152,33 @@ var createShape = function createShape(ctx, shape, cursorPosition) {
         translation: [0, 0],
         rotation: 0,
         style: {
-          globalAlpha: shape.settings.opacity["default"],
-          fillColor: shape.settings.fillColor["default"],
-          strokeColor: shape.settings.strokeColor["default"],
-          lineWidth: shape.settings.lineWidth["default"],
-          lineDash: shape.settings.lineDash["default"]
+          globalAlpha: shape.settings.opacity.default,
+          fillColor: shape.settings.fillColor.default,
+          strokeColor: shape.settings.strokeColor.default,
+          lineWidth: shape.settings.lineWidth.default,
+          lineDash: shape.settings.lineDash.default
         }
       };
 
     case _Shapes.ShapeEnum.text:
-      var defaultValue = ['Texte'];
-      var fontSize = (0, _transform.calculateTextFontSize)(ctx, defaultValue, 50, (_shape$settings$fontB = (_shape$settings = shape.settings) === null || _shape$settings === void 0 ? void 0 : _shape$settings.fontBold["default"]) !== null && _shape$settings$fontB !== void 0 ? _shape$settings$fontB : false, (_shape$settings$fontI = (_shape$settings2 = shape.settings) === null || _shape$settings2 === void 0 ? void 0 : _shape$settings2.fontItalic["default"]) !== null && _shape$settings$fontI !== void 0 ? _shape$settings$fontI : false, shape.settings.fontFamily["default"]);
+      const defaultValue = ['Texte'];
+      const fontSize = (0, _transform.calculateTextFontSize)(ctx, defaultValue, 50, (_shape$settings$fontB = (_shape$settings = shape.settings) === null || _shape$settings === void 0 ? void 0 : _shape$settings.fontBold.default) !== null && _shape$settings$fontB !== void 0 ? _shape$settings$fontB : false, (_shape$settings$fontI = (_shape$settings2 = shape.settings) === null || _shape$settings2 === void 0 ? void 0 : _shape$settings2.fontItalic.default) !== null && _shape$settings$fontI !== void 0 ? _shape$settings$fontI : false, shape.settings.fontFamily.default);
       return {
         toolId: shape.id,
         type: _Shapes.ShapeEnum.text,
-        id: _fp["default"].uniqueId("".concat(shape.type, "_")),
+        id: _fp.default.uniqueId("".concat(shape.type, "_")),
         x: cursorPosition[0],
         y: cursorPosition[1],
         value: defaultValue,
-        fontSize: fontSize,
+        fontSize,
         width: 50,
         height: fontSize * (defaultValue.length || 1),
         translation: [0, 0],
         rotation: 0,
         style: {
-          globalAlpha: shape.settings.opacity["default"],
-          strokeColor: shape.settings.strokeColor["default"],
-          fontFamily: shape.settings.fontFamily["default"]
+          globalAlpha: shape.settings.opacity.default,
+          strokeColor: shape.settings.strokeColor.default,
+          fontFamily: shape.settings.fontFamily.default
         }
       };
 
@@ -202,7 +186,7 @@ var createShape = function createShape(ctx, shape, cursorPosition) {
       return {
         toolId: shape.id,
         type: _Shapes.ShapeEnum.ellipse,
-        id: _fp["default"].uniqueId("".concat(shape.type, "_")),
+        id: _fp.default.uniqueId("".concat(shape.type, "_")),
         x: cursorPosition[0],
         y: cursorPosition[1],
         radiusX: 0,
@@ -210,11 +194,11 @@ var createShape = function createShape(ctx, shape, cursorPosition) {
         translation: [0, 0],
         rotation: 0,
         style: {
-          globalAlpha: shape.settings.opacity["default"],
-          fillColor: shape.settings.fillColor["default"],
-          strokeColor: shape.settings.strokeColor["default"],
-          lineWidth: shape.settings.lineWidth["default"],
-          lineDash: shape.settings.lineDash["default"]
+          globalAlpha: shape.settings.opacity.default,
+          fillColor: shape.settings.fillColor.default,
+          strokeColor: shape.settings.strokeColor.default,
+          lineWidth: shape.settings.lineWidth.default,
+          lineDash: shape.settings.lineDash.default
         }
       };
 
@@ -222,18 +206,18 @@ var createShape = function createShape(ctx, shape, cursorPosition) {
       return {
         toolId: shape.id,
         type: _Shapes.ShapeEnum.circle,
-        id: _fp["default"].uniqueId("".concat(shape.type, "_")),
+        id: _fp.default.uniqueId("".concat(shape.type, "_")),
         x: cursorPosition[0],
         y: cursorPosition[1],
         radius: 0,
         translation: [0, 0],
         rotation: 0,
         style: {
-          globalAlpha: shape.settings.opacity["default"],
-          fillColor: shape.settings.fillColor["default"],
-          strokeColor: shape.settings.strokeColor["default"],
-          lineWidth: shape.settings.lineWidth["default"],
-          lineDash: shape.settings.lineDash["default"]
+          globalAlpha: shape.settings.opacity.default,
+          fillColor: shape.settings.fillColor.default,
+          strokeColor: shape.settings.strokeColor.default,
+          lineWidth: shape.settings.lineWidth.default,
+          lineDash: shape.settings.lineDash.default
         }
       };
   }
@@ -241,27 +225,27 @@ var createShape = function createShape(ctx, shape, cursorPosition) {
 
 exports.createShape = createShape;
 
-var copyShape = function copyShape(shape) {
-  return _objectSpread(_objectSpread({}, shape), {}, {
-    id: _fp["default"].uniqueId("".concat(shape.type, "_")),
+const copyShape = shape => {
+  return { ...shape,
+    id: _fp.default.uniqueId("".concat(shape.type, "_")),
     translation: [shape.translation[0] + 20, shape.translation[1] + 20]
-  });
+  };
 };
 
 exports.copyShape = copyShape;
 
-var roundValues = function roundValues(prop) {
-  var precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
+const roundValues = function (prop) {
+  let precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
 
-  if (_fp["default"].isArray(prop)) {
+  if (_fp.default.isArray(prop)) {
     return prop.map(roundValues);
   }
 
-  if (_fp["default"].isObject(prop)) {
-    return _fp["default"].mapValues(roundValues, prop);
+  if (_fp.default.isObject(prop)) {
+    return _fp.default.mapValues(roundValues, prop);
   }
 
-  if (_fp["default"].isNumber(prop)) {
+  if (_fp.default.isNumber(prop)) {
     return +prop.toFixed(precision);
   }
 
@@ -270,39 +254,39 @@ var roundValues = function roundValues(prop) {
 
 exports.roundValues = roundValues;
 
-var cleanShapesBeforeExport = function cleanShapesBeforeExport(shapes) {
-  var propsToOmit = ['img', 'id'];
-  return shapes.map(function (shape) {
+const cleanShapesBeforeExport = shapes => {
+  const propsToOmit = ['img', 'id'];
+  return shapes.map(shape => {
     if (shape.type === _Shapes.ShapeEnum.picture) {
       if (!shape.src.startsWith('http')) {
-        return roundValues(_fp["default"].omit(propsToOmit, _objectSpread(_objectSpread({}, shape), {}, {
+        return roundValues(_fp.default.omit(propsToOmit, { ...shape,
           src: (0, _file.getBase64Image)(shape.img)
-        })));
+        }));
       }
     }
 
-    return roundValues(_fp["default"].omit(propsToOmit, shape));
+    return roundValues(_fp.default.omit(propsToOmit, shape));
   });
 };
 
 exports.cleanShapesBeforeExport = cleanShapesBeforeExport;
 
-var buildDataToExport = function buildDataToExport(shapes, width, height) {
+const buildDataToExport = (shapes, width, height) => {
   return {
     shapes: cleanShapesBeforeExport(shapes),
     config: {
-      width: width,
-      height: height
+      width,
+      height
     }
   };
 };
 
 exports.buildDataToExport = buildDataToExport;
 
-var addDefaultAndTempShapeProps = function addDefaultAndTempShapeProps(shape) {
-  return _objectSpread(_objectSpread({}, shape), {}, {
-    id: _fp["default"].uniqueId("".concat(shape.type, "_"))
-  });
+const addDefaultAndTempShapeProps = shape => {
+  return { ...shape,
+    id: _fp.default.uniqueId("".concat(shape.type, "_"))
+  };
 };
 
 exports.addDefaultAndTempShapeProps = addDefaultAndTempShapeProps;