@yorab/react-paint 0.17.0 → 0.17.1

package/dist/canvas/hooks/useReactPaint.d.ts

@@ -33,7 +33,7 @@ type EditorProps = {
     backwardShape: () => void;
     forwardShape: () => void;
     removeShapePoint: (shape: ShapeEntity<'curve' | 'polygon'>, pointIndex: number) => void;
-    transformShape: (shapes: ShapeEntity[], center: Point, action: 'flipHorizontally' | 'flipVertically' | 'rotateClockwise' | 'rotateCounterclockwise') => void;
+    transformShape: (ctx: CanvasRenderingContext2D, shapes: ShapeEntity[], center: Point, action: 'flipHorizontally' | 'flipVertically' | 'rotateClockwise' | 'rotateCounterclockwise') => void;
     refs: {
         canvas: React.RefObject<HTMLCanvasElement | null>;
         editor: React.RefObject<HTMLElement | null>;

package/dist/canvas/hooks/useShapes.d.ts

@@ -27,7 +27,7 @@ declare const useShapes: (settings: UtilsSettings, width: number, height: number
     toggleShapeLock: (shapeGroup: ShapeEntity[]) => void;
     removeShape: (shapes: ShapeEntity[]) => void;
     updateShape: (updatedShapes: ShapeEntity[], withSave?: boolean) => void;
-    transformShape: (shapes: ShapeEntity[], center: Point, action: "flipHorizontally" | "flipVertically" | "rotateClockwise" | "rotateCounterclockwise") => void;
+    transformShape: (ctx: CanvasRenderingContext2D, shapes: ShapeEntity[], center: Point, action: "flipHorizontally" | "flipVertically" | "rotateClockwise" | "rotateCounterclockwise") => void;
     backwardShape: () => void;
     forwardShape: () => void;
     clearShapes: (shapesToInit: ShapeEntity[], options: {

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

@@ -4,12 +4,6 @@ import type { DrawableShape, Point, Rect, SelectionType, ShapeEntity } from './.
 import type { ToolsSettingsType } from './../../../common/types/tools';
 import { type GroupResizeContext } from './group';
 export declare const getBrushBorder: (brush: DrawableShape<"brush">, { selectionPadding }: Pick<UtilsSettings, "selectionPadding">) => Rect;
-export declare const getComputedBrush: (brush: DrawableShape<"brush">, settings: UtilsSettings) => {
-    borders: Rect;
-    outerBorders: Rect;
-    center: Point;
-    boundingBox: Rect;
-};
 export declare const refreshBrush: <T extends DrawableShape<"brush">>(brush: T & {
     id: string;
 }, settings: UtilsSettings) => ShapeEntity<"brush">;

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

@@ -1,14 +1,8 @@
 import type { UtilsSettings } from './../../../canvas/constants/app';
 import type { SelectionModeResize } from './../../../common/types/Mode';
-import type { DrawableShape, Point, Rect, SelectionType, ShapeEntity } from './../../../common/types/Shapes';
+import type { DrawableShape, Point, SelectionType, ShapeEntity } from './../../../common/types/Shapes';
 import type { ToolsSettingsType } from './../../../common/types/tools';
 import { type GroupResizeContext } from './group';
-export declare const getComputedCircle: (circle: DrawableShape<"circle">, settings: UtilsSettings) => {
-    borders: Rect;
-    outerBorders: Rect;
-    center: Point;
-    boundingBox: Rect;
-};
 export declare const refreshCircle: <T extends DrawableShape<"circle">>(shape: T & {
     id: string;
 }, settings: UtilsSettings) => ShapeEntity<"circle">;

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

@@ -1,13 +1,7 @@
 import type { UtilsSettings } from './../../../canvas/constants/app';
 import type { SelectionModeResize } from './../../../common/types/Mode';
-import type { DrawableShape, Point, Rect, ShapeEntity } from './../../../common/types/Shapes';
+import type { DrawableShape, Point, ShapeEntity } from './../../../common/types/Shapes';
 import type { ToolsSettingsType } from './../../../common/types/tools';
-export declare const getComputedCurve: (curve: DrawableShape<"curve">, settings: UtilsSettings) => {
-    borders: Rect;
-    outerBorders: Rect;
-    center: Point;
-    boundingBox: Rect;
-};
 export declare const refreshCurve: <T extends DrawableShape<"curve">>(shape: T & {
     id: string;
 }, settings: UtilsSettings) => ShapeEntity<"curve">;

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

@@ -1,14 +1,8 @@
 import type { UtilsSettings } from './../../../canvas/constants/app';
 import type { SelectionModeResize } from './../../../common/types/Mode';
-import type { DrawableShape, Point, Rect, SelectionType, ShapeEntity } from './../../../common/types/Shapes';
+import type { DrawableShape, Point, SelectionType, ShapeEntity } from './../../../common/types/Shapes';
 import type { ToolsSettingsType } from './../../../common/types/tools';
 import { type GroupResizeContext } from './group';
-export declare const getComputedEllipse: (ellipse: DrawableShape<"ellipse">, settings: UtilsSettings) => {
-    borders: Rect;
-    outerBorders: Rect;
-    center: Point;
-    boundingBox: Rect;
-};
 export declare const refreshEllipse: <T extends DrawableShape<"ellipse">>(shape: T & {
     id: string;
 }, settings: UtilsSettings) => ShapeEntity<"ellipse">;

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

@@ -10,16 +10,11 @@ export declare const drawShape: (ctx: CanvasRenderingContext2D, shape: ShapeEnti
 export declare const rotateShape: <T extends ShapeEntity>(shape: T, rotationToApply: number, selectionCenter: Point) => T;
 export declare const resizeShape: <T extends ShapeEntity>(ctx: CanvasRenderingContext2D, cursorPosition: Point, originalShape: T, selectionMode: SelectionModeData<Point | number>, settings: UtilsSettings, isShiftPressed: boolean, isAltPressed: boolean) => T;
 export declare const resizeShapes: (ctx: CanvasRenderingContext2D, cursorPosition: Point, originalShape: SelectionType, selectionMode: SelectionModeResize<Point | number>, settings: UtilsSettings, isShiftPressed: boolean, isAltPressed: boolean) => ShapeEntity[];
+export declare const flipShapes: (ctx: CanvasRenderingContext2D, shapes: ShapeEntity[], selectedShapes: ShapeEntity[], center: Point, action: "flipHorizontally" | "flipVertically", settings: UtilsSettings) => ShapeEntity[];
 export declare const translateShapes: (cursorPosition: Point, originalShape: SelectionType, originalCursorPosition: Point, settings: UtilsSettings, isShiftPressed: boolean) => ShapeEntity[];
 export declare const refreshShape: (shape: DrawableShape & {
     id: string;
 }, settings: UtilsSettings) => ShapeEntity;
-export declare const getShapeComputedData: (shape: DrawableShape, settings: UtilsSettings) => {
-    borders: import("./../../../common/types/Shapes").Rect;
-    outerBorders: import("./../../../common/types/Shapes").Rect;
-    center: Point;
-    boundingBox: import("./../../../common/types/Shapes").Rect;
-} | undefined;
 export declare const drawShapeSelection: ({ ctx, shape, settings, selectionWidth, selectionColor, hoverMode, selectionMode, withAnchors }: {
     ctx: CanvasRenderingContext2D;
     shape: SelectionType;

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

@@ -1,14 +1,8 @@
 import type { UtilsSettings } from './../../../canvas/constants/app';
 import type { SelectionModeResize } from './../../../common/types/Mode';
-import type { DrawableShape, Point, Rect, SelectionType, ShapeEntity, StyleShape, Triangle } from './../../../common/types/Shapes';
+import type { DrawableShape, Point, SelectionType, ShapeEntity, StyleShape, Triangle } from './../../../common/types/Shapes';
 import type { ToolsSettingsType } from './../../../common/types/tools';
 import { type GroupResizeContext } from './group';
-export declare const getComputedLine: (line: DrawableShape<"line">, settings: UtilsSettings) => {
-    borders: Rect;
-    outerBorders: Rect;
-    center: Point;
-    boundingBox: Rect;
-};
 export declare const refreshLine: <T extends DrawableShape<"line">>(line: T & {
     id: string;
 }, settings: UtilsSettings) => ShapeEntity<"line">;

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

@@ -2,12 +2,6 @@ import type { UtilsSettings } from './../../../canvas/constants/app';
 import type { SelectionModeResize } from './../../../common/types/Mode';
 import type { DrawableShape, Point, SelectionType, ShapeEntity } from './../../../common/types/Shapes';
 import { type GroupResizeContext } from './group';
-export declare const getComputedPicture: (picture: DrawableShape<"picture">, settings: UtilsSettings) => {
-    borders: import("./../../../common/types/Shapes").Rect;
-    outerBorders: import("./../../../common/types/Shapes").Rect;
-    center: Point;
-    boundingBox: import("./../../../common/types/Shapes").Rect;
-};
 export declare const refreshPicture: <T extends DrawableShape<"picture">>(shape: T & {
     id: string;
 }, settings: UtilsSettings) => ShapeEntity<"picture">;

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

@@ -2,12 +2,6 @@ import type { UtilsSettings } from './../../../canvas/constants/app';
 import type { SelectionModeResize } from './../../../common/types/Mode';
 import type { DrawableShape, Point, Polygon, Rect, ShapeEntity } from './../../../common/types/Shapes';
 import type { ToolsSettingsType } from './../../../common/types/tools';
-export declare const getComputedPolygon: (polygon: DrawableShape<"polygon">, settings: UtilsSettings) => {
-    borders: Rect;
-    outerBorders: Rect;
-    center: Point;
-    boundingBox: Rect;
-};
 export declare const refreshPolygon: <T extends DrawableShape<"polygon">>(shape: T & {
     id: string;
 }, settings: UtilsSettings) => ShapeEntity<"polygon">;

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

@@ -4,12 +4,6 @@ import type { DrawableShape, Point, Rect, SelectionType, ShapeEntity } from './.
 import type { ToolsSettingsType } from './../../../common/types/tools';
 import { type GroupResizeContext } from './group';
 type rectish = 'rect' | 'square';
-export declare const getComputedRect: (rect: DrawableShape<rectish>, settings: UtilsSettings) => {
-    borders: Rect;
-    outerBorders: Rect;
-    center: Point;
-    boundingBox: Rect;
-};
 export declare const refreshRect: <T extends rectish>(rect: DrawableShape<rectish> & {
     id: string;
 }, settings: UtilsSettings) => ShapeEntity<T>;

package/dist/editor/components/toolbox/ContextMenu.d.ts

@@ -17,7 +17,7 @@ type ContextMenuType = {
     pasteShapes: (shapes: ShapeEntity[]) => void;
     moveShapes: (shapes: ShapeEntity[], action: 'first' | 'last' | 'forward' | 'backward') => void;
     removeShapePoint: (shape: ShapeEntity<'curve' | 'polygon'>, pointIndex: number) => void;
-    transformShape: (shapes: ShapeEntity[], center: Point, action: 'flipHorizontally' | 'flipVertically' | 'rotateClockwise' | 'rotateCounterclockwise') => void;
+    transformShape: (ctx: CanvasRenderingContext2D, shapes: ShapeEntity[], center: Point, action: 'flipHorizontally' | 'flipVertically' | 'rotateClockwise' | 'rotateCounterclockwise') => void;
 };
 declare const ContextMenu: ({ moveShapes, selectAllShapes, selectionMode, transformShape, settings, canvasRef, closeContextMenu, toggleShapeVisibility, toggleShapeLock, removeShape, duplicateShapes, copiedShape, setCopiedShape, pasteShapes, removeShapePoint }: ContextMenuType) => import("react/jsx-runtime").JSX.Element;
 export default ContextMenu;