@types/react-notifications-component

Installation

npm install --save @types/react-notifications-component

Summary

This package contains type definitions for react-notifications-component (https://github.com/teodosii/react-notifications-component).

Details

Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-notifications-component.

index.d.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: Thu, 08 Jul 2021 22:41:23 GMT
• Dependencies: @types/react
• Global values: none

Credits

These definitions were written by Sarhad Salam, and Andrés Ignacio Torres.