@up-group-ui/react-controls
Version:
Up shared react controls
73 lines (72 loc) • 3.48 kB
TypeScript
import React from 'react';
import 'cropperjs/dist/cropper.css';
import { WithThemeProps } from '../../../Common/theming';
import { IFile, UpDropFileProps, UpDropFileState } from './types';
declare class UpDropFile extends React.Component<UpDropFileProps & WithThemeProps, UpDropFileState> {
cropper: any;
dropZoneRef: any;
wrapperUpDropFile: HTMLDivElement;
static defaultProps: Partial<UpDropFileProps> & WithThemeProps;
constructor(props: any, context: any);
handleImage: (file: IFile) => void;
componentDidMount(): void;
onLoadImage: (image: HTMLImageElement) => void;
get isValueControlled(): boolean;
get isRatioControlled(): boolean;
get preview(): string;
get value(): IFile;
get ratio(): number;
get fileName(): string;
get isPDF(): boolean;
get isImage(): boolean;
handleEvent: (e: Event) => void;
updateWrapperHeight: () => void;
componentWillUnmount(): void;
isExtensionAllowed: (file: any) => boolean;
selectFile: (filesToUpload: any, e: any) => void;
resizeImage: (maxWidth: number, img: any, onResize: (img: string) => void) => void;
deleteFile: (e: any) => void;
openFile: (e: any) => void;
toggleModal: () => void;
closeModal: () => void;
cropFile: (e: any) => void;
onZoneClick: (e: any) => any;
onFileDrop: (filesToUpload: any, e: any) => void;
_crop(): void;
uploadFile(): void;
render(): JSX.Element;
}
export { UpDropFile };
declare const _default: {
new (props: any, context: any): {
render(): JSX.Element;
context: any;
setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<UpDropFileProps, "children" | "theme">>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void;
forceUpdate(callback?: () => void): void;
readonly props: Readonly<Omit<UpDropFileProps, "children" | "theme">> & Readonly<{
children?: React.ReactNode;
}>;
state: Readonly<{}>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly<Omit<UpDropFileProps, "children" | "theme">>, nextState: Readonly<{}>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<UpDropFileProps, "children" | "theme">>, prevState: Readonly<{}>): any;
componentDidUpdate?(prevProps: Readonly<Omit<UpDropFileProps, "children" | "theme">>, prevState: Readonly<{}>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly<Omit<UpDropFileProps, "children" | "theme">>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<UpDropFileProps, "children" | "theme">>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly<Omit<UpDropFileProps, "children" | "theme">>, nextState: Readonly<{}>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<UpDropFileProps, "children" | "theme">>, nextState: Readonly<{}>, nextContext: any): void;
};
displayName: string;
contextTypes: {
theme: import("prop-types").Requireable<object>;
};
contextType?: React.Context<any>;
};
export default _default;