@yorab/react-paint 0.6.3 → 0.6.6

package/dist/utils/shapeData.js

@@ -9,39 +9,29 @@ exports.getShapeInfos = void 0;
 
 var _fp = _interopRequireDefault(require("lodash/fp"));
 
-var getLineBorder = function getLineBorder(line, selectionPadding) {
-  var x = Math.min(line.points[0][0], line.points[1][0]) - selectionPadding;
-  var width = Math.abs(line.points[0][0] - line.points[1][0]) + selectionPadding * 2;
-  var y = Math.min(line.points[0][1], line.points[1][1]) - selectionPadding;
-  var height = Math.abs(line.points[0][1] - line.points[1][1]) + selectionPadding * 2;
+const getLineBorder = (line, selectionPadding) => {
+  const x = Math.min(line.points[0][0], line.points[1][0]) - selectionPadding;
+  const width = Math.abs(line.points[0][0] - line.points[1][0]) + selectionPadding * 2;
+  const y = Math.min(line.points[0][1], line.points[1][1]) - selectionPadding;
+  const height = Math.abs(line.points[0][1] - line.points[1][1]) + selectionPadding * 2;
   return {
-    x: x,
-    width: width,
-    y: y,
-    height: height
+    x,
+    width,
+    y,
+    height
   };
 };
 
-var getBrushBorder = function getBrushBorder(brush, selectionPadding) {
-  var brushPoints = _fp["default"].flatMap(function (points) {
-    return points;
-  }, brush.points);
+const getBrushBorder = (brush, selectionPadding) => {
+  const brushPoints = _fp.default.flatMap(points => points, brush.points);
 
-  var minX = _fp["default"].flow(_fp["default"].map(function (point) {
-    return point[0];
-  }), _fp["default"].min, _fp["default"].add(-selectionPadding))(brushPoints);
+  const minX = _fp.default.flow(_fp.default.map(point => point[0]), _fp.default.min, _fp.default.add(-selectionPadding))(brushPoints);
 
-  var maxX = _fp["default"].flow(_fp["default"].map(function (point) {
-    return point[0];
-  }), _fp["default"].max, _fp["default"].add(selectionPadding))(brushPoints);
+  const maxX = _fp.default.flow(_fp.default.map(point => point[0]), _fp.default.max, _fp.default.add(selectionPadding))(brushPoints);
 
-  var minY = _fp["default"].flow(_fp["default"].map(function (point) {
-    return point[1];
-  }), _fp["default"].min, _fp["default"].add(-selectionPadding))(brushPoints);
+  const minY = _fp.default.flow(_fp.default.map(point => point[1]), _fp.default.min, _fp.default.add(-selectionPadding))(brushPoints);
 
-  var maxY = _fp["default"].flow(_fp["default"].map(function (point) {
-    return point[1];
-  }), _fp["default"].max, _fp["default"].add(selectionPadding))(brushPoints);
+  const maxY = _fp.default.flow(_fp.default.map(point => point[1]), _fp.default.max, _fp.default.add(selectionPadding))(brushPoints);
 
   return {
     x: minX,
@@ -51,22 +41,14 @@ var getBrushBorder = function getBrushBorder(brush, selectionPadding) {
   };
 };
 
-var getPolygonBorder = function getPolygonBorder(polygon, selectionPadding) {
-  var minX = _fp["default"].flow(_fp["default"].map(function (point) {
-    return point[0];
-  }), _fp["default"].min, _fp["default"].add(-selectionPadding))(polygon.points);
+const getPolygonBorder = (polygon, selectionPadding) => {
+  const minX = _fp.default.flow(_fp.default.map(point => point[0]), _fp.default.min, _fp.default.add(-selectionPadding))(polygon.points);
 
-  var maxX = _fp["default"].flow(_fp["default"].map(function (point) {
-    return point[0];
-  }), _fp["default"].max, _fp["default"].add(selectionPadding))(polygon.points);
+  const maxX = _fp.default.flow(_fp.default.map(point => point[0]), _fp.default.max, _fp.default.add(selectionPadding))(polygon.points);
 
-  var minY = _fp["default"].flow(_fp["default"].map(function (point) {
-    return point[1];
-  }), _fp["default"].min, _fp["default"].add(-selectionPadding))(polygon.points);
+  const minY = _fp.default.flow(_fp.default.map(point => point[1]), _fp.default.min, _fp.default.add(-selectionPadding))(polygon.points);
 
-  var maxY = _fp["default"].flow(_fp["default"].map(function (point) {
-    return point[1];
-  }), _fp["default"].max, _fp["default"].add(selectionPadding))(polygon.points);
+  const maxY = _fp.default.flow(_fp.default.map(point => point[1]), _fp.default.max, _fp.default.add(selectionPadding))(polygon.points);
 
   return {
     x: minX,
@@ -76,9 +58,9 @@ var getPolygonBorder = function getPolygonBorder(polygon, selectionPadding) {
   };
 };
 
-var getCurveBorder = getPolygonBorder;
+const getCurveBorder = getPolygonBorder;
 
-var getRectBorder = function getRectBorder(rect, selectionPadding) {
+const getRectBorder = (rect, selectionPadding) => {
   return {
     x: rect.x - selectionPadding,
     width: rect.width + selectionPadding * 2,
@@ -87,7 +69,7 @@ var getRectBorder = function getRectBorder(rect, selectionPadding) {
   };
 };
 
-var getTextBorder = function getTextBorder(text, selectionPadding) {
+const getTextBorder = (text, selectionPadding) => {
   return {
     x: text.x - selectionPadding,
     width: text.width + selectionPadding * 2,
@@ -96,11 +78,11 @@ var getTextBorder = function getTextBorder(text, selectionPadding) {
   };
 };
 
-var getPictureBorder = function getPictureBorder(picture, selectionPadding) {
+const getPictureBorder = (picture, selectionPadding) => {
   return getRectBorder(picture, selectionPadding);
 };
 
-var getCircleBorder = function getCircleBorder(circle, selectionPadding) {
+const getCircleBorder = (circle, selectionPadding) => {
   return {
     x: circle.x - circle.radius - selectionPadding,
     width: (circle.radius + selectionPadding) * 2,
@@ -109,7 +91,7 @@ var getCircleBorder = function getCircleBorder(circle, selectionPadding) {
   };
 };
 
-var getEllipseBorder = function getEllipseBorder(ellipse, selectionPadding) {
+const getEllipseBorder = (ellipse, selectionPadding) => {
   return {
     x: ellipse.x - ellipse.radiusX - selectionPadding,
     width: (ellipse.radiusX + selectionPadding) * 2,
@@ -118,7 +100,7 @@ var getEllipseBorder = function getEllipseBorder(ellipse, selectionPadding) {
   };
 };
 
-var getShapeBorders = function getShapeBorders(marker, selectionPadding) {
+const getShapeBorders = (marker, selectionPadding) => {
   switch (marker.type) {
     case 'brush':
       return getBrushBorder(marker, selectionPadding);
@@ -157,16 +139,16 @@ var getShapeBorders = function getShapeBorders(marker, selectionPadding) {
   };
 };
 
-var getShapeCenter = function getShapeCenter(borders) {
+const getShapeCenter = borders => {
   return [borders.x + borders.width / 2, borders.y + borders.height / 2];
 };
 
-var getShapeInfos = function getShapeInfos(shape, selectionPadding) {
-  var borders = getShapeBorders(shape, selectionPadding);
-  var center = getShapeCenter(borders);
+const getShapeInfos = (shape, selectionPadding) => {
+  const borders = getShapeBorders(shape, selectionPadding);
+  const center = getShapeCenter(borders);
   return {
-    borders: borders,
-    center: center
+    borders,
+    center
   };
 };
 

package/dist/utils/string.js

@@ -9,34 +9,28 @@ exports.decodeHtmlEntities = exports.convertStringArrayToDivContent = exports.co
 
 var _fp = _interopRequireDefault(require("lodash/fp"));
 
-var stripBrRegexp = /<br(\/?\s?)>/g;
-var stripDivRegexp = /<(\/)?div(\/?\s?)>/g;
+const stripBrRegexp = /<br(\/?\s?)>/g;
+const stripDivRegexp = /<(\/)?div(\/?\s?)>/g;
 
-var convertStringArrayToDivContent = function convertStringArrayToDivContent(toConvert) {
-  return toConvert.map(function (val) {
-    return "<div>".concat(val === '' ? '<br/>' : val, "</div>");
-  }).join('');
+const convertStringArrayToDivContent = toConvert => {
+  return toConvert.map(val => "<div>".concat(val === '' ? '<br/>' : val, "</div>")).join('');
 };
 
 exports.convertStringArrayToDivContent = convertStringArrayToDivContent;
 
-var decodeHtmlEntities = function decodeHtmlEntities(html) {
-  var textareaElement = document.createElement('textarea');
+const decodeHtmlEntities = html => {
+  const textareaElement = document.createElement('textarea');
   textareaElement.innerHTML = html;
   return textareaElement.value;
 };
 
 exports.decodeHtmlEntities = decodeHtmlEntities;
 
-var convertDivContentToStringArray = function convertDivContentToStringArray(toConvert) {
-  return _fp["default"].flow(function (divContent) {
-    return decodeHtmlEntities(divContent);
-  }, function (divContent) {
-    return divContent.split('<div>');
-  }, _fp["default"].flatMap(function (val) {
-    var newVal = val.replaceAll(stripDivRegexp, '');
+const convertDivContentToStringArray = toConvert => {
+  return _fp.default.flow(divContent => decodeHtmlEntities(divContent), divContent => divContent.split('<div>'), _fp.default.flatMap(val => {
+    const newVal = val.replaceAll(stripDivRegexp, '');
     return newVal === '' ? undefined : newVal.replaceAll(stripBrRegexp, '');
-  }), _fp["default"].reject(_fp["default"].isUndefined))(toConvert);
+  }), _fp.default.reject(_fp.default.isUndefined))(toConvert);
 };
 
 exports.convertDivContentToStringArray = convertDivContentToStringArray;

package/dist/utils/style.js

@@ -9,7 +9,7 @@ var _Shapes = require("../types/Shapes");
 
 var _icons = require("../constants/icons");
 
-var getShapePicture = function getShapePicture(shape) {
+const getShapePicture = shape => {
   switch (shape) {
     case _Shapes.ShapeEnum.brush:
       return _icons.brushIcon;

package/dist/utils/toolbar.js

@@ -7,86 +7,74 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.sanitizeTools = exports.getCurrentStructure = void 0;
 
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _Shapes = require("../types/Shapes");
 
 var _fp = _interopRequireDefault(require("lodash/fp"));
 
 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 getCurrentStructure = function getCurrentStructure(availableTools, defaultStructure) {
-  return _fp["default"].flow(_fp["default"].flatMap(function (group) {
-    if (!_fp["default"].isObject(group)) {
-      return _fp["default"].filter({
+const getCurrentStructure = (availableTools, defaultStructure) => {
+  return _fp.default.flow(_fp.default.flatMap(group => {
+    if (!_fp.default.isObject(group)) {
+      return _fp.default.filter({
         type: group
       }, availableTools);
     }
 
-    var toolsType = _fp["default"].filter(function (tool) {
-      return _fp["default"].includes(tool.type, group.toolsType);
-    }, availableTools);
+    const toolsType = _fp.default.filter(tool => _fp.default.includes(tool.type, group.toolsType), availableTools);
 
     if (!toolsType) return null;
-    return _objectSpread(_objectSpread({}, group), {}, {
-      toolsType: toolsType
-    });
-  }), _fp["default"].compact)(defaultStructure);
+    return { ...group,
+      toolsType
+    };
+  }), _fp.default.compact)(defaultStructure);
 };
 
 exports.getCurrentStructure = getCurrentStructure;
 
-var sanitizeTools = function sanitizeTools(tools) {
-  var withPicture = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+const sanitizeTools = function (tools) {
+  let withPicture = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
 
-  var customizer = function customizer(objValue, srcValue) {
-    if (_fp["default"].isArray(objValue)) {
+  const customizer = (objValue, srcValue) => {
+    if (_fp.default.isArray(objValue)) {
       return srcValue;
     }
   };
 
-  return _fp["default"].flow(_fp["default"].map(function (tool) {
-    if (!_fp["default"].isObject(tool)) return null;
+  return _fp.default.flow(_fp.default.map(tool => {
+    if (!_fp.default.isObject(tool)) return null;
 
-    switch (_fp["default"].get('type', tool)) {
+    switch (_fp.default.get('type', tool)) {
       case _Shapes.ShapeEnum.brush:
-        return _fp["default"].mergeWith(customizer, _tools.DEFAULT_SHAPE_BRUSH, tool);
+        return _fp.default.mergeWith(customizer, _tools.DEFAULT_SHAPE_BRUSH, tool);
 
       case _Shapes.ShapeEnum.circle:
-        return _fp["default"].mergeWith(customizer, _tools.DEFAULT_SHAPE_CIRCLE, tool);
+        return _fp.default.mergeWith(customizer, _tools.DEFAULT_SHAPE_CIRCLE, tool);
 
       case _Shapes.ShapeEnum.curve:
-        return _fp["default"].mergeWith(customizer, _tools.DEFAULT_SHAPE_CURVE, tool);
+        return _fp.default.mergeWith(customizer, _tools.DEFAULT_SHAPE_CURVE, tool);
 
       case _Shapes.ShapeEnum.ellipse:
-        return _fp["default"].mergeWith(customizer, _tools.DEFAULT_SHAPE_ELLIPSE, tool);
+        return _fp.default.mergeWith(customizer, _tools.DEFAULT_SHAPE_ELLIPSE, tool);
 
       case _Shapes.ShapeEnum.line:
-        return _fp["default"].mergeWith(customizer, _tools.DEFAULT_SHAPE_LINE, tool);
+        return _fp.default.mergeWith(customizer, _tools.DEFAULT_SHAPE_LINE, tool);
 
       case _Shapes.ShapeEnum.polygon:
-        return _fp["default"].mergeWith(customizer, _tools.DEFAULT_SHAPE_POLYGON, tool);
+        return _fp.default.mergeWith(customizer, _tools.DEFAULT_SHAPE_POLYGON, tool);
 
       case _Shapes.ShapeEnum.rect:
-        return _fp["default"].mergeWith(customizer, _tools.DEFAULT_SHAPE_RECT, tool);
+        return _fp.default.mergeWith(customizer, _tools.DEFAULT_SHAPE_RECT, tool);
 
       case _Shapes.ShapeEnum.square:
-        return _fp["default"].mergeWith(customizer, _tools.DEFAULT_SHAPE_SQUARE, tool);
+        return _fp.default.mergeWith(customizer, _tools.DEFAULT_SHAPE_SQUARE, tool);
 
       case _Shapes.ShapeEnum.text:
-        return _fp["default"].mergeWith(customizer, _tools.DEFAULT_SHAPE_TEXT, tool);
+        return _fp.default.mergeWith(customizer, _tools.DEFAULT_SHAPE_TEXT, tool);
     }
 
     return null;
-  }), function (tools) {
-    return withPicture ? [].concat((0, _toConsumableArray2["default"])(tools), [_tools.DEFAULT_SHAPE_PICTURE]) : tools;
-  }, _fp["default"].compact)(tools);
+  }), tools => withPicture ? [...tools, _tools.DEFAULT_SHAPE_PICTURE] : tools, _fp.default.compact)(tools);
 };
 
 exports.sanitizeTools = sanitizeTools;