@yorab/react-paint 0.9.2 → 0.9.3

package/dist/types/Shapes.d.ts

@@ -42,7 +42,7 @@ export type Ellipse = {
 };
 export type StyleShape = {
     fillColor?: string;
-    globalAlpha?: number;
+    opacity?: number;
     strokeColor?: string;
     lineWidth?: number;
     lineDash?: number;

package/dist/utils/array.d.ts

@@ -0,0 +1 @@
+export declare const compact: <T>(array: (T | null | undefined)[]) => T[];

package/dist/utils/canvas.d.ts

@@ -2,7 +2,7 @@ import type { Point } from '../types/Shapes';
 export declare const initCanvasContext: (ctx: CanvasRenderingContext2D) => void;
 export declare const updateCanvasContext: (ctx: CanvasRenderingContext2D, style?: {
     fillColor?: string;
-    globalAlpha?: number;
+    opacity?: number;
     strokeColor?: string;
     lineWidth?: number;
     lineDash?: number;

package/dist/utils/migration.d.ts

@@ -1,147 +1,2 @@
-import { DrawableShapeJson, Point } from '../types/Shapes';
-export declare const migrateShapesV065: (shapes: DrawableShapeJson[]) => (({
-    visible?: boolean | undefined;
-    locked?: boolean | undefined;
-    rotation: number;
-    style?: import("../types/Shapes").StyleShape | undefined;
-} & import("../types/Shapes").Triangle & {
-    type: "triangle";
-    path?: Path2D | undefined;
-} & {
-    translation?: Point | undefined;
-}) | ({
-    visible?: boolean | undefined;
-    locked?: boolean | undefined;
-    rotation: number;
-    style?: import("../types/Shapes").StyleShape | undefined;
-} & import("../types/Shapes").Line & {
-    type: "line";
-    selection?: import("../types/Shapes").SelectionLinesType | undefined;
-    path?: Path2D | undefined;
-    arrows?: import("../types/Shapes").DrawableShape<"triangle">[] | undefined;
-} & {
-    translation?: Point | undefined;
-}) | ({
-    visible?: boolean | undefined;
-    locked?: boolean | undefined;
-    rotation: number;
-    style?: import("../types/Shapes").StyleShape | undefined;
-} & import("../types/Shapes").Rect & {
-    src: string;
-} & {
-    type: "picture";
-    img: HTMLImageElement;
-    selection?: import("../types/Shapes").SelectionDefaultType | undefined;
-} & {
-    translation?: Point | undefined;
-}) | ({
-    visible?: boolean | undefined;
-    locked?: boolean | undefined;
-    rotation: number;
-    style?: import("../types/Shapes").StyleShape | undefined;
-} & import("../types/Shapes").Rect & {
-    value: string[];
-    fontSize: number;
-} & {
-    type: "text";
-    selection?: import("../types/Shapes").SelectionDefaultType | undefined;
-} & {
-    translation?: Point | undefined;
-}) | ({
-    visible?: boolean | undefined;
-    locked?: boolean | undefined;
-    rotation: number;
-    style?: import("../types/Shapes").StyleShape | undefined;
-} & import("../types/Shapes").Rect & {
-    type: "rect";
-    selection?: import("../types/Shapes").SelectionDefaultType | undefined;
-    path?: Path2D | undefined;
-} & {
-    translation?: Point | undefined;
-}) | ({
-    visible?: boolean | undefined;
-    locked?: boolean | undefined;
-    rotation: number;
-    style?: import("../types/Shapes").StyleShape | undefined;
-} & import("../types/Shapes").Rect & {
-    type: "square";
-    selection?: import("../types/Shapes").SelectionDefaultType | undefined;
-    path?: Path2D | undefined;
-} & {
-    translation?: Point | undefined;
-}) | ({
-    visible?: boolean | undefined;
-    locked?: boolean | undefined;
-    rotation: number;
-    style?: import("../types/Shapes").StyleShape | undefined;
-} & import("../types/Shapes").Circle & {
-    type: "circle";
-    selection?: import("../types/Shapes").SelectionDefaultType | undefined;
-    path?: Path2D | undefined;
-} & {
-    translation?: Point | undefined;
-}) | ({
-    visible?: boolean | undefined;
-    locked?: boolean | undefined;
-    rotation: number;
-    style?: import("../types/Shapes").StyleShape | undefined;
-} & import("../types/Shapes").Ellipse & {
-    type: "ellipse";
-    selection?: import("../types/Shapes").SelectionDefaultType | undefined;
-    path?: Path2D | undefined;
-} & {
-    translation?: Point | undefined;
-}) | ({
-    visible?: boolean | undefined;
-    locked?: boolean | undefined;
-    rotation: number;
-    style?: import("../types/Shapes").StyleShape | undefined;
-} & import("../types/Shapes").Polygon & {
-    type: "polygon";
-    selection?: import("../types/Shapes").SelectionLinesType | undefined;
-    path?: Path2D | undefined;
-} & {
-    translation?: Point | undefined;
-}) | ({
-    visible?: boolean | undefined;
-    locked?: boolean | undefined;
-    rotation: number;
-    style?: import("../types/Shapes").StyleShape | undefined;
-} & import("../types/Shapes").Curve & {
-    type: "curve";
-    selection?: import("../types/Shapes").SelectionLinesType | undefined;
-    path?: Path2D | undefined;
-} & {
-    translation?: Point | undefined;
-}) | ({
-    visible?: boolean | undefined;
-    locked?: boolean | undefined;
-    rotation: number;
-    style?: import("../types/Shapes").StyleShape | undefined;
-} & import("../types/Shapes").Brush & {
-    type: "brush";
-    selection?: import("../types/Shapes").SelectionDefaultType | undefined;
-    path?: Path2D | undefined;
-    scaleX?: number | undefined;
-    scaleY?: number | undefined;
-} & {
-    translation?: Point | undefined;
-}) | {
-    x: number;
-    y: number;
-    selection?: import("../types/Shapes").SelectionDefaultType | undefined;
-    style?: import("../types/Shapes").StyleShape | undefined;
-    type: "rect" | "square" | "circle" | "ellipse" | "picture";
-    rotation: number;
-    visible?: boolean | undefined;
-    locked?: boolean | undefined;
-} | {
-    points: Point[];
-    selection?: import("../types/Shapes").SelectionLinesType | undefined;
-    style?: import("../types/Shapes").StyleShape | undefined;
-    type: "polygon" | "curve";
-    rotation: number;
-    path?: Path2D | undefined;
-    visible?: boolean | undefined;
-    locked?: boolean | undefined;
-} | undefined)[];
+import { DrawableShapeJson } from '../types/Shapes';
+export declare const migrateShapesV065: (shapes: DrawableShapeJson[]) => (DrawableShapeJson | undefined)[];

package/dist/utils/object.d.ts

@@ -0,0 +1,4 @@
+export declare const omit: <T extends Record<string, unknown>>(keys: string[], obj: T) => T;
+export declare const set: <T extends Record<string, any> | unknown[]>(path: string | number | (string | number)[], value: unknown, obj: T) => T;
+export declare const mergeWith: (customMergeFn: (objValue: unknown, srcValue: unknown, key: string) => unknown, target: unknown, source: unknown) => unknown;
+export declare const isEqual: (a: unknown, b: unknown) => boolean;

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

@@ -14,3 +14,4 @@ export declare const getCurveBorder: (polygon: import("../../types/Shapes").Poly
 export declare const translateCurve: <U extends DrawableShape<"curve">>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, gridFormat: GridFormatType, currentScale: number, selectionPadding: number) => U & {
     points: [number, number][];
 };
+export declare const updateCurveLinesCount: <T extends DrawableShape<"curve">>(shape: T, newPointsCount: number, currentScale: number, selectionPadding: number) => T;

package/dist/utils/util.d.ts

@@ -0,0 +1 @@
+export declare const uniqueId: (prefix?: string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yorab/react-paint",
-  "version": "0.9.2",
+  "version": "0.9.3",
   "type": "module",
   "keywords": [],
   "author": "Yohann Rabatel",
@@ -22,10 +22,8 @@
     "package.json",
     "dist/"
   ],
-  "dependencies": {
-    "lodash": "4.17.21"
-  },
   "devDependencies": {
+    "@rollup/plugin-terser": "^0.4.4",
     "@storybook/addon-essentials": "7.6.3",
     "@storybook/addon-interactions": "7.6.3",
     "@storybook/addon-links": "7.6.3",
@@ -34,7 +32,6 @@
     "@storybook/react-vite": "7.6.3",
     "@storybook/test": "^7.6.3",
     "@storybook/testing-library": "0.2.2",
-    "@types/lodash": "4.14.196",
     "@types/node": "20.4.5",
     "@types/react": "18.2.17",
     "@types/react-dom": "18.2.7",