@berviantoleo/react-multi-crop 0.31.4 → 0.31.6

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.31.6](https://github.com/berviantoleo/react-multi-crop/compare/@berviantoleo/react-multi-crop@0.31.5...@berviantoleo/react-multi-crop@0.31.6) (2023-05-16)
+
+### Bug Fixes
+
+- update deps ([#1843](https://github.com/berviantoleo/react-multi-crop/issues/1843)) ([3ceeb2c](https://github.com/berviantoleo/react-multi-crop/commit/3ceeb2c10d56b408ff5bd1d1382db1133b7f45bc))
+
+## [0.31.5](https://github.com/berviantoleo/react-multi-crop/compare/@berviantoleo/react-multi-crop@0.31.4...@berviantoleo/react-multi-crop@0.31.5) (2023-05-10)
+
+### Bug Fixes
+
+- init update storybook ([#1824](https://github.com/berviantoleo/react-multi-crop/issues/1824)) ([8c32615](https://github.com/berviantoleo/react-multi-crop/commit/8c32615b2f54ab9ec7325ef78b670aa4d92e36db))
+
 ## [0.31.4](https://github.com/berviantoleo/react-multi-crop/compare/@berviantoleo/react-multi-crop@0.31.3...@berviantoleo/react-multi-crop@0.31.4) (2023-05-06)
 
 ### Bug Fixes

package/dist/types/ReactMultiCrop/ReactMultiCrop.d.ts

@@ -1,34 +1,34 @@
-import React, { Component } from 'react';
-import { fabric } from 'fabric';
-import { CustomFabricRect, IAttribute, ICoord, IOutputData, IReactMultiCropProps, IReactMultiCropStates } from './interfaces';
-declare class ReactMultiCrop extends Component<IReactMultiCropProps, IReactMultiCropStates> {
-    static defaultProps: IReactMultiCropProps;
-    private REGEXP_ORIGINS;
-    constructor(props: IReactMultiCropProps);
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: any): void;
-    updateCropAttributes(canvas: fabric.Canvas, attribute: IAttribute): void;
-    changeImage(): void;
-    loadImage(img: fabric.Image): void;
-    isCrossOriginURL(url: string): boolean;
-    initialImage(): void;
-    initialObjects(): void;
-    zoom(options: any): void;
-    mouseHover(options: any): void;
-    mouseOut(options: any): void;
-    selectionHandler(options: any): void;
-    selectionClearHandler(): void;
-    initialCanvas(): void;
-    addNew(): void;
-    doubleClickEvent(options: any): void;
-    createObjectByAttribute(existingId: string | null, attribute: IAttribute, readonly: boolean): CustomFabricRect;
-    private convertLeftTop;
-    shapetoStructureData(element: CustomFabricRect): IOutputData | null;
-    deleteShapes(): void;
-    setOutput(): void;
-    createObject(canvas: fabric.Canvas | null, coor: ICoord, attribute: IAttribute, readonly: boolean): CustomFabricRect | null;
-    discardActiveObject(): void;
-    keyboardHandler(event: React.KeyboardEvent<HTMLDivElement>): void;
-    render(): JSX.Element;
-}
-export default ReactMultiCrop;
+import React, { Component } from 'react';
+import { fabric } from 'fabric';
+import { CustomFabricRect, IAttribute, ICoord, IOutputData, IReactMultiCropProps, IReactMultiCropStates } from './interfaces';
+declare class ReactMultiCrop extends Component<IReactMultiCropProps, IReactMultiCropStates> {
+    static defaultProps: IReactMultiCropProps;
+    private REGEXP_ORIGINS;
+    constructor(props: IReactMultiCropProps);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: any): void;
+    updateCropAttributes(canvas: fabric.Canvas, attribute: IAttribute): void;
+    changeImage(): void;
+    loadImage(img: fabric.Image): void;
+    isCrossOriginURL(url: string): boolean;
+    initialImage(): void;
+    initialObjects(): void;
+    zoom(options: any): void;
+    mouseHover(options: any): void;
+    mouseOut(options: any): void;
+    selectionHandler(options: any): void;
+    selectionClearHandler(): void;
+    initialCanvas(): void;
+    addNew(): void;
+    doubleClickEvent(options: any): void;
+    createObjectByAttribute(existingId: string | null, attribute: IAttribute, readonly: boolean): CustomFabricRect;
+    private convertLeftTop;
+    shapetoStructureData(element: CustomFabricRect): IOutputData | null;
+    deleteShapes(): void;
+    setOutput(): void;
+    createObject(canvas: fabric.Canvas | null, coor: ICoord, attribute: IAttribute, readonly: boolean): CustomFabricRect | null;
+    discardActiveObject(): void;
+    keyboardHandler(event: React.KeyboardEvent<HTMLDivElement>): void;
+    render(): JSX.Element;
+}
+export default ReactMultiCrop;

package/dist/types/ReactMultiCrop/ReactMultiCrop.stories.d.ts

@@ -1,7 +1,8 @@
-import { Meta, Story } from '@storybook/react';
-import { IReactMultiCropProps } from './interfaces';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const DefaultEditable: Story<IReactMultiCropProps>;
-export declare const DefaultReadOnly: Story<IReactMultiCropProps>;
-export declare const ShowButton: Story<IReactMultiCropProps>;
+import { StoryObj } from '@storybook/react';
+import ReactMultiCrop from './ReactMultiCrop';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./interfaces").IReactMultiCropProps>;
+export default _default;
+type Story = StoryObj<typeof ReactMultiCrop>;
+export declare const DefaultEditable: Story;
+export declare const DefaultReadOnly: Story;
+export declare const ShowButton: Story;

package/dist/types/ReactMultiCrop/components/ActionsComponent.d.ts

@@ -1,2 +1,2 @@
-import { IActionComponentProps } from '../interfaces';
-export declare function ActionsComponent({ addButton, addNew, deleteButton, deleteShapes, discardActiveObject, discardButton, }: IActionComponentProps): JSX.Element;
+import { IActionComponentProps } from '../interfaces';
+export declare function ActionsComponent({ addButton, addNew, deleteButton, deleteShapes, discardActiveObject, discardButton, }: IActionComponentProps): JSX.Element;

package/dist/types/ReactMultiCrop/components/Container.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-type Props = {
-    children?: React.ReactNode;
-    height?: number;
-    width?: number;
-    row?: boolean;
-};
-export default function Container({ children, height, width, row }: Props): JSX.Element;
-export {};
+import React from 'react';
+type Props = {
+    children?: React.ReactNode;
+    height?: number;
+    width?: number;
+    row?: boolean;
+};
+export default function Container({ children, height, width, row }: Props): React.JSX.Element;
+export {};

package/dist/types/ReactMultiCrop/index.d.ts

@@ -1 +1 @@
-export { default } from './ReactMultiCrop';
+export { default } from './ReactMultiCrop';

package/dist/types/ReactMultiCrop/interfaces/index.d.ts

@@ -1,115 +1,115 @@
-import { fabric } from 'fabric';
-import CSS from 'csstype';
-export interface ICropStyle {
-    borderColor?: string;
-    cornerColor?: string;
-    cornerSize?: number;
-    cropBackgroundColor?: string;
-    cropBackgroundOpacity?: number;
-    transparentCorners?: boolean;
-}
-export interface IRectCoord {
-    x1: number;
-    x2: number;
-    y1: number;
-    y2: number;
-}
-export interface ICoord {
-    id: string | null;
-    rect: IRectCoord | string;
-    objectId?: string;
-}
-export interface ICropProps extends ICoord {
-    rectPx?: IRectCoord | string | object;
-    style?: ICropStyle;
-}
-export interface IRecordProps {
-    clippings: Array<ICropProps>;
-}
-export interface IOutputData extends ICoord {
-    crop?: string;
-    deletedAt?: string;
-    dataUrl?: string | null;
-    canvasElement?: HTMLCanvasElement | null;
-    objectId: string;
-}
-export interface IInputProps {
-    /**
-     * Give output each changes in the canvas, might be moved to root props.
-     * @param value Output value
-     */
-    onChange(value: Array<IOutputData>): void;
-}
-export interface IReactMultiCropProps {
-    activeObject?: string;
-    disableZoom?: boolean;
-    id?: string;
-    image?: string;
-    includeDataUrl?: boolean;
-    includeHtmlCanvas?: boolean;
-    input?: IInputProps;
-    onHover?(value: IOutputData | null): void;
-    onSelect?(value: IOutputData | null): void;
-    readonly?: boolean;
-    record?: IRecordProps;
-    height?: number;
-    width?: number;
-    zoomChanged?(value: number): void;
-    zoomLevel?: number;
-    /** @deprecated use borderColor in record */
-    borderColor?: string;
-    /** @deprecated use cornerColor in record */
-    cornerColor?: string;
-    /** @deprecated use cornerSize in record */
-    cornerSize?: number;
-    /** @deprecated use cropBackgroundColor in record */
-    cropBackgroundColor?: string;
-    /** @deprecated use cropBackgroundOpacity in record */
-    cropBackgroundOpacity?: number;
-    /** @deprecated use transparentCorners in record */
-    transparentCorners?: boolean;
-    /** @deprecated will completely remove the buttons */
-    addButton?: JSX.Element;
-    /** @deprecated will completely remove the buttons */
-    deleteButton?: JSX.Element;
-    /** @deprecated will completely remove the buttons */
-    discardButton?: JSX.Element;
-    /** @deprecated will completely remove the buttons */
-    showButton?: boolean;
-    /** @deprecated avoid to use this props */
-    style?: CSS.Properties;
-}
-export interface IReactMultiCropStates {
-    canvas: fabric.Canvas | null;
-    initial: boolean;
-}
-export interface IAttribute {
-    left?: number;
-    top?: number;
-    height?: number;
-    width?: number;
-    borderColor?: string;
-    cornerColor?: string;
-    cornerSize?: number;
-    transparentCorners?: boolean;
-    cropBackgroundColor?: string;
-    cropBackgroundOpacity?: number;
-}
-export interface ICustomFabricRect extends fabric.IRectOptions {
-    id: string | null;
-    objectId: string;
-}
-export declare class CustomFabricRect extends fabric.Rect {
-    id: string | null;
-    objectId: string;
-    constructor(options?: ICustomFabricRect);
-}
-/** @deprecated will completely remove the buttons */
-export interface IActionComponentProps {
-    addButton?: JSX.Element;
-    addNew(): void;
-    deleteButton?: JSX.Element;
-    deleteShapes(): void;
-    discardActiveObject(): void;
-    discardButton?: JSX.Element;
-}
+import { fabric } from 'fabric';
+import CSS from 'csstype';
+export interface ICropStyle {
+    borderColor?: string;
+    cornerColor?: string;
+    cornerSize?: number;
+    cropBackgroundColor?: string;
+    cropBackgroundOpacity?: number;
+    transparentCorners?: boolean;
+}
+export interface IRectCoord {
+    x1: number;
+    x2: number;
+    y1: number;
+    y2: number;
+}
+export interface ICoord {
+    id: string | null;
+    rect: IRectCoord | string;
+    objectId?: string;
+}
+export interface ICropProps extends ICoord {
+    rectPx?: IRectCoord | string | object;
+    style?: ICropStyle;
+}
+export interface IRecordProps {
+    clippings: Array<ICropProps>;
+}
+export interface IOutputData extends ICoord {
+    crop?: string;
+    deletedAt?: string;
+    dataUrl?: string | null;
+    canvasElement?: HTMLCanvasElement | null;
+    objectId: string;
+}
+export interface IInputProps {
+    /**
+     * Give output each changes in the canvas, might be moved to root props.
+     * @param value Output value
+     */
+    onChange(value: Array<IOutputData>): void;
+}
+export interface IReactMultiCropProps {
+    activeObject?: string;
+    disableZoom?: boolean;
+    id?: string;
+    image?: string;
+    includeDataUrl?: boolean;
+    includeHtmlCanvas?: boolean;
+    input?: IInputProps;
+    onHover?(value: IOutputData | null): void;
+    onSelect?(value: IOutputData | null): void;
+    readonly?: boolean;
+    record?: IRecordProps;
+    height?: number;
+    width?: number;
+    zoomChanged?(value: number): void;
+    zoomLevel?: number;
+    /** @deprecated use borderColor in record */
+    borderColor?: string;
+    /** @deprecated use cornerColor in record */
+    cornerColor?: string;
+    /** @deprecated use cornerSize in record */
+    cornerSize?: number;
+    /** @deprecated use cropBackgroundColor in record */
+    cropBackgroundColor?: string;
+    /** @deprecated use cropBackgroundOpacity in record */
+    cropBackgroundOpacity?: number;
+    /** @deprecated use transparentCorners in record */
+    transparentCorners?: boolean;
+    /** @deprecated will completely remove the buttons */
+    addButton?: JSX.Element;
+    /** @deprecated will completely remove the buttons */
+    deleteButton?: JSX.Element;
+    /** @deprecated will completely remove the buttons */
+    discardButton?: JSX.Element;
+    /** @deprecated will completely remove the buttons */
+    showButton?: boolean;
+    /** @deprecated avoid to use this props */
+    style?: CSS.Properties;
+}
+export interface IReactMultiCropStates {
+    canvas: fabric.Canvas | null;
+    initial: boolean;
+}
+export interface IAttribute {
+    left?: number;
+    top?: number;
+    height?: number;
+    width?: number;
+    borderColor?: string;
+    cornerColor?: string;
+    cornerSize?: number;
+    transparentCorners?: boolean;
+    cropBackgroundColor?: string;
+    cropBackgroundOpacity?: number;
+}
+export interface ICustomFabricRect extends fabric.IRectOptions {
+    id: string | null;
+    objectId: string;
+}
+export declare class CustomFabricRect extends fabric.Rect {
+    id: string | null;
+    objectId: string;
+    constructor(options?: ICustomFabricRect);
+}
+/** @deprecated will completely remove the buttons */
+export interface IActionComponentProps {
+    addButton?: JSX.Element;
+    addNew(): void;
+    deleteButton?: JSX.Element;
+    deleteShapes(): void;
+    discardActiveObject(): void;
+    discardButton?: JSX.Element;
+}

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
-export { default as ReactMultiCrop } from './ReactMultiCrop';
-export { IRecordProps, IOutputData, IInputProps, IReactMultiCropProps, IReactMultiCropStates, IRectCoord, ICoord, IAttribute, ICustomFabricRect, CustomFabricRect, } from './ReactMultiCrop/interfaces';
+export { default as ReactMultiCrop } from './ReactMultiCrop';
+export { IRecordProps, IOutputData, IInputProps, IReactMultiCropProps, IReactMultiCropStates, IRectCoord, ICoord, IAttribute, ICustomFabricRect, CustomFabricRect, } from './ReactMultiCrop/interfaces';

package/package.json

@@ -7,11 +7,11 @@
   "source": "src/index.ts",
   "scripts": {
     "build": "rollup -c --bundleConfigAsCjs",
-    "docs": "build-storybook -o ../../docs/components",
+    "docs": "storybook build -o ../../docs/components",
     "fix-lint": "eslint \"src/**/*.{js,ts,tsx}\" \"test/**/*.{js,ts,tsx}\" --quiet --fix",
     "lint": "eslint \"src/**/*.{js,ts,tsx}\" \"test/**/*.{js,ts,tsx}\"",
     "start": "rollup -c -w",
-    "storybook": "start-storybook -p 5403",
+    "storybook": "storybook dev -p 5403",
     "test": "jest --coverage"
   },
   "repository": {
@@ -35,14 +35,13 @@
     "@babel/runtime": "^7.21.5",
     "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-node-resolve": "^15.0.2",
-    "@storybook/addon-essentials": "^6.5.16",
-    "@storybook/addon-links": "^6.5.16",
-    "@storybook/addon-storysource": "^6.5.16",
-    "@storybook/addons": "^6.5.16",
-    "@storybook/builder-webpack5": "^6.5.16",
-    "@storybook/manager-webpack5": "^6.5.16",
-    "@storybook/react": "^6.5.16",
-    "@storybook/source-loader": "^6.5.16",
+    "@storybook/addon-essentials": "^7.0.12",
+    "@storybook/addon-links": "^7.0.12",
+    "@storybook/addon-storysource": "^7.0.12",
+    "@storybook/addons": "^7.0.12",
+    "@storybook/react": "^7.0.12",
+    "@storybook/react-webpack5": "7.0.12",
+    "@storybook/source-loader": "^7.0.12",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
     "@types/fabric": "^5.3.1",
@@ -55,12 +54,13 @@
     "jest-environment-jsdom": "^29.5.0",
     "node-sass": "^8.0.0",
     "react-test-renderer": "^18.2.0",
-    "rollup": "^3.21.5",
+    "rollup": "^3.21.7",
     "rollup-plugin-delete": "^2.0.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-sizes": "^1.0.5",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.34.1",
+    "storybook": "7.0.10",
     "ts-jest": "^29.1.0"
   },
   "peerDependencies": {
@@ -76,6 +76,6 @@
     "uuid": "^9.0.0"
   },
   "license": "MIT",
-  "version": "0.31.4",
-  "gitHead": "1a66a04d4904f11eb9a9973878f0187ff38dd4d5"
+  "version": "0.31.6",
+  "gitHead": "11df18fcec41cb82fa3133b400fd9270ba41bd79"
 }