react-advanced-cropper
Version:
The react cropper library that gives the possibility to create croppers exactly suited for your website design
48 lines (47 loc) • 1.63 kB
TypeScript
import React, { RefObject, ComponentType, CSSProperties } from 'react';
import { CropperImage, CropperState, CropperTransitions, Size } from 'advanced-cropper';
import { ArbitraryProps, CropperBoundaryComponent } from '../../types';
interface DesiredCropperRef {
getState: () => CropperState | null;
getImage: () => CropperImage | null;
getTransitions: () => CropperTransitions;
isLoading: () => boolean;
isLoaded: () => boolean;
}
export interface CropperPreviewRef {
refresh: () => void;
update: (cropper?: DesiredCropperRef) => void;
}
declare type PreviewWrapperComponent = ComponentType<{
cropper: any;
className?: string;
style?: CSSProperties;
loading?: boolean;
loaded?: boolean;
}>;
declare type PreviewBackgroundComponent = ComponentType<{
cropper: any;
size: Size | null;
className?: string;
}>;
interface Props {
state?: CropperState | null;
image?: CropperImage | null;
transitions?: CropperTransitions | null;
loading?: boolean;
loaded?: boolean;
className?: string;
contentClassName?: string;
backgroundClassName?: string;
backgroundComponent?: PreviewBackgroundComponent;
backgroundProps?: ArbitraryProps;
boundaryComponent?: CropperBoundaryComponent;
boundaryProps?: ArbitraryProps;
boundaryClassName?: string;
wrapperComponent?: PreviewWrapperComponent;
wrapperProps?: ArbitraryProps;
style?: CSSProperties;
cropper?: RefObject<DesiredCropperRef | null>;
}
export declare const CropperPreview: React.ForwardRefExoticComponent<Props & React.RefAttributes<CropperPreviewRef>>;
export {};