From f7fac83320cf049f1fc690a6f609a47c4f019e17 Mon Sep 17 00:00:00 2001
From: "UCLES\\smithd" <smith.b@cambridgeassessment.org.uk>
Date: Mon, 17 Sep 2018 16:05:01 +0100
Subject: [PATCH] Added typings for react-image-fallback package

---
 types/react-image-fallback/index.d.ts         | 28 +++++++++++++
 .../react-image-fallback-tests.tsx            | 39 +++++++++++++++++++
 types/react-image-fallback/tsconfig.json      | 23 +++++++++++
 types/react-image-fallback/tslint.json        |  1 +
 4 files changed, 91 insertions(+)
 create mode 100644 types/react-image-fallback/index.d.ts
 create mode 100644 types/react-image-fallback/react-image-fallback-tests.tsx
 create mode 100644 types/react-image-fallback/tsconfig.json
 create mode 100644 types/react-image-fallback/tslint.json

diff --git a/types/react-image-fallback/index.d.ts b/types/react-image-fallback/index.d.ts
new file mode 100644
index 0000000000..94cefd3dd8
--- /dev/null
+++ b/types/react-image-fallback/index.d.ts
@@ -0,0 +1,28 @@
+// Type definitions for react-image-fallback 8.0
+// Project: https://github.com/socialtables/react-image-fallback
+// Definitions by: Ben Smith <https://github.com/8enSmith>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module "react-image-fallback" {
+    import * as React from "react"
+
+    class ReactImageFallback extends React.Component<
+        ReactImageFallbackProps &
+        React.DetailedHTMLProps<
+        React.ImgHTMLAttributes<HTMLImageElement>,
+        HTMLImageElement
+        >,
+        any
+        > { }
+
+    export interface ReactImageFallbackProps {
+        src: string
+        fallbackImage: string | React.ReactElement<any> | any[]
+        initialImage?: string | React.ReactElement<any>
+        onLoad?: (event: React.SyntheticEvent<HTMLImageElement>) => void
+        onError?: (event: React.SyntheticEvent<HTMLImageElement>) => void
+        initialTimeout?: number
+    }
+
+    export default ReactImageFallback
+}
diff --git a/types/react-image-fallback/react-image-fallback-tests.tsx b/types/react-image-fallback/react-image-fallback-tests.tsx
new file mode 100644
index 0000000000..963c34b619
--- /dev/null
+++ b/types/react-image-fallback/react-image-fallback-tests.tsx
@@ -0,0 +1,39 @@
+import * as React from 'react';
+import ReactImageFallback, { ReactImageFallbackProps } from 'react-image-fallback';
+
+class ReactImageFallbackSimple extends React.Component<ReactImageFallbackProps> {
+    render() {
+        return <ReactImageFallback
+            src="my-image.png"
+            fallbackImage="my-backup.png" />;
+    }
+}
+
+class ReactImageFallbackWithOptionals extends React.Component<ReactImageFallbackProps> {
+    onLoad(event: React.SyntheticEvent<HTMLImageElement>) {
+    }
+
+    onError(event: React.SyntheticEvent<HTMLImageElement>) {
+    }
+
+    render() {
+        return <ReactImageFallback
+            src="my-image.png"
+            fallbackImage="my-backup.png"
+            initialImage="loader.gif"
+            onLoad={this.onLoad}
+            onError={this.onError}
+            initialTimeout={1000} />;
+    }
+}
+
+class ReactImageFallbackWithImageTagProps extends React.Component<ReactImageFallbackProps> {
+    render() {
+        return <ReactImageFallback
+            src="my-image.png"
+            fallbackImage="my-backup.png"
+            alt="alt text"
+            width="123"
+            className="customClass" />;
+    }
+}
diff --git a/types/react-image-fallback/tsconfig.json b/types/react-image-fallback/tsconfig.json
new file mode 100644
index 0000000000..b0a490fd54
--- /dev/null
+++ b/types/react-image-fallback/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "jsx": "react"
+    },
+    "files": [
+        "index.d.ts",
+        "react-image-fallback-tests.tsx"
+    ]
+}
\ No newline at end of file
diff --git a/types/react-image-fallback/tslint.json b/types/react-image-fallback/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-image-fallback/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }