@innovaccer/design-system/dist/core/components/molecules/modal/Modal.d.ts

React components library project for Innovaccer Design System

import * as React from 'react';
import { BaseProps } from "../../../utils/types";
import { OverlayHeaderProps } from "../overlayHeader";
import { FooterOptions } from "../../../common.type";
export declare type ModalDimension = 'small' | 'medium' | 'large';
export interface ModalProps extends BaseProps {
    backdropClose?: boolean | ((event?: Event, reason?: string) => void);
    dimension: ModalDimension;
    open: boolean;
    onClose?: (event?: Event | React.MouseEvent<HTMLElement, MouseEvent>, reason?: string) => void;
    headerOptions?: OverlayHeaderProps;
    header?: React.ReactNode;
    footer?: React.ReactNode;
    footerOptions?: FooterOptions;
    children?: React.ReactNode;
    seperator?: boolean;
    closeOnEscape?: boolean;
}
interface ModalState {
    open: boolean;
    animate: boolean;
    zIndex?: number;
}
declare class Modal extends React.Component<ModalProps, ModalState> {
    modalRef: React.RefObject<HTMLDivElement>;
    element: Element;
    static defaultProps: {
        dimension: string;
    };
    constructor(props: ModalProps);
    onCloseHandler: (event: KeyboardEvent) => void;
    componentDidMount(): void;
    componentWillUnmount(): void;
    componentDidUpdate(prevProps: ModalProps): void;
    onOutsideClickHandler(event: Event): void;
    render(): React.JSX.Element;
}
export default Modal;