gadgets/dist/lib/dialogWindow/DialogWindow.d.ts

Reusable React UI widgets - This is my widget library. There are many like it, but this one is mine...

/**
 * A modal dialog window.  This component uses the [react-modal](https://github.com/reactjs/react-modal)
 * library.  The component presents a propup window with a title bar and a
 * close button.
 *
 * ## Screen:
 * <img src="https://github.com/jmquigley/gadgets/blob/master/images/dialogWindow.png" width="50%" />
 *
 * ## Examples:
 *
 * ```javascript
 * import {DialogWindow} from 'gadgets';
 *
 * <DialogWindow
 *    height="600px"
 *    icon="plane"
 *    onClose={this.handleCloseDialog}
 *    onOpen={this.handleOpenDialog}
 *    show={true}
 *    title="Demo Dialog Window"
 *    width="600px"
 * >
 *     <span>Dialog Content</span>
 * </DialogWindow>
 * ```
 *
 * ## API
 * #### Events
 * - `onClose()` - callback invoked when the dialog window is closed.
 * - `onOpen()` - callback invoked when the dialog window is opened.
 *
 * #### Styles
 * - `ui-dialogwindow` - Placed on the main `<div>` component that surrounds
 * the whole component.
 * - `ui-dialogwindow-content` - Placed on the `<div>` that surrounds the child
 * content given to the window.
 *
 * #### Properties
 * - `height="400px" {string}` - the height, in pixels, of the dialog area
 * - `icon="window-restore" {string}` - A font awesome icon that will be on
 * the right side of the title bar
 * - `show=false {boolean}` - when set to true the window is shown, otherwise
 * it is hidden.
 * - `title="Dialog Window" {string}` - A text string shown within the title
 * bar of the dialog window
 * - `width="400px" {string}` - the width, in pixels, of the dialog area
 *
 * @module DialogWindow
 */
/// <reference types="react" />
import { BaseComponent, BaseProps, BaseState } from "../shared";
export interface DialogWindowProps extends BaseProps {
    icon?: string;
    onClose?: () => void;
    onOpen?: () => void;
    show?: boolean;
    title?: string;
}
export interface DialogWindowState extends BaseState {
    showModal?: boolean;
    icon?: any;
}
export declare class DialogWindow extends BaseComponent<DialogWindowProps, DialogWindowState> {
    static readonly defaultProps: DialogWindowProps;
    private _customStyle;
    constructor(props: DialogWindowProps);
    private handleClose;
    private handleOpen;
    static getDerivedStateFromProps(props: DialogWindowProps, state: DialogWindowState): any;
    render(): JSX.Element;
}
export default DialogWindow;