diff --git a/types/react-onclickoutside/index.d.ts b/types/react-onclickoutside/index.d.ts index dc304f3b5d..98bef683ad 100644 --- a/types/react-onclickoutside/index.d.ts +++ b/types/react-onclickoutside/index.d.ts @@ -1,35 +1,29 @@ -// Type definitions for react-onclickoutside 5.7 +// Type definitions for react-onclickoutside v5.7.0 // Project: https://github.com/Pomax/react-onclickoutside // Definitions by: Karol Janyst // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped // TypeScript Version: 2.1 -import * as React from 'react'; +import * as React from "react"; -declare namespace OnClickOut { - interface HandleClickOutside { - handleClickOutside: React.MouseEventHandler; +declare namespace ReactOnClickOutside { + interface OnClickOutsideComponent { + handleClickOutside(e: React.MouseEvent): void } - interface InjectedOnClickOutProps { - disableOnClickOutside(): void; - enableOnClickOutside(): void; + interface OnClickOutsideProps { + disableOnClickOutside?: boolean | Function + enableOnClickOutside?: Function + eventTypes?: string | Array + outsideClickIgnoreClass?: string + preventDefault?: boolean + stopPropagation?: boolean } - interface OnClickOutProps { - disableOnClickOutside?: boolean; - eventTypes?: string | string[]; - outsideClickIgnoreClass?: string; - preventDefault?: boolean; - stopPropagation?: boolean; + interface onClickOutside { + (component: React.ComponentClass | React.StatelessComponent): React.ComponentClass } } -type DecoratedComponent

= React.ComponentClass

; - -declare function OnClickOut

( - component: React.StatelessComponent

> | - React.ComponentClass

>> -): DecoratedComponent

; - -export = OnClickOut; +declare const onClickOutside: ReactOnClickOutside.onClickOutside +export = onClickOutside; \ No newline at end of file diff --git a/types/react-onclickoutside/react-onclickoutside-tests.tsx b/types/react-onclickoutside/react-onclickoutside-tests.tsx index 138c695d6b..fc782bb68c 100644 --- a/types/react-onclickoutside/react-onclickoutside-tests.tsx +++ b/types/react-onclickoutside/react-onclickoutside-tests.tsx @@ -1,47 +1,21 @@ -import * as React from 'react'; -import { Component, MouseEvent, StatelessComponent } from 'react'; -import { render } from 'react-dom'; -import * as onClickOutside from 'react-onclickoutside'; +import * as React from "react" +import { Component, StatelessComponent, MouseEvent } from "react" +import { render } from "react-dom" +import * as onClickOutside from "react-onclickoutside" -function TestStateless(props: { handleClickOutside(): void; }) { - return ( -

Test
- ); +interface TestProps {} + +var TestStateless: StatelessComponent = (props: TestProps) => { + return (
Test
) } -const TestStatelessWrapped = onClickOutside(TestStateless); +var TestStatelessWrapped = onClickOutside(TestStateless) render( - console.log('Stateless HandleClickOutside')} - />, + , document.getElementById("main") -); - -class TestComponent extends React.Component<{ disableOnClickOutside(): void; enableOnClickOutside(): void; }, {}> implements onClickOutside.HandleClickOutside { - handleClickOutside = () => { - console.log('this.handleClickOutside'); - } - - render() { - return ( -
TestComponent
- ); - } -} - -const WrappedComponent = onClickOutside<{}>(TestComponent); - -render( - , - document.getElementById("main") -); +) \ No newline at end of file diff --git a/types/react-onclickoutside/tslint.json b/types/react-onclickoutside/tslint.json deleted file mode 100644 index d88586e5bd..0000000000 --- a/types/react-onclickoutside/tslint.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "extends": "dtslint/dt.json" -}