@types/react-notifications-component
Advanced tools
@@ -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%