@yorab/react-paint 0.10.0 → 0.10.1

package/dist/utils/intersect.d.ts

@@ -1,10 +1,11 @@
 import type { HoverModeData } from '../types/Mode';
 import type { DrawableShape, Point, Rect } from '../types/Shapes';
-export declare const getCursorPosition: (e: MouseEvent | TouchEvent, canvas: HTMLCanvasElement | null, givenWidth: number, givenHeight: number, scaleRatio?: number) => Point;
+import { UtilsSettings } from 'src/constants/app';
+export declare const getCursorPosition: (e: MouseEvent | TouchEvent, canvas: HTMLCanvasElement | null, settings: UtilsSettings) => Point;
 export declare const isTouchGesture: (e: MouseEvent | TouchEvent) => e is TouchEvent;
 export declare const getPointPositionAfterCanvasTransformation: (point: Point, shapeRotation: number, [originX, originY]: Point, [canvasOffsetX, canvasOffsetY]: Point) => Point;
 export declare const getPointPositionBeforeCanvasTransformation: (point: Point, shapeRotation: number, [originX, originY]: Point, [canvasOffsetX, canvasOffsetY]: Point) => Point;
-export declare const checkSelectionIntersection: (shape: DrawableShape, position: Point, canvasOffset: Point, selectionPadding: number, currentScale: number, checkAnchors?: boolean, radius?: number) => false | HoverModeData;
-export declare const checkPositionIntersection: (ctx: CanvasRenderingContext2D, shape: DrawableShape, position: Point, canvasOffset: Point, selectionPadding: number, currentScale: number) => false | HoverModeData;
+export declare const checkSelectionIntersection: (shape: DrawableShape, position: Point, settings: UtilsSettings, checkAnchors?: boolean, radius?: number) => false | HoverModeData;
+export declare const checkPositionIntersection: (ctx: CanvasRenderingContext2D, shape: DrawableShape, position: Point, settings: UtilsSettings) => false | HoverModeData;
 export declare function getRectIntersection(rect1: Rect, rect2: Rect): Rect | undefined;
-export declare const checkSelectionFrameCollision: (ctx: CanvasRenderingContext2D, shape: DrawableShape, selectionFrame: [Point, Point], canvasOffset: Point, selectionPadding: number) => boolean;
+export declare const checkSelectionFrameCollision: (ctx: CanvasRenderingContext2D, shape: DrawableShape, selectionFrame: [Point, Point], settings: UtilsSettings) => boolean;

package/dist/utils/selection/lineSelection.d.ts

@@ -1,12 +1,13 @@
+import { UtilsSettings } from 'src/constants/app';
 import { DrawableShape, Point, SelectionLinesType } from 'src/types/Shapes';
 export declare const createLineSelectionPath: (path: Path2D | undefined, shape: DrawableShape<'line' | 'polygon' | 'curve'> & {
     points: readonly Point[];
-}, currentScale: number, selectionPadding: number, gravityAnchors?: boolean) => SelectionLinesType;
-export declare const drawLineSelection: ({ ctx, shape, withAnchors, selectionWidth, selectionColor, currentScale }: {
+}, settings: UtilsSettings, gravityAnchors?: boolean) => SelectionLinesType;
+export declare const drawLineSelection: ({ ctx, shape, withAnchors, selectionWidth, selectionColor, settings }: {
     ctx: CanvasRenderingContext2D;
     shape: DrawableShape<'line'> | DrawableShape<'polygon'> | DrawableShape<'curve'>;
     withAnchors: boolean;
     selectionWidth: number;
     selectionColor: string;
-    currentScale?: number | undefined;
+    settings: UtilsSettings;
 }) => void;

package/dist/utils/selection/rectSelection.d.ts

@@ -1,11 +1,11 @@
-import type { GridFormatType } from '../../constants/app';
+import type { UtilsSettings } from '../../constants/app';
 import type { SelectionModeResize } from '../../types/Mode';
 import type { DrawableShape, Point, SelectionDefaultType } from '../../types/Shapes';
-export declare const createRecSelectionPath: (path: Path2D | undefined, rect: DrawableShape, currentScale: number, selectionPadding: number) => SelectionDefaultType;
+export declare const createRecSelectionPath: (path: Path2D | undefined, rect: DrawableShape, settings: UtilsSettings) => SelectionDefaultType;
 export declare const drawSelectionRect: (ctx: CanvasRenderingContext2D, shape: DrawableShape & {
     selection?: SelectionDefaultType;
-}, selectionColor: string, selectionWidth: number, currentScale: number, withAnchors: boolean) => void;
-export declare const resizeRectSelection: (cursorPosition: Point, originalShape: DrawableShape, selectionMode: SelectionModeResize, gridFormat: GridFormatType, selectionPadding: number, keepRatio?: boolean) => {
+}, selectionColor: string, selectionWidth: number, settings: UtilsSettings, withAnchors: boolean) => void;
+export declare const resizeRectSelection: (cursorPosition: Point, originalShape: DrawableShape, selectionMode: SelectionModeResize, settings: UtilsSettings, keepRatio?: boolean) => {
     borderX: number;
     borderHeight: number;
     borderY: number;

package/dist/utils/selection/selectionFrame.d.ts

@@ -1,2 +1,3 @@
+import { UtilsSettings } from 'src/constants/app';
 import type { Point } from '../../types/Shapes';
-export declare const drawFrame: (ctx: CanvasRenderingContext2D, selectionFrame: [Point, Point], currentScale: number) => void;
+export declare const drawFrame: (ctx: CanvasRenderingContext2D, selectionFrame: [Point, Point], settings: UtilsSettings) => void;

package/dist/utils/selection.d.ts

@@ -1,7 +1,8 @@
+import { UtilsSettings } from 'src/constants/app';
 import type { HoverModeData, SelectionModeData } from '../types/Mode';
 import type { Point, ShapeEntity } from '../types/Shapes';
-export declare const getNewSelectionData: (hoverMode: HoverModeData, selectedShape: ShapeEntity, cursorPosition: Point, selectionPadding: number) => SelectionModeData<Point | number> | undefined;
-export declare const selectShape: (ctx: CanvasRenderingContext2D, shapes: ShapeEntity[], cursorPosition: Point, currentScale: number, canvasOffset: Point, selectedShape: ShapeEntity | undefined, selectionPadding: number, isTouchGesture: boolean, withFrameSelection: boolean) => {
+export declare const getNewSelectionData: (hoverMode: HoverModeData, selectedShape: ShapeEntity, cursorPosition: Point, settings: UtilsSettings) => SelectionModeData<Point | number> | undefined;
+export declare const selectShape: (ctx: CanvasRenderingContext2D, shapes: ShapeEntity[], cursorPosition: Point, settings: UtilsSettings, selectedShape: ShapeEntity | undefined, isTouchGesture: boolean, withFrameSelection: boolean) => {
     mode: SelectionModeData<Point | number>;
     shape: ShapeEntity | undefined;
 };

package/dist/utils/shapes/brush.d.ts

@@ -1,20 +1,20 @@
-import { GridFormatType } from '../../constants/app';
+import { UtilsSettings } from '../../constants/app';
 import { SelectionModeResize } from '../../types/Mode';
 import type { DrawableShape, Point, Rect, ShapeEntity } from '../../types/Shapes';
 import type { ToolsSettingsType } from '../../types/tools';
-export declare const refreshBrush: <T extends DrawableShape<"brush">>(brush: T, currentScale: number, selectionPadding: number) => T;
+export declare const refreshBrush: <T extends DrawableShape<"brush">>(brush: T, settings: UtilsSettings) => T;
 export declare const createBrush: (shape: {
     id: string;
     type: 'brush';
     settings: ToolsSettingsType<'brush'>;
-}, cursorPosition: Point, currentScale: number, selectionPadding: number) => ShapeEntity<'brush'>;
+}, cursorPosition: Point, settings: UtilsSettings) => ShapeEntity<'brush'>;
 export declare const drawBrush: (ctx: CanvasRenderingContext2D, shape: DrawableShape<'brush'>) => void;
-export declare const getBrushBorder: (brush: DrawableShape<'brush'>, selectionPadding: number) => Rect;
-export declare const translateBrush: <U extends DrawableShape<"brush">>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, gridFormat: GridFormatType, currentScale: number, selectionPadding: number) => U & {
+export declare const getBrushBorder: (brush: DrawableShape<'brush'>, { selectionPadding }: UtilsSettings) => Rect;
+export declare const translateBrush: <U extends DrawableShape<"brush">>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, settings: UtilsSettings) => U & {
     points: Point[][];
 };
-export declare const resizeBrush: (cursorPosition: Point, originalShape: DrawableShape<'brush'>, selectionMode: SelectionModeResize, gridFormat: GridFormatType, selectionPadding: number, currentScale: number, keepRatio: boolean) => DrawableShape<'brush'>;
-export declare const addNewPointToShape: <T extends DrawableShape<"brush">>(shape: T, cursorPosition: Point, currentScale: number, selectionPadding: number) => T & {
+export declare const resizeBrush: (cursorPosition: Point, originalShape: DrawableShape<'brush'>, selectionMode: SelectionModeResize, settings: UtilsSettings, keepRatio: boolean) => DrawableShape<'brush'>;
+export declare const addNewPointToShape: <T extends DrawableShape<"brush">>(shape: T, cursorPosition: Point, settings: UtilsSettings) => T & {
     points: Point[][];
 };
-export declare const addNewPointGroupToShape: <T extends DrawableShape<"brush">>(shape: T, cursorPosition: Point, currentScale: number, selectionPadding: number) => T;
+export declare const addNewPointGroupToShape: <T extends DrawableShape<"brush">>(shape: T, cursorPosition: Point, settings: UtilsSettings) => T;

package/dist/utils/shapes/circle.d.ts

@@ -1,17 +1,17 @@
-import { GridFormatType } from '../../constants/app';
+import { UtilsSettings } from '../../constants/app';
 import { SelectionModeResize } from '../../types/Mode';
 import type { Circle, DrawableShape, Point, Rect, ShapeEntity } from '../../types/Shapes';
 import type { ToolsSettingsType } from '../../types/tools';
-export declare const refreshCircle: <T extends DrawableShape<"circle">>(shape: T, currentScale: number, selectionPadding: number) => T;
+export declare const refreshCircle: <T extends DrawableShape<"circle">>(shape: T, settings: UtilsSettings) => T;
 export declare const createCircle: (shape: {
     id: string;
     type: 'circle';
     settings: ToolsSettingsType<'circle'>;
-}, cursorPosition: Point, currentScale: number, selectionPadding: number) => ShapeEntity<'circle'>;
+}, cursorPosition: Point, settings: UtilsSettings) => ShapeEntity<'circle'>;
 export declare const drawCircle: (ctx: CanvasRenderingContext2D, circle: DrawableShape<'circle'>) => void;
-export declare const getCircleBorder: (circle: Circle, selectionPadding: number) => Rect;
-export declare const translateCircle: <U extends DrawableShape<"circle">>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, gridFormat: GridFormatType, currentScale: number, selectionPadding: number) => U & {
+export declare const getCircleBorder: (circle: Circle, settings: UtilsSettings) => Rect;
+export declare const translateCircle: <U extends DrawableShape<"circle">>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, settings: UtilsSettings) => U & {
     x: number;
     y: number;
 };
-export declare const resizeCircle: (cursorPosition: Point, originalShape: DrawableShape<'circle'>, selectionMode: SelectionModeResize, gridFormat: GridFormatType, selectionPadding: number, currentScale: number) => DrawableShape<'circle'>;
+export declare const resizeCircle: (cursorPosition: Point, originalShape: DrawableShape<'circle'>, selectionMode: SelectionModeResize, settings: UtilsSettings) => DrawableShape<'circle'>;

package/dist/utils/shapes/curve.d.ts

@@ -1,17 +1,17 @@
-import { GridFormatType } from '../../constants/app';
+import { UtilsSettings } from '../../constants/app';
 import { SelectionModeResize } from '../../types/Mode';
 import type { DrawableShape, Point, ShapeEntity } from '../../types/Shapes';
 import type { ToolsSettingsType } from '../../types/tools';
-export declare const refreshCurve: <T extends DrawableShape<"curve">>(shape: T, currentScale: number, selectionPadding: number) => T;
+export declare const refreshCurve: <T extends DrawableShape<"curve">>(shape: T, settings: UtilsSettings) => T;
 export declare const createCurve: (shape: {
     id: string;
     type: 'curve';
     settings: ToolsSettingsType<'curve'>;
-}, cursorPosition: Point, currentScale: number, selectionPadding: number) => ShapeEntity<'curve'>;
-export declare const resizeCurve: (cursorPosition: Point, canvasOffset: Point, originalShape: DrawableShape<'curve'>, selectionMode: SelectionModeResize<number>, gridFormat: GridFormatType, selectionPadding: number, currentScale: number) => DrawableShape<'curve'>;
+}, cursorPosition: Point, settings: UtilsSettings) => ShapeEntity<'curve'>;
+export declare const resizeCurve: (cursorPosition: Point, originalShape: DrawableShape<'curve'>, selectionMode: SelectionModeResize<number>, settings: UtilsSettings) => DrawableShape<'curve'>;
 export declare const drawCurve: (ctx: CanvasRenderingContext2D, curve: DrawableShape<'curve'>) => void;
-export declare const getCurveBorder: (polygon: import("../../types/Shapes").Polygon, selectionPadding: number) => import("../../types/Shapes").Rect;
-export declare const translateCurve: <U extends DrawableShape<"curve">>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, gridFormat: GridFormatType, currentScale: number, selectionPadding: number) => U & {
+export declare const getCurveBorder: (polygon: import("../../types/Shapes").Polygon, settings: UtilsSettings) => import("../../types/Shapes").Rect;
+export declare const translateCurve: <U extends DrawableShape<"curve">>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, settings: UtilsSettings) => U & {
     points: [number, number][];
 };
-export declare const updateCurveLinesCount: <T extends DrawableShape<"curve">>(shape: T, newPointsCount: number, currentScale: number, selectionPadding: number) => T;
+export declare const updateCurveLinesCount: <T extends DrawableShape<"curve">>(shape: T, newPointsCount: number, settings: UtilsSettings) => T;

package/dist/utils/shapes/ellipse.d.ts

@@ -1,17 +1,17 @@
-import { GridFormatType } from '../../constants/app';
+import { UtilsSettings } from '../../constants/app';
 import { SelectionModeResize } from '../../types/Mode';
 import type { DrawableShape, Ellipse, Point, Rect, ShapeEntity } from '../../types/Shapes';
 import type { ToolsSettingsType } from '../../types/tools';
-export declare const refreshEllipse: <T extends DrawableShape<"ellipse">>(shape: T, currentScale: number, selectionPadding: number) => T;
+export declare const refreshEllipse: <T extends DrawableShape<"ellipse">>(shape: T, settings: UtilsSettings) => T;
 export declare const createEllipse: (shape: {
     id: string;
     type: 'ellipse';
     settings: ToolsSettingsType<'ellipse'>;
-}, cursorPosition: Point, currentScale: number, selectionPadding: number) => ShapeEntity<'ellipse'>;
+}, cursorPosition: Point, settings: UtilsSettings) => ShapeEntity<'ellipse'>;
 export declare const drawEllipse: (ctx: CanvasRenderingContext2D, ellipse: DrawableShape<'ellipse'>) => void;
-export declare const getEllipseBorder: (ellipse: Ellipse, selectionPadding: number) => Rect;
-export declare const translateEllipse: <U extends DrawableShape<"ellipse">>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, gridFormat: GridFormatType, currentScale: number, selectionPadding: number) => U & {
+export declare const getEllipseBorder: (ellipse: Ellipse, settings: UtilsSettings) => Rect;
+export declare const translateEllipse: <U extends DrawableShape<"ellipse">>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, settings: UtilsSettings) => U & {
     x: number;
     y: number;
 };
-export declare const resizeEllipse: (cursorPosition: Point, originalShape: DrawableShape<'ellipse'>, selectionMode: SelectionModeResize, gridFormat: GridFormatType, selectionPadding: number, currentScale: number, keepRatio?: boolean) => DrawableShape<'ellipse'>;
+export declare const resizeEllipse: (cursorPosition: Point, originalShape: DrawableShape<'ellipse'>, selectionMode: SelectionModeResize, settings: UtilsSettings, keepRatio?: boolean) => DrawableShape<'ellipse'>;

package/dist/utils/shapes/index.d.ts

@@ -1,35 +1,32 @@
-import type { GridFormatType } from '../../constants/app';
+import type { UtilsSettings } from '../../constants/app';
 import { SelectionModeData } from '../../types/Mode';
 import type { DrawableShape, Point, Rect, ShapeEntity } from '../../types/Shapes';
 import type { CustomTool } from '../../types/tools';
 export declare const createShape: (ctx: CanvasRenderingContext2D, shape: Exclude<CustomTool, {
     type: 'picture';
-}>, cursorPosition: Point, gridFormat: GridFormatType, currentScale: number, selectionPadding: number) => ShapeEntity;
-export declare const drawShape: (ctx: CanvasRenderingContext2D, shape: DrawableShape, responsiveScale: number, canvasOffset: Point, selectionPadding: number) => void;
-export declare const getShapeInfos: (shape: DrawableShape, selectionPadding: number) => {
+}>, cursorPosition: Point, settings: UtilsSettings) => ShapeEntity;
+export declare const drawShape: (ctx: CanvasRenderingContext2D, shape: DrawableShape, settings: UtilsSettings) => void;
+export declare const getShapeInfos: (shape: DrawableShape, settings: UtilsSettings) => {
     borders: Rect;
     center: Point;
 };
-export declare const rotateShape: <T extends DrawableShape>(shape: T, cursorPosition: Point, originalShape: T, originalCursorPosition: Point, shapeCenter: Point, gridFormat: GridFormatType) => T & {
+export declare const rotateShape: <T extends DrawableShape>(shape: T, cursorPosition: Point, originalShape: T, originalCursorPosition: Point, shapeCenter: Point, settings: UtilsSettings) => T & {
     rotation: number;
 };
-export declare const resizeShape: <T extends DrawableShape>(ctx: CanvasRenderingContext2D, shape: T, cursorPosition: Point, canvasOffset: Point, originalShape: T, selectionMode: SelectionModeData<Point | number>, gridFormat: GridFormatType, selectionPadding: number, isShiftPressed: boolean, currentScale: number) => T;
-export declare const translateShape: (cursorPosition: Point, originalShape: ShapeEntity, originalCursorPosition: Point, gridFormat: GridFormatType, currentScale: number, selectionPadding: number) => ShapeEntity;
-export declare const refreshShape: (shape: ShapeEntity, currentScale: number, selectionPadding: number) => ShapeEntity;
-export declare const drawShapeSelection: ({ ctx, shape, currentScale, canvasOffset, selectionPadding, selectionWidth, selectionColor, withAnchors }: {
+export declare const resizeShape: <T extends DrawableShape>(ctx: CanvasRenderingContext2D, shape: T, cursorPosition: Point, originalShape: T, selectionMode: SelectionModeData<Point | number>, settings: UtilsSettings, isShiftPressed: boolean) => T;
+export declare const translateShape: (cursorPosition: Point, originalShape: ShapeEntity, originalCursorPosition: Point, settings: UtilsSettings) => ShapeEntity;
+export declare const refreshShape: (shape: ShapeEntity, settings: UtilsSettings) => ShapeEntity;
+export declare const drawShapeSelection: ({ ctx, shape, settings, selectionWidth, selectionColor, withAnchors }: {
     ctx: CanvasRenderingContext2D;
     shape: DrawableShape;
-    currentScale: number;
-    canvasOffset: Point;
-    selectionPadding: number;
+    settings: UtilsSettings;
     selectionWidth: number;
     selectionColor: string;
     withAnchors?: boolean | undefined;
 }) => void;
-export declare const drawSelectionFrame: ({ ctx, selectionFrame, currentScale, canvasOffset }: {
+export declare const drawSelectionFrame: ({ ctx, selectionFrame, settings }: {
     ctx: CanvasRenderingContext2D;
     selectionFrame: [Point, Point];
-    currentScale: number;
-    canvasOffset: Point;
+    settings: UtilsSettings;
 }) => void;
-export declare const copyShape: (shape: ShapeEntity, gridFormat: GridFormatType, currentScale: number, selectionPadding: number) => ShapeEntity;
+export declare const copyShape: (shape: ShapeEntity, settings: UtilsSettings) => ShapeEntity;

package/dist/utils/shapes/line.d.ts

@@ -1,17 +1,17 @@
-import { GridFormatType } from '../../constants/app';
+import { UtilsSettings } from '../../constants/app';
 import { SelectionModeResize } from '../../types/Mode';
 import type { DrawableShape, Line, Point, Rect, ShapeEntity, StyleShape, Triangle } from '../../types/Shapes';
 import type { ToolsSettingsType } from '../../types/tools';
-export declare const refreshLine: <T extends DrawableShape<"line">>(line: T, currentScale: number, selectionPadding: number) => T;
+export declare const refreshLine: <T extends DrawableShape<"line">>(line: T, settings: UtilsSettings) => T;
 export declare const createLine: (shape: {
     id: string;
     type: 'line';
     settings: ToolsSettingsType<'line'>;
-}, cursorPosition: Point, currentScale: number, selectionPadding: number) => ShapeEntity<'line'>;
+}, cursorPosition: Point, settings: UtilsSettings) => ShapeEntity<'line'>;
 export declare const buildTriangleOnLine: (center: Point, rotation: number, lineStyle: StyleShape) => Triangle;
 export declare const drawLine: (ctx: CanvasRenderingContext2D, shape: DrawableShape<'line'>) => void;
-export declare const getLineBorder: (line: Line, selectionPadding: number) => Rect;
-export declare const translateLine: <U extends DrawableShape<"line">>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, gridFormat: GridFormatType, currentScale: number, selectionPadding: number) => U & {
+export declare const getLineBorder: (line: Line, settings: UtilsSettings) => Rect;
+export declare const translateLine: <U extends DrawableShape<"line">>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, settings: UtilsSettings) => U & {
     points: [Point, Point];
 };
-export declare const resizeLine: <U extends DrawableShape<"line">>(cursorPosition: Point, canvasOffset: Point, originalShape: U, selectionMode: SelectionModeResize<number>, gridFormat: GridFormatType, selectionPadding: number, currentScale: number) => U;
+export declare const resizeLine: <U extends DrawableShape<"line">>(cursorPosition: Point, originalShape: U, selectionMode: SelectionModeResize<number>, settings: UtilsSettings) => U;

package/dist/utils/shapes/path.d.ts

@@ -1,9 +1,10 @@
+import { UtilsSettings } from 'src/constants/app';
 import { Circle, DrawableShape, Line, Rect } from '../../types/Shapes';
 export declare const createRecPath: (rect: Rect) => Path2D;
 export declare const createCirclePath: (shape: Circle) => Path2D;
 export declare const createEllipsePath: (ellipse: DrawableShape<'ellipse'>) => Path2D;
 export declare const createLinePath: (line: Line) => Path2D;
-export declare const createBrushPath: (brush: DrawableShape<'brush'>, selectionPadding: number) => Path2D | undefined;
+export declare const createBrushPath: (brush: DrawableShape<'brush'>, settings: UtilsSettings) => Path2D | undefined;
 export declare const createCurvePath: (curve: DrawableShape<'curve'>) => Path2D | undefined;
 export declare const createPolygonPath: (polygon: DrawableShape<'polygon'>) => Path2D | undefined;
 export declare const createTrianglePath: (triangle: DrawableShape<'triangle'>) => Path2D;

package/dist/utils/shapes/picture.d.ts

@@ -1,12 +1,12 @@
-import { GridFormatType } from '../../constants/app';
+import { UtilsSettings } from '../../constants/app';
 import { SelectionModeResize } from '../../types/Mode';
 import type { DrawableShape, Picture, Point, Rect, ShapeEntity } from '../../types/Shapes';
-export declare const refreshPicture: <T extends DrawableShape<"picture">>(shape: T, currentScale: number, selectionPadding: number) => T;
-export declare const createPicture: (fileOrUrl: File | string, maxPictureWidth: number, maxPictureHeight: number, currentScale: number, selectionPadding: number) => Promise<ShapeEntity<"picture">>;
+export declare const refreshPicture: <T extends DrawableShape<"picture">>(shape: T, settings: UtilsSettings) => T;
+export declare const createPicture: (fileOrUrl: File | string, maxPictureWidth: number, maxPictureHeight: number, settings: UtilsSettings) => Promise<ShapeEntity<"picture">>;
 export declare const drawPicture: (ctx: CanvasRenderingContext2D, picture: DrawableShape<'picture'>) => void;
-export declare const getPictureBorder: (picture: Picture, selectionPadding: number) => Rect;
-export declare const translatePicture: <U extends DrawableShape<"picture">>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, gridFormat: GridFormatType, currentScale: number, selectionPadding: number) => U & {
+export declare const getPictureBorder: (picture: Picture, settings: UtilsSettings) => Rect;
+export declare const translatePicture: <U extends DrawableShape<"picture">>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, settings: UtilsSettings) => U & {
     x: number;
     y: number;
 };
-export declare const resizePicture: (cursorPosition: Point, originalShape: DrawableShape<'picture'>, selectionMode: SelectionModeResize, gridFormat: GridFormatType, selectionPadding: number, currentScale: number, keepRatio: boolean) => DrawableShape<'picture'>;
+export declare const resizePicture: (cursorPosition: Point, originalShape: DrawableShape<'picture'>, selectionMode: SelectionModeResize, settings: UtilsSettings, keepRatio: boolean) => DrawableShape<'picture'>;

package/dist/utils/shapes/polygon.d.ts

@@ -1,17 +1,17 @@
-import { GridFormatType } from '../../constants/app';
+import { UtilsSettings } from '../../constants/app';
 import { SelectionModeResize } from '../../types/Mode';
 import type { DrawableShape, Point, Polygon, Rect, ShapeEntity } from '../../types/Shapes';
 import type { ToolsSettingsType } from '../../types/tools';
-export declare const refreshPolygon: <T extends DrawableShape<"polygon">>(shape: T, currentScale: number, selectionPadding: number) => T;
+export declare const refreshPolygon: <T extends DrawableShape<"polygon">>(shape: T, settings: UtilsSettings) => T;
 export declare const createPolygon: (shape: {
     id: string;
     type: 'polygon';
     settings: ToolsSettingsType<'polygon'>;
-}, cursorPosition: Point, currentScale: number, selectionPadding: number) => ShapeEntity<'polygon'>;
+}, cursorPosition: Point, settings: UtilsSettings) => ShapeEntity<'polygon'>;
 export declare const drawPolygon: (ctx: CanvasRenderingContext2D, polygon: DrawableShape<'polygon'>) => void;
-export declare const getPolygonBorder: (polygon: Polygon, selectionPadding: number) => Rect;
-export declare const translatePolygon: <U extends DrawableShape<"polygon">>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, gridFormat: GridFormatType, currentScale: number, selectionPadding: number) => U & {
+export declare const getPolygonBorder: (polygon: Polygon, settings: UtilsSettings) => Rect;
+export declare const translatePolygon: <U extends DrawableShape<"polygon">>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, settings: UtilsSettings) => U & {
     points: [number, number][];
 };
-export declare const resizePolygon: (cursorPosition: Point, canvasOffset: Point, originalShape: DrawableShape<'polygon'>, selectionMode: SelectionModeResize<number>, gridFormat: GridFormatType, selectionPadding: number, currentScale: number) => DrawableShape<'polygon'>;
-export declare const updatePolygonLinesCount: <T extends DrawableShape<"polygon">>(shape: T, newPointsCount: number, currentScale: number, selectionPadding: number) => T;
+export declare const resizePolygon: (cursorPosition: Point, originalShape: DrawableShape<'polygon'>, selectionMode: SelectionModeResize<number>, settings: UtilsSettings) => DrawableShape<'polygon'>;
+export declare const updatePolygonLinesCount: <T extends DrawableShape<"polygon">>(shape: T, newPointsCount: number, settings: UtilsSettings) => T;

package/dist/utils/shapes/rectangle.d.ts

@@ -1,20 +1,20 @@
-import type { GridFormatType } from '../../constants/app';
+import type { UtilsSettings } from '../../constants/app';
 import type { SelectionModeResize } from '../../types/Mode';
 import type { DrawableShape, Point, Rect, ShapeEntity } from '../../types/Shapes';
 import type { ToolsSettingsType } from '../../types/tools';
 type rectish = 'text' | 'rect' | 'square' | 'picture';
-export declare const refreshRect: <T extends DrawableShape<rectish>>(rect: T, currentScale: number, selectionPadding: number) => T;
+export declare const refreshRect: <T extends DrawableShape<rectish>>(rect: T, settings: UtilsSettings) => T;
 export declare const createRectangle: <T extends "rect" | "square">(shape: {
     id: string;
     type: T;
     settings: ToolsSettingsType<T>;
-}, cursorPosition: Point, currentScale: number, selectionPadding: number, width?: number, height?: number) => ShapeEntity<T>;
+}, cursorPosition: Point, settings: UtilsSettings, width?: number, height?: number) => ShapeEntity<T>;
 export declare const drawRect: (ctx: CanvasRenderingContext2D, shape: DrawableShape<'rect' | 'square'>) => void;
-export declare const getRectBorder: (rect: Rect, selectionPadding: number) => Rect;
-export declare const getRectOppositeAnchorAbsolutePosition: <T extends DrawableShape & Rect>(anchor: Point, center: Point, shape: T, canvasOffset: Point, [negW, negH]?: [boolean, boolean]) => Point;
-export declare const translateRect: <T extends "rect" | "square", U extends DrawableShape<T>>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, gridFormat: GridFormatType, currentScale: number, selectionPadding: number) => U & {
+export declare const getRectBorder: (rect: Rect, settings: UtilsSettings) => Rect;
+export declare const getRectOppositeAnchorAbsolutePosition: <T extends DrawableShape & Rect>(anchor: Point, center: Point, shape: T, settings: UtilsSettings, [negW, negH]?: [boolean, boolean]) => Point;
+export declare const translateRect: <T extends "rect" | "square", U extends DrawableShape<T>>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, settings: UtilsSettings) => U & {
     x: number;
     y: number;
 };
-export declare const resizeRect: <T extends rectish>(cursorPosition: Point, originalShape: DrawableShape<T>, selectionMode: SelectionModeResize, gridFormat: GridFormatType, selectionPadding: number, currentScale: number, keepRatio?: boolean) => DrawableShape<T>;
+export declare const resizeRect: <T extends rectish>(cursorPosition: Point, originalShape: DrawableShape<T>, selectionMode: SelectionModeResize, settings: UtilsSettings, keepRatio?: boolean) => DrawableShape<T>;
 export {};

package/dist/utils/shapes/text.d.ts

@@ -1,19 +1,19 @@
-import { GridFormatType } from '../../constants/app';
+import { UtilsSettings } from '../../constants/app';
 import { SelectionModeResize } from '../../types/Mode';
 import type { DrawableShape, Point, Rect, ShapeEntity, Text } from '../../types/Shapes';
 import type { ToolsSettingsType } from '../../types/tools';
-export declare const refreshText: <T extends DrawableShape<"text">>(shape: T, currentScale: number, selectionPadding: number) => T;
+export declare const refreshText: <T extends DrawableShape<"text">>(shape: T, settings: UtilsSettings) => T;
 export declare const calculateTextFontSize: (ctx: CanvasRenderingContext2D, text: string[], maxWidth: number, fontBold: boolean, fontItalic: boolean, fontFamily?: string | undefined) => number;
 export declare const createText: (ctx: CanvasRenderingContext2D, shape: {
     id: string;
     type: 'text';
     settings: ToolsSettingsType<'text'>;
-}, cursorPosition: Point, currentScale: number, selectionPadding: number) => ShapeEntity<'text'>;
+}, cursorPosition: Point, settings: UtilsSettings) => ShapeEntity<'text'>;
 export declare const drawText: (ctx: CanvasRenderingContext2D, text: DrawableShape<'text'>) => void;
-export declare const getTextBorder: (text: Text, selectionPadding: number) => Rect;
-export declare const translateText: <U extends DrawableShape<"text">>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, gridFormat: GridFormatType, currentScale: number, selectionPadding: number) => U & {
+export declare const getTextBorder: (text: Text, settings: UtilsSettings) => Rect;
+export declare const translateText: <U extends DrawableShape<"text">>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, settings: UtilsSettings) => U & {
     x: number;
     y: number;
 };
-export declare const resizeText: (ctx: CanvasRenderingContext2D, cursorPosition: Point, originalShape: DrawableShape<'text'>, selectionMode: SelectionModeResize, gridFormat: GridFormatType, selectionPadding: number, currentScale: number) => DrawableShape<'text'>;
-export declare const resizeTextShapeWithNewContent: <U extends DrawableShape<"text">>(ctx: CanvasRenderingContext2D, shape: U, newValue: string[], selectionPadding: number, canvasOffset: Point) => U;
+export declare const resizeText: (ctx: CanvasRenderingContext2D, cursorPosition: Point, originalShape: DrawableShape<'text'>, selectionMode: SelectionModeResize, settings: UtilsSettings) => DrawableShape<'text'>;
+export declare const resizeTextShapeWithNewContent: <U extends DrawableShape<"text">>(ctx: CanvasRenderingContext2D, shape: U, newValue: string[], settings: UtilsSettings) => U;

package/dist/utils/transform.d.ts

@@ -1,12 +1,12 @@
-import type { GridFormatType } from '../constants/app';
+import type { UtilsSettings } from '../constants/app';
 import type { SelectionModeData } from '../types/Mode';
 import type { DrawableShape, Line, Point, ShapeEntity } from '../types/Shapes';
 export declare const getNormalizedSize: (originalWidth: number, originalHeight: number, width: number, height: number) => number[];
 export declare const roundValues: (prop: number, precision?: number) => number;
 export declare const scalePoint: (point: Point, minX: number, minY: number, scaleX?: number, scaleY?: number) => Point;
-export declare const roundForGrid: (value: number, gridFormat: GridFormatType, gridOffset?: number) => number;
-export declare const roundRotationForGrid: (rotation: number, gridFormat: GridFormatType, gridOffset?: number) => number;
-export declare const transformShape: (ctx: CanvasRenderingContext2D, shape: ShapeEntity, cursorPosition: Point, gridFormat: GridFormatType, canvasOffset: Point, selectionMode: SelectionModeData<Point | number>, selectionPadding: number, isShiftPressed: boolean, currentScale: number) => ShapeEntity;
+export declare const roundForGrid: (value: number, settings: UtilsSettings, gridOffset?: number) => number;
+export declare const roundRotationForGrid: (rotation: number, settings: UtilsSettings, gridOffset?: number) => number;
+export declare const transformShape: (ctx: CanvasRenderingContext2D, shape: ShapeEntity, cursorPosition: Point, selectionMode: SelectionModeData<Point | number>, settings: UtilsSettings, isShiftPressed: boolean) => ShapeEntity;
 export declare const fitContentInsideContainer: (contentWidth: number, contentHeight: number, containerWidth: number, containerHeight: number, shouldFillContainer?: boolean) => number[];
 export declare const shortenLine: ({ line, size, direction }: {
     line: DrawableShape<'line'>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@yorab/react-paint",
-	"version": "0.10.0",
+	"version": "0.10.1",
 	"type": "module",
 	"keywords": [],
 	"author": "Yohann Rabatel",
@@ -37,7 +37,7 @@
 		"react-dom": "18.2.0",
 		"storybook": "7.6.3",
 		"typescript": "5.3.2",
-		"vite": "5.0.12",
+		"vite": "5.0.13",
 		"vite-tsconfig-paths": "4.2.0"
 	},
 	"peerDependencies": {