@devtable/dashboard 8.51.0 → 8.51.2

package/dist/main/dashboard-editor/settings/content/edit-view/edit-view-form/index.d.ts

@@ -0,0 +1,915 @@
+/// <reference types="react" />
+import { ViewModelInstance } from '~/model';
+import { EViewComponentType } from '~/types';
+export declare const EditViewForm: (({ view }: {
+    view?: ({
+        id: string;
+        name: string;
+        type: EViewComponentType;
+        config: ({
+            _name: EViewComponentType.Division;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            readonly json: {
+                _name: EViewComponentType.Division;
+            };
+        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
+            width: import("mobx-state-tree").ISimpleType<string>;
+            height: import("mobx-state-tree").ISimpleType<string>;
+            custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+                readonly value: any;
+            } & {
+                setEnabled(v: boolean): void;
+                setFuncContent(v: string): void;
+                replace({ enabled, func_content }: {
+                    enabled: boolean;
+                    func_content: string;
+                }): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
+            tabs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
+                };
+            } & {
+                setName(v: string): void;
+                setViewID(v: string): void;
+                setColor(v: string): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
+            variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
+            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
+            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        }>>, import("mobx-state-tree").ModelSnapshotType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }> | import("mobx-state-tree").ModelSnapshotType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
+            width: import("mobx-state-tree").ISimpleType<string>;
+            height: import("mobx-state-tree").ISimpleType<string>;
+            custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+                readonly value: any;
+            } & {
+                setEnabled(v: boolean): void;
+                setFuncContent(v: string): void;
+                replace({ enabled, func_content }: {
+                    enabled: boolean;
+                    func_content: string;
+                }): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+        }> | import("mobx-state-tree").ModelSnapshotType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
+            tabs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
+                };
+            } & {
+                setName(v: string): void;
+                setViewID(v: string): void;
+                setColor(v: string): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
+            variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
+            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
+            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        }>, import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: EViewComponentType.Division;
+            };
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
+            width: import("mobx-state-tree").ISimpleType<string>;
+            height: import("mobx-state-tree").ISimpleType<string>;
+            custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+                readonly value: any;
+            } & {
+                setEnabled(v: boolean): void;
+                setFuncContent(v: string): void;
+                replace({ enabled, func_content }: {
+                    enabled: boolean;
+                    func_content: string;
+                }): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+        }, {
+            readonly json: {
+                _name: EViewComponentType.Modal;
+                width: string;
+                height: string;
+                custom_modal_title: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+            };
+        } & {
+            setWidth(v: string): void;
+            setHeight(v: string): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
+            tabs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
+                };
+            } & {
+                setName(v: string): void;
+                setViewID(v: string): void;
+                setColor(v: string): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
+            variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
+            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
+            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        }, {
+            readonly json: {
+                grow: boolean;
+                tabs: {
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
+                }[];
+                _name: EViewComponentType.Modal;
+                variant: import("@mantine/core").TabsVariant;
+                orientation: import("@mantine/core").TabsOrientation;
+            };
+        } & {
+            setVariant(v: import("@mantine/core").TabsVariant): void;
+            setOrientation(v: import("@mantine/core").TabsOrientation): void;
+            setGrow(v: boolean): void;
+            setTabs(v: import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }>>[]): void;
+            addTab(): void;
+            removeTab(index: number): void;
+        }>>>) | ({
+            _name: EViewComponentType.Modal;
+            width: string;
+            height: string;
+            custom_modal_title: {
+                enabled: boolean;
+                func_content: string;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+                readonly json: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+                readonly value: any;
+            } & {
+                setEnabled(v: boolean): void;
+                setFuncContent(v: string): void;
+                replace({ enabled, func_content }: {
+                    enabled: boolean;
+                    func_content: string;
+                }): void;
+            } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+                readonly value: any;
+            } & {
+                setEnabled(v: boolean): void;
+                setFuncContent(v: string): void;
+                replace({ enabled, func_content }: {
+                    enabled: boolean;
+                    func_content: string;
+                }): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>>;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            readonly json: {
+                _name: EViewComponentType.Modal;
+                width: string;
+                height: string;
+                custom_modal_title: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+            };
+        } & {
+            setWidth(v: string): void;
+            setHeight(v: string): void;
+        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
+            width: import("mobx-state-tree").ISimpleType<string>;
+            height: import("mobx-state-tree").ISimpleType<string>;
+            custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+                readonly value: any;
+            } & {
+                setEnabled(v: boolean): void;
+                setFuncContent(v: string): void;
+                replace({ enabled, func_content }: {
+                    enabled: boolean;
+                    func_content: string;
+                }): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
+            tabs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
+                };
+            } & {
+                setName(v: string): void;
+                setViewID(v: string): void;
+                setColor(v: string): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
+            variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
+            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
+            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        }>>, import("mobx-state-tree").ModelSnapshotType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }> | import("mobx-state-tree").ModelSnapshotType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
+            width: import("mobx-state-tree").ISimpleType<string>;
+            height: import("mobx-state-tree").ISimpleType<string>;
+            custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+                readonly value: any;
+            } & {
+                setEnabled(v: boolean): void;
+                setFuncContent(v: string): void;
+                replace({ enabled, func_content }: {
+                    enabled: boolean;
+                    func_content: string;
+                }): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+        }> | import("mobx-state-tree").ModelSnapshotType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
+            tabs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
+                };
+            } & {
+                setName(v: string): void;
+                setViewID(v: string): void;
+                setColor(v: string): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
+            variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
+            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
+            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        }>, import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: EViewComponentType.Division;
+            };
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
+            width: import("mobx-state-tree").ISimpleType<string>;
+            height: import("mobx-state-tree").ISimpleType<string>;
+            custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+                readonly value: any;
+            } & {
+                setEnabled(v: boolean): void;
+                setFuncContent(v: string): void;
+                replace({ enabled, func_content }: {
+                    enabled: boolean;
+                    func_content: string;
+                }): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+        }, {
+            readonly json: {
+                _name: EViewComponentType.Modal;
+                width: string;
+                height: string;
+                custom_modal_title: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+            };
+        } & {
+            setWidth(v: string): void;
+            setHeight(v: string): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
+            tabs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
+                };
+            } & {
+                setName(v: string): void;
+                setViewID(v: string): void;
+                setColor(v: string): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
+            variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
+            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
+            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        }, {
+            readonly json: {
+                grow: boolean;
+                tabs: {
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
+                }[];
+                _name: EViewComponentType.Modal;
+                variant: import("@mantine/core").TabsVariant;
+                orientation: import("@mantine/core").TabsOrientation;
+            };
+        } & {
+            setVariant(v: import("@mantine/core").TabsVariant): void;
+            setOrientation(v: import("@mantine/core").TabsOrientation): void;
+            setGrow(v: boolean): void;
+            setTabs(v: import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }>>[]): void;
+            addTab(): void;
+            removeTab(index: number): void;
+        }>>>) | ({
+            _name: EViewComponentType.Modal;
+            tabs: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IModelType<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
+                };
+            } & {
+                setName(v: string): void;
+                setViewID(v: string): void;
+                setColor(v: string): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
+                };
+            } & {
+                setName(v: string): void;
+                setViewID(v: string): void;
+                setColor(v: string): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>>;
+            variant: import("@mantine/core").TabsVariant;
+            orientation: import("@mantine/core").TabsOrientation;
+            grow: boolean;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            readonly json: {
+                grow: boolean;
+                tabs: {
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
+                }[];
+                _name: EViewComponentType.Modal;
+                variant: import("@mantine/core").TabsVariant;
+                orientation: import("@mantine/core").TabsOrientation;
+            };
+        } & {
+            setVariant(v: import("@mantine/core").TabsVariant): void;
+            setOrientation(v: import("@mantine/core").TabsOrientation): void;
+            setGrow(v: boolean): void;
+            setTabs(v: import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }>>[]): void;
+            addTab(): void;
+            removeTab(index: number): void;
+        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
+            width: import("mobx-state-tree").ISimpleType<string>;
+            height: import("mobx-state-tree").ISimpleType<string>;
+            custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+                readonly value: any;
+            } & {
+                setEnabled(v: boolean): void;
+                setFuncContent(v: string): void;
+                replace({ enabled, func_content }: {
+                    enabled: boolean;
+                    func_content: string;
+                }): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
+            tabs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
+                };
+            } & {
+                setName(v: string): void;
+                setViewID(v: string): void;
+                setColor(v: string): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
+            variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
+            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
+            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        }>>, import("mobx-state-tree").ModelSnapshotType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }> | import("mobx-state-tree").ModelSnapshotType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
+            width: import("mobx-state-tree").ISimpleType<string>;
+            height: import("mobx-state-tree").ISimpleType<string>;
+            custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+                readonly value: any;
+            } & {
+                setEnabled(v: boolean): void;
+                setFuncContent(v: string): void;
+                replace({ enabled, func_content }: {
+                    enabled: boolean;
+                    func_content: string;
+                }): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+        }> | import("mobx-state-tree").ModelSnapshotType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
+            tabs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
+                };
+            } & {
+                setName(v: string): void;
+                setViewID(v: string): void;
+                setColor(v: string): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
+            variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
+            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
+            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        }>, import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: EViewComponentType.Division;
+            };
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
+            width: import("mobx-state-tree").ISimpleType<string>;
+            height: import("mobx-state-tree").ISimpleType<string>;
+            custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+                readonly value: any;
+            } & {
+                setEnabled(v: boolean): void;
+                setFuncContent(v: string): void;
+                replace({ enabled, func_content }: {
+                    enabled: boolean;
+                    func_content: string;
+                }): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+        }, {
+            readonly json: {
+                _name: EViewComponentType.Modal;
+                width: string;
+                height: string;
+                custom_modal_title: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+            };
+        } & {
+            setWidth(v: string): void;
+            setHeight(v: string): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
+            tabs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
+                };
+            } & {
+                setName(v: string): void;
+                setViewID(v: string): void;
+                setColor(v: string): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
+            variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
+            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
+            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        }, {
+            readonly json: {
+                grow: boolean;
+                tabs: {
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
+                }[];
+                _name: EViewComponentType.Modal;
+                variant: import("@mantine/core").TabsVariant;
+                orientation: import("@mantine/core").TabsOrientation;
+            };
+        } & {
+            setVariant(v: import("@mantine/core").TabsVariant): void;
+            setOrientation(v: import("@mantine/core").TabsOrientation): void;
+            setGrow(v: boolean): void;
+            setTabs(v: import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }>>[]): void;
+            addTab(): void;
+            removeTab(index: number): void;
+        }>>>);
+        panelIDs: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<string>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>>;
+    } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+        readonly json: {
+            id: string;
+            name: string;
+            type: EViewComponentType;
+            config: {
+                _name: EViewComponentType.Division;
+            } | {
+                _name: EViewComponentType.Modal;
+                width: string;
+                height: string;
+                custom_modal_title: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+            } | {
+                grow: boolean;
+                tabs: {
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
+                }[];
+                _name: EViewComponentType.Modal;
+                variant: import("@mantine/core").TabsVariant;
+                orientation: import("@mantine/core").TabsOrientation;
+            };
+            panelIDs: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<string>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>>;
+        };
+    } & {
+        setName(name: string): void;
+        setType(type: EViewComponentType): void;
+        appendPanelID(id: string): void;
+        removePanelID(id: string): void;
+    } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+        id: import("mobx-state-tree").ISimpleType<string>;
+        name: import("mobx-state-tree").ISimpleType<string>;
+        type: import("mobx-state-tree").ISimpleType<EViewComponentType>;
+        config: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
+            width: import("mobx-state-tree").ISimpleType<string>;
+            height: import("mobx-state-tree").ISimpleType<string>;
+            custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+                readonly value: any;
+            } & {
+                setEnabled(v: boolean): void;
+                setFuncContent(v: string): void;
+                replace({ enabled, func_content }: {
+                    enabled: boolean;
+                    func_content: string;
+                }): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
+            tabs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
+                };
+            } & {
+                setName(v: string): void;
+                setViewID(v: string): void;
+                setColor(v: string): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
+            variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
+            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
+            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        }>>, import("mobx-state-tree").ModelSnapshotType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }> | import("mobx-state-tree").ModelSnapshotType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
+            width: import("mobx-state-tree").ISimpleType<string>;
+            height: import("mobx-state-tree").ISimpleType<string>;
+            custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+                readonly value: any;
+            } & {
+                setEnabled(v: boolean): void;
+                setFuncContent(v: string): void;
+                replace({ enabled, func_content }: {
+                    enabled: boolean;
+                    func_content: string;
+                }): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+        }> | import("mobx-state-tree").ModelSnapshotType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
+            tabs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
+                };
+            } & {
+                setName(v: string): void;
+                setViewID(v: string): void;
+                setColor(v: string): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
+            variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
+            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
+            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        }>, import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: EViewComponentType.Division;
+            };
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
+            width: import("mobx-state-tree").ISimpleType<string>;
+            height: import("mobx-state-tree").ISimpleType<string>;
+            custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+                readonly value: any;
+            } & {
+                setEnabled(v: boolean): void;
+                setFuncContent(v: string): void;
+                replace({ enabled, func_content }: {
+                    enabled: boolean;
+                    func_content: string;
+                }): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+        }, {
+            readonly json: {
+                _name: EViewComponentType.Modal;
+                width: string;
+                height: string;
+                custom_modal_title: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+            };
+        } & {
+            setWidth(v: string): void;
+            setHeight(v: string): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
+            tabs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
+                };
+            } & {
+                setName(v: string): void;
+                setViewID(v: string): void;
+                setColor(v: string): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
+            variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
+            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
+            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        }, {
+            readonly json: {
+                grow: boolean;
+                tabs: {
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
+                }[];
+                _name: EViewComponentType.Modal;
+                variant: import("@mantine/core").TabsVariant;
+                orientation: import("@mantine/core").TabsOrientation;
+            };
+        } & {
+            setVariant(v: import("@mantine/core").TabsVariant): void;
+            setOrientation(v: import("@mantine/core").TabsOrientation): void;
+            setGrow(v: boolean): void;
+            setTabs(v: import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }>>[]): void;
+            addTab(): void;
+            removeTab(index: number): void;
+        }>>;
+        panelIDs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+    }, {
+        readonly json: {
+            id: string;
+            name: string;
+            type: EViewComponentType;
+            config: {
+                _name: EViewComponentType.Division;
+            } | {
+                _name: EViewComponentType.Modal;
+                width: string;
+                height: string;
+                custom_modal_title: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+            } | {
+                grow: boolean;
+                tabs: {
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
+                }[];
+                _name: EViewComponentType.Modal;
+                variant: import("@mantine/core").TabsVariant;
+                orientation: import("@mantine/core").TabsOrientation;
+            };
+            panelIDs: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<string>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>>;
+        };
+    } & {
+        setName(name: string): void;
+        setType(type: EViewComponentType): void;
+        appendPanelID(id: string): void;
+        removePanelID(id: string): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | undefined;
+}) => JSX.Element | null) & {
+    displayName: string;
+};