npm - @devtable/dashboard - Versions diffs - 13.44.1 → 14.0.0 - Mend

@devtable/dashboard 13.44.1 → 14.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (62) hide show

package/dist/dashboard-editor/model/datasources/index.d.ts CHANGED Viewed

@@ -7,83 +7,181 @@ export declare const DataSourcesModel: import("mobx-state-tree").IModelType<{
         key: import("mobx-state-tree").ISimpleType<string>;
         config: import("mobx-state-tree").IType<import('../../../api-caller/types').TDataSourceConfig, import('../../../api-caller/types').TDataSourceConfig, import('../../../api-caller/types').TDataSourceConfig>;
     } & {
-        tables: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
-            data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./tables").TableInfoTreeType, import("./tables").TableInfoTreeType, import("./tables").TableInfoTreeType>, [undefined]>;
-            state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            error: import("mobx-state-tree").IType<any, any, any>;
+        dbInfo: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+            tables: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./db-info/tables").TableInfoTreeType, import("./db-info/tables").TableInfoTreeType, import("./db-info/tables").TableInfoTreeType>, [undefined]>;
+                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                error: import("mobx-state-tree").IType<any, any, any>;
+            }, {
+                readonly loading: boolean;
+                readonly empty: boolean;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+            columns: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./db-info/columns").ColumnInfoType[], import("./db-info/columns").ColumnInfoType[], import("./db-info/columns").ColumnInfoType[]>, [undefined]>;
+                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                error: import("mobx-state-tree").IType<any, any, any>;
+            }, {
+                readonly loading: boolean;
+                readonly empty: boolean;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+            tableData: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                page: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+                limit: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("../../..").AnyObject[], import("../../..").AnyObject[], import("../../..").AnyObject[]>, [undefined]>;
+                total: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                error: import("mobx-state-tree").IType<any, any, any>;
+            }, {
+                readonly keywords: {
+                    table_name: string;
+                    table_schema: string;
+                };
+                readonly keywordString: string;
+            } & {
+                readonly loading: boolean;
+                readonly empty: boolean;
+                readonly maxPage: number;
+                readonly offset: number;
+                readonly countSql: string;
+            } & {
+                setPage(page: number): void;
+                resetPage(): void;
+                setLimit(limit: number): void;
+            } & {
+                afterCreate(): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+            indexes: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./db-info/indexes").IndexInfoType[], import("./db-info/indexes").IndexInfoType[], import("./db-info/indexes").IndexInfoType[]>, [undefined]>;
+                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                error: import("mobx-state-tree").IType<any, any, any>;
+            }, {
+                readonly loading: boolean;
+                readonly empty: boolean;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+            table_schema: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            table_name: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
         }, {
-            readonly loading: boolean;
-            readonly empty: boolean;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
-        columns: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
-            data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./columns").ColumnInfoType[], import("./columns").ColumnInfoType[], import("./columns").ColumnInfoType[]>, [undefined]>;
-            state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            error: import("mobx-state-tree").IType<any, any, any>;
-        }, {
-            readonly loading: boolean;
-            readonly empty: boolean;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
-        tableData: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
-            page: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            limit: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("../../..").AnyObject[], import("../../..").AnyObject[], import("../../..").AnyObject[]>, [undefined]>;
-            total: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            error: import("mobx-state-tree").IType<any, any, any>;
-        }, {
-            readonly keywords: {
-                table_name: string;
-                table_schema: string;
+            readonly dataSource: any;
+            readonly key: any;
+            readonly type: any;
+            readonly sqlDataSourceType: DataSourceType.Postgresql | DataSourceType.MySQL | DataSourceType.MericoMetricSystem;
+            readonly reloadConditionString: string;
+        } & {
+            controllers: {
+                tables: AbortController;
+                columns: AbortController;
+                indexes: AbortController;
+                tableData: AbortController;
             };
-            readonly keywordString: string;
         } & {
-            readonly loading: boolean;
-            readonly empty: boolean;
-            readonly maxPage: number;
-            readonly offset: number;
-            readonly countSql: string;
+            setKeywords(table_schema: string, table_name: string): void;
+        } & {
+            initKeywords(): void;
+        } & {
+            loadTables: () => Promise<void>;
+            loadTablesIfEmpty(): void;
+            loadColumns: () => Promise<void>;
+            loadIndexes: () => Promise<void>;
+            loadTableData: () => Promise<void>;
         } & {
-            setPage(page: number): void;
-            resetPage(): void;
-            setLimit(limit: number): void;
+            afterCreate(): void;
         } & {
             afterCreate(): void;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
-        indexes: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
-            data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./indexes").IndexInfoType[], import("./indexes").IndexInfoType[], import("./indexes").IndexInfoType[]>, [undefined]>;
-            state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            error: import("mobx-state-tree").IType<any, any, any>;
+        mericoMetricInfo: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+            metrics: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                keyword: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./mm-info").MetricBriefInfo[], import("./mm-info").MetricBriefInfo[], import("./mm-info").MetricBriefInfo[]>, [undefined]>;
+                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                error: import("mobx-state-tree").IType<any, any, any>;
+            }, {
+                controller: AbortController;
+            } & {
+                readonly loading: boolean;
+                readonly empty: boolean;
+                readonly mmInfo: any;
+            } & {
+                setKeyword(v: string): void;
+            } & {
+                load: () => Promise<void>;
+            } & {
+                afterCreate(): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+            metricDetail: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./mm-info").MetricDetail | null, import("./mm-info").MetricDetail | null, import("./mm-info").MetricDetail | null>, [undefined]>;
+                filters: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<(import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[], (import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[], (import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[]>, [undefined]>;
+                groupBys: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<(import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[], (import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[], (import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[]>, [undefined]>;
+                trendingDateCol: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./mm-info").MetricSourceCol | null, import("./mm-info").MetricSourceCol | null, import("./mm-info").MetricSourceCol | null>, [undefined]>;
+                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                error: import("mobx-state-tree").IType<any, any, any>;
+            }, {
+                controller: AbortController;
+            } & {
+                readonly loading: boolean;
+                readonly hasData: boolean;
+                readonly mmInfo: any;
+                readonly metricID: string;
+                readonly metric: any;
+                readonly metricType: any;
+                readonly filterColOptions: {
+                    group: string;
+                    items: ({
+                        name: string;
+                        description: string;
+                        dimension: null;
+                        colType: "dimension" | "value_col" | "dimension_col";
+                        dataType: import("./mm-info").DimensionColDataType;
+                        label: string;
+                        value: string;
+                        group?: undefined;
+                        items?: undefined;
+                    } | {
+                        group: string;
+                        description: string;
+                        items: {
+                            id: string;
+                            description: string;
+                            field: string;
+                            dataType: import("./mm-info").DimensionColDataType;
+                            label: string;
+                            value: string;
+                        }[];
+                    })[];
+                }[];
+                readonly groupByColOptions: import("./mm-info/metric-detail.utils").MetricGroupByColOption[];
+                readonly flatGroupByColOptions: {
+                    label: string;
+                    value: string;
+                    description: string;
+                    dataType: "dimension" | import("./mm-info").DimensionColDataType;
+                    dimension: import("./mm-info").DimensionInfo | null;
+                }[];
+                getGroupByOptions(values: string[]): {
+                    label: string;
+                    value: string;
+                    description: string;
+                    dataType: "dimension" | import("./mm-info").DimensionColDataType;
+                    dimension: import("./mm-info").DimensionInfo | null;
+                }[];
+            } & {
+                load: () => Promise<void>;
+            } & {
+                afterCreate(): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+            keyword: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            metricID: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
         }, {
-            readonly loading: boolean;
-            readonly empty: boolean;
+            readonly rootModel: any;
+            readonly contentModel: any;
+            readonly additionalQueryInfo: import("../../..").TAdditionalQueryInfo;
+            readonly dataSource: any;
+            readonly key: any;
+            readonly type: any;
+            readonly metric: import("./mm-info").MetricBriefInfo | null;
+        } & {
+            selectMetric(metricID: string): void;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
-        table_schema: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-        table_name: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-    }, {
-        readonly sqlDataSourceType: DataSourceType.Postgresql | DataSourceType.MySQL | DataSourceType.MericoMetricSystem;
-        readonly reloadConditionString: string;
-    } & {
-        controllers: {
-            tables: AbortController;
-            columns: AbortController;
-            indexes: AbortController;
-            tableData: AbortController;
-        };
-    } & {
-        setKeywords(table_schema: string, table_name: string): void;
-    } & {
-        initKeywords(): void;
-    } & {
-        loadTables: () => Promise<void>;
-        loadTablesIfEmpty(): void;
-        loadColumns: () => Promise<void>;
-        loadIndexes: () => Promise<void>;
-        loadTableData: () => Promise<void>;
-    } & {
-        afterCreate(): void;
-    } & {
-        afterCreate(): void;
-    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
+    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
 }, {
     find({ type, key }: {
         type: DataSourceType;
@@ -92,212 +190,657 @@ export declare const DataSourcesModel: import("mobx-state-tree").IModelType<{
         id: string;
         type: DataSourceType;
         key: string;
-        config: (import('../../../api-caller/types').TDataSourceConfig_DB & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import('../../../api-caller/types').TDataSourceConfig, import('../../../api-caller/types').TDataSourceConfig, import('../../../api-caller/types').TDataSourceConfig>>) | (import('../../../api-caller/types').TDataSourceConfig_HTTP & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import('../../../api-caller/types').TDataSourceConfig, import('../../../api-caller/types').TDataSourceConfig, import('../../../api-caller/types').TDataSourceConfig>>);
-        tables: {
-            data: import("./tables").TableInfoTreeType & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./tables").TableInfoTreeType, import("./tables").TableInfoTreeType, import("./tables").TableInfoTreeType>, [undefined]>>;
-            state: string;
-            error: any;
+        config: (import('../../../api-caller/types').TDataSourceConfig_DB & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import('../../../api-caller/types').TDataSourceConfig, import('../../../api-caller/types').TDataSourceConfig, import('../../../api-caller/types').TDataSourceConfig>>) | (import('../../../api-caller/types').TDataSourceConfig_HTTP & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import('../../../api-caller/types').TDataSourceConfig, import('../../../api-caller/types').TDataSourceConfig, import('../../../api-caller/types').TDataSourceConfig>>) | (import('../../../api-caller/types').TDataSourceConfig_MericoMetricSystem & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import('../../../api-caller/types').TDataSourceConfig, import('../../../api-caller/types').TDataSourceConfig, import('../../../api-caller/types').TDataSourceConfig>>);
+        dbInfo: {
+            tables: {
+                data: import("./db-info/tables").TableInfoTreeType & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./db-info/tables").TableInfoTreeType, import("./db-info/tables").TableInfoTreeType, import("./db-info/tables").TableInfoTreeType>, [undefined]>>;
+                state: string;
+                error: any;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+                readonly loading: boolean;
+                readonly empty: boolean;
+            } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./db-info/tables").TableInfoTreeType, import("./db-info/tables").TableInfoTreeType, import("./db-info/tables").TableInfoTreeType>, [undefined]>;
+                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                error: import("mobx-state-tree").IType<any, any, any>;
+            }, {
+                readonly loading: boolean;
+                readonly empty: boolean;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>>;
+            columns: {
+                data: import("./db-info/columns").ColumnInfoType[] & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./db-info/columns").ColumnInfoType[], import("./db-info/columns").ColumnInfoType[], import("./db-info/columns").ColumnInfoType[]>, [undefined]>>;
+                state: string;
+                error: any;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+                readonly loading: boolean;
+                readonly empty: boolean;
+            } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./db-info/columns").ColumnInfoType[], import("./db-info/columns").ColumnInfoType[], import("./db-info/columns").ColumnInfoType[]>, [undefined]>;
+                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                error: import("mobx-state-tree").IType<any, any, any>;
+            }, {
+                readonly loading: boolean;
+                readonly empty: boolean;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>>;
+            tableData: {
+                page: number;
+                limit: number;
+                data: import("../../..").AnyObject[] & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("../../..").AnyObject[], import("../../..").AnyObject[], import("../../..").AnyObject[]>, [undefined]>>;
+                total: number;
+                state: string;
+                error: any;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+                readonly keywords: {
+                    table_name: string;
+                    table_schema: string;
+                };
+                readonly keywordString: string;
+            } & {
+                readonly loading: boolean;
+                readonly empty: boolean;
+                readonly maxPage: number;
+                readonly offset: number;
+                readonly countSql: string;
+            } & {
+                setPage(page: number): void;
+                resetPage(): void;
+                setLimit(limit: number): void;
+            } & {
+                afterCreate(): void;
+            } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                page: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+                limit: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("../../..").AnyObject[], import("../../..").AnyObject[], import("../../..").AnyObject[]>, [undefined]>;
+                total: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                error: import("mobx-state-tree").IType<any, any, any>;
+            }, {
+                readonly keywords: {
+                    table_name: string;
+                    table_schema: string;
+                };
+                readonly keywordString: string;
+            } & {
+                readonly loading: boolean;
+                readonly empty: boolean;
+                readonly maxPage: number;
+                readonly offset: number;
+                readonly countSql: string;
+            } & {
+                setPage(page: number): void;
+                resetPage(): void;
+                setLimit(limit: number): void;
+            } & {
+                afterCreate(): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>>;
+            indexes: {
+                data: import("./db-info/indexes").IndexInfoType[] & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./db-info/indexes").IndexInfoType[], import("./db-info/indexes").IndexInfoType[], import("./db-info/indexes").IndexInfoType[]>, [undefined]>>;
+                state: string;
+                error: any;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+                readonly loading: boolean;
+                readonly empty: boolean;
+            } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./db-info/indexes").IndexInfoType[], import("./db-info/indexes").IndexInfoType[], import("./db-info/indexes").IndexInfoType[]>, [undefined]>;
+                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                error: import("mobx-state-tree").IType<any, any, any>;
+            }, {
+                readonly loading: boolean;
+                readonly empty: boolean;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>>;
+            table_schema: string;
+            table_name: string;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-            readonly loading: boolean;
-            readonly empty: boolean;
-        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
-            data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./tables").TableInfoTreeType, import("./tables").TableInfoTreeType, import("./tables").TableInfoTreeType>, [undefined]>;
-            state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            error: import("mobx-state-tree").IType<any, any, any>;
-        }, {
-            readonly loading: boolean;
-            readonly empty: boolean;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>>;
-        columns: {
-            data: import("./columns").ColumnInfoType[] & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./columns").ColumnInfoType[], import("./columns").ColumnInfoType[], import("./columns").ColumnInfoType[]>, [undefined]>>;
-            state: string;
-            error: any;
-        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-            readonly loading: boolean;
-            readonly empty: boolean;
-        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
-            data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./columns").ColumnInfoType[], import("./columns").ColumnInfoType[], import("./columns").ColumnInfoType[]>, [undefined]>;
-            state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            error: import("mobx-state-tree").IType<any, any, any>;
-        }, {
-            readonly loading: boolean;
-            readonly empty: boolean;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>>;
-        tableData: {
-            page: number;
-            limit: number;
-            data: import("../../..").AnyObject[] & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("../../..").AnyObject[], import("../../..").AnyObject[], import("../../..").AnyObject[]>, [undefined]>>;
-            total: number;
-            state: string;
-            error: any;
-        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-            readonly keywords: {
-                table_name: string;
-                table_schema: string;
+            readonly dataSource: any;
+            readonly key: any;
+            readonly type: any;
+            readonly sqlDataSourceType: DataSourceType.Postgresql | DataSourceType.MySQL | DataSourceType.MericoMetricSystem;
+            readonly reloadConditionString: string;
+        } & {
+            controllers: {
+                tables: AbortController;
+                columns: AbortController;
+                indexes: AbortController;
+                tableData: AbortController;
             };
-            readonly keywordString: string;
         } & {
-            readonly loading: boolean;
-            readonly empty: boolean;
-            readonly maxPage: number;
-            readonly offset: number;
-            readonly countSql: string;
+            setKeywords(table_schema: string, table_name: string): void;
         } & {
-            setPage(page: number): void;
-            resetPage(): void;
-            setLimit(limit: number): void;
+            initKeywords(): void;
+        } & {
+            loadTables: () => Promise<void>;
+            loadTablesIfEmpty(): void;
+            loadColumns: () => Promise<void>;
+            loadIndexes: () => Promise<void>;
+            loadTableData: () => Promise<void>;
+        } & {
+            afterCreate(): void;
         } & {
             afterCreate(): void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
-            page: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            limit: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("../../..").AnyObject[], import("../../..").AnyObject[], import("../../..").AnyObject[]>, [undefined]>;
-            total: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            error: import("mobx-state-tree").IType<any, any, any>;
+            tables: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./db-info/tables").TableInfoTreeType, import("./db-info/tables").TableInfoTreeType, import("./db-info/tables").TableInfoTreeType>, [undefined]>;
+                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                error: import("mobx-state-tree").IType<any, any, any>;
+            }, {
+                readonly loading: boolean;
+                readonly empty: boolean;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+            columns: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./db-info/columns").ColumnInfoType[], import("./db-info/columns").ColumnInfoType[], import("./db-info/columns").ColumnInfoType[]>, [undefined]>;
+                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                error: import("mobx-state-tree").IType<any, any, any>;
+            }, {
+                readonly loading: boolean;
+                readonly empty: boolean;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+            tableData: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                page: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+                limit: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("../../..").AnyObject[], import("../../..").AnyObject[], import("../../..").AnyObject[]>, [undefined]>;
+                total: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                error: import("mobx-state-tree").IType<any, any, any>;
+            }, {
+                readonly keywords: {
+                    table_name: string;
+                    table_schema: string;
+                };
+                readonly keywordString: string;
+            } & {
+                readonly loading: boolean;
+                readonly empty: boolean;
+                readonly maxPage: number;
+                readonly offset: number;
+                readonly countSql: string;
+            } & {
+                setPage(page: number): void;
+                resetPage(): void;
+                setLimit(limit: number): void;
+            } & {
+                afterCreate(): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+            indexes: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./db-info/indexes").IndexInfoType[], import("./db-info/indexes").IndexInfoType[], import("./db-info/indexes").IndexInfoType[]>, [undefined]>;
+                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                error: import("mobx-state-tree").IType<any, any, any>;
+            }, {
+                readonly loading: boolean;
+                readonly empty: boolean;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+            table_schema: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            table_name: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
         }, {
-            readonly keywords: {
-                table_name: string;
-                table_schema: string;
+            readonly dataSource: any;
+            readonly key: any;
+            readonly type: any;
+            readonly sqlDataSourceType: DataSourceType.Postgresql | DataSourceType.MySQL | DataSourceType.MericoMetricSystem;
+            readonly reloadConditionString: string;
+        } & {
+            controllers: {
+                tables: AbortController;
+                columns: AbortController;
+                indexes: AbortController;
+                tableData: AbortController;
             };
-            readonly keywordString: string;
         } & {
-            readonly loading: boolean;
-            readonly empty: boolean;
-            readonly maxPage: number;
-            readonly offset: number;
-            readonly countSql: string;
+            setKeywords(table_schema: string, table_name: string): void;
+        } & {
+            initKeywords(): void;
         } & {
-            setPage(page: number): void;
-            resetPage(): void;
-            setLimit(limit: number): void;
+            loadTables: () => Promise<void>;
+            loadTablesIfEmpty(): void;
+            loadColumns: () => Promise<void>;
+            loadIndexes: () => Promise<void>;
+            loadTableData: () => Promise<void>;
+        } & {
+            afterCreate(): void;
         } & {
             afterCreate(): void;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>>;
-        indexes: {
-            data: import("./indexes").IndexInfoType[] & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./indexes").IndexInfoType[], import("./indexes").IndexInfoType[], import("./indexes").IndexInfoType[]>, [undefined]>>;
-            state: string;
-            error: any;
+        mericoMetricInfo: {
+            metrics: {
+                keyword: string;
+                data: import("./mm-info").MetricBriefInfo[] & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./mm-info").MetricBriefInfo[], import("./mm-info").MetricBriefInfo[], import("./mm-info").MetricBriefInfo[]>, [undefined]>>;
+                state: string;
+                error: any;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+                controller: AbortController;
+            } & {
+                readonly loading: boolean;
+                readonly empty: boolean;
+                readonly mmInfo: any;
+            } & {
+                setKeyword(v: string): void;
+            } & {
+                load: () => Promise<void>;
+            } & {
+                afterCreate(): void;
+            } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                keyword: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./mm-info").MetricBriefInfo[], import("./mm-info").MetricBriefInfo[], import("./mm-info").MetricBriefInfo[]>, [undefined]>;
+                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                error: import("mobx-state-tree").IType<any, any, any>;
+            }, {
+                controller: AbortController;
+            } & {
+                readonly loading: boolean;
+                readonly empty: boolean;
+                readonly mmInfo: any;
+            } & {
+                setKeyword(v: string): void;
+            } & {
+                load: () => Promise<void>;
+            } & {
+                afterCreate(): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>>;
+            metricDetail: {
+                data: (import("./mm-info").DerivedMetric & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./mm-info").MetricDetail | null, import("./mm-info").MetricDetail | null, import("./mm-info").MetricDetail | null>, [undefined]>>) | (import("./mm-info").CombinedMetric & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./mm-info").MetricDetail | null, import("./mm-info").MetricDetail | null, import("./mm-info").MetricDetail | null>, [undefined]>>) | null;
+                filters: (import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[] & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<(import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[], (import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[], (import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[]>, [undefined]>>;
+                groupBys: (import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[] & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<(import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[], (import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[], (import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[]>, [undefined]>>;
+                trendingDateCol: (import("./mm-info").MetricSourceCol_Simple & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./mm-info").MetricSourceCol | null, import("./mm-info").MetricSourceCol | null, import("./mm-info").MetricSourceCol | null>, [undefined]>>) | (import("./mm-info").MetricSourceCol_Dimension & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./mm-info").MetricSourceCol | null, import("./mm-info").MetricSourceCol | null, import("./mm-info").MetricSourceCol | null>, [undefined]>>) | null;
+                state: string;
+                error: any;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+                controller: AbortController;
+            } & {
+                readonly loading: boolean;
+                readonly hasData: boolean;
+                readonly mmInfo: any;
+                readonly metricID: string;
+                readonly metric: any;
+                readonly metricType: any;
+                readonly filterColOptions: {
+                    group: string;
+                    items: ({
+                        name: string;
+                        description: string;
+                        dimension: null;
+                        colType: "dimension" | "value_col" | "dimension_col";
+                        dataType: import("./mm-info").DimensionColDataType;
+                        label: string;
+                        value: string;
+                        group?: undefined;
+                        items?: undefined;
+                    } | {
+                        group: string;
+                        description: string;
+                        items: {
+                            id: string;
+                            description: string;
+                            field: string;
+                            dataType: import("./mm-info").DimensionColDataType;
+                            label: string;
+                            value: string;
+                        }[];
+                    })[];
+                }[];
+                readonly groupByColOptions: import("./mm-info/metric-detail.utils").MetricGroupByColOption[];
+                readonly flatGroupByColOptions: {
+                    label: string;
+                    value: string;
+                    description: string;
+                    dataType: "dimension" | import("./mm-info").DimensionColDataType;
+                    dimension: import("./mm-info").DimensionInfo | null;
+                }[];
+                getGroupByOptions(values: string[]): {
+                    label: string;
+                    value: string;
+                    description: string;
+                    dataType: "dimension" | import("./mm-info").DimensionColDataType;
+                    dimension: import("./mm-info").DimensionInfo | null;
+                }[];
+            } & {
+                load: () => Promise<void>;
+            } & {
+                afterCreate(): void;
+            } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./mm-info").MetricDetail | null, import("./mm-info").MetricDetail | null, import("./mm-info").MetricDetail | null>, [undefined]>;
+                filters: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<(import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[], (import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[], (import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[]>, [undefined]>;
+                groupBys: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<(import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[], (import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[], (import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[]>, [undefined]>;
+                trendingDateCol: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./mm-info").MetricSourceCol | null, import("./mm-info").MetricSourceCol | null, import("./mm-info").MetricSourceCol | null>, [undefined]>;
+                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                error: import("mobx-state-tree").IType<any, any, any>;
+            }, {
+                controller: AbortController;
+            } & {
+                readonly loading: boolean;
+                readonly hasData: boolean;
+                readonly mmInfo: any;
+                readonly metricID: string;
+                readonly metric: any;
+                readonly metricType: any;
+                readonly filterColOptions: {
+                    group: string;
+                    items: ({
+                        name: string;
+                        description: string;
+                        dimension: null;
+                        colType: "dimension" | "value_col" | "dimension_col";
+                        dataType: import("./mm-info").DimensionColDataType;
+                        label: string;
+                        value: string;
+                        group?: undefined;
+                        items?: undefined;
+                    } | {
+                        group: string;
+                        description: string;
+                        items: {
+                            id: string;
+                            description: string;
+                            field: string;
+                            dataType: import("./mm-info").DimensionColDataType;
+                            label: string;
+                            value: string;
+                        }[];
+                    })[];
+                }[];
+                readonly groupByColOptions: import("./mm-info/metric-detail.utils").MetricGroupByColOption[];
+                readonly flatGroupByColOptions: {
+                    label: string;
+                    value: string;
+                    description: string;
+                    dataType: "dimension" | import("./mm-info").DimensionColDataType;
+                    dimension: import("./mm-info").DimensionInfo | null;
+                }[];
+                getGroupByOptions(values: string[]): {
+                    label: string;
+                    value: string;
+                    description: string;
+                    dataType: "dimension" | import("./mm-info").DimensionColDataType;
+                    dimension: import("./mm-info").DimensionInfo | null;
+                }[];
+            } & {
+                load: () => Promise<void>;
+            } & {
+                afterCreate(): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>>;
+            keyword: string;
+            metricID: string;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-            readonly loading: boolean;
-            readonly empty: boolean;
+            readonly rootModel: any;
+            readonly contentModel: any;
+            readonly additionalQueryInfo: import("../../..").TAdditionalQueryInfo;
+            readonly dataSource: any;
+            readonly key: any;
+            readonly type: any;
+            readonly metric: import("./mm-info").MetricBriefInfo | null;
+        } & {
+            selectMetric(metricID: string): void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
-            data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./indexes").IndexInfoType[], import("./indexes").IndexInfoType[], import("./indexes").IndexInfoType[]>, [undefined]>;
-            state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            error: import("mobx-state-tree").IType<any, any, any>;
+            metrics: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                keyword: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./mm-info").MetricBriefInfo[], import("./mm-info").MetricBriefInfo[], import("./mm-info").MetricBriefInfo[]>, [undefined]>;
+                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                error: import("mobx-state-tree").IType<any, any, any>;
+            }, {
+                controller: AbortController;
+            } & {
+                readonly loading: boolean;
+                readonly empty: boolean;
+                readonly mmInfo: any;
+            } & {
+                setKeyword(v: string): void;
+            } & {
+                load: () => Promise<void>;
+            } & {
+                afterCreate(): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+            metricDetail: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./mm-info").MetricDetail | null, import("./mm-info").MetricDetail | null, import("./mm-info").MetricDetail | null>, [undefined]>;
+                filters: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<(import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[], (import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[], (import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[]>, [undefined]>;
+                groupBys: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<(import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[], (import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[], (import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[]>, [undefined]>;
+                trendingDateCol: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./mm-info").MetricSourceCol | null, import("./mm-info").MetricSourceCol | null, import("./mm-info").MetricSourceCol | null>, [undefined]>;
+                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                error: import("mobx-state-tree").IType<any, any, any>;
+            }, {
+                controller: AbortController;
+            } & {
+                readonly loading: boolean;
+                readonly hasData: boolean;
+                readonly mmInfo: any;
+                readonly metricID: string;
+                readonly metric: any;
+                readonly metricType: any;
+                readonly filterColOptions: {
+                    group: string;
+                    items: ({
+                        name: string;
+                        description: string;
+                        dimension: null;
+                        colType: "dimension" | "value_col" | "dimension_col";
+                        dataType: import("./mm-info").DimensionColDataType;
+                        label: string;
+                        value: string;
+                        group?: undefined;
+                        items?: undefined;
+                    } | {
+                        group: string;
+                        description: string;
+                        items: {
+                            id: string;
+                            description: string;
+                            field: string;
+                            dataType: import("./mm-info").DimensionColDataType;
+                            label: string;
+                            value: string;
+                        }[];
+                    })[];
+                }[];
+                readonly groupByColOptions: import("./mm-info/metric-detail.utils").MetricGroupByColOption[];
+                readonly flatGroupByColOptions: {
+                    label: string;
+                    value: string;
+                    description: string;
+                    dataType: "dimension" | import("./mm-info").DimensionColDataType;
+                    dimension: import("./mm-info").DimensionInfo | null;
+                }[];
+                getGroupByOptions(values: string[]): {
+                    label: string;
+                    value: string;
+                    description: string;
+                    dataType: "dimension" | import("./mm-info").DimensionColDataType;
+                    dimension: import("./mm-info").DimensionInfo | null;
+                }[];
+            } & {
+                load: () => Promise<void>;
+            } & {
+                afterCreate(): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+            keyword: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            metricID: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
         }, {
-            readonly loading: boolean;
-            readonly empty: boolean;
+            readonly rootModel: any;
+            readonly contentModel: any;
+            readonly additionalQueryInfo: import("../../..").TAdditionalQueryInfo;
+            readonly dataSource: any;
+            readonly key: any;
+            readonly type: any;
+            readonly metric: import("./mm-info").MetricBriefInfo | null;
+        } & {
+            selectMetric(metricID: string): void;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>>;
-        table_schema: string;
-        table_name: string;
-    } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-        readonly sqlDataSourceType: DataSourceType.Postgresql | DataSourceType.MySQL | DataSourceType.MericoMetricSystem;
-        readonly reloadConditionString: string;
-    } & {
-        controllers: {
-            tables: AbortController;
-            columns: AbortController;
-            indexes: AbortController;
-            tableData: AbortController;
-        };
-    } & {
-        setKeywords(table_schema: string, table_name: string): void;
-    } & {
-        initKeywords(): void;
-    } & {
-        loadTables: () => Promise<void>;
-        loadTablesIfEmpty(): void;
-        loadColumns: () => Promise<void>;
-        loadIndexes: () => Promise<void>;
-        loadTableData: () => Promise<void>;
-    } & {
-        afterCreate(): void;
-    } & {
-        afterCreate(): void;
-    } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+    } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
         id: import("mobx-state-tree").ISimpleType<string>;
         type: import("mobx-state-tree").ISimpleType<DataSourceType>;
         key: import("mobx-state-tree").ISimpleType<string>;
         config: import("mobx-state-tree").IType<import('../../../api-caller/types').TDataSourceConfig, import('../../../api-caller/types').TDataSourceConfig, import('../../../api-caller/types').TDataSourceConfig>;
     } & {
-        tables: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
-            data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./tables").TableInfoTreeType, import("./tables").TableInfoTreeType, import("./tables").TableInfoTreeType>, [undefined]>;
-            state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            error: import("mobx-state-tree").IType<any, any, any>;
-        }, {
-            readonly loading: boolean;
-            readonly empty: boolean;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
-        columns: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
-            data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./columns").ColumnInfoType[], import("./columns").ColumnInfoType[], import("./columns").ColumnInfoType[]>, [undefined]>;
-            state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            error: import("mobx-state-tree").IType<any, any, any>;
+        dbInfo: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+            tables: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./db-info/tables").TableInfoTreeType, import("./db-info/tables").TableInfoTreeType, import("./db-info/tables").TableInfoTreeType>, [undefined]>;
+                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                error: import("mobx-state-tree").IType<any, any, any>;
+            }, {
+                readonly loading: boolean;
+                readonly empty: boolean;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+            columns: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./db-info/columns").ColumnInfoType[], import("./db-info/columns").ColumnInfoType[], import("./db-info/columns").ColumnInfoType[]>, [undefined]>;
+                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                error: import("mobx-state-tree").IType<any, any, any>;
+            }, {
+                readonly loading: boolean;
+                readonly empty: boolean;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+            tableData: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                page: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+                limit: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("../../..").AnyObject[], import("../../..").AnyObject[], import("../../..").AnyObject[]>, [undefined]>;
+                total: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                error: import("mobx-state-tree").IType<any, any, any>;
+            }, {
+                readonly keywords: {
+                    table_name: string;
+                    table_schema: string;
+                };
+                readonly keywordString: string;
+            } & {
+                readonly loading: boolean;
+                readonly empty: boolean;
+                readonly maxPage: number;
+                readonly offset: number;
+                readonly countSql: string;
+            } & {
+                setPage(page: number): void;
+                resetPage(): void;
+                setLimit(limit: number): void;
+            } & {
+                afterCreate(): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+            indexes: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./db-info/indexes").IndexInfoType[], import("./db-info/indexes").IndexInfoType[], import("./db-info/indexes").IndexInfoType[]>, [undefined]>;
+                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                error: import("mobx-state-tree").IType<any, any, any>;
+            }, {
+                readonly loading: boolean;
+                readonly empty: boolean;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+            table_schema: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            table_name: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
         }, {
-            readonly loading: boolean;
-            readonly empty: boolean;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
-        tableData: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
-            page: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            limit: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("../../..").AnyObject[], import("../../..").AnyObject[], import("../../..").AnyObject[]>, [undefined]>;
-            total: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            error: import("mobx-state-tree").IType<any, any, any>;
-        }, {
-            readonly keywords: {
-                table_name: string;
-                table_schema: string;
+            readonly dataSource: any;
+            readonly key: any;
+            readonly type: any;
+            readonly sqlDataSourceType: DataSourceType.Postgresql | DataSourceType.MySQL | DataSourceType.MericoMetricSystem;
+            readonly reloadConditionString: string;
+        } & {
+            controllers: {
+                tables: AbortController;
+                columns: AbortController;
+                indexes: AbortController;
+                tableData: AbortController;
             };
-            readonly keywordString: string;
         } & {
-            readonly loading: boolean;
-            readonly empty: boolean;
-            readonly maxPage: number;
-            readonly offset: number;
-            readonly countSql: string;
+            setKeywords(table_schema: string, table_name: string): void;
+        } & {
+            initKeywords(): void;
         } & {
-            setPage(page: number): void;
-            resetPage(): void;
-            setLimit(limit: number): void;
+            loadTables: () => Promise<void>;
+            loadTablesIfEmpty(): void;
+            loadColumns: () => Promise<void>;
+            loadIndexes: () => Promise<void>;
+            loadTableData: () => Promise<void>;
+        } & {
+            afterCreate(): void;
         } & {
             afterCreate(): void;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
-        indexes: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
-            data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./indexes").IndexInfoType[], import("./indexes").IndexInfoType[], import("./indexes").IndexInfoType[]>, [undefined]>;
-            state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            error: import("mobx-state-tree").IType<any, any, any>;
+        mericoMetricInfo: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+            metrics: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                keyword: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./mm-info").MetricBriefInfo[], import("./mm-info").MetricBriefInfo[], import("./mm-info").MetricBriefInfo[]>, [undefined]>;
+                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                error: import("mobx-state-tree").IType<any, any, any>;
+            }, {
+                controller: AbortController;
+            } & {
+                readonly loading: boolean;
+                readonly empty: boolean;
+                readonly mmInfo: any;
+            } & {
+                setKeyword(v: string): void;
+            } & {
+                load: () => Promise<void>;
+            } & {
+                afterCreate(): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+            metricDetail: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./mm-info").MetricDetail | null, import("./mm-info").MetricDetail | null, import("./mm-info").MetricDetail | null>, [undefined]>;
+                filters: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<(import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[], (import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[], (import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[]>, [undefined]>;
+                groupBys: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<(import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[], (import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[], (import("./mm-info").MetricSourceCol | import("./mm-info").CombinedMetricCol)[]>, [undefined]>;
+                trendingDateCol: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./mm-info").MetricSourceCol | null, import("./mm-info").MetricSourceCol | null, import("./mm-info").MetricSourceCol | null>, [undefined]>;
+                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                error: import("mobx-state-tree").IType<any, any, any>;
+            }, {
+                controller: AbortController;
+            } & {
+                readonly loading: boolean;
+                readonly hasData: boolean;
+                readonly mmInfo: any;
+                readonly metricID: string;
+                readonly metric: any;
+                readonly metricType: any;
+                readonly filterColOptions: {
+                    group: string;
+                    items: ({
+                        name: string;
+                        description: string;
+                        dimension: null;
+                        colType: "dimension" | "value_col" | "dimension_col";
+                        dataType: import("./mm-info").DimensionColDataType;
+                        label: string;
+                        value: string;
+                        group?: undefined;
+                        items?: undefined;
+                    } | {
+                        group: string;
+                        description: string;
+                        items: {
+                            id: string;
+                            description: string;
+                            field: string;
+                            dataType: import("./mm-info").DimensionColDataType;
+                            label: string;
+                            value: string;
+                        }[];
+                    })[];
+                }[];
+                readonly groupByColOptions: import("./mm-info/metric-detail.utils").MetricGroupByColOption[];
+                readonly flatGroupByColOptions: {
+                    label: string;
+                    value: string;
+                    description: string;
+                    dataType: "dimension" | import("./mm-info").DimensionColDataType;
+                    dimension: import("./mm-info").DimensionInfo | null;
+                }[];
+                getGroupByOptions(values: string[]): {
+                    label: string;
+                    value: string;
+                    description: string;
+                    dataType: "dimension" | import("./mm-info").DimensionColDataType;
+                    dimension: import("./mm-info").DimensionInfo | null;
+                }[];
+            } & {
+                load: () => Promise<void>;
+            } & {
+                afterCreate(): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+            keyword: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            metricID: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
         }, {
-            readonly loading: boolean;
-            readonly empty: boolean;
+            readonly rootModel: any;
+            readonly contentModel: any;
+            readonly additionalQueryInfo: import("../../..").TAdditionalQueryInfo;
+            readonly dataSource: any;
+            readonly key: any;
+            readonly type: any;
+            readonly metric: import("./mm-info").MetricBriefInfo | null;
+        } & {
+            selectMetric(metricID: string): void;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
-        table_schema: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-        table_name: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-    }, {
-        readonly sqlDataSourceType: DataSourceType.Postgresql | DataSourceType.MySQL | DataSourceType.MericoMetricSystem;
-        readonly reloadConditionString: string;
-    } & {
-        controllers: {
-            tables: AbortController;
-            columns: AbortController;
-            indexes: AbortController;
-            tableData: AbortController;
-        };
-    } & {
-        setKeywords(table_schema: string, table_name: string): void;
-    } & {
-        initKeywords(): void;
-    } & {
-        loadTables: () => Promise<void>;
-        loadTablesIfEmpty(): void;
-        loadColumns: () => Promise<void>;
-        loadIndexes: () => Promise<void>;
-        loadTableData: () => Promise<void>;
-    } & {
-        afterCreate(): void;
-    } & {
-        afterCreate(): void;
-    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | undefined;
+    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | undefined;
     readonly options: {
         value: string;
         label: string;