DefinitelyTyped/types/react-dropzone/index.d.ts

// Type definitions for react-dropzone 3.13
// Project: https://github.com/okonet/react-dropzone
// Definitions by: Mathieu Larouche Dube <https://github.com/matdube>,
//                 Ivo Jesus <https://github.com/LynxEyes>,
//                 Luís Rodrigues <https://github.com/goblindegook>,
//                 Ben Bayard <https://github.com/benbayard>,
//                 Karol Janyst <https://github.com/LKay>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
// TypeScript Version: 2.3

import { CSSProperties, Component, DragEvent, InputHTMLAttributes } from "react";

declare namespace Dropzone {
    export interface ImageFile extends File {
        preview?: string;
    }

    export type DropFileEventHandler = (acceptedOrRejected: ImageFile[], event: DragEvent<HTMLDivElement>) => void;
    export type DropFilesEventHandler = (accepted: ImageFile[], rejected: ImageFile[], event: DragEvent<HTMLDivElement>) => void;

    type PickedAttributes = "accept" | "className" | "multiple" | "name" | "onClick" | "onDragStart" | "onDragEnter" | "onDragOver" | "onDragLeave" | "style";

    export interface DropzoneProps extends Pick<InputHTMLAttributes<HTMLDivElement>, PickedAttributes> {
        disableClick?: boolean;
        disablePreview?: boolean;
        preventDropOnDocument?: boolean;
        inputProps?: InputHTMLAttributes<HTMLInputElement>;
        maxSize?: number;
        minSize?: number;
        activeClassName?: string;
        rejectClassName?: string;
        activeStyle?: CSSProperties;
        rejectStyle?: CSSProperties;
        onDrop?: DropFilesEventHandler;
        onDropAccepted?: DropFileEventHandler;
        onDropRejected?: DropFileEventHandler;
        onFileDialogCancel?: () => void;
    }
}

declare class Dropzone extends Component<Dropzone.DropzoneProps> {
    open(): void;
}

export = Dropzone;