fix: fix types for getDataTransferItems()

react-dropzone · Oct 15, 2018 · 14e6b67 · 14e6b67
1 parent 4578f1b
commit 14e6b67
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 3 deletions.
diff --git a/typings/react-dropzone.d.ts b/typings/react-dropzone.d.ts
@@ -48,7 +48,7 @@ export type DropzoneProps = Omit<React.HTMLProps<HTMLDivElement>, "onDrop" | "re
   onDropAccepted?: DropFileEventHandler;
   onDropRejected?: DropFileEventHandler;
   onFileDialogCancel?(): void;
-  getDataTransferItems?(event: React.DragEvent<HTMLDivElement> | DragEvent): Promise<Array<File | DataTransferItem>>;
+  getDataTransferItems?(event: React.DragEvent<HTMLDivElement> | DragEvent | React.ChangeEvent<HTMLInputElement> | Event): Promise<Array<File | DataTransferItem>>;
   children?: React.ReactNode | DropzoneRenderFunction;
   ref?: React.Ref<Dropzone>;
 };

diff --git a/typings/tests/plugin.tsx b/typings/tests/plugin.tsx
@@ -1,7 +1,7 @@
 import React, {Component} from "react";
 import Dropzone from "../../";
 
-export class TestReactEvt extends Component {
+export class TestReactDragEvt extends Component {
   getFiles = async (evt: React.DragEvent<HTMLDivElement>) => {
     const files = Array.from(evt.dataTransfer.files);
     return files;
@@ -35,7 +35,7 @@ export class TestDataTransferItems extends Component {
   }
 }
 
-export class TestNativeEvt extends Component {
+export class TestNativeDragEventEvt extends Component {
   getFiles = async (evt: DragEvent) => {
     const files = Array.from(evt.dataTransfer.files);
     return files;
@@ -51,3 +51,38 @@ export class TestNativeEvt extends Component {
     );
   }
 }
+
+export class TestChangeEvt extends Component {
+  getFiles = async (evt: React.ChangeEvent<HTMLInputElement>) => {
+    const files = Array.from(evt.target.files);
+    return files;
+  }
+
+  render() {
+    return (
+      <div>
+        <Dropzone getDataTransferItems={this.getFiles}>
+          Hi
+        </Dropzone>
+      </div>
+    );
+  }
+}
+
+
+export class TestNativeEvt extends Component {
+  getFiles = async (evt: Event) => {
+    const files = Array.from((evt.target as HTMLInputElement).files);
+    return files;
+  }
+
+  render() {
+    return (
+      <div>
+        <Dropzone getDataTransferItems={this.getFiles}>
+          Hi
+        </Dropzone>
+      </div>
+    );
+  }
+}