react-advanced-cropper
Version:
The react cropper library that gives the possibility to create croppers exactly suited for your website design
34 lines (33 loc) • 1.51 kB
TypeScript
import { ReactNode, CSSProperties, FC } from 'react';
import { CardinalDirection, OrdinalDirection, MoveDirections, ResizeOptions, Coordinates, ResizeAnchor } from 'advanced-cropper';
declare type HandlerComponent = FC<any>;
declare type LineComponent = FC<any>;
interface HandlerClassNames extends Partial<Record<OrdinalDirection, string>> {
default?: string;
disabled?: string;
hover?: string;
}
interface LineClassNames extends Partial<Record<CardinalDirection, string>> {
default?: string;
disabled?: string;
hover?: string;
}
interface Props {
style?: CSSProperties;
className?: string;
handlerComponent?: HandlerComponent;
handlers?: boolean | Partial<Record<OrdinalDirection, boolean>>;
handlerClassNames?: HandlerClassNames;
handlerWrapperClassNames?: HandlerClassNames;
lines?: boolean | Partial<Record<CardinalDirection, boolean>>;
lineComponent?: LineComponent;
lineClassNames?: LineClassNames;
lineWrapperClassNames?: LineClassNames;
disabled?: boolean;
onResize?: (anchor: ResizeAnchor, directions: MoveDirections, options: ResizeOptions) => void;
onResizeEnd?: () => void;
children?: ReactNode;
reference?: Coordinates | null;
}
export declare const BoundingBox: ({ style, className, children, onResize, onResizeEnd, handlerComponent, handlers, handlerClassNames, handlerWrapperClassNames, lines, lineComponent, lineClassNames, lineWrapperClassNames, disabled, reference, }: Props) => JSX.Element;
export {};