@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: Wed, 27 Sep 2023 07:12:04 GMT
• Dependencies: @types/react
• Global values: none

Credits

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