From 1fc9f8415e3abadd6f987b06b76757307565a654 Mon Sep 17 00:00:00 2001 From: Mathieu Larouche Dube Date: Thu, 29 Oct 2015 10:27:36 -0400 Subject: [PATCH] Added react-dropzone --- react-dropzone/react-dropzone-tests.tsx | 32 ++++++++++++++++ .../react-dropzone-tests.tsx.tscparams | 1 + react-dropzone/react-dropzone.d.ts | 37 +++++++++++++++++++ 3 files changed, 70 insertions(+) create mode 100644 react-dropzone/react-dropzone-tests.tsx create mode 100644 react-dropzone/react-dropzone-tests.tsx.tscparams create mode 100644 react-dropzone/react-dropzone.d.ts diff --git a/react-dropzone/react-dropzone-tests.tsx b/react-dropzone/react-dropzone-tests.tsx new file mode 100644 index 000000000..6216b5f20 --- /dev/null +++ b/react-dropzone/react-dropzone-tests.tsx @@ -0,0 +1,32 @@ +/// +/// +import * as React from 'react'; +import Dropzone = require('react-dropzone'); + +class Test extends React.Component { + constructor(props: any) { + super(props); + } + + render() { + return (
+ { e.preventDefault(); } } + onDropAccepted={(e: any) => { e.preventDefault(); } } + onDropRejected={(e: any) => { e.preventDefault(); } } + onDragEnter={(e: any) => { e.preventDefault(); } } + onDragLeave={(e: any) => { e.preventDefault(); } } + style={{ borderStyle: "dashed" }} + activeStyle={{ borderStyle: "dotted" }} + className="regular" + activeClassName="active" + rejectClassName="reject" + disableClick={true} + multiple={false} + accept="*.png" + /> +
); + } +} + +export default Test; diff --git a/react-dropzone/react-dropzone-tests.tsx.tscparams b/react-dropzone/react-dropzone-tests.tsx.tscparams new file mode 100644 index 000000000..c90abf04f --- /dev/null +++ b/react-dropzone/react-dropzone-tests.tsx.tscparams @@ -0,0 +1 @@ +--target es5 --noImplicitAny --experimentalDecorators --jsx react diff --git a/react-dropzone/react-dropzone.d.ts b/react-dropzone/react-dropzone.d.ts new file mode 100644 index 000000000..0bd3e472b --- /dev/null +++ b/react-dropzone/react-dropzone.d.ts @@ -0,0 +1,37 @@ +// Type definitions for react-dropzone +// Project: https://github.com/paramaggarwal/react-dropzone +// Definitions by: Mathieu Larouche Dube +// Definitions: https://github.com/Vooban/DefinitelyTyped + +/// + +declare module "react-dropzone" { + + import * as React from 'react'; + + namespace reactDropzone { + + interface DropzoneProps { + onDrop?: Function; + onDropAccepted?: Function; + onDropRejected?: Function; + onDragEnter?: Function; + onDragLeave?: Function; + style?: Object; + activeStyle?: Object; + className?: string; + activeClassName?: string; + rejectClassName?: string; + disableClick?: boolean; + multiple?: boolean; + accept?: string; + } + + export class Dropzone extends React.Component { + } + + } + + export = reactDropzone.Dropzone; +} +