@yorab/react-paint 0.10.1 → 0.11.0

package/package.json

@@ -1,56 +1,61 @@
-{
-	"name": "@yorab/react-paint",
-	"version": "0.10.1",
-	"type": "module",
-	"keywords": [],
-	"author": "Yohann Rabatel",
-	"license": "MIT",
-	"main": "./dist/react-paint.umd.cjs",
-	"module": "./dist/react-paint.js",
-	"types": "./dist/components/App.d.ts",
-	"exports": {
-		".": {
-			"import": "./dist/react-paint.js",
-			"require": "./dist/react-paint.umd.cjs",
-			"types": "./dist/components/App.d.ts"
-		},
-		"./react-paint.css": "./dist/react-paint.css"
-	},
-	"files": ["README.md", "LICENSE.txt", "package.json", "dist/"],
-	"devDependencies": {
-		"@biomejs/biome": "1.5.3",
-		"@rollup/plugin-terser": "0.4.4",
-		"@storybook/addon-essentials": "7.6.3",
-		"@storybook/addon-interactions": "7.6.3",
-		"@storybook/addon-links": "7.6.3",
-		"@storybook/blocks": "7.6.3",
-		"@storybook/react": "7.6.3",
-		"@storybook/react-vite": "7.6.3",
-		"@storybook/test": "7.6.3",
-		"@storybook/testing-library": "0.2.2",
-		"@types/node": "20.4.5",
-		"@types/react": "18.2.17",
-		"@types/react-dom": "18.2.7",
-		"@vitejs/plugin-react": "4.2.0",
-		"lightningcss": "1.21.5",
-		"react": "18.2.0",
-		"react-dom": "18.2.0",
-		"storybook": "7.6.3",
-		"typescript": "5.3.2",
-		"vite": "5.0.13",
-		"vite-tsconfig-paths": "4.2.0"
-	},
-	"peerDependencies": {
-		"react": "18.x",
-		"react-dom": "18.x"
-	},
-	"scripts": {
-		"declarationfiles": "npx tsc --project tsconfig.prod.json",
-		"start": "storybook dev -p 6006",
-		"build-storybook": "storybook build",
-		"test": "echo \"Error: no test specified\" && exit 1",
-		"build": "vite build && npm run declarationfiles",
-		"lint": "npx @biomejs/biome check --apply src stories",
-		"publishnpm": "npm run build && npm publish --access public"
-	}
-}
+{
+  "name": "@yorab/react-paint",
+  "version": "0.11.0",
+  "type": "module",
+  "keywords": [],
+  "author": "Yohann Rabatel",
+  "license": "MIT",
+  "main": "./dist/react-paint.umd.cjs",
+  "module": "./dist/react-paint.js",
+  "types": "./dist/components/App.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/react-paint.js",
+      "require": "./dist/react-paint.umd.cjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./react-paint.css": "./dist/react-paint.css"
+  },
+  "files": [
+    "README.md",
+    "LICENSE.txt",
+    "package.json",
+    "dist/"
+  ],
+  "devDependencies": {
+    "@biomejs/biome": "1.7.3",
+    "@rollup/plugin-terser": "0.4.4",
+    "@storybook/addon-essentials": "8.1.5",
+    "@storybook/addon-interactions": "8.1.5",
+    "@storybook/addon-links": "8.1.5",
+    "@storybook/blocks": "8.1.5",
+    "@storybook/react": "8.1.5",
+    "@storybook/react-vite": "8.1.5",
+    "@storybook/test": "8.1.5",
+    "@storybook/testing-library": "0.2.2",
+    "@types/node": "20.13.0",
+    "@types/react": "18.3.3",
+    "@types/react-dom": "18.3.0",
+    "@vitejs/plugin-react": "4.3.0",
+    "lightningcss": "1.25.1",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "storybook": "8.1.5",
+    "typescript": "5.4.5",
+    "vite": "5.2.12",
+    "vite-tsconfig-paths": "4.3.2"
+  },
+  "peerDependencies": {
+    "react": "18.x",
+    "react-dom": "18.x"
+  },
+  "scripts": {
+    "declarationfiles": "pnpm tsc --project tsconfig.prod.json && node fixDtsPath.js",
+    "start": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "vite build && pnpm declarationfiles",
+    "lint": "pnpm biome check --apply src stories",
+    "publishnpm": "pnpm publish --access public"
+  }
+}

package/dist/components/App.d.ts

@@ -1,20 +0,0 @@
-import React, { MutableRefObject } from 'react';
-import { OptionalAppOptionsType } from '../constants/app';
-import type { DrawableShapeJson, ExportDataType } from '../types/Shapes';
-import './App.css';
-type AppType = {
-    className?: string;
-    width?: number;
-    height?: number;
-    shapes?: DrawableShapeJson[];
-    onDataChanged?: () => void;
-    mode?: 'editor' | 'viewer';
-    disabled?: boolean;
-    apiRef?: MutableRefObject<undefined | {
-        getCurrentImage: () => string | undefined;
-        getCurrentData: () => ExportDataType;
-    }>;
-    options?: OptionalAppOptionsType;
-};
-declare const App: ({ width, height, shapes: shapesFromProps, className, mode, disabled, onDataChanged, apiRef, options }: AppType) => React.JSX.Element;
-export default App;

package/dist/components/common/Loading.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import './Loading.css';
-export type LoadingType = {
-    isLoading: boolean;
-};
-declare const Loading: ({ isLoading }: LoadingType) => React.JSX.Element | null;
-export default Loading;

package/dist/constants/app.d.ts

@@ -1,58 +0,0 @@
-import type { DrawableShapeJson, Point } from '../types/Shapes';
-import type { CustomToolInput } from '../types/tools';
-import type { RecursivePartial } from '../types/utils';
-export declare const APP_NAME = "react_paint";
-export declare const DRAWCANVAS_CLASSNAME = "react-paint-editor-canvas-drawcanvas";
-export declare const SELECTIONCANVAS_CLASSNAME = "react-paint-editor-canvas-selectioncanvas";
-export declare const GRID_NONE = 0;
-export declare const GRID_SMALL = 1;
-export declare const GRID_MEDIUM = 2;
-export declare const GRID_LARGE = 3;
-export type GridFormatType = typeof GRID_NONE | typeof GRID_SMALL | typeof GRID_MEDIUM | typeof GRID_LARGE;
-export type BrushAlgo = 'simple' | 'quadratic';
-export type UtilsSettings = {
-    brushAlgo: BrushAlgo;
-    gridFormat: GridFormatType;
-    canvasOffset: Point;
-    canvasSize: {
-        width: number;
-        height: number;
-        scaleRatio: number;
-    };
-    selectionPadding: number;
-};
-type AppOptionsType = {
-    layersManipulation: boolean;
-    grid: GridFormatType;
-    canGrow: boolean;
-    canShrink: boolean;
-    availableTools: CustomToolInput[];
-    withExport: boolean;
-    withLoadAndSave: boolean;
-    withUploadPicture: boolean;
-    withUrlPicture: boolean;
-    withFrameSelection: boolean;
-    withSkeleton: boolean;
-    clearCallback: 'empty' | 'defaultShapes' | (() => DrawableShapeJson[]);
-    brushAlgo: BrushAlgo;
-    uiStyle: {
-        toolbarBackgroundColor: string;
-        dividerColor: string;
-        fontRadius: number;
-        fontDisabledColor: string;
-        fontDisabledBackgroundColor: string;
-        fontColor: string;
-        fontBackgroundColor: string;
-        fontSelectedColor: string;
-        fontSelectedBackgroundColor: string;
-        fontHoverColor: string;
-        fontHoverBackgroundColor: string;
-        canvasBackgroundColor: string;
-        canvasSelectionColor: string;
-        canvasSelectionWidth: number;
-        canvasSelectionPadding: number;
-    };
-};
-export type OptionalAppOptionsType = RecursivePartial<AppOptionsType>;
-export declare const DEFAULT_OPTIONS: AppOptionsType;
-export {};

package/dist/utils/array.d.ts

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

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

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

package/dist/utils/toolbar.d.ts

@@ -1,13 +0,0 @@
-import type { ShapeType } from '../types/Shapes';
-import type { CustomTool, CustomToolInput } from '../types/tools';
-import type { RecursivePartial } from '../types/utils';
-export declare const getCurrentStructure: (availableTools: CustomTool[], defaultStructure: (ShapeType | {
-    title: string;
-    toolsType: ShapeType[];
-    vertical: boolean;
-})[]) => (CustomTool | {
-    title: string;
-    toolsType: CustomTool[];
-    vertical: boolean;
-})[];
-export declare const sanitizeTools: (tools: RecursivePartial<CustomToolInput>[], withPicture?: boolean) => CustomTool[];