[@mantine/dropzone] Add the getFilesFromEvent and validator props (#3053

)

* Add the getFilesFromEvent and validator props

* Remove values from defaultProps

* Remove values from defaultProps

src/mantine-dropzone/src/Dropzone.tsx

@@ -1,5 +1,12 @@
 import React from 'react';
-import { useDropzone, FileRejection, Accept, FileWithPath } from 'react-dropzone';
+import {
+  useDropzone,
+  FileRejection,
+  Accept,
+  FileWithPath,
+  DropEvent,
+  FileError,
+} from 'react-dropzone';
 import {
   DefaultProps,
   Selectors,
@@ -97,6 +104,12 @@ export interface DropzoneProps
 
   /** Set to true to use the File System Access API to open the file picker instead of using an <input type="file"> click event, defaults to true */
   useFsAccessApi?: boolean;
+
+  /** Use this to provide a custom file aggregator */
+  getFilesFromEvent?: (event: DropEvent) => Promise<Array<File | DataTransferItem>>;
+
+  /** Custom validation function. It must return null if there's no errors. */
+  validator?: <T extends File>(file: T) => FileError | FileError[] | null;
 }
 
 export const defaultProps: Partial<DropzoneProps> = {
@@ -144,6 +157,8 @@ export function _Dropzone(props: DropzoneProps) {
     onFileDialogOpen,
     preventDropOnDocument,
     useFsAccessApi,
+    getFilesFromEvent,
+    validator,
     ...others
   } = useComponentDefaultProps('Dropzone', defaultProps, props);
 
@@ -173,6 +188,8 @@ export function _Dropzone(props: DropzoneProps) {
     onFileDialogOpen,
     preventDropOnDocument,
     useFsAccessApi,
+    getFilesFromEvent,
+    validator,
   });
 
   assignRef(openRef, open);