Code refactor (backported to v2)

.size-snapshot.json

@@ -1,20 +1,20 @@
 {
   "dist/index.js": {
-    "bundled": 31113,
-    "minified": 19455,
-    "gzipped": 5043
+    "bundled": 32649,
+    "minified": 17718,
+    "gzipped": 4978
   },
   "dist/index.es.js": {
-    "bundled": 29833,
-    "minified": 18387,
-    "gzipped": 4932,
+    "bundled": 31503,
+    "minified": 16785,
+    "gzipped": 4869,
     "treeshaked": {
       "rollup": {
-        "code": 14351,
-        "import_statements": 1544
+        "code": 12627,
+        "import_statements": 1660
       },
       "webpack": {
-        "code": 16909
+        "code": 15979
       }
     }
   }

dist/index.d.ts

@@ -1,12 +1,17 @@
 import { ChipProps } from '@material-ui/core/Chip';
+import { DialogProps } from '@material-ui/core/Dialog';
 import { GridProps } from '@material-ui/core/Grid';
 import * as React from 'react';
+import { DropEvent } from 'react-dropzone';
+
+// DropzoneArea
 
 export interface DropzoneAreaProps {
   acceptedFiles?: string[];
   filesLimit?: number;
   maxFileSize?: number;
   dropzoneText?: string;
+  previewText?: string;
   showPreviews?: boolean;
   showPreviewsInDropzone?: boolean;
   showFileNamesInPreview?: boolean;
@@ -27,52 +32,34 @@ export interface DropzoneAreaProps {
   dropzoneClass?: string;
   dropzoneParagraphClass?: string;
   initialFiles?: string[];
-  onChange?: (files: any) => void;
-  onDrop?: (files: any) => void;
-  onDropRejected?: (files: any, evt: any) => void;
-  onDelete?: (file: any) => void;
+  onChange?: (files: File[]) => void;
+  onDrop?: (files: File[], event: DropEvent) => void;
+  onDropRejected?: (files: File[], event: DropEvent) => void;
+  onDelete?: (file: File) => void;
   getFileLimitExceedMessage?: (filesLimit: number) => string;
   getFileAddedMessage?: (fileName: string) => string;
   getFileRemovedMessage?: (fileName: string) => string;
   getDropRejectMessage?: (
-    rejectedFile: { name: string; type: string | undefined; size: number },
+    rejectedFile: File,
     acceptedFiles: string[],
-    maxFileSize: number
+    maxFileSize: number,
   ) => string;
 }
+
 export const DropzoneArea: React.ComponentType<DropzoneAreaProps>;
 
-export interface DropzoneDialogProps {
-  open: boolean;
-  onSave?: (files: any) => void;
-  onDelete?: (file: any) => void;
-  onClose?: () => void;
-  onChange?: (files: any) => void;
-  onDrop?: (files: any) => void;
-  onDropRejected?: (files: any, evt: any) => void;
-  acceptedFiles?: string[];
-  filesLimit?: number;
-  maxFileSize?: number;
-  dropzoneText?: string;
-  showPreviews?: boolean;
-  showPreviewsInDropzone?: boolean;
-  useChipsForPreview?: boolean;
-  previewChipProps?: ChipProps;
-  previewGridClasses?: {
-    container?: string,
-    item?: string,
-    image?: string
-  };
-  previewGridProps?: {
-    container?: GridProps,
-    item?: GridProps
-  };
-  showAlerts?: boolean;
-  clearOnUnmount?: boolean;
-  dialogTitle?: string;
+// DropzoneDialog
+
+export interface DropzoneDialogProps extends DropzoneAreaProps {
   cancelButtonText?: string;
-  submitButtonText?: string;
-  maxWidth?: string;
+  dialogProps?: DialogProps;
+  dialogTitle?: string;
   fullWidth?: boolean;
+  maxWidth?: string;
+  onClose?: () => void;
+  onSave?: (files: File[]) => void;
+  open?: boolean;
+  submitButtonText?: string;
 }
+
 export const DropzoneDialog: React.ComponentType<DropzoneDialogProps>;