diff --git a/types/react-fade-in/index.d.ts b/types/react-fade-in/index.d.ts new file mode 100644 index 0000000000..6100fc8a2b --- /dev/null +++ b/types/react-fade-in/index.d.ts @@ -0,0 +1,30 @@ +// Type definitions for react-fade-in 0.1 +// Project: github.com/gkaemmer/react-fade-in +// Definitions by: Barry Michael Doyle +// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped +// TypeScript Version: 3.1 + +import { ComponentClass, ReactNode } from 'react'; + +/** + * Props for a FadeIn component. + */ +export interface FadeInProps { + children?: ReactNode; + className?: string; + /** + * Default: 50. Delay between each child's animation in milliseconds. + */ + delay?: number; + /** + * Default: 400. Duration of each child's animation in milliseconds. + */ + transitionDuration?: number; +} + +/** + * Visually animates content on render with FadeIn.js + */ +declare const FadeIn: ComponentClass; + +export default FadeIn; diff --git a/types/react-fade-in/react-fade-in-tests.tsx b/types/react-fade-in/react-fade-in-tests.tsx new file mode 100644 index 0000000000..7171ffc658 --- /dev/null +++ b/types/react-fade-in/react-fade-in-tests.tsx @@ -0,0 +1,40 @@ +import * as React from 'react'; +import FadeIn from 'react-fade-in'; + +export const _ = () => ( + <> + + +
Element 1
+
Element 2
+
Element 3
+
Element 4
+
Element 5
+
Element 6
+
+ +
Element 1
+
Element 2
+
Element 3
+
Element 4
+
Element 5
+
Element 6
+
+ +
Element 1
+
Element 2
+
Element 3
+
Element 4
+
Element 5
+
Element 6
+
+ +
Element 1
+
Element 2
+
Element 3
+
Element 4
+
Element 5
+
Element 6
+
+ +); diff --git a/types/react-fade-in/tsconfig.json b/types/react-fade-in/tsconfig.json new file mode 100644 index 0000000000..895d8bca05 --- /dev/null +++ b/types/react-fade-in/tsconfig.json @@ -0,0 +1,25 @@ +{ + "compilerOptions": { + "module": "commonjs", + "lib": [ + "es6", + "dom" + ], + "noImplicitAny": true, + "noImplicitThis": true, + "strictNullChecks": true, + "strictFunctionTypes": true, + "jsx": "react", + "baseUrl": "../", + "typeRoots": [ + "../" + ], + "types": [], + "noEmit": true, + "forceConsistentCasingInFileNames": true + }, + "files": [ + "index.d.ts", + "react-fade-in-tests.tsx" + ] +} diff --git a/types/react-fade-in/tslint.json b/types/react-fade-in/tslint.json new file mode 100644 index 0000000000..3db14f85ea --- /dev/null +++ b/types/react-fade-in/tslint.json @@ -0,0 +1 @@ +{ "extends": "dtslint/dt.json" } diff --git a/types/react-hook-mousetrap/index.d.ts b/types/react-hook-mousetrap/index.d.ts new file mode 100644 index 0000000000..8eb0ebe840 --- /dev/null +++ b/types/react-hook-mousetrap/index.d.ts @@ -0,0 +1,9 @@ +// Type definitions for react-hook-mousetrap 2.0 +// Project: https://github.com/olup/react-hook-mousetrap +// Definitions by: Barry Michael Doyle +// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped +// TypeScript Version: 3.1 + +declare function useMousetrap(keys: string | string[], callback: () => void): void; + +export default useMousetrap; diff --git a/types/react-hook-mousetrap/react-hook-mousetrap-tests.tsx b/types/react-hook-mousetrap/react-hook-mousetrap-tests.tsx new file mode 100644 index 0000000000..aae281fcde --- /dev/null +++ b/types/react-hook-mousetrap/react-hook-mousetrap-tests.tsx @@ -0,0 +1,8 @@ +import useMousetrap from 'react-hook-mousetrap'; + +export const _ = () => { + useMousetrap('down', () => console.log('down arrow pressed')); + useMousetrap(['left', 'right'], () => console.log('left or right arrow pressed')); + + return null; +}; diff --git a/types/react-hook-mousetrap/tsconfig.json b/types/react-hook-mousetrap/tsconfig.json new file mode 100644 index 0000000000..3092442c7a --- /dev/null +++ b/types/react-hook-mousetrap/tsconfig.json @@ -0,0 +1,25 @@ +{ + "compilerOptions": { + "module": "commonjs", + "lib": [ + "es6", + "dom" + ], + "noImplicitAny": true, + "noImplicitThis": true, + "strictNullChecks": true, + "strictFunctionTypes": true, + "jsx": "react", + "baseUrl": "../", + "typeRoots": [ + "../" + ], + "types": [], + "noEmit": true, + "forceConsistentCasingInFileNames": true + }, + "files": [ + "index.d.ts", + "react-hook-mousetrap-tests.tsx" + ] +} diff --git a/types/react-hook-mousetrap/tslint.json b/types/react-hook-mousetrap/tslint.json new file mode 100644 index 0000000000..3db14f85ea --- /dev/null +++ b/types/react-hook-mousetrap/tslint.json @@ -0,0 +1 @@ +{ "extends": "dtslint/dt.json" }