@yorab/react-paint 0.6.6 → 0.7.1

package/dist/utils/draw.js

@@ -1,431 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.drawTriangle = exports.drawText = exports.drawShape = exports.drawSelection = exports.drawRect = exports.drawPolygon = exports.drawPicture = exports.drawLine = exports.drawEllipse = exports.drawCurve = exports.drawCircle = exports.drawBrush = void 0;
-
-var _shapes = require("../constants/shapes");
-
-var _style = require("../constants/style");
-
-var _intersect = require("./intersect");
-
-var _shapeData = require("./shapeData");
-
-const applyShapeTransformations = (ctx, marker, responsiveScale, canvasOffset, selectionPadding) => {
-  ctx.save();
-  ctx.scale(responsiveScale, responsiveScale);
-  ctx.translate(marker.translation[0] + canvasOffset[0], marker.translation[1] + canvasOffset[1]);
-
-  if (marker.rotation !== 0) {
-    const {
-      center
-    } = (0, _shapeData.getShapeInfos)(marker, selectionPadding);
-    ctx.translate(center[0], center[1]);
-    ctx.rotate(marker.rotation);
-    ctx.translate(-center[0], -center[1]);
-  }
-};
-
-const restoreShapeTransformations = ctx => {
-  ctx.restore();
-};
-
-const updateDrawStyle = function (ctx) {
-  let style = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  const {
-    fillColor = 'transparent',
-    globalAlpha = 100,
-    strokeColor = _shapes.SELECTION_DEFAULT_COLOR,
-    lineWidth = _shapes.SELECTION_DEFAULT_WIDTH,
-    lineDash = 0
-  } = style;
-  ctx.lineCap = 'round';
-  ctx.lineJoin = 'round';
-  globalAlpha !== undefined && (ctx.globalAlpha = globalAlpha / 100);
-  fillColor && (ctx.fillStyle = fillColor);
-  strokeColor && (ctx.strokeStyle = strokeColor);
-  lineWidth && (ctx.lineWidth = lineWidth);
-  lineDash !== undefined && lineWidth && ctx.setLineDash([_style.LINE_DASH_DATA[lineDash][0] * lineWidth, _style.LINE_DASH_DATA[lineDash][1] * lineWidth]);
-};
-
-const drawBrush = (ctx, brush) => {
-  var _brush$style;
-
-  if (brush.points.length < 1) return;
-  updateDrawStyle(ctx, brush.style);
-  ctx.beginPath();
-  if (((_brush$style = brush.style) === null || _brush$style === void 0 ? void 0 : _brush$style.strokeColor) === 'transparent' || ctx.globalAlpha === 0) return;
-  brush.points.forEach(points => {
-    if (points.length === 1) {
-      ctx.rect(points[0][0], points[0][1], 1, 1);
-    } else {
-      ctx.moveTo(...points[0]);
-      points.slice(1).forEach(point => {
-        ctx.lineTo(...point);
-      });
-    }
-  });
-  ctx.stroke();
-};
-
-exports.drawBrush = drawBrush;
-
-const drawTriangle = (ctx, triangle) => {
-  var _triangle$style, _triangle$style2;
-
-  updateDrawStyle(ctx, triangle.style);
-  if (ctx.globalAlpha === 0) return;
-  ctx.beginPath();
-  ctx.moveTo(...triangle.points[0]);
-  ctx.lineTo(...triangle.points[1]);
-  ctx.lineTo(...triangle.points[2]);
-  ctx.lineTo(...triangle.points[0]);
-  ((_triangle$style = triangle.style) === null || _triangle$style === void 0 ? void 0 : _triangle$style.fillColor) !== 'transparent' && ctx.fill();
-  ((_triangle$style2 = triangle.style) === null || _triangle$style2 === void 0 ? void 0 : _triangle$style2.strokeColor) !== 'transparent' && ctx.stroke();
-};
-
-exports.drawTriangle = drawTriangle;
-
-const buildTriangleOnLine = (center, angle, lineStyle) => {
-  var _lineStyle$style$line, _lineStyle$style, _lineStyle$style$line2, _lineStyle$style2, _lineStyle$style$line3, _lineStyle$style3, _lineStyle$style$line4, _lineStyle$style4, _lineStyle$style$line5, _lineStyle$style5, _lineStyle$style6;
-
-  const trianglePoints = [(0, _intersect.applyRotationToVector)([0, -(10 + ((_lineStyle$style$line = (_lineStyle$style = lineStyle.style) === null || _lineStyle$style === void 0 ? void 0 : _lineStyle$style.lineWidth) !== null && _lineStyle$style$line !== void 0 ? _lineStyle$style$line : 0) * 1)], angle), (0, _intersect.applyRotationToVector)([-(5 + ((_lineStyle$style$line2 = (_lineStyle$style2 = lineStyle.style) === null || _lineStyle$style2 === void 0 ? void 0 : _lineStyle$style2.lineWidth) !== null && _lineStyle$style$line2 !== void 0 ? _lineStyle$style$line2 : 0) * 1), 5 + ((_lineStyle$style$line3 = (_lineStyle$style3 = lineStyle.style) === null || _lineStyle$style3 === void 0 ? void 0 : _lineStyle$style3.lineWidth) !== null && _lineStyle$style$line3 !== void 0 ? _lineStyle$style$line3 : 0) * 2], angle), (0, _intersect.applyRotationToVector)([5 + ((_lineStyle$style$line4 = (_lineStyle$style4 = lineStyle.style) === null || _lineStyle$style4 === void 0 ? void 0 : _lineStyle$style4.lineWidth) !== null && _lineStyle$style$line4 !== void 0 ? _lineStyle$style$line4 : 0) * 1, 5 + ((_lineStyle$style$line5 = (_lineStyle$style5 = lineStyle.style) === null || _lineStyle$style5 === void 0 ? void 0 : _lineStyle$style5.lineWidth) !== null && _lineStyle$style$line5 !== void 0 ? _lineStyle$style$line5 : 0) * 2], angle)];
-  return {
-    points: [[center[0] + trianglePoints[0][0], center[1] + trianglePoints[0][1]], [center[0] + trianglePoints[1][0], center[1] + trianglePoints[1][1]], [center[0] + trianglePoints[2][0], center[1] + trianglePoints[2][1]]],
-    style: { ...lineStyle.style,
-      fillColor: (_lineStyle$style6 = lineStyle.style) === null || _lineStyle$style6 === void 0 ? void 0 : _lineStyle$style6.strokeColor,
-      strokeColor: 'transparent'
-    }
-  };
-};
-
-const drawLine = (ctx, line) => {
-  var _line$style, _line$style2, _line$style3, _line$style4, _line$style5, _line$style6;
-
-  updateDrawStyle(ctx, line.style);
-  if (ctx.globalAlpha === 0) return;
-  ctx.beginPath();
-  ctx.moveTo(...line.points[0]);
-  ctx.lineTo(...line.points[1]);
-  ((_line$style = line.style) === null || _line$style === void 0 ? void 0 : _line$style.fillColor) !== 'transparent' && ctx.fill();
-  ((_line$style2 = line.style) === null || _line$style2 === void 0 ? void 0 : _line$style2.strokeColor) !== 'transparent' && ctx.stroke();
-
-  if (((_line$style3 = line.style) === null || _line$style3 === void 0 ? void 0 : _line$style3.lineArrow) === 1 || ((_line$style4 = line.style) === null || _line$style4 === void 0 ? void 0 : _line$style4.lineArrow) === 3) {
-    const rotation = Math.PI / 2 - Math.atan2(line.points[1][1] - line.points[0][1], line.points[1][0] - line.points[0][0]);
-    drawTriangle(ctx, buildTriangleOnLine(line.points[0], rotation, {
-      style: line.style
-    }));
-  }
-
-  if (((_line$style5 = line.style) === null || _line$style5 === void 0 ? void 0 : _line$style5.lineArrow) === 2 || ((_line$style6 = line.style) === null || _line$style6 === void 0 ? void 0 : _line$style6.lineArrow) === 3) {
-    const rotation = Math.PI / 2 - Math.atan2(line.points[0][1] - line.points[1][1], line.points[0][0] - line.points[1][0]);
-    drawTriangle(ctx, buildTriangleOnLine(line.points[1], rotation, {
-      style: line.style
-    }));
-  }
-};
-
-exports.drawLine = drawLine;
-
-const drawPolygon = (ctx, polygon) => {
-  var _polygon$style, _polygon$style2;
-
-  if (polygon.points.length < 1) return;
-  updateDrawStyle(ctx, polygon.style);
-  if (ctx.globalAlpha === 0) return;
-  ctx.beginPath();
-  ctx.moveTo(...polygon.points[0]);
-  polygon.points.slice(1).forEach(point => {
-    ctx.lineTo(...point);
-  });
-  ctx.lineTo(...polygon.points[0]);
-  ((_polygon$style = polygon.style) === null || _polygon$style === void 0 ? void 0 : _polygon$style.fillColor) !== 'transparent' && ctx.fill();
-  ((_polygon$style2 = polygon.style) === null || _polygon$style2 === void 0 ? void 0 : _polygon$style2.strokeColor) !== 'transparent' && ctx.stroke();
-};
-
-exports.drawPolygon = drawPolygon;
-
-const drawCurve = (ctx, curve) => {
-  var _curve$style, _curve$style2;
-
-  if (curve.points.length < 3) return;
-  updateDrawStyle(ctx, curve.style);
-  if (ctx.globalAlpha === 0) return;
-  ctx.beginPath();
-  ctx.moveTo(...curve.points[0]);
-
-  for (let i = 1; i < curve.points.length - 1; i++) {
-    ctx.quadraticCurveTo(...curve.points[i], curve.points.length - 2 === i ? curve.points[i + 1][0] : (curve.points[i + 1][0] - curve.points[i][0]) / 2 + curve.points[i][0], curve.points.length - 2 === i ? curve.points[i + 1][1] : (curve.points[i + 1][1] - curve.points[i][1]) / 2 + curve.points[i][1]);
-  }
-
-  ((_curve$style = curve.style) === null || _curve$style === void 0 ? void 0 : _curve$style.fillColor) !== 'transparent' && ctx.fill();
-  ((_curve$style2 = curve.style) === null || _curve$style2 === void 0 ? void 0 : _curve$style2.strokeColor) !== 'transparent' && ctx.stroke();
-};
-
-exports.drawCurve = drawCurve;
-
-const drawCircle = (ctx, circle) => {
-  var _circle$style, _circle$style2;
-
-  updateDrawStyle(ctx, circle.style);
-  ctx.beginPath();
-  ctx.arc(circle.x, circle.y, circle.radius, 0, 2 * Math.PI);
-  ((_circle$style = circle.style) === null || _circle$style === void 0 ? void 0 : _circle$style.fillColor) !== 'transparent' && ctx.fill();
-  ((_circle$style2 = circle.style) === null || _circle$style2 === void 0 ? void 0 : _circle$style2.strokeColor) !== 'transparent' && ctx.stroke();
-};
-
-exports.drawCircle = drawCircle;
-
-const drawEllipse = (ctx, ellipse) => {
-  var _ellipse$style, _ellipse$style2;
-
-  updateDrawStyle(ctx, ellipse.style);
-  if (ctx.globalAlpha === 0) return;
-  ctx.beginPath();
-  ctx.ellipse(ellipse.x, ellipse.y, ellipse.radiusX, ellipse.radiusY, 0, 0, 2 * Math.PI);
-  ((_ellipse$style = ellipse.style) === null || _ellipse$style === void 0 ? void 0 : _ellipse$style.fillColor) !== 'transparent' && ctx.fill();
-  ((_ellipse$style2 = ellipse.style) === null || _ellipse$style2 === void 0 ? void 0 : _ellipse$style2.strokeColor) !== 'transparent' && ctx.stroke();
-};
-
-exports.drawEllipse = drawEllipse;
-
-const drawRect = (ctx, rect) => {
-  var _rect$style, _rect$style2;
-
-  updateDrawStyle(ctx, rect.style);
-  if (ctx.globalAlpha === 0) return;
-  ctx.beginPath();
-  ctx.rect(rect.x, rect.y, rect.width, rect.height);
-  ((_rect$style = rect.style) === null || _rect$style === void 0 ? void 0 : _rect$style.fillColor) !== 'transparent' && ctx.fill();
-  ((_rect$style2 = rect.style) === null || _rect$style2 === void 0 ? void 0 : _rect$style2.strokeColor) !== 'transparent' && ctx.stroke();
-};
-
-exports.drawRect = drawRect;
-
-const drawText = (ctx, text) => {
-  var _text$style, _text$style2, _text$style3, _text$style$fontFamil, _text$style4;
-
-  updateDrawStyle(ctx, text.style);
-  if (ctx.globalAlpha === 0 || !((_text$style = text.style) !== null && _text$style !== void 0 && _text$style.strokeColor) || text.style.strokeColor === 'transparent') return;
-  ctx.font = "".concat((_text$style2 = text.style) !== null && _text$style2 !== void 0 && _text$style2.fontItalic ? 'italic' : '', " ").concat((_text$style3 = text.style) !== null && _text$style3 !== void 0 && _text$style3.fontBold ? 'bold' : '', " ").concat(text.fontSize, "px ").concat((_text$style$fontFamil = (_text$style4 = text.style) === null || _text$style4 === void 0 ? void 0 : _text$style4.fontFamily) !== null && _text$style$fontFamil !== void 0 ? _text$style$fontFamil : _style.STYLE_FONT_DEFAULT);
-  ctx.textBaseline = 'top';
-  ctx.fillStyle = text.style.strokeColor;
-
-  for (let i = 0; i < text.value.length; i++) {
-    ctx.fillText(text.value[i], text.x, text.y + i * text.fontSize, text.width);
-  }
-};
-
-exports.drawText = drawText;
-
-const drawPicture = (ctx, picture) => {
-  updateDrawStyle(ctx, picture.style);
-  if (ctx.globalAlpha === 0) return;
-  ctx.beginPath();
-  ctx.drawImage(picture.img, picture.x, picture.y, picture.width, picture.height);
-};
-
-exports.drawPicture = drawPicture;
-
-const drawShape = (ctx, shape, responsiveScale, canvasOffset, selectionPadding) => {
-  if (shape.visible === false) return;
-  applyShapeTransformations(ctx, shape, responsiveScale, canvasOffset, selectionPadding);
-
-  switch (shape.type) {
-    case 'brush':
-      drawBrush(ctx, shape);
-      break;
-
-    case 'text':
-      drawText(ctx, shape);
-      break;
-
-    case 'line':
-      drawLine(ctx, shape);
-      break;
-
-    case 'polygon':
-      drawPolygon(ctx, shape);
-      break;
-
-    case 'curve':
-      drawCurve(ctx, shape);
-      break;
-
-    case 'circle':
-      drawCircle(ctx, shape);
-      break;
-
-    case 'ellipse':
-      drawEllipse(ctx, shape);
-      break;
-
-    case 'rect':
-    case 'square':
-      drawRect(ctx, shape);
-      break;
-
-    case 'picture':
-      drawPicture(ctx, shape);
-      break;
-  }
-
-  restoreShapeTransformations(ctx);
-};
-
-exports.drawShape = drawShape;
-
-const drawSelectionDefault = _ref => {
-  let {
-    ctx,
-    shape,
-    withAnchors,
-    selectionPadding,
-    selectionWidth,
-    selectionColor,
-    currentScale = 1
-  } = _ref;
-  const {
-    borders
-  } = (0, _shapeData.getShapeInfos)(shape, selectionPadding / currentScale);
-  drawRect(ctx, { ...borders,
-    style: {
-      fillColor: 'transparent',
-      strokeColor: selectionColor,
-      lineWidth: selectionWidth / currentScale
-    }
-  });
-  if (!withAnchors || shape.locked) return;
-  drawLine(ctx, {
-    points: [[borders.x + borders.width / 2, borders.y], [borders.x + borders.width / 2, borders.y - _shapes.SELECTION_ANCHOR_SIZE / 2 - _shapes.SELECTION_ROTATED_ANCHOR_POSITION / currentScale]],
-    style: {
-      fillColor: 'transparent',
-      strokeColor: selectionColor,
-      lineWidth: selectionWidth / currentScale
-    }
-  });
-
-  for (const anchorPosition of _shapes.SELECTION_RESIZE_ANCHOR_POSITIONS) {
-    drawCircle(ctx, {
-      x: borders.x + borders.width * anchorPosition[0],
-      y: borders.y + borders.height * anchorPosition[1],
-      radius: _shapes.SELECTION_ANCHOR_SIZE / 2 / currentScale,
-      style: {
-        fillColor: 'rgb(255,255,255)',
-        strokeColor: 'rgb(150,150,150)',
-        lineWidth: selectionWidth / currentScale
-      }
-    });
-  }
-
-  drawCircle(ctx, {
-    x: borders.x + borders.width / 2,
-    y: borders.y - _shapes.SELECTION_ANCHOR_SIZE / 2 - _shapes.SELECTION_ROTATED_ANCHOR_POSITION / currentScale,
-    radius: _shapes.SELECTION_ANCHOR_SIZE / 2 / currentScale,
-    style: {
-      fillColor: 'rgb(255,255,255)',
-      strokeColor: 'rgb(150,150,150)',
-      lineWidth: selectionWidth / currentScale
-    }
-  });
-};
-
-const drawLineSelection = _ref2 => {
-  let {
-    ctx,
-    shape,
-    withAnchors,
-    selectionPadding,
-    selectionWidth,
-    selectionColor,
-    currentScale = 1
-  } = _ref2;
-  const {
-    borders
-  } = (0, _shapeData.getShapeInfos)(shape, selectionPadding);
-  drawRect(ctx, { ...borders,
-    style: {
-      fillColor: 'transparent',
-      strokeColor: selectionColor,
-      lineWidth: selectionWidth / currentScale
-    }
-  });
-  if (!withAnchors || shape.locked) return;
-
-  for (let i = 0; i < shape.points.length; i++) {
-    const coordinate = shape.points[i];
-
-    if (shape.type === 'curve' && i > 0 && i < shape.points.length - 1) {
-      drawRect(ctx, {
-        x: coordinate[0] - _shapes.SELECTION_ANCHOR_SIZE / 2,
-        y: coordinate[1] - _shapes.SELECTION_ANCHOR_SIZE / 2,
-        width: _shapes.SELECTION_ANCHOR_SIZE / currentScale,
-        height: _shapes.SELECTION_ANCHOR_SIZE / currentScale,
-        style: {
-          fillColor: 'rgb(255,255,255)',
-          strokeColor: 'rgb(150,150,150)',
-          lineWidth: selectionWidth / currentScale
-        }
-      });
-    } else {
-      drawCircle(ctx, {
-        x: coordinate[0],
-        y: coordinate[1],
-        radius: _shapes.SELECTION_ANCHOR_SIZE / 2 / currentScale,
-        style: {
-          fillColor: 'rgb(255,255,255)',
-          strokeColor: 'rgb(150,150,150)',
-          lineWidth: selectionWidth / currentScale
-        }
-      });
-    }
-  }
-};
-
-const drawSelection = _ref3 => {
-  let {
-    ctx,
-    shape,
-    scaleRatio = 1,
-    canvasOffset,
-    selectionPadding,
-    selectionWidth,
-    selectionColor,
-    withAnchors = true
-  } = _ref3;
-  applyShapeTransformations(ctx, shape, scaleRatio, canvasOffset, selectionPadding);
-
-  switch (shape.type) {
-    case 'polygon':
-    case 'line':
-    case 'curve':
-      drawLineSelection({
-        ctx,
-        shape,
-        withAnchors,
-        selectionPadding,
-        selectionWidth,
-        selectionColor,
-        currentScale: scaleRatio
-      });
-      break;
-
-    default:
-      drawSelectionDefault({
-        ctx,
-        shape,
-        withAnchors,
-        selectionPadding,
-        selectionWidth,
-        selectionColor,
-        currentScale: scaleRatio
-      });
-      break;
-  }
-
-  restoreShapeTransformations(ctx);
-};
-
-exports.drawSelection = drawSelection;

package/dist/utils/shapeData.js

@@ -1,155 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getShapeInfos = void 0;
-
-var _fp = _interopRequireDefault(require("lodash/fp"));
-
-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,
-    width,
-    y,
-    height
-  };
-};
-
-const getBrushBorder = (brush, selectionPadding) => {
-  const brushPoints = _fp.default.flatMap(points => points, brush.points);
-
-  const minX = _fp.default.flow(_fp.default.map(point => point[0]), _fp.default.min, _fp.default.add(-selectionPadding))(brushPoints);
-
-  const maxX = _fp.default.flow(_fp.default.map(point => point[0]), _fp.default.max, _fp.default.add(selectionPadding))(brushPoints);
-
-  const minY = _fp.default.flow(_fp.default.map(point => point[1]), _fp.default.min, _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,
-    width: maxX - minX,
-    y: minY,
-    height: maxY - minY
-  };
-};
-
-const getPolygonBorder = (polygon, selectionPadding) => {
-  const minX = _fp.default.flow(_fp.default.map(point => point[0]), _fp.default.min, _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);
-
-  const minY = _fp.default.flow(_fp.default.map(point => point[1]), _fp.default.min, _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,
-    width: maxX - minX,
-    y: minY,
-    height: maxY - minY
-  };
-};
-
-const getCurveBorder = getPolygonBorder;
-
-const getRectBorder = (rect, selectionPadding) => {
-  return {
-    x: rect.x - selectionPadding,
-    width: rect.width + selectionPadding * 2,
-    y: rect.y - selectionPadding,
-    height: rect.height + selectionPadding * 2
-  };
-};
-
-const getTextBorder = (text, selectionPadding) => {
-  return {
-    x: text.x - selectionPadding,
-    width: text.width + selectionPadding * 2,
-    y: text.y - selectionPadding,
-    height: text.height + selectionPadding * 2
-  };
-};
-
-const getPictureBorder = (picture, selectionPadding) => {
-  return getRectBorder(picture, selectionPadding);
-};
-
-const getCircleBorder = (circle, selectionPadding) => {
-  return {
-    x: circle.x - circle.radius - selectionPadding,
-    width: (circle.radius + selectionPadding) * 2,
-    y: circle.y - circle.radius - selectionPadding,
-    height: (circle.radius + selectionPadding) * 2
-  };
-};
-
-const getEllipseBorder = (ellipse, selectionPadding) => {
-  return {
-    x: ellipse.x - ellipse.radiusX - selectionPadding,
-    width: (ellipse.radiusX + selectionPadding) * 2,
-    y: ellipse.y - ellipse.radiusY - selectionPadding,
-    height: (ellipse.radiusY + selectionPadding) * 2
-  };
-};
-
-const getShapeBorders = (marker, selectionPadding) => {
-  switch (marker.type) {
-    case 'brush':
-      return getBrushBorder(marker, selectionPadding);
-
-    case 'line':
-      return getLineBorder(marker, selectionPadding);
-
-    case 'polygon':
-      return getPolygonBorder(marker, selectionPadding);
-
-    case 'curve':
-      return getCurveBorder(marker, selectionPadding);
-
-    case 'circle':
-      return getCircleBorder(marker, selectionPadding);
-
-    case 'ellipse':
-      return getEllipseBorder(marker, selectionPadding);
-
-    case 'rect':
-    case 'square':
-      return getRectBorder(marker, selectionPadding);
-
-    case 'text':
-      return getTextBorder(marker, selectionPadding);
-
-    case 'picture':
-      return getPictureBorder(marker, selectionPadding);
-  }
-
-  return {
-    x: 0,
-    y: 0,
-    width: 0,
-    height: 0
-  };
-};
-
-const getShapeCenter = borders => {
-  return [borders.x + borders.width / 2, borders.y + borders.height / 2];
-};
-
-const getShapeInfos = (shape, selectionPadding) => {
-  const borders = getShapeBorders(shape, selectionPadding);
-  const center = getShapeCenter(borders);
-  return {
-    borders,
-    center
-  };
-};
-
-exports.getShapeInfos = getShapeInfos;