import React from 'react';
import { Manager } from '../base/Manager';
import { FieldItem, ModelItem } from '../type';
export interface DiagramsProps {
    manager: Manager;
    items: Array<ModelItem>;
    disabled?: boolean;
    readonly?: boolean;
    showThumbnail?: boolean;
    showToolbar?: boolean;
    isDirty?: boolean;
    mode?: 'auto-sync' | 'manual-sync' | 'no-sync';
    isFullScreenEntered?: boolean;
    onModelCreate?: () => void;
    onModelSelect?: (model: ModelItem, modelIndex: number) => void;
    onModelRemove?: (model: ModelItem, modelIndex: number) => void;
    onModelContextMenu?: (model: ModelItem, modelIndex: number, e: React.UIEvent<any>) => void;
    onAddField?: (model: ModelItem, modelIndex: number) => void;
    onAddRelation?: (model: ModelItem, modelIndex: number) => void;
    onFieldEdit?: (model: ModelItem, modelIndex: number, field: FieldItem, index: number) => void;
    onFieldRemove?: (model: ModelItem, modelIndex: number, field: FieldItem, index: number) => void;
    onToggleFullscreen?: () => void;
    toolbar?: JSX.Element | ((props: any) => JSX.Element);
}
export declare class Diagrams extends React.Component<DiagramsProps> {
    static defaultProps: {
        showThumbnail: boolean;
        showToolbar: boolean;
        mode: "auto-sync";
    };
    constructor(props: DiagramsProps);
    componentDidMount(): void;
    componentDidUpdate(prevProps: DiagramsProps): void;
    render(): React.JSX.Element;
}
declare const _default: {
    new (props: Pick<Omit<DiagramsProps, "manager">, "disabled" | "items" | "readonly" | "onAddField" | "onAddRelation" | "onFieldEdit" | "onFieldRemove" | "toolbar" | "isDirty" | "isFullScreenEntered" | "onModelCreate" | "onModelSelect" | "onModelRemove" | "onModelContextMenu" | "onToggleFullscreen"> & {
        mode?: "auto-sync" | "manual-sync" | "no-sync" | undefined;
        showThumbnail?: boolean | undefined;
        showToolbar?: boolean | undefined;
    } & {} & import("../base/Manager").ManagerOptions & {
        manager?: Manager | undefined;
    }, context: Manager): {
        ref: any;
        readonly manager: Manager;
        readonly isSharedManager: boolean;
        componentWillUnmount(): void;
        getWrappedInstance(): any;
        childRef(ref: any): void;
        render(): React.JSX.Element;
        context: unknown;
        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<DiagramsProps, "manager">, "disabled" | "items" | "readonly" | "onAddField" | "onAddRelation" | "onFieldEdit" | "onFieldRemove" | "toolbar" | "isDirty" | "isFullScreenEntered" | "onModelCreate" | "onModelSelect" | "onModelRemove" | "onModelContextMenu" | "onToggleFullscreen"> & {
            mode?: "auto-sync" | "manual-sync" | "no-sync" | undefined;
            showThumbnail?: boolean | undefined;
            showToolbar?: boolean | undefined;
        } & {} & import("../base/Manager").ManagerOptions & {
            manager?: Manager | undefined;
        }>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
        forceUpdate(callback?: (() => void) | undefined): void;
        readonly props: Readonly<Pick<Omit<DiagramsProps, "manager">, "disabled" | "items" | "readonly" | "onAddField" | "onAddRelation" | "onFieldEdit" | "onFieldRemove" | "toolbar" | "isDirty" | "isFullScreenEntered" | "onModelCreate" | "onModelSelect" | "onModelRemove" | "onModelContextMenu" | "onToggleFullscreen"> & {
            mode?: "auto-sync" | "manual-sync" | "no-sync" | undefined;
            showThumbnail?: boolean | undefined;
            showToolbar?: boolean | undefined;
        } & {} & import("../base/Manager").ManagerOptions & {
            manager?: Manager | undefined;
        }>;
        state: Readonly<{}>;
        refs: {
            [key: string]: React.ReactInstance;
        };
        componentDidMount?(): void;
        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<DiagramsProps, "manager">, "disabled" | "items" | "readonly" | "onAddField" | "onAddRelation" | "onFieldEdit" | "onFieldRemove" | "toolbar" | "isDirty" | "isFullScreenEntered" | "onModelCreate" | "onModelSelect" | "onModelRemove" | "onModelContextMenu" | "onToggleFullscreen"> & {
            mode?: "auto-sync" | "manual-sync" | "no-sync" | undefined;
            showThumbnail?: boolean | undefined;
            showToolbar?: boolean | undefined;
        } & {} & import("../base/Manager").ManagerOptions & {
            manager?: Manager | undefined;
        }>, nextState: Readonly<{}>, nextContext: any): boolean;
        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<DiagramsProps, "manager">, "disabled" | "items" | "readonly" | "onAddField" | "onAddRelation" | "onFieldEdit" | "onFieldRemove" | "toolbar" | "isDirty" | "isFullScreenEntered" | "onModelCreate" | "onModelSelect" | "onModelRemove" | "onModelContextMenu" | "onToggleFullscreen"> & {
            mode?: "auto-sync" | "manual-sync" | "no-sync" | undefined;
            showThumbnail?: boolean | undefined;
            showToolbar?: boolean | undefined;
        } & {} & import("../base/Manager").ManagerOptions & {
            manager?: Manager | undefined;
        }>, prevState: Readonly<{}>): any;
        componentDidUpdate?(prevProps: Readonly<Pick<Omit<DiagramsProps, "manager">, "disabled" | "items" | "readonly" | "onAddField" | "onAddRelation" | "onFieldEdit" | "onFieldRemove" | "toolbar" | "isDirty" | "isFullScreenEntered" | "onModelCreate" | "onModelSelect" | "onModelRemove" | "onModelContextMenu" | "onToggleFullscreen"> & {
            mode?: "auto-sync" | "manual-sync" | "no-sync" | undefined;
            showThumbnail?: boolean | undefined;
            showToolbar?: boolean | undefined;
        } & {} & import("../base/Manager").ManagerOptions & {
            manager?: Manager | undefined;
        }>, prevState: Readonly<{}>, snapshot?: any): void;
        componentWillMount?(): void;
        UNSAFE_componentWillMount?(): void;
        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DiagramsProps, "manager">, "disabled" | "items" | "readonly" | "onAddField" | "onAddRelation" | "onFieldEdit" | "onFieldRemove" | "toolbar" | "isDirty" | "isFullScreenEntered" | "onModelCreate" | "onModelSelect" | "onModelRemove" | "onModelContextMenu" | "onToggleFullscreen"> & {
            mode?: "auto-sync" | "manual-sync" | "no-sync" | undefined;
            showThumbnail?: boolean | undefined;
            showToolbar?: boolean | undefined;
        } & {} & import("../base/Manager").ManagerOptions & {
            manager?: Manager | undefined;
        }>, nextContext: any): void;
        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DiagramsProps, "manager">, "disabled" | "items" | "readonly" | "onAddField" | "onAddRelation" | "onFieldEdit" | "onFieldRemove" | "toolbar" | "isDirty" | "isFullScreenEntered" | "onModelCreate" | "onModelSelect" | "onModelRemove" | "onModelContextMenu" | "onToggleFullscreen"> & {
            mode?: "auto-sync" | "manual-sync" | "no-sync" | undefined;
            showThumbnail?: boolean | undefined;
            showToolbar?: boolean | undefined;
        } & {} & import("../base/Manager").ManagerOptions & {
            manager?: Manager | undefined;
        }>, nextContext: any): void;
        componentWillUpdate?(nextProps: Readonly<Pick<Omit<DiagramsProps, "manager">, "disabled" | "items" | "readonly" | "onAddField" | "onAddRelation" | "onFieldEdit" | "onFieldRemove" | "toolbar" | "isDirty" | "isFullScreenEntered" | "onModelCreate" | "onModelSelect" | "onModelRemove" | "onModelContextMenu" | "onToggleFullscreen"> & {
            mode?: "auto-sync" | "manual-sync" | "no-sync" | undefined;
            showThumbnail?: boolean | undefined;
            showToolbar?: boolean | undefined;
        } & {} & import("../base/Manager").ManagerOptions & {
            manager?: Manager | undefined;
        }>, nextState: Readonly<{}>, nextContext: any): void;
        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<DiagramsProps, "manager">, "disabled" | "items" | "readonly" | "onAddField" | "onAddRelation" | "onFieldEdit" | "onFieldRemove" | "toolbar" | "isDirty" | "isFullScreenEntered" | "onModelCreate" | "onModelSelect" | "onModelRemove" | "onModelContextMenu" | "onToggleFullscreen"> & {
            mode?: "auto-sync" | "manual-sync" | "no-sync" | undefined;
            showThumbnail?: boolean | undefined;
            showToolbar?: boolean | undefined;
        } & {} & import("../base/Manager").ManagerOptions & {
            manager?: Manager | undefined;
        }>, nextState: Readonly<{}>, nextContext: any): void;
    };
    displayName: string;
    contextType: React.Context<Manager | null>;
    ComposedComponent: typeof Diagrams;
};
export default _default;