@devtable/dashboard 6.46.0 → 7.0.0

package/dist/plugins/plugin-context.d.ts

@@ -393,12 +393,14 @@ export declare const tokens: {
                 type: import("../model/queries/types").DataSourceType;
                 key: string;
                 sql: string;
+                pre_process: string;
+                post_process: string;
                 run_by: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<string>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>>;
                 state: "idle" | "loading" | "error";
                 data: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>>;
                 error: any;
             } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-                readonly valid: string;
+                readonly valid: boolean;
                 readonly json: {
                     id: string;
                     name: string;
@@ -406,6 +408,8 @@ export declare const tokens: {
                     key: string;
                     sql: string;
                     run_by: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<string>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>>;
+                    pre_process: string;
+                    post_process: string;
                 };
                 readonly conditionOptions: {
                     label: string;
@@ -419,18 +423,27 @@ export declare const tokens: {
                     context: string[];
                     filters: any[];
                 };
+            } & {
+                setName(name: string): void;
+                setKey(key: string): void;
+                setType(type: import("../model/queries/types").DataSourceType): void;
+                setSQL(sql: string): void;
+                setRunBy(v: string[]): void;
+                setPreProcess(v: string): void;
+                setPostProcess(v: string): void;
             } & {
                 readonly formattedSQL: any;
+                readonly typedAsSQL: boolean;
+                readonly typedAsHTTP: boolean;
+                readonly datasource: any;
             } & {
                 readonly stateMessage: string;
             } & {
                 controller: AbortController;
             } & {
-                setName(name: string): void;
-                setKey(key: string): void;
-                setType(type: import("../model/queries/types").DataSourceType): void;
-                setSQL(sql: string): void;
-                setRunBy(v: string[]): void;
+                runSQL: () => Promise<void>;
+                runHTTP: () => Promise<void>;
+            } & {
                 fetchData: () => Promise<void>;
                 beforeDestroy(): void;
             } & {
@@ -441,13 +454,15 @@ export declare const tokens: {
                 type: import("mobx-state-tree").ISimpleType<import("../model/queries/types").DataSourceType>;
                 key: import("mobx-state-tree").ISimpleType<string>;
                 sql: import("mobx-state-tree").ISimpleType<string>;
+                pre_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                post_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
                 run_by: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
             } & {
                 state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<"idle" | "loading" | "error">, [undefined]>;
                 data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>;
                 error: import("mobx-state-tree").IType<any, any, any>;
             }, {
-                readonly valid: string;
+                readonly valid: boolean;
                 readonly json: {
                     id: string;
                     name: string;
@@ -455,6 +470,8 @@ export declare const tokens: {
                     key: string;
                     sql: string;
                     run_by: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<string>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>>;
+                    pre_process: string;
+                    post_process: string;
                 };
                 readonly conditionOptions: {
                     label: string;
@@ -468,18 +485,27 @@ export declare const tokens: {
                     context: string[];
                     filters: any[];
                 };
+            } & {
+                setName(name: string): void;
+                setKey(key: string): void;
+                setType(type: import("../model/queries/types").DataSourceType): void;
+                setSQL(sql: string): void;
+                setRunBy(v: string[]): void;
+                setPreProcess(v: string): void;
+                setPostProcess(v: string): void;
             } & {
                 readonly formattedSQL: any;
+                readonly typedAsSQL: boolean;
+                readonly typedAsHTTP: boolean;
+                readonly datasource: any;
             } & {
                 readonly stateMessage: string;
             } & {
                 controller: AbortController;
             } & {
-                setName(name: string): void;
-                setKey(key: string): void;
-                setType(type: import("../model/queries/types").DataSourceType): void;
-                setSQL(sql: string): void;
-                setRunBy(v: string[]): void;
+                runSQL: () => Promise<void>;
+                runHTTP: () => Promise<void>;
+            } & {
                 fetchData: () => Promise<void>;
                 beforeDestroy(): void;
             } & {
@@ -1197,12 +1223,14 @@ export declare const tokens: {
                 type: import("../model/queries/types").DataSourceType;
                 key: string;
                 sql: string;
+                pre_process: string;
+                post_process: string;
                 run_by: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<string>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>>;
                 state: "idle" | "loading" | "error";
                 data: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>>;
                 error: any;
             } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-                readonly valid: string;
+                readonly valid: boolean;
                 readonly json: {
                     id: string;
                     name: string;
@@ -1210,6 +1238,8 @@ export declare const tokens: {
                     key: string;
                     sql: string;
                     run_by: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<string>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>>;
+                    pre_process: string;
+                    post_process: string;
                 };
                 readonly conditionOptions: {
                     label: string;
@@ -1223,18 +1253,27 @@ export declare const tokens: {
                     context: string[];
                     filters: any[];
                 };
+            } & {
+                setName(name: string): void;
+                setKey(key: string): void;
+                setType(type: import("../model/queries/types").DataSourceType): void;
+                setSQL(sql: string): void;
+                setRunBy(v: string[]): void;
+                setPreProcess(v: string): void;
+                setPostProcess(v: string): void;
             } & {
                 readonly formattedSQL: any;
+                readonly typedAsSQL: boolean;
+                readonly typedAsHTTP: boolean;
+                readonly datasource: any;
             } & {
                 readonly stateMessage: string;
             } & {
                 controller: AbortController;
             } & {
-                setName(name: string): void;
-                setKey(key: string): void;
-                setType(type: import("../model/queries/types").DataSourceType): void;
-                setSQL(sql: string): void;
-                setRunBy(v: string[]): void;
+                runSQL: () => Promise<void>;
+                runHTTP: () => Promise<void>;
+            } & {
                 fetchData: () => Promise<void>;
                 beforeDestroy(): void;
             } & {
@@ -1245,13 +1284,15 @@ export declare const tokens: {
                 type: import("mobx-state-tree").ISimpleType<import("../model/queries/types").DataSourceType>;
                 key: import("mobx-state-tree").ISimpleType<string>;
                 sql: import("mobx-state-tree").ISimpleType<string>;
+                pre_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                post_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
                 run_by: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
             } & {
                 state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<"idle" | "loading" | "error">, [undefined]>;
                 data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>;
                 error: import("mobx-state-tree").IType<any, any, any>;
             }, {
-                readonly valid: string;
+                readonly valid: boolean;
                 readonly json: {
                     id: string;
                     name: string;
@@ -1259,6 +1300,8 @@ export declare const tokens: {
                     key: string;
                     sql: string;
                     run_by: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<string>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>>;
+                    pre_process: string;
+                    post_process: string;
                 };
                 readonly conditionOptions: {
                     label: string;
@@ -1272,18 +1315,27 @@ export declare const tokens: {
                     context: string[];
                     filters: any[];
                 };
+            } & {
+                setName(name: string): void;
+                setKey(key: string): void;
+                setType(type: import("../model/queries/types").DataSourceType): void;
+                setSQL(sql: string): void;
+                setRunBy(v: string[]): void;
+                setPreProcess(v: string): void;
+                setPostProcess(v: string): void;
             } & {
                 readonly formattedSQL: any;
+                readonly typedAsSQL: boolean;
+                readonly typedAsHTTP: boolean;
+                readonly datasource: any;
             } & {
                 readonly stateMessage: string;
             } & {
                 controller: AbortController;
             } & {
-                setName(name: string): void;
-                setKey(key: string): void;
-                setType(type: import("../model/queries/types").DataSourceType): void;
-                setSQL(sql: string): void;
-                setRunBy(v: string[]): void;
+                runSQL: () => Promise<void>;
+                runHTTP: () => Promise<void>;
+            } & {
                 fetchData: () => Promise<void>;
                 beforeDestroy(): void;
             } & {

package/dist/plugins/viz-components/boxplot-chart/index.d.ts

@@ -1,7 +1,7 @@
 import { VersionBasedMigrator } from '~/plugins/plugin-data-migrator';
 import { VizComponent } from '~/types/plugin';
 export declare class VizBoxplotChartMigrator extends VersionBasedMigrator {
-    readonly VERSION = 4;
+    readonly VERSION = 5;
     configVersions(): void;
 }
 export declare const BoxplotChartVizComponent: VizComponent;

package/dist/plugins/viz-components/boxplot-chart/option/index.d.ts

@@ -27,6 +27,9 @@ export declare function getOption({ config, data, variables }: IGetOption): {
         };
         axisLabel: {
             formatter: (value: string | number, index: number) => any;
+            width: number;
+            overflow: "truncate" | "break" | "breakAll";
+            ellipsis: "...";
             rotate: number;
         };
     }[];

package/dist/plugins/viz-components/boxplot-chart/type.d.ts

@@ -1,5 +1,6 @@
 import { TNumbroFormat } from '~/panel/settings/common/numbro-format-selector';
 import { IXAxisLabelFormatter } from '../cartesian/panel/x-axis/x-axis-label-formatter/types';
+import { IXAxisLabelOverflow } from '../cartesian/panel/x-axis/x-axis-label-overflow/types';
 export interface IBoxplotReferenceLine {
     name: string;
     template: string;
@@ -12,6 +13,7 @@ export interface IBoxplotChartConf {
         axisLabel: {
             rotate: number;
             formatter: IXAxisLabelFormatter;
+            overflow: IXAxisLabelOverflow;
         };
     };
     y_axis: {

package/dist/plugins/viz-components/cartesian/index.d.ts

@@ -1,7 +1,7 @@
 import { VizComponent } from '~/types/plugin';
 import { VersionBasedMigrator } from '~/plugins/plugin-data-migrator';
 export declare class VizCartesianMigrator extends VersionBasedMigrator {
-    readonly VERSION = 4;
+    readonly VERSION = 5;
     configVersions(): void;
 }
 export declare const CartesianVizComponent: VizComponent;

package/dist/plugins/viz-components/cartesian/panel/x-axis/x-axis-label-overflow/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { IXAxisLabelOverflow } from './types';
+interface IXAxisLabelOverflowField {
+    value: IXAxisLabelOverflow;
+    onChange: (v: IXAxisLabelOverflow) => void;
+}
+export declare const XAxisLabelOverflowField: import("react").ForwardRefExoticComponent<IXAxisLabelOverflowField & import("react").RefAttributes<unknown>>;
+export {};

package/dist/plugins/viz-components/cartesian/panel/x-axis/x-axis-label-overflow/overflow-field.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { IOverflow } from './types';
+interface IOverflowField {
+    sectionTitle?: string;
+    value: IOverflow;
+    onChange: (v: IOverflow) => void;
+}
+export declare const OverflowField: import("react").ForwardRefExoticComponent<IOverflowField & import("react").RefAttributes<unknown>>;
+export {};

package/dist/plugins/viz-components/cartesian/panel/x-axis/x-axis-label-overflow/types.d.ts

@@ -0,0 +1,10 @@
+export interface IOverflow {
+    width: number;
+    overflow: 'truncate' | 'break' | 'breakAll';
+    ellipsis: '...';
+}
+export interface IXAxisLabelOverflow {
+    x_axis: IOverflow;
+    tooltip: IOverflow;
+}
+export declare const DEFAULT_X_AXIS_LABEL_OVERFLOW: IXAxisLabelOverflow;

package/dist/plugins/viz-components/cartesian/panel/x-axis/x-axis-label-overflow/utils.d.ts

@@ -0,0 +1,7 @@
+import { IXAxisLabelOverflow } from './types';
+export declare function getXAxisLabelOptionInXAxis(x_axis: IXAxisLabelOverflow['x_axis']): {
+    width: number;
+    overflow: "truncate" | "break" | "breakAll";
+    ellipsis: "...";
+};
+export declare function getXAxisLabelStyleInTooltip(tooltip: IXAxisLabelOverflow['tooltip']): string;

package/dist/plugins/viz-components/cartesian/type.d.ts

@@ -2,6 +2,7 @@ import { TNumbroFormat } from '~/panel/settings/common/numbro-format-selector';
 import { TEchartsDataZoomConfig } from './panel/echarts-zooming-field/types';
 import { TScatterSize } from './panel/scatter-size-select/types';
 import { IXAxisLabelFormatter } from './panel/x-axis/x-axis-label-formatter/types';
+import { IXAxisLabelOverflow } from './panel/x-axis/x-axis-label-overflow/types';
 export interface ICartesianChartSeriesItem {
     type: 'line' | 'bar' | 'scatter';
     name: string;
@@ -77,6 +78,7 @@ export interface ICartesianChartConf {
         axisLabel: {
             rotate: number;
             formatter: IXAxisLabelFormatter;
+            overflow: IXAxisLabelOverflow;
         };
     };
     series: ICartesianChartSeriesItem[];

package/dist/plugins/viz-components/pareto-chart/option/index.d.ts

@@ -57,6 +57,9 @@ export declare function getOption(conf: IParetoChartConf, data: $TSFixMe[], _var
         };
         axisLabel: {
             formatter: (value: string | number, index: number) => any;
+            width: number;
+            overflow: "truncate" | "break" | "breakAll";
+            ellipsis: "...";
             rotate: number;
         };
     }[];

package/dist/plugins/viz-components/pareto-chart/option/x-axis.d.ts

@@ -17,6 +17,9 @@ export declare function getXAxis(conf: IParetoChartConf): {
     };
     axisLabel: {
         formatter: (value: string | number, index: number) => any;
+        width: number;
+        overflow: "truncate" | "break" | "breakAll";
+        ellipsis: "...";
         rotate: number;
     };
 }[];

package/dist/plugins/viz-components/pareto-chart/type.d.ts

@@ -1,6 +1,7 @@
 import { TNumbroFormat } from '~/panel/settings/common/numbro-format-selector';
 import { TEchartsDataZoomConfig } from '../cartesian/panel/echarts-zooming-field/types';
 import { IXAxisLabelFormatter } from '../cartesian/panel/x-axis/x-axis-label-formatter/types';
+import { IXAxisLabelOverflow } from '../cartesian/panel/x-axis/x-axis-label-overflow/types';
 export declare const DEFAULT_PARETO_MARK_LINE: {
     label_template: string;
     color: string;
@@ -12,6 +13,7 @@ export interface IParetoChartConf {
         axisLabel: {
             rotate: number;
             formatter: IXAxisLabelFormatter;
+            overflow: IXAxisLabelOverflow;
         };
     };
     data_key: string;

package/dist/plugins/viz-components/scatter-chart/editors/scatter/label-overflow.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { IScatterLabelOverflow } from '../../type';
+interface IScatterLabelOverflowField {
+    value: IScatterLabelOverflow;
+    onChange: (v: IScatterLabelOverflow) => void;
+}
+export declare const ScatterLabelOverflowField: import("react").ForwardRefExoticComponent<IScatterLabelOverflowField & import("react").RefAttributes<unknown>>;
+export {};

package/dist/plugins/viz-components/scatter-chart/type.d.ts

@@ -1,4 +1,5 @@
 import { TEchartsDataZoomConfig } from '../cartesian/panel/echarts-zooming-field/types';
+import { IOverflow } from '../cartesian/panel/x-axis/x-axis-label-overflow/types';
 import { ICartesianReferenceArea, ICartesianReferenceLine, IYAxisConf } from '../cartesian/type';
 import { TScatterSize } from './editors/scatter/scatter-size-select/types';
 import { IXAxisLabelFormatter } from './editors/x-axis/x-axis-label-formatter/types';
@@ -7,6 +8,10 @@ export interface IScatterTooltipMetric {
     data_key: string;
     name: string;
 }
+export interface IScatterLabelOverflow {
+    label: IOverflow;
+    tooltip: IOverflow;
+}
 export interface IScatterChartConf {
     x_axis: {
         data_key: string;
@@ -23,6 +28,7 @@ export interface IScatterChartConf {
         symbolSize: TScatterSize;
         label_position: string;
         color: string;
+        label_overflow: IScatterLabelOverflow;
     };
     stats: {
         templates: {
@@ -37,4 +43,8 @@ export interface IScatterChartConf {
     reference_areas: ICartesianReferenceArea[];
     dataZoom: TEchartsDataZoomConfig;
 }
+export declare const DEFAULT_SCATTER_CHART_LABEL_OVERFLOW: {
+    label: IOverflow;
+    tooltip: IOverflow;
+};
 export declare const DEFAULT_CONFIG: IScatterChartConf;

package/dist/utils/http-query.d.ts

@@ -0,0 +1,27 @@
+import { AxiosRequestConfig } from 'axios';
+import dayjs from 'dayjs';
+import lodash from 'lodash';
+import numbro from 'numbro';
+import { IDataSource } from '~/api-caller/types';
+import { ContextInfoType, FilterValuesType } from '..';
+import CryptoJS from 'crypto-js';
+export declare const functionUtils: {
+    CryptoJS: typeof CryptoJS;
+    dayjs: typeof dayjs;
+    lodash: lodash.LoDashStatic;
+    numbro: typeof numbro;
+};
+export declare function buildHTTPRequest(pre_process: string, params: {
+    context: Record<string, any>;
+    filters: Record<string, any>;
+}): AxiosRequestConfig<any>;
+export declare function getHTTPReqeustBuilderParams(real_context: ContextInfoType, mock_context: Record<string, $TSFixMe>, filterValues: FilterValuesType): {
+    context: {
+        [x: string]: any;
+    };
+    filters: FilterValuesType;
+};
+export declare function explainHTTPRequest(pre_process: string, context: ContextInfoType, mock_context: Record<string, $TSFixMe>, filterValues: FilterValuesType): AxiosRequestConfig<any>;
+export declare function preProcessWithDataSource(datasource: IDataSource, config: AxiosRequestConfig): any;
+export declare function postProcessWithDataSource(datasource: IDataSource, res: any): any;
+export declare function postProcessWithQuery(post_process: TFunctionString, res: any): any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devtable/dashboard",
-  "version": "6.46.0",
+  "version": "7.0.0",
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public",