@yorab/react-paint 0.11.0 → 0.11.2

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

@@ -1,3 +1,3 @@
 import type { DrawableShape, Triangle } from './../../../common/types/Shapes';
-export declare const createTriangle: (triangle: Triangle) => DrawableShape<'triangle'>;
-export declare const drawTriangle: (ctx: CanvasRenderingContext2D, triangle: DrawableShape<'triangle'>) => void;
+export declare const createTriangle: (triangle: Triangle) => DrawableShape<"triangle">;
+export declare const drawTriangle: (ctx: CanvasRenderingContext2D, triangle: DrawableShape<"triangle">) => void;

package/dist/canvas/utils/transform.d.ts

@@ -9,7 +9,7 @@ export declare const roundRotationForGrid: (rotation: number, settings: UtilsSet
 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'>;
+    line: DrawableShape<"line">;
     size: number;
-    direction: 'start' | 'end' | 'both';
+    direction: "start" | "end" | "both";
 }) => Line;

package/dist/common/types/tools.d.ts

@@ -1,11 +1,39 @@
 import type { ShapeType } from './Shapes';
 export type CustomToolInput = {
     id: string;
-    type: ShapeType;
     icon?: string;
     label?: string;
-    settings?: ToolsSettingsType<ShapeType>;
-};
+} & ({
+    type: 'brush';
+    settings: ToolsSettingsType<'brush'>;
+} | {
+    type: 'circle';
+    settings: ToolsSettingsType<'circle'>;
+} | {
+    type: 'ellipse';
+    settings: ToolsSettingsType<'ellipse'>;
+} | {
+    type: 'rect';
+    settings: ToolsSettingsType<'rect'>;
+} | {
+    type: 'square';
+    settings: ToolsSettingsType<'square'>;
+} | {
+    type: 'line';
+    settings: ToolsSettingsType<'line'>;
+} | {
+    type: 'polygon';
+    settings: ToolsSettingsType<'polygon'>;
+} | {
+    type: 'curve';
+    settings: ToolsSettingsType<'curve'>;
+} | {
+    type: 'text';
+    settings: ToolsSettingsType<'text'>;
+} | {
+    type: 'picture';
+    settings: ToolsSettingsType<'picture'>;
+});
 export type CustomTool = {
     id: string;
     icon: string;
@@ -47,18 +75,21 @@ export type SettingsOpacity = {
         max: number;
         step: number;
         default: number;
+        hidden?: boolean;
     };
 };
 export type SettingsStrokeColor = {
     strokeColor: {
         values: string[];
         default: string;
+        hidden?: boolean;
     };
 };
 export type SettingsFillColor = {
     fillColor: {
         values: string[];
         default: string;
+        hidden?: boolean;
     };
 };
 export type SettingsLineWidth = {
@@ -67,32 +98,38 @@ export type SettingsLineWidth = {
         max: number;
         step: number;
         default: number;
+        hidden?: boolean;
     };
 };
 export type SettingsLineDash = {
     lineDash: {
         values: number[];
         default: number;
+        hidden?: boolean;
     };
 };
 export type SettingsLineArrow = {
     lineArrow: {
         values: number[];
         default: number;
+        hidden?: boolean;
     };
 };
 export type SettingsFont = {
     fontFamily: {
         values: string[];
         default: string;
+        hidden?: boolean;
     };
     fontBold: {
         values: boolean[];
         default: boolean;
+        hidden?: boolean;
     };
     fontItalic: {
         values: boolean[];
         default: boolean;
+        hidden?: boolean;
     };
 };
 export type SettingsPointsCount = {
@@ -101,6 +138,7 @@ export type SettingsPointsCount = {
         max: number;
         step: number;
         default: number;
+        hidden?: boolean;
     };
 };
 export type ToolsRectSettings = SettingsStrokeColor & SettingsFillColor & SettingsOpacity & SettingsLineWidth & SettingsLineDash;
@@ -114,7 +152,7 @@ export type ToolsPolygonSettings = SettingsOpacity & SettingsStrokeColor & Setti
 export type ToolsCurveSettings = SettingsOpacity & SettingsStrokeColor & SettingsFillColor & SettingsLineWidth & SettingsLineDash & SettingsPointsCount;
 export type ToolsTriangleSettings = SettingsStrokeColor & SettingsFillColor & SettingsOpacity & SettingsLineWidth & SettingsLineDash;
 export type ToolsPictureSettings = SettingsOpacity;
-export type ToolsSettingsType<T extends ShapeType> = T extends 'rect' ? ToolsRectSettings : T extends 'square' ? ToolsSquareSettings : T extends 'circle' ? ToolsCircleSettings : T extends 'ellipse' ? ToolsEllipseSettings : T extends 'text' ? ToolsTextSettings : T extends 'line' ? ToolsLineSettings : T extends 'brush' ? ToolsBrushSettings : T extends 'polygon' ? ToolsPolygonSettings : T extends 'curve' ? ToolsCurveSettings : T extends 'triangle' ? ToolsTriangleSettings : T extends 'picture' ? ToolsPictureSettings : unknown;
+export type ToolsSettingsType<T extends ShapeType> = T extends 'rect' ? ToolsRectSettings : T extends 'square' ? ToolsSquareSettings : T extends 'circle' ? ToolsCircleSettings : T extends 'ellipse' ? ToolsEllipseSettings : T extends 'text' ? ToolsTextSettings : T extends 'line' ? ToolsLineSettings : T extends 'brush' ? ToolsBrushSettings : T extends 'polygon' ? ToolsPolygonSettings : T extends 'curve' ? ToolsCurveSettings : T extends 'triangle' ? ToolsTriangleSettings : T extends 'picture' ? ToolsPictureSettings : never;
 export type ActionsType = 'selection' | 'undo' | 'redo' | 'clear' | 'export' | 'loadfile' | 'savefile' | 'move' | 'uploadpicture' | 'addurlpicture';
 export type ActionsTool = {
     id: string;

package/dist/index.d.ts

@@ -1,6 +1,6 @@
+import type { OptionalOptions } from './canvas/constants/app';
 import useReactPaint from './canvas/hooks/useReactPaint';
 import Canvas from './canvas/index';
-import Editor from './editor/index';
 import type { DrawableShape, StateData } from './common/types/Shapes';
-import type { OptionalOptions } from './canvas/constants/app';
+import Editor from './editor/index';
 export { Editor, Canvas, useReactPaint, type DrawableShape, type StateData, type OptionalOptions };