react-lasso-select 1.2.1 → 2.0.0

package/package.json

@@ -1,22 +1,9 @@
 {
   "name": "react-lasso-select",
-  "version": "1.2.1",
+  "version": "2.0.0",
   "description": "A responsive react tool for marking irregular areas in images (lasso / free select)",
-  "main": "lib/index.js",
-  "module": "lib/index.esm.js",
-  "style": "lib/index.css",
-  "files": [
-    "lib"
-  ],
-  "scripts": {
-    "build": "rollup -c",
-    "lint": "eslint src/**/*.{ts,tsx}",
-    "test": "jest --verbose"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/akcyp/react-lasso-select.git"
-  },
+  "author": "akcyp",
+  "license": "ISC",
   "keywords": [
     "lasso",
     "free-select",
@@ -26,40 +13,53 @@
     "reactjs",
     "crop"
   ],
-  "author": "akcyp",
-  "license": "ISC",
-  "bugs": {
-    "url": "https://github.com/akcyp/react-lasso-select/issues"
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/akcyp/react-lasso-select.git"
   },
   "homepage": "https://github.com/akcyp/react-lasso-select#readme",
-  "devDependencies": {
-    "@types/jest": "^27.0.2",
-    "@types/react": "^17.0.24",
-    "@types/react-dom": "^17.0.9",
-    "@typescript-eslint/eslint-plugin": "^4.31.2",
-    "@typescript-eslint/parser": "^4.31.2",
-    "eslint": "^7.32.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-jest": "^24.4.2",
-    "eslint-plugin-react": "^7.26.0",
-    "husky": "^4.3.8",
-    "jest": "^27.2.1",
-    "lint-staged": "^11.1.2",
-    "prettier": "2.4.1",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "rollup": "^2.57.0",
-    "rollup-plugin-typescript2": "^0.30.0",
-    "ts-jest": "^27.0.5",
-    "tslib": "^2.3.1",
-    "typescript": "^4.4.3"
+  "bugs": {
+    "url": "https://github.com/akcyp/react-lasso-select/issues"
   },
-  "dependencies": {
-    "prop-types": "^15.7.2"
+  "main": "dist/index.js",
+  "types": "./dist/index.d.ts",
+  "module": "dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
   },
+  "style": "dist/index.css",
+  "files": [
+    "dist"
+  ],
+  "type": "module",
   "peerDependencies": {
-    "react": ">=17.0.2",
-    "react-dom": ">=17.0.2"
+    "prop-types": "^15.8.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.17.0",
+    "@types/node": "^22.10.6",
+    "@types/prop-types": "^15.7.14",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "@vitejs/plugin-react": "^4.3.4",
+    "eslint": "^9.17.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.16",
+    "globals": "^15.14.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^15.3.0",
+    "prettier": "^3.4.2",
+    "typescript": "~5.6.2",
+    "typescript-eslint": "^8.18.2",
+    "vite": "^6.0.5",
+    "vite-plugin-dts": "^4.5.0",
+    "vite-plugin-eslint2": "^5.0.3",
+    "vitest": "^2.1.8"
   },
   "husky": {
     "hooks": {
@@ -67,8 +67,15 @@
     }
   },
   "lint-staged": {
-    "src/*.tsx": "eslint --fix",
-    "src/*.ts": "eslint --fix",
-    "src/*": "prettier --write"
+    "*.{ts,tsx}": "eslint --fix",
+    "*.{js,jsx,ts,tsx,md,html,css}": "prettier --write"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "format": "prettier -c .",
+    "test": "vitest",
+    "preview": "vite preview"
   }
-}
+}

package/lib/SVGHelpers.d.ts

@@ -1,15 +0,0 @@
-import { Point, Size, touchOrMouseEvent } from './helpers';
-export declare class SVGHelper {
-    getSvgElement: () => SVGSVGElement | null | undefined;
-    constructor(getSvgElement: () => SVGSVGElement | null | undefined);
-    getSvg(): SVGSVGElement;
-    getCTM(): DOMMatrix;
-    getViewboxSize(): DOMRect;
-    getRealSize(): Size;
-    getViewboxOffset(): Point;
-    convertViewboxPointsToReal(points: Point[]): Point[];
-    convertRealPointsToViewbox(points: Point[]): Point[];
-    getBorderPoints(repeatFirst?: boolean): Point[];
-    isAboveTheBorder({ x, y }: Point): boolean;
-    getMouseCoordinates(event: touchOrMouseEvent<SVGSVGElement>): Point;
-}

package/lib/SVGPoint.d.ts

@@ -1,76 +0,0 @@
-import React from 'react';
-import { Point } from './helpers';
-export interface SVGPointProps extends Point {
-    style: React.CSSProperties;
-    draggable: boolean;
-    onClickTouchEvent: (e: React.MouseEvent | React.TouchEvent) => void;
-}
-export declare const SVGPoint: {
-    new (props: (SVGPointProps & React.RefAttributes<SVGRectElement> & import("./withDraggable").WithDraggableProps) | Readonly<SVGPointProps & React.RefAttributes<SVGRectElement> & import("./withDraggable").WithDraggableProps>): {
-        ref: React.RefObject<SVGSVGElement>;
-        svg: import("./SVGHelpers").SVGHelper;
-        dragLastPosition: Point | null;
-        wasMoved: boolean;
-        render(): JSX.Element;
-        componentDidUpdate(prevProps: import("./withDraggable").WithDraggableProps): void;
-        componentDidMount(): void;
-        componentWillUnmount(): void;
-        getMousePosition(ev: MouseEvent | TouchEvent): Point;
-        onMouseTouchDown: (e: MouseEvent | TouchEvent) => void;
-        onMouseTouchMove: (e: MouseEvent | TouchEvent) => void;
-        onMouseTouchUp: (e: MouseEvent | TouchEvent) => void;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<SVGPointProps & React.RefAttributes<SVGRectElement> & import("./withDraggable").WithDraggableProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<SVGPointProps & React.RefAttributes<SVGRectElement> & import("./withDraggable").WithDraggableProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<SVGPointProps & React.RefAttributes<SVGRectElement> & import("./withDraggable").WithDraggableProps>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<SVGPointProps & React.RefAttributes<SVGRectElement> & import("./withDraggable").WithDraggableProps>, prevState: Readonly<{}>): any;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<SVGPointProps & React.RefAttributes<SVGRectElement> & import("./withDraggable").WithDraggableProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<SVGPointProps & React.RefAttributes<SVGRectElement> & import("./withDraggable").WithDraggableProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<SVGPointProps & React.RefAttributes<SVGRectElement> & import("./withDraggable").WithDraggableProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<SVGPointProps & React.RefAttributes<SVGRectElement> & import("./withDraggable").WithDraggableProps>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    new (props: SVGPointProps & React.RefAttributes<SVGRectElement> & import("./withDraggable").WithDraggableProps, context: any): {
-        ref: React.RefObject<SVGSVGElement>;
-        svg: import("./SVGHelpers").SVGHelper;
-        dragLastPosition: Point | null;
-        wasMoved: boolean;
-        render(): JSX.Element;
-        componentDidUpdate(prevProps: import("./withDraggable").WithDraggableProps): void;
-        componentDidMount(): void;
-        componentWillUnmount(): void;
-        getMousePosition(ev: MouseEvent | TouchEvent): Point;
-        onMouseTouchDown: (e: MouseEvent | TouchEvent) => void;
-        onMouseTouchMove: (e: MouseEvent | TouchEvent) => void;
-        onMouseTouchUp: (e: MouseEvent | TouchEvent) => void;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<SVGPointProps & React.RefAttributes<SVGRectElement> & import("./withDraggable").WithDraggableProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<SVGPointProps & React.RefAttributes<SVGRectElement> & import("./withDraggable").WithDraggableProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<SVGPointProps & React.RefAttributes<SVGRectElement> & import("./withDraggable").WithDraggableProps>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<SVGPointProps & React.RefAttributes<SVGRectElement> & import("./withDraggable").WithDraggableProps>, prevState: Readonly<{}>): any;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<SVGPointProps & React.RefAttributes<SVGRectElement> & import("./withDraggable").WithDraggableProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<SVGPointProps & React.RefAttributes<SVGRectElement> & import("./withDraggable").WithDraggableProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<SVGPointProps & React.RefAttributes<SVGRectElement> & import("./withDraggable").WithDraggableProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<SVGPointProps & React.RefAttributes<SVGRectElement> & import("./withDraggable").WithDraggableProps>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    contextType?: React.Context<any> | undefined;
-};

package/lib/SVGPolygon.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { Point } from './helpers';
-export interface SVGPolygonProps {
-    path: Point[];
-}
-export declare function SVGPolygon({ path }: SVGPolygonProps): JSX.Element;

package/lib/SVGPolyline.d.ts

@@ -1,76 +0,0 @@
-import React from 'react';
-import { Point } from './helpers';
-export interface SVGPolylineProps {
-    path: Point[];
-    animate: boolean;
-    draggable: boolean;
-}
-export declare const SVGPolyline: {
-    new (props: (SVGPolylineProps & React.RefAttributes<SVGPolylineElement> & import("./withDraggable").WithDraggableProps) | Readonly<SVGPolylineProps & React.RefAttributes<SVGPolylineElement> & import("./withDraggable").WithDraggableProps>): {
-        ref: React.RefObject<SVGSVGElement>;
-        svg: import("./SVGHelpers").SVGHelper;
-        dragLastPosition: Point | null;
-        wasMoved: boolean;
-        render(): JSX.Element;
-        componentDidUpdate(prevProps: import("./withDraggable").WithDraggableProps): void;
-        componentDidMount(): void;
-        componentWillUnmount(): void;
-        getMousePosition(ev: TouchEvent | MouseEvent): Point;
-        onMouseTouchDown: (e: TouchEvent | MouseEvent) => void;
-        onMouseTouchMove: (e: TouchEvent | MouseEvent) => void;
-        onMouseTouchUp: (e: TouchEvent | MouseEvent) => void;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<SVGPolylineProps & React.RefAttributes<SVGPolylineElement> & import("./withDraggable").WithDraggableProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<SVGPolylineProps & React.RefAttributes<SVGPolylineElement> & import("./withDraggable").WithDraggableProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<SVGPolylineProps & React.RefAttributes<SVGPolylineElement> & import("./withDraggable").WithDraggableProps>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<SVGPolylineProps & React.RefAttributes<SVGPolylineElement> & import("./withDraggable").WithDraggableProps>, prevState: Readonly<{}>): any;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<SVGPolylineProps & React.RefAttributes<SVGPolylineElement> & import("./withDraggable").WithDraggableProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<SVGPolylineProps & React.RefAttributes<SVGPolylineElement> & import("./withDraggable").WithDraggableProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<SVGPolylineProps & React.RefAttributes<SVGPolylineElement> & import("./withDraggable").WithDraggableProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<SVGPolylineProps & React.RefAttributes<SVGPolylineElement> & import("./withDraggable").WithDraggableProps>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    new (props: SVGPolylineProps & React.RefAttributes<SVGPolylineElement> & import("./withDraggable").WithDraggableProps, context: any): {
-        ref: React.RefObject<SVGSVGElement>;
-        svg: import("./SVGHelpers").SVGHelper;
-        dragLastPosition: Point | null;
-        wasMoved: boolean;
-        render(): JSX.Element;
-        componentDidUpdate(prevProps: import("./withDraggable").WithDraggableProps): void;
-        componentDidMount(): void;
-        componentWillUnmount(): void;
-        getMousePosition(ev: TouchEvent | MouseEvent): Point;
-        onMouseTouchDown: (e: TouchEvent | MouseEvent) => void;
-        onMouseTouchMove: (e: TouchEvent | MouseEvent) => void;
-        onMouseTouchUp: (e: TouchEvent | MouseEvent) => void;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<SVGPolylineProps & React.RefAttributes<SVGPolylineElement> & import("./withDraggable").WithDraggableProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<SVGPolylineProps & React.RefAttributes<SVGPolylineElement> & import("./withDraggable").WithDraggableProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<SVGPolylineProps & React.RefAttributes<SVGPolylineElement> & import("./withDraggable").WithDraggableProps>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<SVGPolylineProps & React.RefAttributes<SVGPolylineElement> & import("./withDraggable").WithDraggableProps>, prevState: Readonly<{}>): any;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<SVGPolylineProps & React.RefAttributes<SVGPolylineElement> & import("./withDraggable").WithDraggableProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<SVGPolylineProps & React.RefAttributes<SVGPolylineElement> & import("./withDraggable").WithDraggableProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<SVGPolylineProps & React.RefAttributes<SVGPolylineElement> & import("./withDraggable").WithDraggableProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<SVGPolylineProps & React.RefAttributes<SVGPolylineElement> & import("./withDraggable").WithDraggableProps>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    contextType?: React.Context<any> | undefined;
-};

package/lib/helpers.d.ts

@@ -1,32 +0,0 @@
-/// <reference types="react" />
-export interface Point {
-    x: number;
-    y: number;
-}
-export interface Vector {
-    dx: number;
-    dy: number;
-}
-export interface Size {
-    width: number;
-    height: number;
-}
-export interface Dictionary<T> {
-    [key: string]: T;
-}
-export declare type touchOrMouseEvent<T> = React.MouseEvent<T, MouseEvent> | React.TouchEvent<T>;
-export declare type touchAndMouseEvent<T> = React.MouseEvent<T, MouseEvent> & React.TouchEvent<T>;
-export declare const objectToClassName: (obj: Dictionary<boolean>) => string;
-export declare const arePointsEqual: (p1: Point, p2: Point) => boolean;
-export declare const arePointListEqual: (arr1: Point[], arr2: Point[]) => boolean;
-export declare const roundPointCoordinates: ({ x, y }: Point, p?: number) => Point;
-export declare const findPointByPosition: (points: Point[], position: Point, r?: number) => {
-    point: Point;
-    index: number;
-};
-export declare const getDistance: (p1: Point, p2: Point) => number;
-export declare const getAngle: (p1: Point, p2: Point) => number;
-export declare const approximateToAnAngleMultiplicity: (startPoint: Point, endPoint: Point, minAngle: number) => Point;
-export declare const approximateToAngles: (startPoint: Point, endPoint: Point, angles: number[]) => Point;
-export declare const calculateAnglesBeetwenPoints: (points: Point[]) => number[];
-export declare function getClippedImageCanvas(src: string, path: Point[], callback: (err: Error | null, canvas: HTMLCanvasElement) => void, crop?: boolean): void;

package/lib/index.d.ts

@@ -1,102 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { SVGHelper } from './SVGHelpers';
-import { getClippedImageCanvas, Point, Vector, touchOrMouseEvent, Size } from './helpers';
-import { pathReducerAction, PathState } from './pathReducer';
-export interface ReactLassoProps {
-    src: string;
-    value: Point[];
-    style: React.CSSProperties;
-    viewBox: Size;
-    disabled: boolean;
-    imageStyle: React.CSSProperties;
-    onImageLoad: (e: React.SyntheticEvent<HTMLImageElement, Event>) => void;
-    onImageError: (e: React.SyntheticEvent<HTMLImageElement, Event>) => void;
-    onChange?: (path: Point[]) => void;
-    onComplete?: (path: Point[]) => void;
-    imageAlt?: string;
-    crossOrigin?: 'anonymous' | 'use-credentials' | '';
-}
-export interface ReactLassoState {
-    path: PathState;
-    pointer: Point;
-}
-export declare class ReactLasso extends React.Component<ReactLassoProps, ReactLassoState> {
-    state: ReactLassoState;
-    imageRef: React.RefObject<HTMLImageElement>;
-    svgRef: React.RefObject<SVGSVGElement>;
-    svg: SVGHelper;
-    angles: number[];
-    path: PathState;
-    lastEmittedPoints: Point[];
-    lastUpdatedPoints: Point[];
-    imgError: boolean;
-    setPathFromPropsOnMediaLoad: boolean;
-    constructor(props: ReactLassoProps);
-    render(): JSX.Element;
-    componentDidUpdate(prevProps: ReactLassoProps): void;
-    convertPoints(points: Point[]): Point[];
-    checkIfPathUpdated(wasClosedBefore: boolean): void;
-    emitOnChange({ points }: PathState): void;
-    emitOnComplete(convertedPoints: Point[]): void;
-    setPointer({ x, y }: Point, force?: boolean): void;
-    hidePointer: () => void;
-    dispatchPathAction(action: pathReducerAction & {
-        pointer?: Point;
-    }): void;
-    isLoaded(): boolean;
-    getAspectRatio(): Point;
-    setPathStateFromProps(): void;
-    getRoundedPoints(): Point[];
-    getBorder(): Point[];
-    getPolygonPoints(): Point[];
-    getPolylinePoints(): Point[];
-    getMousePosition(e: touchOrMouseEvent<SVGSVGElement>, lookupForNearlyPoints?: boolean, lookupForApproximation?: boolean): [Point, {
-        point: Point;
-        index: number;
-    }];
-    onShapeDrag: ({ dx, dy }: Vector) => void;
-    onPointDrag: (idx: number, { dx, dy }: Vector) => void;
-    onPointClick: (idx: number) => void;
-    onDragEnd: () => void;
-    onMediaLoaded: (e: React.SyntheticEvent<HTMLImageElement, Event>) => void;
-    onMediaError: (e: React.SyntheticEvent<HTMLImageElement, Event>) => void;
-    onClickTouchEvent: (e: touchOrMouseEvent<SVGSVGElement>) => void;
-    onClick: (e: React.MouseEvent<SVGSVGElement, MouseEvent>) => void;
-    onTouchEnd: (e: React.TouchEvent<SVGSVGElement>) => void;
-    onMouseTouchMove: (e: touchOrMouseEvent<SVGSVGElement>) => void;
-    onContextMenu: (e: React.MouseEvent<SVGSVGElement, MouseEvent>) => void;
-    static propTypes: {
-        value: PropTypes.Requireable<(Required<PropTypes.InferProps<{
-            x: PropTypes.Validator<number>;
-            y: PropTypes.Validator<number>;
-        }>> | null | undefined)[]>;
-        style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-        viewBox: PropTypes.Requireable<Required<PropTypes.InferProps<{
-            width: PropTypes.Validator<number>;
-            height: PropTypes.Validator<number>;
-        }>>>;
-        disabled: PropTypes.Requireable<boolean>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onComplete: PropTypes.Requireable<(...args: any[]) => any>;
-        src: PropTypes.Validator<string>;
-        imageAlt: PropTypes.Requireable<string>;
-        crossOrigin: PropTypes.Requireable<string>;
-        imageStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-        onImageLoad: PropTypes.Requireable<(...args: any[]) => any>;
-        onImageError: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: {
-        value: never[];
-        style: {};
-        imageStyle: {};
-        viewBox: {
-            width: number;
-            height: number;
-        };
-        disabled: boolean;
-        onImageError: Function;
-        onImageLoad: Function;
-    };
-}
-export { ReactLasso as default, ReactLasso as Component, getClippedImageCanvas as getCanvas };