@devtable/dashboard 10.9.8 → 10.10.0

package/dist/{plugins → components/plugins}/plugin-context.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { InstanceMigrator } from '~/plugins/instance-migrator';
+import { InstanceMigrator } from '~/components/plugins/instance-migrator';
 import { IPluginManager, IVizInteractionManager, IVizOperationManager, IVizTriggerManager, VizInstance } from '~/types/plugin';
 import { IColorManager } from './color-manager';
 import { PluginManager } from './plugin-manager';
@@ -15,11 +15,11 @@ export declare const pluginManager: PluginManager;
  * plugin system
  */
 export declare const tokens: {
-    pluginManager: import("~/service-locator").Token<IPluginManager>;
-    vizManager: import("~/service-locator").Token<VizManager>;
-    colorManager: import("~/service-locator").Token<IColorManager>;
+    pluginManager: import("~/components/plugins/service/service-locator").Token<IPluginManager>;
+    vizManager: import("~/components/plugins/service/service-locator").Token<VizManager>;
+    colorManager: import("~/components/plugins/service/service-locator").Token<IColorManager>;
     instanceScope: {
-        panelModel: import("~/service-locator").Token<{
+        panelModel: import("~/components/plugins/service/service-locator").Token<{
             id: string;
             title: string;
             description: string;
@@ -63,26 +63,26 @@ export declare const tokens: {
             queryIDs: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<string>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>>;
             viz: {
                 type: string;
-                conf: import("..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("..").AnyObject, import("..").AnyObject, import("..").AnyObject>>;
+                conf: import("../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>>;
             } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
                 readonly json: {
-                    conf: import("..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("..").AnyObject, import("..").AnyObject, import("..").AnyObject>>;
+                    conf: import("../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>>;
                     type: string;
                 };
             } & {
                 setType(type: string): void;
-                setConf(conf: import("..").AnyObject): void;
+                setConf(conf: import("../..").AnyObject): void;
             } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
                 type: import("mobx-state-tree").ISimpleType<string>;
-                conf: import("mobx-state-tree").IType<import("..").AnyObject, import("..").AnyObject, import("..").AnyObject>;
+                conf: import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>;
             }, {
                 readonly json: {
-                    conf: import("..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("..").AnyObject, import("..").AnyObject, import("..").AnyObject>>;
+                    conf: import("../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>>;
                     type: string;
                 };
             } & {
                 setType(type: string): void;
-                setConf(conf: import("..").AnyObject): void;
+                setConf(conf: import("../..").AnyObject): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
             style: {
                 border: {
@@ -591,152 +591,10 @@ export declare const tokens: {
                 };
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>>;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-            readonly contentModel: any;
-        } & {
-            readonly queryIDSet: Set<string>;
-            readonly queries: ({
-                id: string;
-                name: string;
-                type: import("../model/queries/types").DataSourceType;
-                key: string;
-                sql: string;
-                pre_process: string;
-                post_process: string;
-                run_by: 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]>>;
-                react_to: 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]>>;
-                state: "error" | "loading" | "idle";
-                data: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>>;
-                error: any;
-            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-                readonly valid: boolean;
-                readonly json: {
-                    id: string;
-                    key: string;
-                    sql: string;
-                    name: string;
-                    type: import("../model/queries/types").DataSourceType;
-                    run_by: 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]>>;
-                    react_to: 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]>>;
-                    pre_process: string;
-                    post_process: string;
-                };
-                readonly conditionOptions: {
-                    label: string;
-                    value: string;
-                    group: string;
-                }[];
-                readonly unmetRunByConditions: string[];
-            } & {
-                readonly reQueryKey: string;
-                readonly runByConditionsMet: boolean;
-                readonly conditionNames: {
-                    context: string[];
-                    filters: any[];
-                };
-            } & {
-                setName(name: string): void;
-                setKey(key: string): void;
-                setType(type: import("../model/queries/types").DataSourceType): void;
-                setSQL(sql: string): void;
-                setRunBy(v: string[]): void;
-                setReactTo(v: string[]): void;
-                setPreProcess(v: string): void;
-                setPostProcess(v: string): void;
-            } & {
-                readonly formattedSQL: any;
-                readonly typedAsSQL: boolean;
-                readonly typedAsHTTP: boolean;
-                readonly datasource: any;
-                readonly httpConfigString: string;
-            } & {
-                readonly stateMessage: string;
-            } & {
-                controller: AbortController;
-            } & {
-                runSQL: () => Promise<void>;
-                runHTTP: () => Promise<void>;
-            } & {
-                fetchData: () => Promise<void>;
-                beforeDestroy(): void;
-            } & {
-                afterCreate(): 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<import("../model/queries/types").DataSourceType>;
-                key: import("mobx-state-tree").ISimpleType<string>;
-                sql: import("mobx-state-tree").ISimpleType<string>;
-                pre_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                post_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                run_by: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
-                react_to: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
-            } & {
-                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<"error" | "loading" | "idle">, [undefined]>;
-                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>;
-                error: import("mobx-state-tree").IType<any, any, any>;
-            }, {
-                readonly valid: boolean;
-                readonly json: {
-                    id: string;
-                    key: string;
-                    sql: string;
-                    name: string;
-                    type: import("../model/queries/types").DataSourceType;
-                    run_by: 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]>>;
-                    react_to: 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]>>;
-                    pre_process: string;
-                    post_process: string;
-                };
-                readonly conditionOptions: {
-                    label: string;
-                    value: string;
-                    group: string;
-                }[];
-                readonly unmetRunByConditions: string[];
-            } & {
-                readonly reQueryKey: string;
-                readonly runByConditionsMet: boolean;
-                readonly conditionNames: {
-                    context: string[];
-                    filters: any[];
-                };
-            } & {
-                setName(name: string): void;
-                setKey(key: string): void;
-                setType(type: import("../model/queries/types").DataSourceType): void;
-                setSQL(sql: string): void;
-                setRunBy(v: string[]): void;
-                setReactTo(v: string[]): void;
-                setPreProcess(v: string): void;
-                setPostProcess(v: string): void;
-            } & {
-                readonly formattedSQL: any;
-                readonly typedAsSQL: boolean;
-                readonly typedAsHTTP: boolean;
-                readonly datasource: any;
-                readonly httpConfigString: string;
-            } & {
-                readonly stateMessage: string;
-            } & {
-                controller: AbortController;
-            } & {
-                runSQL: () => Promise<void>;
-                runHTTP: () => Promise<void>;
-            } & {
-                fetchData: () => Promise<void>;
-                beforeDestroy(): void;
-            } & {
-                afterCreate(): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
-            readonly data: TPanelData;
-            readonly dataLoading: boolean;
-            readonly queryStateMessages: string[];
-            readonly queryErrors: any[];
-            readonly canRenderViz: boolean;
             readonly json: {
                 id: string;
                 viz: {
-                    conf: import("..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("..").AnyObject, import("..").AnyObject, import("..").AnyObject>>;
+                    conf: import("../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>>;
                     type: string;
                 };
                 style: {
@@ -923,11 +781,7 @@ export declare const tokens: {
                 }[];
                 description: string;
             };
-            readonly dataFieldOptions: {
-                label: string;
-                value: string;
-                group: string;
-            }[];
+            readonly queryIDSet: Set<string>;
         } & {
             setID(id: string): void;
             setTitle(title: string): void;
@@ -1567,46 +1421,198 @@ export declare const tokens: {
                     }, {}>>>);
                 };
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>): void;
-            removeSelf(): void;
         } & {
-            moveToView(sourceViewID: string, targetViewID: string): void;
-            refreshData(): void;
-            downloadData(): void;
-        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-            id: import("mobx-state-tree").ISimpleType<string>;
-            title: import("mobx-state-tree").ISimpleType<string>;
-            description: import("mobx-state-tree").ISimpleType<string>;
-            layout: import("mobx-state-tree").IModelType<{
-                x: import("mobx-state-tree").ISimpleType<number>;
-                y: import("mobx-state-tree").IMaybeNull<import("mobx-state-tree").ISimpleType<number>>;
-                w: import("mobx-state-tree").ISimpleType<number>;
-                h: import("mobx-state-tree").ISimpleType<number>;
-                moved: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-                static: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-            }, {
+            readonly contentModel: any;
+        } & {
+            readonly queries: ({
+                id: string;
+                name: string;
+                type: import("../../model").DataSourceType;
+                key: string;
+                sql: string;
+                pre_process: string;
+                post_process: string;
+                run_by: 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]>>;
+                react_to: 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]>>;
+                state: "error" | "loading" | "idle";
+                data: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>>;
+                error: any;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+                readonly valid: boolean;
                 readonly json: {
-                    h: number;
-                    w: number;
-                    x: number;
-                    y: number;
-                    moved: boolean;
-                    static: boolean;
+                    id: string;
+                    key: string;
+                    sql: string;
+                    name: string;
+                    type: import("../../model").DataSourceType;
+                    run_by: 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]>>;
+                    react_to: 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]>>;
+                    pre_process: string;
+                    post_process: string;
                 };
             } & {
-                set(layout: Omit<import("react-grid-layout").Layout, "i">): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
-            queryIDs: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
-            viz: import("mobx-state-tree").IModelType<{
-                type: import("mobx-state-tree").ISimpleType<string>;
-                conf: import("mobx-state-tree").IType<import("..").AnyObject, import("..").AnyObject, import("..").AnyObject>;
+                setName(name: string): void;
+                setKey(key: string): void;
+                setType(type: import("../../model").DataSourceType): void;
+                setSQL(sql: string): void;
+                setRunBy(v: string[]): void;
+                setReactTo(v: string[]): void;
+                setPreProcess(v: string): void;
+                setPostProcess(v: string): void;
+            } & {
+                readonly conditionOptions: {
+                    label: string;
+                    value: string;
+                    group: string;
+                }[];
+                readonly unmetRunByConditions: string[];
+            } & {
+                readonly reQueryKey: string;
+                readonly runByConditionsMet: boolean;
+                readonly conditionNames: {
+                    context: string[];
+                    filters: any[];
+                };
+            } & {
+                readonly formattedSQL: any;
+                readonly typedAsSQL: boolean;
+                readonly typedAsHTTP: boolean;
+                readonly datasource: any;
+                readonly httpConfigString: string;
+            } & {
+                readonly stateMessage: string;
+            } & {
+                controller: AbortController;
+            } & {
+                runSQL: () => Promise<void>;
+                runHTTP: () => Promise<void>;
+            } & {
+                fetchData: () => Promise<void>;
+                beforeDestroy(): void;
+            } & {
+                afterCreate(): 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<import("../../model").DataSourceType>;
+                key: import("mobx-state-tree").ISimpleType<string>;
+                sql: import("mobx-state-tree").ISimpleType<string>;
+                pre_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                post_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                run_by: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+                react_to: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+            } & {
+                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<"error" | "loading" | "idle">, [undefined]>;
+                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>;
+                error: import("mobx-state-tree").IType<any, any, any>;
             }, {
+                readonly valid: boolean;
                 readonly json: {
-                    conf: import("..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("..").AnyObject, import("..").AnyObject, import("..").AnyObject>>;
-                    type: string;
+                    id: string;
+                    key: string;
+                    sql: string;
+                    name: string;
+                    type: import("../../model").DataSourceType;
+                    run_by: 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]>>;
+                    react_to: 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]>>;
+                    pre_process: string;
+                    post_process: string;
                 };
             } & {
-                setType(type: string): void;
-                setConf(conf: import("..").AnyObject): void;
+                setName(name: string): void;
+                setKey(key: string): void;
+                setType(type: import("../../model").DataSourceType): void;
+                setSQL(sql: string): void;
+                setRunBy(v: string[]): void;
+                setReactTo(v: string[]): void;
+                setPreProcess(v: string): void;
+                setPostProcess(v: string): void;
+            } & {
+                readonly conditionOptions: {
+                    label: string;
+                    value: string;
+                    group: string;
+                }[];
+                readonly unmetRunByConditions: string[];
+            } & {
+                readonly reQueryKey: string;
+                readonly runByConditionsMet: boolean;
+                readonly conditionNames: {
+                    context: string[];
+                    filters: any[];
+                };
+            } & {
+                readonly formattedSQL: any;
+                readonly typedAsSQL: boolean;
+                readonly typedAsHTTP: boolean;
+                readonly datasource: any;
+                readonly httpConfigString: string;
+            } & {
+                readonly stateMessage: string;
+            } & {
+                controller: AbortController;
+            } & {
+                runSQL: () => Promise<void>;
+                runHTTP: () => Promise<void>;
+            } & {
+                fetchData: () => Promise<void>;
+                beforeDestroy(): void;
+            } & {
+                afterCreate(): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
+            readonly data: TPanelData;
+            readonly dataLoading: boolean;
+            readonly queryStateMessages: string[];
+            readonly queryErrors: any[];
+            readonly canRenderViz: boolean;
+        } & {
+            refreshData(): void;
+            downloadData(): void;
+        } & {
+            readonly dataFieldOptions: {
+                label: string;
+                value: string;
+                group: string;
+            }[];
+        } & {
+            removeSelf(): void;
+        } & {
+            moveToView(sourceViewID: string, targetViewID: string): void;
+        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+            id: import("mobx-state-tree").ISimpleType<string>;
+            title: import("mobx-state-tree").ISimpleType<string>;
+            description: import("mobx-state-tree").ISimpleType<string>;
+            layout: import("mobx-state-tree").IModelType<{
+                x: import("mobx-state-tree").ISimpleType<number>;
+                y: import("mobx-state-tree").IMaybeNull<import("mobx-state-tree").ISimpleType<number>>;
+                w: import("mobx-state-tree").ISimpleType<number>;
+                h: import("mobx-state-tree").ISimpleType<number>;
+                moved: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                static: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+            }, {
+                readonly json: {
+                    h: number;
+                    w: number;
+                    x: number;
+                    y: number;
+                    moved: boolean;
+                    static: boolean;
+                };
+            } & {
+                set(layout: Omit<import("react-grid-layout").Layout, "i">): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            queryIDs: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            viz: import("mobx-state-tree").IModelType<{
+                type: import("mobx-state-tree").ISimpleType<string>;
+                conf: import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>;
+            }, {
+                readonly json: {
+                    conf: import("../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>>;
+                    type: string;
+                };
+            } & {
+                setType(type: string): void;
+                setConf(conf: import("../..").AnyObject): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
             style: import("mobx-state-tree").IModelType<{
                 border: import("mobx-state-tree").IModelType<{
@@ -1859,152 +1865,10 @@ export declare const tokens: {
                 };
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
         }, {
-            readonly contentModel: any;
-        } & {
-            readonly queryIDSet: Set<string>;
-            readonly queries: ({
-                id: string;
-                name: string;
-                type: import("../model/queries/types").DataSourceType;
-                key: string;
-                sql: string;
-                pre_process: string;
-                post_process: string;
-                run_by: 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]>>;
-                react_to: 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]>>;
-                state: "error" | "loading" | "idle";
-                data: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>>;
-                error: any;
-            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-                readonly valid: boolean;
-                readonly json: {
-                    id: string;
-                    key: string;
-                    sql: string;
-                    name: string;
-                    type: import("../model/queries/types").DataSourceType;
-                    run_by: 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]>>;
-                    react_to: 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]>>;
-                    pre_process: string;
-                    post_process: string;
-                };
-                readonly conditionOptions: {
-                    label: string;
-                    value: string;
-                    group: string;
-                }[];
-                readonly unmetRunByConditions: string[];
-            } & {
-                readonly reQueryKey: string;
-                readonly runByConditionsMet: boolean;
-                readonly conditionNames: {
-                    context: string[];
-                    filters: any[];
-                };
-            } & {
-                setName(name: string): void;
-                setKey(key: string): void;
-                setType(type: import("../model/queries/types").DataSourceType): void;
-                setSQL(sql: string): void;
-                setRunBy(v: string[]): void;
-                setReactTo(v: string[]): void;
-                setPreProcess(v: string): void;
-                setPostProcess(v: string): void;
-            } & {
-                readonly formattedSQL: any;
-                readonly typedAsSQL: boolean;
-                readonly typedAsHTTP: boolean;
-                readonly datasource: any;
-                readonly httpConfigString: string;
-            } & {
-                readonly stateMessage: string;
-            } & {
-                controller: AbortController;
-            } & {
-                runSQL: () => Promise<void>;
-                runHTTP: () => Promise<void>;
-            } & {
-                fetchData: () => Promise<void>;
-                beforeDestroy(): void;
-            } & {
-                afterCreate(): 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<import("../model/queries/types").DataSourceType>;
-                key: import("mobx-state-tree").ISimpleType<string>;
-                sql: import("mobx-state-tree").ISimpleType<string>;
-                pre_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                post_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                run_by: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
-                react_to: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
-            } & {
-                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<"error" | "loading" | "idle">, [undefined]>;
-                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>;
-                error: import("mobx-state-tree").IType<any, any, any>;
-            }, {
-                readonly valid: boolean;
-                readonly json: {
-                    id: string;
-                    key: string;
-                    sql: string;
-                    name: string;
-                    type: import("../model/queries/types").DataSourceType;
-                    run_by: 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]>>;
-                    react_to: 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]>>;
-                    pre_process: string;
-                    post_process: string;
-                };
-                readonly conditionOptions: {
-                    label: string;
-                    value: string;
-                    group: string;
-                }[];
-                readonly unmetRunByConditions: string[];
-            } & {
-                readonly reQueryKey: string;
-                readonly runByConditionsMet: boolean;
-                readonly conditionNames: {
-                    context: string[];
-                    filters: any[];
-                };
-            } & {
-                setName(name: string): void;
-                setKey(key: string): void;
-                setType(type: import("../model/queries/types").DataSourceType): void;
-                setSQL(sql: string): void;
-                setRunBy(v: string[]): void;
-                setReactTo(v: string[]): void;
-                setPreProcess(v: string): void;
-                setPostProcess(v: string): void;
-            } & {
-                readonly formattedSQL: any;
-                readonly typedAsSQL: boolean;
-                readonly typedAsHTTP: boolean;
-                readonly datasource: any;
-                readonly httpConfigString: string;
-            } & {
-                readonly stateMessage: string;
-            } & {
-                controller: AbortController;
-            } & {
-                runSQL: () => Promise<void>;
-                runHTTP: () => Promise<void>;
-            } & {
-                fetchData: () => Promise<void>;
-                beforeDestroy(): void;
-            } & {
-                afterCreate(): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
-            readonly data: TPanelData;
-            readonly dataLoading: boolean;
-            readonly queryStateMessages: string[];
-            readonly queryErrors: any[];
-            readonly canRenderViz: boolean;
             readonly json: {
                 id: string;
                 viz: {
-                    conf: import("..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("..").AnyObject, import("..").AnyObject, import("..").AnyObject>>;
+                    conf: import("../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>>;
                     type: string;
                 };
                 style: {
@@ -2191,11 +2055,7 @@ export declare const tokens: {
                 }[];
                 description: string;
             };
-            readonly dataFieldOptions: {
-                label: string;
-                value: string;
-                group: string;
-            }[];
+            readonly queryIDSet: Set<string>;
         } & {
             setID(id: string): void;
             setTitle(title: string): void;
@@ -2835,17 +2695,169 @@ export declare const tokens: {
                     }, {}>>>);
                 };
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>): void;
-            removeSelf(): void;
         } & {
-            moveToView(sourceViewID: string, targetViewID: string): void;
+            readonly contentModel: any;
+        } & {
+            readonly queries: ({
+                id: string;
+                name: string;
+                type: import("../../model").DataSourceType;
+                key: string;
+                sql: string;
+                pre_process: string;
+                post_process: string;
+                run_by: 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]>>;
+                react_to: 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]>>;
+                state: "error" | "loading" | "idle";
+                data: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>>;
+                error: any;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+                readonly valid: boolean;
+                readonly json: {
+                    id: string;
+                    key: string;
+                    sql: string;
+                    name: string;
+                    type: import("../../model").DataSourceType;
+                    run_by: 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]>>;
+                    react_to: 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]>>;
+                    pre_process: string;
+                    post_process: string;
+                };
+            } & {
+                setName(name: string): void;
+                setKey(key: string): void;
+                setType(type: import("../../model").DataSourceType): void;
+                setSQL(sql: string): void;
+                setRunBy(v: string[]): void;
+                setReactTo(v: string[]): void;
+                setPreProcess(v: string): void;
+                setPostProcess(v: string): void;
+            } & {
+                readonly conditionOptions: {
+                    label: string;
+                    value: string;
+                    group: string;
+                }[];
+                readonly unmetRunByConditions: string[];
+            } & {
+                readonly reQueryKey: string;
+                readonly runByConditionsMet: boolean;
+                readonly conditionNames: {
+                    context: string[];
+                    filters: any[];
+                };
+            } & {
+                readonly formattedSQL: any;
+                readonly typedAsSQL: boolean;
+                readonly typedAsHTTP: boolean;
+                readonly datasource: any;
+                readonly httpConfigString: string;
+            } & {
+                readonly stateMessage: string;
+            } & {
+                controller: AbortController;
+            } & {
+                runSQL: () => Promise<void>;
+                runHTTP: () => Promise<void>;
+            } & {
+                fetchData: () => Promise<void>;
+                beforeDestroy(): void;
+            } & {
+                afterCreate(): 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<import("../../model").DataSourceType>;
+                key: import("mobx-state-tree").ISimpleType<string>;
+                sql: import("mobx-state-tree").ISimpleType<string>;
+                pre_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                post_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                run_by: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+                react_to: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+            } & {
+                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<"error" | "loading" | "idle">, [undefined]>;
+                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>;
+                error: import("mobx-state-tree").IType<any, any, any>;
+            }, {
+                readonly valid: boolean;
+                readonly json: {
+                    id: string;
+                    key: string;
+                    sql: string;
+                    name: string;
+                    type: import("../../model").DataSourceType;
+                    run_by: 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]>>;
+                    react_to: 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]>>;
+                    pre_process: string;
+                    post_process: string;
+                };
+            } & {
+                setName(name: string): void;
+                setKey(key: string): void;
+                setType(type: import("../../model").DataSourceType): void;
+                setSQL(sql: string): void;
+                setRunBy(v: string[]): void;
+                setReactTo(v: string[]): void;
+                setPreProcess(v: string): void;
+                setPostProcess(v: string): void;
+            } & {
+                readonly conditionOptions: {
+                    label: string;
+                    value: string;
+                    group: string;
+                }[];
+                readonly unmetRunByConditions: string[];
+            } & {
+                readonly reQueryKey: string;
+                readonly runByConditionsMet: boolean;
+                readonly conditionNames: {
+                    context: string[];
+                    filters: any[];
+                };
+            } & {
+                readonly formattedSQL: any;
+                readonly typedAsSQL: boolean;
+                readonly typedAsHTTP: boolean;
+                readonly datasource: any;
+                readonly httpConfigString: string;
+            } & {
+                readonly stateMessage: string;
+            } & {
+                controller: AbortController;
+            } & {
+                runSQL: () => Promise<void>;
+                runHTTP: () => Promise<void>;
+            } & {
+                fetchData: () => Promise<void>;
+                beforeDestroy(): void;
+            } & {
+                afterCreate(): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
+            readonly data: TPanelData;
+            readonly dataLoading: boolean;
+            readonly queryStateMessages: string[];
+            readonly queryErrors: any[];
+            readonly canRenderViz: boolean;
+        } & {
             refreshData(): void;
             downloadData(): void;
+        } & {
+            readonly dataFieldOptions: {
+                label: string;
+                value: string;
+                group: string;
+            }[];
+        } & {
+            removeSelf(): void;
+        } & {
+            moveToView(sourceViewID: string, targetViewID: string): void;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>>;
-        vizInstance: import("~/service-locator").Token<VizInstance>;
-        interactionManager: import("~/service-locator").Token<IVizInteractionManager>;
-        migrator: import("~/service-locator").Token<InstanceMigrator>;
-        operationManager: import("~/service-locator").Token<IVizOperationManager>;
-        triggerManager: import("~/service-locator").Token<IVizTriggerManager>;
+        vizInstance: import("~/components/plugins/service/service-locator").Token<VizInstance>;
+        interactionManager: import("~/components/plugins/service/service-locator").Token<IVizInteractionManager>;
+        migrator: import("~/components/plugins/service/service-locator").Token<InstanceMigrator>;
+        operationManager: import("~/components/plugins/service/service-locator").Token<IVizOperationManager>;
+        triggerManager: import("~/components/plugins/service/service-locator").Token<IVizTriggerManager>;
     };
 };
 export declare const createPluginContext: () => IPluginContextProps;