From 0d96c339bccb58d2f37181411438ddb403c08f70 Mon Sep 17 00:00:00 2001
From: cwmoo740 <cwmoo740@gmail.com>
Date: Tue, 18 Apr 2017 11:05:09 -0400
Subject: [PATCH 1/2] react-onclickoutside extend React.ComponentClass
 constructor to require returned component implement handleClickOutside
 function

---
 types/react-onclickoutside/index.d.ts         | 41 ++++++++-----
 .../react-onclickoutside-tests.tsx            | 58 ++++++++++++++-----
 2 files changed, 68 insertions(+), 31 deletions(-)

diff --git a/types/react-onclickoutside/index.d.ts b/types/react-onclickoutside/index.d.ts
index 98bef683ad..05c086fac1 100644
--- a/types/react-onclickoutside/index.d.ts
+++ b/types/react-onclickoutside/index.d.ts
@@ -1,29 +1,38 @@
-// Type definitions for react-onclickoutside v5.7.0
+// Type definitions for react-onclickoutside 5.7
 // Project: https://github.com/Pomax/react-onclickoutside
 // Definitions by: Karol Janyst <https://github.com/LKay>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.1
 
-import * as React from "react";
+import * as React from 'react';
 
-declare namespace ReactOnClickOutside {
-    interface OnClickOutsideComponent {
-        handleClickOutside(e: React.MouseEvent<any>): void
+declare namespace OnClickOut {
+    interface HandleClickOutside<T> {
+        handleClickOutside: React.MouseEventHandler<T>;
     }
 
-    interface OnClickOutsideProps {
-        disableOnClickOutside?: boolean | Function
-        enableOnClickOutside?: Function
-        eventTypes?: string | Array<string>
-        outsideClickIgnoreClass?: string
-        preventDefault?: boolean
-        stopPropagation?: boolean
+    interface InjectedOnClickOutProps {
+        disableOnClickOutside(): void;
+        enableOnClickOutside(): void;
     }
 
-    interface onClickOutside {
-        <A>(component: React.ComponentClass<A> | React.StatelessComponent<A>): React.ComponentClass<A & OnClickOutsideProps>
+    interface OnClickOutProps {
+        disableOnClickOutside?: boolean;
+        eventTypes?: string | string[];
+        outsideClickIgnoreClass?: string;
+        preventDefault?: boolean;
+        stopPropagation?: boolean;
     }
 }
 
-declare const onClickOutside: ReactOnClickOutside.onClickOutside
-export = onClickOutside;
\ No newline at end of file
+type ComponentConstructor<P> = React.ComponentClass<P> | React.StatelessComponent<P>;
+interface ClickOutComponentClass<P extends OnClickOut.InjectedOnClickOutProps> extends React.ComponentClass<P> {
+    new (props?: P, context?: any): React.Component<P, React.ComponentState> & OnClickOut.HandleClickOutside<any>;
+}
+
+declare function OnClickOut<P>(
+    component: ComponentConstructor<P & OnClickOut.InjectedOnClickOutProps & OnClickOut.HandleClickOutside<any>>
+        | ClickOutComponentClass<P & OnClickOut.InjectedOnClickOutProps>
+): React.ComponentClass<P & OnClickOut.OnClickOutProps>;
+
+export = OnClickOut;
diff --git a/types/react-onclickoutside/react-onclickoutside-tests.tsx b/types/react-onclickoutside/react-onclickoutside-tests.tsx
index fc782bb68c..f6ed316683 100644
--- a/types/react-onclickoutside/react-onclickoutside-tests.tsx
+++ b/types/react-onclickoutside/react-onclickoutside-tests.tsx
@@ -1,21 +1,49 @@
-import * as React from "react"
-import { Component, StatelessComponent, MouseEvent } from "react"
-import { render } from "react-dom"
-import * as onClickOutside from "react-onclickoutside"
+import * as React from 'react';
+import { Component, MouseEvent, StatelessComponent } from 'react';
+import { render } from 'react-dom';
+import * as onClickOutside from 'react-onclickoutside';
 
-interface TestProps {}
-
-var TestStateless: StatelessComponent<TestProps> = (props: TestProps) => {
-    return (<div>Test</div>)
+function TestStateless(props: { handleClickOutside(): void; }) {
+    return (
+        <div>Test</div>
+    );
 }
 
-var TestStatelessWrapped = onClickOutside(TestStateless)
+const TestStatelessWrapped = onClickOutside(TestStateless);
 
 render(
-    <TestStatelessWrapped eventTypes="click"
-                          disableOnClickOutside
-                          preventDefault
-                          stopPropagation
-                          outsideClickIgnoreClass="ignore" />,
+    <TestStatelessWrapped
+        eventTypes="click"
+        disableOnClickOutside
+        preventDefault
+        stopPropagation
+        outsideClickIgnoreClass="ignore"
+        handleClickOutside={() => console.log('Stateless HandleClickOutside')}
+    />,
     document.getElementById("main")
-)
\ No newline at end of file
+);
+
+class TestComponent extends React.Component<{ disableOnClickOutside(): void; enableOnClickOutside(): void; }, {}> {
+    handleClickOutside = () => {
+        console.log('this.handleClickOutside');
+    }
+
+    render() {
+        this.props.disableOnClickOutside();
+        this.props.enableOnClickOutside();
+        return (
+            <div onClick={this.props.disableOnClickOutside}>TestComponent</div>
+        );
+    }
+}
+
+const WrappedComponent = onClickOutside<{}>(TestComponent);
+
+render(
+    <WrappedComponent
+        eventTypes="whatever"
+        preventDefault
+        stopPropagation
+    />,
+    document.getElementById("main")
+);

From 960ae288feffaa810e91d7fbf3a43925e32d61c6 Mon Sep 17 00:00:00 2001
From: cwmoo740 <cwmoo740@gmail.com>
Date: Tue, 18 Apr 2017 11:15:29 -0400
Subject: [PATCH 2/2] react-onclickoutside add tslint.json

---
 types/react-onclickoutside/tslint.json | 3 +++
 1 file changed, 3 insertions(+)
 create mode 100644 types/react-onclickoutside/tslint.json

diff --git a/types/react-onclickoutside/tslint.json b/types/react-onclickoutside/tslint.json
new file mode 100644
index 0000000000..d88586e5bd
--- /dev/null
+++ b/types/react-onclickoutside/tslint.json
@@ -0,0 +1,3 @@
+{
+  "extends": "dtslint/dt.json"
+}