@devtable/dashboard 13.44.2 → 14.0.1

package/dist/dashboard-editor/model/queries/query.d.ts

@@ -3,14 +3,207 @@ import { QueryUsageType } from '../../../model';
 export declare const QueryModel: 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>;
+    type: import("mobx-state-tree").ISimpleType<import('../../../model').DataSourceType>;
+    config: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+        _type: import("mobx-state-tree").ISimpleType<import('../../../model').DataSourceType.Transform>;
+        dep_query_ids: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+    }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+        _type: import("mobx-state-tree").ISimpleType<import('../../../model').DataSourceType.HTTP>;
+        react_to: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+    }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+        _type: import("mobx-state-tree").ISimpleType<import('../../../model').DataSourceType.MericoMetricSystem>;
+        id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+        type: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+        filters: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+            dimension: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            variable: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+        }, {
+            readonly allEmpty: boolean;
+            readonly json: {
+                dimension: string;
+                variable: string;
+            };
+        } & {
+            removeSelf(): void;
+            setDimension(v: string | null): void;
+            setVariable(v: string | null): void;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
+        groupBys: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+        timeQuery: import("mobx-state-tree").IModelType<{
+            enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+            range_variable: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            unit_variable: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            timezone: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            stepKeyFormat: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+        }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+    }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+        _type: import("mobx-state-tree").ISimpleType<import('../../../model').DataSourceType>;
+        sql: import("mobx-state-tree").ISimpleType<string>;
+    }>>, import("mobx-state-tree").ModelSnapshotType<{
+        _type: import("mobx-state-tree").ISimpleType<import('../../../model').DataSourceType.Transform>;
+        dep_query_ids: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+    }> | import("mobx-state-tree").ModelSnapshotType<{
+        _type: import("mobx-state-tree").ISimpleType<import('../../../model').DataSourceType.HTTP>;
+        react_to: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+    }> | import("mobx-state-tree").ModelSnapshotType<{
+        _type: import("mobx-state-tree").ISimpleType<import('../../../model').DataSourceType.MericoMetricSystem>;
+        id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+        type: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+        filters: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+            dimension: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            variable: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+        }, {
+            readonly allEmpty: boolean;
+            readonly json: {
+                dimension: string;
+                variable: string;
+            };
+        } & {
+            removeSelf(): void;
+            setDimension(v: string | null): void;
+            setVariable(v: string | null): void;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
+        groupBys: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+        timeQuery: import("mobx-state-tree").IModelType<{
+            enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+            range_variable: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            unit_variable: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            timezone: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            stepKeyFormat: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+        }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+    }> | import("mobx-state-tree").ModelSnapshotType<{
+        _type: import("mobx-state-tree").ISimpleType<import('../../../model').DataSourceType>;
+        sql: import("mobx-state-tree").ISimpleType<string>;
+    }>, import("mobx-state-tree").ModelInstanceType<{
+        _type: import("mobx-state-tree").ISimpleType<import('../../../model').DataSourceType.Transform>;
+        dep_query_ids: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+    }, {
+        readonly valid: boolean;
+        readonly json: {
+            dep_query_ids: 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]>>;
+            _type: import('../../../model').DataSourceType.Transform;
+        };
+    } & {
+        setDependantQueryIDs(v: string[]): void;
+    }> | import("mobx-state-tree").ModelInstanceType<{
+        _type: import("mobx-state-tree").ISimpleType<import('../../../model').DataSourceType.HTTP>;
+        react_to: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+    }, {
+        readonly valid: boolean;
+        readonly json: {
+            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]>>;
+            _type: import('../../../model').DataSourceType.HTTP;
+        };
+    } & {
+        setReactTo(v: string[]): void;
+    }> | import("mobx-state-tree").ModelInstanceType<{
+        _type: import("mobx-state-tree").ISimpleType<import('../../../model').DataSourceType.MericoMetricSystem>;
+        id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+        type: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+        filters: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+            dimension: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            variable: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+        }, {
+            readonly allEmpty: boolean;
+            readonly json: {
+                dimension: string;
+                variable: string;
+            };
+        } & {
+            removeSelf(): void;
+            setDimension(v: string | null): void;
+            setVariable(v: string | null): void;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
+        groupBys: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+        timeQuery: import("mobx-state-tree").IModelType<{
+            enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+            range_variable: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            unit_variable: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            timezone: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            stepKeyFormat: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+        }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+    }, {
+        readonly valid: boolean;
+        readonly json: {
+            id: string;
+            type: string;
+            filters: {
+                dimension: string;
+                variable: string;
+            }[];
+            groupBys: 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]>>;
+            timeQuery: {
+                enabled: boolean;
+                range_variable: string;
+                unit_variable: string;
+                timezone: string;
+                stepKeyFormat: string;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                range_variable: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                unit_variable: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                timezone: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                stepKeyFormat: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+            _type: import('../../../model').DataSourceType.MericoMetricSystem;
+        };
+        readonly usedFilterDimensionKeys: Set<string>;
+        readonly usedFilterVariableSet: Set<string>;
+        readonly usedTimeQueryVariableSet: Set<string>;
+        readonly groupByValues: string[];
+    } & {
+        reset(): void;
+        setID(v: string): void;
+        setType(type: string): void;
+        addFilter(k: string, v: string): void;
+        removeFilter(filter: {
+            dimension: string;
+            variable: string;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            readonly allEmpty: boolean;
+            readonly json: {
+                dimension: string;
+                variable: string;
+            };
+        } & {
+            removeSelf(): void;
+            setDimension(v: string | null): void;
+            setVariable(v: string | null): void;
+        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+            dimension: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            variable: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+        }, {
+            readonly allEmpty: boolean;
+            readonly json: {
+                dimension: string;
+                variable: string;
+            };
+        } & {
+            removeSelf(): void;
+            setDimension(v: string | null): void;
+            setVariable(v: string | null): void;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>): void;
+        setGroupBys(v: string[]): void;
+        setRangeVariable(v: string | null): void;
+        setUnitVariable(v: string | null): void;
+        setTimeQueryEnabled(v: boolean): void;
+    }> | import("mobx-state-tree").ModelInstanceType<{
+        _type: import("mobx-state-tree").ISimpleType<import('../../../model').DataSourceType>;
+        sql: import("mobx-state-tree").ISimpleType<string>;
+    }, {
+        readonly base: (object & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IAnyComplexType>) | import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IAnyStateTreeNode>;
+        readonly valid: boolean;
+        readonly json: {
+            sql: string;
+            _type: import('../../../model').DataSourceType;
+        };
+    } & {
+        setSQL(sql: string): void;
+    }>>;
     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]>;
-    dep_query_ids: 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<string>, [undefined]>;
     data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<string[][] | number[][] | import("../../..").AnyObject[] | null | undefined, string[][] | number[][] | import("../../..").AnyObject[], string[][] | number[][] | import("../../..").AnyObject[]>, [undefined]>;
@@ -19,26 +212,52 @@ export declare const QueryModel: import("mobx-state-tree").IModelType<{
     readonly valid: boolean;
     readonly json: {
         id: string;
-        key: string;
-        sql: string;
         name: string;
+        key: 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]>>;
+        config: {
+            dep_query_ids: 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]>>;
+            _type: import('../../../model').DataSourceType.Transform;
+        } | {
+            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]>>;
+            _type: import('../../../model').DataSourceType.HTTP;
+        } | {
+            id: string;
+            type: string;
+            filters: {
+                dimension: string;
+                variable: string;
+            }[];
+            groupBys: 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]>>;
+            timeQuery: {
+                enabled: boolean;
+                range_variable: string;
+                unit_variable: string;
+                timezone: string;
+                stepKeyFormat: string;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                range_variable: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                unit_variable: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                timezone: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                stepKeyFormat: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+            _type: import('../../../model').DataSourceType.MericoMetricSystem;
+        } | {
+            sql: string;
+            _type: import('../../../model').DataSourceType;
+        };
         pre_process: string;
         post_process: string;
-        dep_query_ids: 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]>>;
+        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]>>;
     };
 } & {
     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;
-    setDependantQueryIDs(v: string[]): void;
 } & {
     readonly rootModel: any;
     readonly contentModel: any;
@@ -75,6 +294,26 @@ export declare const QueryModel: import("mobx-state-tree").IModelType<{
     readonly queries: any;
     readonly inUse: any;
     readonly dependencies: import("../../../utils").DependencyInfo[];
+    readonly metricQueryPayload: {
+        id: string;
+        type: import('../../../model').MericoMetricType;
+        filters: Record<string, {
+            eq: string;
+        }>;
+        groupBys: string[];
+        timeQuery?: {
+            start: string;
+            end: string;
+            unitOfTime: string;
+            unitNumber: 1;
+            timezone: string;
+            stepKeyFormat: "YYYY-MM-DD";
+        } | undefined;
+    } | null;
+    readonly metricQueryPayloadString: string;
+    readonly metricQueryPayloadError: string[];
+    readonly metricQueryPayloadErrorString: string;
+    readonly metricQueryPayloadValid: boolean;
 } & {
     readonly datasource: any;
     readonly additionalQueryInfo: import("../../..").TAdditionalQueryInfo;

package/dist/dashboard-editor/ui/settings/content/edit-query/merico-metric-query-editor-form/merico-icons/play.d.ts

@@ -1,2 +1,2 @@
 import { MericoIconProps } from './types';
-export declare const MericoIconPlay: ({ width, height }: MericoIconProps) => import('./react/jsx-runtime').JSX.Element;
+export declare const MericoIconPlay: ({ width, height, color }: MericoIconProps) => import('./react/jsx-runtime').JSX.Element;

package/dist/dashboard-editor/ui/settings/content/edit-query/merico-metric-query-editor-form/query-tabs/edit-metric-query/dimension-selector/dimension-icon/dimension-icon.d.ts

@@ -1,4 +1,4 @@
-import { DimensionOption } from '../type';
+import { DimensionColDataType } from '../../../../../../../../../../dashboard-editor/model/datasources/mm-info';
 export declare const DimensionIcon: ({ type }: {
-    type: DimensionOption['type'];
+    type: DimensionColDataType | 'dimension' | null;
 }) => import('./react/jsx-runtime').JSX.Element | null;

package/dist/dashboard-editor/ui/settings/content/edit-query/merico-metric-query-editor-form/query-tabs/edit-metric-query/dimension-selector/dimension-icon/dimension.d.ts

@@ -0,0 +1 @@
+export declare const DimensionIconDimension: () => import('./react/jsx-runtime').JSX.Element;

package/dist/dashboard-editor/ui/settings/content/edit-query/merico-metric-query-editor-form/query-tabs/edit-metric-query/dimension-selector/dimension-selector.d.ts

@@ -1,11 +1,11 @@
-import { QueryModelInstance } from '../../../../../../../../../dashboard-editor/model';
+import { MMInfoModelInstance } from '../../../../../../../../../dashboard-editor/model/datasources/mm-info';
 type DimensionSelectorProps = {
-    queryModel: QueryModelInstance;
+    mmInfo: MMInfoModelInstance;
     value: string | null;
     onChange: (v: string | null) => void;
-    label?: string;
+    usedKeys: Set<string>;
 };
-export declare const DimensionSelector: (({ queryModel, label, value, onChange }: DimensionSelectorProps) => import('./react/jsx-runtime').JSX.Element) & {
+export declare const DimensionSelector: (({ mmInfo, value, onChange, usedKeys }: DimensionSelectorProps) => import('./react/jsx-runtime').JSX.Element) & {
     displayName: string;
 };
 export {};

package/dist/dashboard-editor/ui/settings/content/edit-query/merico-metric-query-editor-form/query-tabs/edit-metric-query/dimension-selector/styles.d.ts

@@ -0,0 +1,60 @@
+export declare const ComboBoxStyles: {
+    option: {
+        fontFamily: string;
+        '&.sub-option': {
+            position: string;
+            marginLeft: string;
+        };
+        '&.sub-option::before': {
+            content: string;
+            width: string;
+            height: string;
+            position: string;
+            left: string;
+            borderLeft: string;
+        };
+    };
+    groupLabel: {
+        cursor: string;
+        fontWeight: string;
+        '&::before': {
+            content: string;
+            flex: number;
+            insetInline: number;
+            height: string;
+            marginInlineEnd: string;
+            borderBottom: string;
+        };
+        '&::after': {
+            borderBottom: string;
+            background: string;
+        };
+    };
+    group: {
+        '&.dimension-group': {
+            paddingBottom: string;
+            '.mantine-Combobox-groupLabel': {
+                color: string;
+            };
+            '.mantine-Combobox-groupLabel::before': {
+                display: string;
+            };
+            '.mantine-Combobox-groupLabel::after': {
+                display: string;
+            };
+        };
+    };
+};
+export declare const InputStyles: {
+    root: {
+        maxWidth: string;
+    };
+    option: {
+        fontFamily: string;
+    };
+    input: {
+        paddingInlineStart: string;
+        color: string;
+        fontFamily: string;
+    };
+};

package/dist/dashboard-editor/ui/settings/content/edit-query/merico-metric-query-editor-form/query-tabs/edit-metric-query/set-groupby-metrics.d.ts

@@ -2,7 +2,7 @@ import { QueryModelInstance } from '../../../../../../../../dashboard-editor/mod
 type Props = {
     queryModel: QueryModelInstance;
 };
-export declare const SetGroupbyMetrics: (({ queryModel }: Props) => import('./react/jsx-runtime').JSX.Element) & {
+export declare const SetGroupByMetrics: (({ queryModel }: Props) => import('./react/jsx-runtime').JSX.Element) & {
     displayName: string;
 };
 export {};

package/dist/dashboard-editor/ui/settings/content/edit-query/merico-metric-query-editor-form/query-tabs/edit-metric-query/variable-selector.d.ts

@@ -11,8 +11,9 @@ type Props = {
     queryModel: QueryModelInstance;
     value: string | null;
     onChange: (value: string | null, option: CustomOption) => void;
+    usedKeys: Set<string>;
 };
-export declare const VariableSelector: (({ queryModel, value, onChange }: Props) => import('./react/jsx-runtime').JSX.Element) & {
+export declare const VariableSelector: (({ queryModel, value, onChange, usedKeys }: Props) => import('./react/jsx-runtime').JSX.Element) & {
     displayName: string;
 };
 export {};

package/dist/dashboard-editor/ui/settings/content/edit-query/merico-metric-query-editor-form/query-tabs/preview-metric-query.d.ts

@@ -0,0 +1,8 @@
+import { QueryModelInstance } from '../../../../../../../dashboard-editor/model';
+type Props = {
+    queryModel: QueryModelInstance;
+};
+export declare const PreviewMetricQuery: (({ queryModel }: Props) => import('./react/jsx-runtime').JSX.Element) & {
+    displayName: string;
+};
+export {};