@types/react-notifications-component
Advanced tools
Comparing version
@@ -12,7 +12,7 @@ // Type definitions for react-notifications-component 3.1 | ||
export interface ReactNotificationProps { | ||
isMobile?: boolean; | ||
breakpoint?: number; | ||
types?: string[]; | ||
className?: string; | ||
id?: string; | ||
isMobile?: boolean | undefined; | ||
breakpoint?: number | undefined; | ||
types?: string[] | undefined; | ||
className?: string | undefined; | ||
id?: string | undefined; | ||
} | ||
@@ -26,37 +26,37 @@ | ||
export interface ReactNotificationOptions { | ||
id?: string; | ||
onRemoval?: (id: string, removedBy: any) => void; | ||
title?: string | React.ReactNode | React.FunctionComponent; | ||
message?: string | React.ReactNode | React.FunctionComponent; | ||
content?: React.ComponentClass | React.FunctionComponent | React.ReactNode; | ||
type?: 'success' | 'danger' | 'info' | 'default' | 'warning'; | ||
id?: string | undefined; | ||
onRemoval?: ((id: string, removedBy: any) => void) | undefined; | ||
title?: string | React.ReactNode | React.FunctionComponent | undefined; | ||
message?: string | React.ReactNode | React.FunctionComponent | undefined; | ||
content?: React.ComponentClass | React.FunctionComponent | React.ReactNode | undefined; | ||
type?: 'success' | 'danger' | 'info' | 'default' | 'warning' | undefined; | ||
container: 'top-full' | 'top-left' | 'top-right' | 'top-center' | 'center' | 'bottom-full' | 'bottom-left' | 'bottom-right' | 'bottom-center'; | ||
insert?: 'top' | 'bottom'; | ||
dismiss?: DismissOptions; | ||
animationIn?: string[]; | ||
animationOut?: string[]; | ||
slidingEnter?: TransitionOptions; | ||
slidingExit?: TransitionOptions; | ||
touchRevert?: TransitionOptions; | ||
insert?: 'top' | 'bottom' | undefined; | ||
dismiss?: DismissOptions | undefined; | ||
animationIn?: string[] | undefined; | ||
animationOut?: string[] | undefined; | ||
slidingEnter?: TransitionOptions | undefined; | ||
slidingExit?: TransitionOptions | undefined; | ||
touchRevert?: TransitionOptions | undefined; | ||
touchSlidingExit?: { | ||
fade?: TransitionOptions; | ||
swipe?: TransitionOptions; | ||
}; | ||
width?: number; | ||
fade?: TransitionOptions | undefined; | ||
swipe?: TransitionOptions | undefined; | ||
} | undefined; | ||
width?: number | undefined; | ||
} | ||
export interface TransitionOptions { | ||
duration?: number; | ||
timingFunction?: 'ease' | 'linear' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'step-start' | 'step-end'; | ||
delay?: number; | ||
duration?: number | undefined; | ||
timingFunction?: 'ease' | 'linear' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'step-start' | 'step-end' | undefined; | ||
delay?: number | undefined; | ||
} | ||
export interface DismissOptions { | ||
duration?: number; | ||
onScreen?: boolean; | ||
pauseOnHover?: boolean; | ||
waitForAnimation?: boolean; | ||
click?: boolean; | ||
touch?: boolean; | ||
showIcon?: boolean; | ||
duration?: number | undefined; | ||
onScreen?: boolean | undefined; | ||
pauseOnHover?: boolean | undefined; | ||
waitForAnimation?: boolean | undefined; | ||
click?: boolean | undefined; | ||
touch?: boolean | undefined; | ||
showIcon?: boolean | undefined; | ||
} |
{ | ||
"name": "@types/react-notifications-component", | ||
"version": "3.1.0", | ||
"version": "3.1.1", | ||
"description": "TypeScript definitions for react-notifications-component", | ||
"homepage": "https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-notifications-component", | ||
"license": "MIT", | ||
@@ -29,4 +30,4 @@ "contributors": [ | ||
}, | ||
"typesPublisherContentHash": "ca6588f4dfebba00e73d24c1c2f6f49f00b00d584af6fb8b89297091c8aa1a7a", | ||
"typeScriptVersion": "3.5" | ||
"typesPublisherContentHash": "d56a628ef4296300d670f5e396be184b7191e099872db8485b2536617c4e4c81", | ||
"typeScriptVersion": "3.6" | ||
} |
@@ -9,5 +9,69 @@ # Installation | ||
Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-notifications-component. | ||
## [index.d.ts](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-notifications-component/index.d.ts) | ||
````ts | ||
// Type definitions for react-notifications-component 3.1 | ||
// Project: https://github.com/teodosii/react-notifications-component | ||
// Definitions by: Sarhad Salam <https://github.com/SarhadSalam> | ||
// Andrés Ignacio Torres <https://github.com/aitorres> | ||
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped | ||
import * as React from 'react'; | ||
export default class extends React.Component<ReactNotificationProps> {} | ||
export interface ReactNotificationProps { | ||
isMobile?: boolean | undefined; | ||
breakpoint?: number | undefined; | ||
types?: string[] | undefined; | ||
className?: string | undefined; | ||
id?: string | undefined; | ||
} | ||
export const store: { | ||
addNotification: (options: ReactNotificationOptions) => string; | ||
removeNotification: (id: string) => void; | ||
}; | ||
export interface ReactNotificationOptions { | ||
id?: string | undefined; | ||
onRemoval?: ((id: string, removedBy: any) => void) | undefined; | ||
title?: string | React.ReactNode | React.FunctionComponent | undefined; | ||
message?: string | React.ReactNode | React.FunctionComponent | undefined; | ||
content?: React.ComponentClass | React.FunctionComponent | React.ReactNode | undefined; | ||
type?: 'success' | 'danger' | 'info' | 'default' | 'warning' | undefined; | ||
container: 'top-full' | 'top-left' | 'top-right' | 'top-center' | 'center' | 'bottom-full' | 'bottom-left' | 'bottom-right' | 'bottom-center'; | ||
insert?: 'top' | 'bottom' | undefined; | ||
dismiss?: DismissOptions | undefined; | ||
animationIn?: string[] | undefined; | ||
animationOut?: string[] | undefined; | ||
slidingEnter?: TransitionOptions | undefined; | ||
slidingExit?: TransitionOptions | undefined; | ||
touchRevert?: TransitionOptions | undefined; | ||
touchSlidingExit?: { | ||
fade?: TransitionOptions | undefined; | ||
swipe?: TransitionOptions | undefined; | ||
} | undefined; | ||
width?: number | undefined; | ||
} | ||
export interface TransitionOptions { | ||
duration?: number | undefined; | ||
timingFunction?: 'ease' | 'linear' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'step-start' | 'step-end' | undefined; | ||
delay?: number | undefined; | ||
} | ||
export interface DismissOptions { | ||
duration?: number | undefined; | ||
onScreen?: boolean | undefined; | ||
pauseOnHover?: boolean | undefined; | ||
waitForAnimation?: boolean | undefined; | ||
click?: boolean | undefined; | ||
touch?: boolean | undefined; | ||
showIcon?: boolean | undefined; | ||
} | ||
```` | ||
### Additional Details | ||
* Last updated: Fri, 02 Apr 2021 16:01:09 GMT | ||
* Last updated: Thu, 08 Jul 2021 22:41:23 GMT | ||
* Dependencies: [@types/react](https://npmjs.com/package/@types/react) | ||
@@ -14,0 +78,0 @@ * Global values: none |
No website
QualityPackage does not have a website.
Found 1 instance in 1 package
7876
63.64%81
376.47%