@devtable/dashboard 8.51.0 → 8.51.2

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

@@ -0,0 +1,72 @@
+import { ITemplateVariable } from '~/utils/template';
+import { IHorizontalBarChartConf } from '../type';
+export declare function getOption(conf: IHorizontalBarChartConf, data: TVizData, variables: ITemplateVariable[]): {
+    xAxis: {
+        type: string;
+        min: string | undefined;
+        max: string | undefined;
+        position: "bottom" | "top";
+        axisLabel: {
+            show: boolean;
+            margin: number;
+            formatter: (p: any) => string;
+        };
+        axisLine: {
+            show: boolean;
+        };
+        axisTick: {
+            show: boolean;
+        };
+        splitLine: {
+            show: boolean;
+        };
+        nameTextStyle: {
+            fontWeight: string;
+        };
+        nameLocation: string;
+        nameGap: number;
+        id: string;
+        name: string;
+        data_key: string;
+        label_formatter: import("../../../../panel/settings/common/numbro-format-selector").TNumbroFormat;
+        show: boolean;
+    }[];
+    yAxis: {
+        data: any[];
+        name: string;
+        nameLocation: string;
+        nameTextStyle: {
+            align: string;
+            fontWeight: string;
+        };
+        id: string;
+        axisTick: {
+            show: boolean;
+            alignWithLabel: boolean;
+        };
+        type: string;
+        axisLabel: {
+            formatter: (value: string | number, index: number) => any;
+            width: number;
+            overflow: "truncate" | "break" | "breakAll";
+            ellipsis: "...";
+        };
+        z: number;
+    }[];
+    series: any[];
+    tooltip: {
+        trigger: string;
+        axisPointer: {
+            type: string;
+        };
+        formatter: (params: import("echarts/types/dist/shared").CallbackDataParams[]) => string;
+    };
+    grid: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+        containLabel: boolean;
+    };
+    legend: Record<string, any>;
+};

package/dist/plugins/viz-components/horizontal-bar-chart/option/legend.d.ts

@@ -0,0 +1,2 @@
+import { IEchartsSeriesItem } from './utils/types';
+export declare function getLegend(series: IEchartsSeriesItem[]): Record<string, any>;

package/dist/plugins/viz-components/horizontal-bar-chart/option/series/data.d.ts

@@ -0,0 +1,21 @@
+import _ from 'lodash';
+import { AnyObject } from '~/types';
+import { AggregationType } from '~/utils/aggregation';
+import { DataTemplateType } from './types';
+interface IMakeOneSeriesData {
+    dataTemplate: DataTemplateType[];
+    data: AnyObject[];
+    aggregation_on_value?: AggregationType;
+    name_data_key: string;
+    value_data_key: string;
+    valueTypedXAxis: boolean;
+}
+export declare function makeOneSeriesData({ dataTemplate, data, aggregation_on_value, name_data_key, value_data_key, valueTypedXAxis, }: IMakeOneSeriesData): any[][];
+interface IMakeGroupedSeriesData {
+    group_by_key: string;
+    data: AnyObject[];
+    name_data_key: string;
+    value_data_key: string;
+}
+export declare function makeGroupedSeriesData({ group_by_key, data, value_data_key, name_data_key }: IMakeGroupedSeriesData): _.Dictionary<AnyObject[]>;
+export {};

package/dist/plugins/viz-components/horizontal-bar-chart/option/series/index.d.ts

@@ -0,0 +1,4 @@
+import { AnyObject } from '~/types';
+import { ITemplateVariable } from '~/utils/template';
+import { IHorizontalBarChartConf } from '../../type';
+export declare function getSeries(conf: IHorizontalBarChartConf, xAxisData: string[], valueTypedXAxis: boolean, data: AnyObject[], labelFormatters: Record<string, $TSFixMe>, variables: ITemplateVariable[], variableValueMap: Record<string, string | number>): any[];

package/dist/plugins/viz-components/horizontal-bar-chart/option/series/reference_lines.d.ts

@@ -0,0 +1,32 @@
+import { AnyObject } from '~/types';
+import { ITemplateVariable } from '~/utils/template';
+import { IHorizontalBarChartReferenceLine } from '../../type';
+export declare function getReferenceLines(reference_lines: IHorizontalBarChartReferenceLine[], variables: ITemplateVariable[], variableValueMap: Record<string, string | number>, data: AnyObject[]): {
+    name: string;
+    type: string;
+    hide_in_legend: boolean;
+    xAxisIndex: string;
+    data: never[];
+    lineStyle: {
+        type: "dashed" | "dotted" | "solid";
+        width: number;
+        color: string;
+    };
+    markLine: {
+        data: {
+            [x: string]: string | number;
+            name: string;
+        }[];
+        silent: boolean;
+        symbol: string[];
+        lineStyle: {
+            type: "dashed" | "dotted" | "solid";
+            width: number;
+            color: string;
+        };
+        label: {
+            formatter: () => string;
+            position: string;
+        };
+    };
+}[];

package/dist/plugins/viz-components/horizontal-bar-chart/option/series/series_items.d.ts

@@ -0,0 +1,4 @@
+import { AnyObject } from '~/types';
+import { IHorizontalBarChartConf, IHorizontalBarChartSeriesItem } from '../../type';
+import { DataTemplateType } from './types';
+export declare function getSeriesItemOrItems({ y_axis }: IHorizontalBarChartConf, { data_key, xAxisIndex, label_position, name, group_by_key, aggregation_on_value, stack, color, hide_in_legend, invisible, id, ...rest }: IHorizontalBarChartSeriesItem, dataTemplate: DataTemplateType[], valueTypedXAxis: boolean, data: AnyObject[], variableValueMap: Record<string, string | number>, labelFormatters: Record<string, $TSFixMe>): any;

package/dist/plugins/viz-components/horizontal-bar-chart/option/series/types.d.ts

@@ -0,0 +1 @@
+export declare type DataTemplateType = [string, 0];

package/dist/plugins/viz-components/horizontal-bar-chart/option/tooltip.d.ts

@@ -0,0 +1,10 @@
+import { CallbackDataParams } from 'echarts/types/dist/shared';
+import { IHorizontalBarChartConf } from '../type';
+import { IEchartsSeriesItem } from './utils/types';
+export declare function getTooltip(conf: IHorizontalBarChartConf, series: IEchartsSeriesItem[], labelFormatters: Record<string, (p: $TSFixMe) => string>): {
+    trigger: string;
+    axisPointer: {
+        type: string;
+    };
+    formatter: (params: CallbackDataParams[]) => string;
+};

package/dist/plugins/viz-components/horizontal-bar-chart/option/utils/label-formatter.d.ts

@@ -0,0 +1,2 @@
+import { IHorizontalBarChartConf } from '../../type';
+export declare function getLabelFormatters(conf: IHorizontalBarChartConf): Record<string, (params: $TSFixMe) => string>;

package/dist/plugins/viz-components/horizontal-bar-chart/option/utils/types.d.ts

@@ -0,0 +1,9 @@
+export declare type TEchartsSeriesType = 'bar' | 'scatter';
+export interface IEchartsSeriesItem {
+    name: string;
+    color?: string;
+    type: TEchartsSeriesType;
+    hide_in_legend: boolean;
+    xAxisIndex: number;
+    yAxisIndex: number;
+}

package/dist/plugins/viz-components/horizontal-bar-chart/option/utils/variables.d.ts

@@ -0,0 +1,3 @@
+import { AnyObject } from '~/types';
+import { ITemplateVariable } from '~/utils/template';
+export declare function getVariableValueMap(data: AnyObject[], variables: ITemplateVariable[]): Record<string, string | number>;

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

@@ -0,0 +1,31 @@
+import { IHorizontalBarChartConf } from '../type';
+export declare function getXAxes(conf: IHorizontalBarChartConf, labelFormatters: Record<string, (p: $TSFixMe) => string>): {
+    type: string;
+    min: string | undefined;
+    max: string | undefined;
+    position: "bottom" | "top";
+    axisLabel: {
+        show: boolean;
+        margin: number;
+        formatter: (p: $TSFixMe) => string;
+    };
+    axisLine: {
+        show: boolean;
+    };
+    axisTick: {
+        show: boolean;
+    };
+    splitLine: {
+        show: boolean;
+    };
+    nameTextStyle: {
+        fontWeight: string;
+    };
+    nameLocation: string;
+    nameGap: number;
+    id: string;
+    name: string;
+    data_key: string;
+    label_formatter: import("../../../../panel/settings/common/numbro-format-selector").TNumbroFormat;
+    show: boolean;
+}[];

package/dist/plugins/viz-components/horizontal-bar-chart/option/y-axis.d.ts

@@ -0,0 +1,23 @@
+import { IHorizontalBarChartConf } from '../type';
+export declare function getYAxes(conf: IHorizontalBarChartConf, yAxisData: $TSFixMe[]): {
+    data: any[];
+    name: string;
+    nameLocation: string;
+    nameTextStyle: {
+        align: string;
+        fontWeight: string;
+    };
+    id: string;
+    axisTick: {
+        show: boolean;
+        alignWithLabel: boolean;
+    };
+    type: string;
+    axisLabel: {
+        formatter: (value: string | number, index: number) => any;
+        width: number;
+        overflow: "truncate" | "break" | "breakAll";
+        ellipsis: "...";
+    };
+    z: number;
+}[];

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

@@ -0,0 +1,68 @@
+import { TNumbroFormat } from '~/panel/settings/common/numbro-format-selector';
+import { IAxisLabelOverflow } from '~/plugins/common-echarts-fields/axis-label-overflow';
+import { IEchartsTooltipMetric } from '~/plugins/common-echarts-fields/tooltip-metric';
+import { AggregationType } from '~/utils/aggregation';
+import { IXAxisLabelFormatter } from '../cartesian/editors/x-axis/x-axis-label-formatter/types';
+export interface IHorizontalBarChartReferenceLine {
+    id: string;
+    name: string;
+    template: string;
+    lineStyle: {
+        type: 'solid' | 'dashed' | 'dotted';
+        width: number;
+        color: string;
+    };
+    xAxisIndex: string;
+    orientation: 'horizontal' | 'vertical';
+    variable_key: string;
+    show_in_legend: boolean;
+}
+export interface IHorizontalBarChartSeriesItem {
+    id: string;
+    type: 'bar';
+    name: string;
+    stack: string;
+    color?: string;
+    barGap?: '0%' | '-100%';
+    data_key: string;
+    barWidth: string;
+    xAxisIndex: string;
+    barMinWidth: string;
+    barMaxWidth: string;
+    group_by_key: string;
+    hide_in_legend: boolean;
+    invisible: boolean;
+    label_position?: string;
+    aggregation_on_value?: AggregationType;
+}
+export interface IHorizontalBarChartXAxis {
+    id: string;
+    min: string;
+    max: string;
+    name: string;
+    data_key: string;
+    position: 'top' | 'bottom';
+    label_formatter: TNumbroFormat;
+    show: boolean;
+}
+export interface IHorizontalBarChartConf {
+    x_axes: IHorizontalBarChartXAxis[];
+    y_axis: {
+        name: string;
+        data_key: string;
+        axisLabel: {
+            overflow: IAxisLabelOverflow;
+            formatter: IXAxisLabelFormatter;
+        };
+        nameAlignment: 'left' | 'center' | 'right';
+    };
+    series: IHorizontalBarChartSeriesItem[];
+    tooltip: {
+        metrics: IEchartsTooltipMetric[];
+    };
+    reference_lines: IHorizontalBarChartReferenceLine[];
+}
+export declare const DEFAULT_CONFIG: IHorizontalBarChartConf;
+export declare function getNewXAxis(): IHorizontalBarChartXAxis;
+export declare function getNewSeriesItem(): IHorizontalBarChartSeriesItem;
+export declare function getNewReferenceLine(): IHorizontalBarChartReferenceLine;

package/dist/plugins/viz-components/horizontal-bar-chart/viz-horizontal-bar-chart-editor.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { VizConfigProps } from '../../../types/plugin';
+export declare function VizHorizontalBarChartEditor({ context }: VizConfigProps): JSX.Element;

package/dist/plugins/viz-components/horizontal-bar-chart/viz-horizontal-bar-chart.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { VizViewProps } from '~/types/plugin';
+export declare function VizHorizontalBarChart({ context, instance }: VizViewProps): JSX.Element;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Control, UseFormWatch } from 'react-hook-form';
+import { AnyObject } from '~/types';
+import { IParetoChartConf } from '../type';
+interface IBarField {
+    control: Control<IParetoChartConf, $TSFixMe>;
+    watch: UseFormWatch<IParetoChartConf>;
+    data: AnyObject[];
+}
+export declare function BarField({ data, control, watch }: IBarField): JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Control, UseFormWatch } from 'react-hook-form';
+import { AnyObject } from '~/types';
+import { IParetoChartConf } from '../type';
+interface ILineField {
+    control: Control<IParetoChartConf, $TSFixMe>;
+    watch: UseFormWatch<IParetoChartConf>;
+    data: AnyObject[];
+}
+export declare function LineField({ data, control, watch }: ILineField): JSX.Element;
+export {};

package/dist/plugins/viz-components/pareto-chart/editors/mark-line.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Control, UseFormWatch } from 'react-hook-form';
+import { AnyObject } from '~/types';
+import { IParetoChartConf } from '../type';
+export declare const DescribeParetoParams: () => JSX.Element;
+interface IMarkLineField {
+    control: Control<IParetoChartConf, $TSFixMe>;
+    watch: UseFormWatch<IParetoChartConf>;
+    data: AnyObject[];
+}
+export declare function MarkLineField({ data, control, watch }: IMarkLineField): JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Control, UseFormWatch } from 'react-hook-form';
+import { AnyObject } from '~/types';
+import { IParetoChartConf } from '../type';
+interface IXAxisField {
+    control: Control<IParetoChartConf, $TSFixMe>;
+    watch: UseFormWatch<IParetoChartConf>;
+    data: AnyObject[];
+}
+export declare function XAxisField({ data, control, watch }: IXAxisField): JSX.Element;
+export {};

package/dist/plugins/viz-components/pareto-chart/editors/y-axis.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Control, UseFormWatch } from 'react-hook-form';
+import { AnyObject } from '~/types';
+import { IParetoChartConf } from '../type';
+interface IYAxisField {
+    control: Control<IParetoChartConf, $TSFixMe>;
+    watch: UseFormWatch<IParetoChartConf>;
+    data: AnyObject[];
+}
+export declare function YAxisField({ data, control, watch }: IYAxisField): JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import { VizComponent } from '../../../types/plugin';
+export declare const ParetoChartVizComponent: VizComponent;

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

@@ -0,0 +1,171 @@
+import { ITemplateVariable } from '~/utils/template';
+import { IParetoChartConf } from '../type';
+export declare function getOption(conf: IParetoChartConf, data: TVizData, _variables: ITemplateVariable[]): {
+    dataZoom: ({
+        type: string;
+        xAxisIndex: number[];
+        filterMode: string;
+        minSpan: number;
+        yAxisIndex?: undefined;
+        bottom?: undefined;
+        top?: undefined;
+        height?: undefined;
+        moveHandleSize?: undefined;
+        showDataShadow?: undefined;
+    } | {
+        type: string;
+        yAxisIndex: number[];
+        filterMode: string;
+        minSpan: number;
+        xAxisIndex?: undefined;
+        bottom?: undefined;
+        top?: undefined;
+        height?: undefined;
+        moveHandleSize?: undefined;
+        showDataShadow?: undefined;
+    } | {
+        type: string;
+        xAxisIndex: number[];
+        filterMode: string;
+        bottom: string;
+        top: number;
+        height: number;
+        moveHandleSize: number;
+        showDataShadow: boolean;
+        minSpan: number;
+        yAxisIndex?: undefined;
+    })[];
+    tooltip: {
+        trigger: string;
+        formatter: (params: import("echarts/types/dist/shared").CallbackDataParams) => string;
+    };
+    xAxis: {
+        type: string;
+        name: string;
+        nameLocation: string;
+        nameGap: number;
+        nameTextStyle: {
+            fontWeight: string;
+            align: string;
+        };
+        splitLine: {
+            show: boolean;
+        };
+        axisTick: {
+            show: boolean;
+            alignWithLabel: boolean;
+        };
+        axisLabel: {
+            formatter: (value: string | number, index: number) => any;
+            width: number;
+            overflow: "truncate" | "break" | "breakAll";
+            ellipsis: "...";
+            rotate: number;
+        };
+    }[];
+    yAxis: ({
+        name: string;
+        nameGap: number;
+        nameTextStyle: {
+            fontWeight: string;
+            align: "right" | "center" | "left";
+        };
+        position: string;
+        axisLine: {
+            show: boolean;
+        };
+        axisLabel: {
+            show: boolean;
+            formatter: (payload: any) => void;
+        };
+        splitLine: {
+            show: boolean;
+        };
+    } | {
+        name: string;
+        nameGap: number;
+        nameTextStyle: {
+            fontWeight: string;
+            align: "right" | "center" | "left";
+        };
+        position: string;
+        axisLine: {
+            show: boolean;
+        };
+        axisLabel: {
+            show: boolean;
+            formatter: typeof import("./utils").formatPercentage;
+        };
+        splitLine: {
+            show: boolean;
+        };
+    })[];
+    series: ({
+        name: string;
+        type: string;
+        barMaxWidth: number;
+        itemStyle: {
+            color: string;
+        };
+        label: {
+            show: boolean;
+            position: string;
+            formatter: (payload: any) => void;
+        };
+        yAxisIndex: number;
+        data: any[][];
+        symbolSize?: undefined;
+        lineStyle?: undefined;
+        markLine?: undefined;
+    } | {
+        name: string;
+        type: string;
+        itemStyle: {
+            color: string;
+        };
+        symbolSize: number;
+        lineStyle: {
+            width: number;
+        };
+        label: {
+            show: boolean;
+            position: string;
+            formatter: (payload: any) => void;
+        };
+        yAxisIndex: number;
+        data: import("./types").TLineDataItem[];
+        markLine: {
+            name?: undefined;
+            silent?: undefined;
+            symbol?: undefined;
+            symbolRotate?: undefined;
+            symbolSize?: undefined;
+            data?: undefined;
+        } | {
+            name: string;
+            silent: boolean;
+            symbol: string;
+            symbolRotate: number;
+            symbolSize: number[];
+            data: {
+                name: string;
+                symbol: string;
+                xAxis: string | number;
+                lineStyle: {
+                    color: string;
+                };
+                label: {
+                    formatter: any;
+                };
+            }[];
+        };
+        barMaxWidth?: undefined;
+    })[];
+    grid: {
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+        containLabel: boolean;
+    };
+};

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

@@ -0,0 +1,27 @@
+import { IParetoChartConf } from '../type';
+import { TLineDataItem } from './types';
+export declare function getMarkLine(conf: IParetoChartConf, lineData: TLineDataItem[]): {
+    name?: undefined;
+    silent?: undefined;
+    symbol?: undefined;
+    symbolRotate?: undefined;
+    symbolSize?: undefined;
+    data?: undefined;
+} | {
+    name: string;
+    silent: boolean;
+    symbol: string;
+    symbolRotate: number;
+    symbolSize: number[];
+    data: {
+        name: string;
+        symbol: string;
+        xAxis: string | number;
+        lineStyle: {
+            color: string;
+        };
+        label: {
+            formatter: any;
+        };
+    }[];
+};

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

@@ -0,0 +1,65 @@
+import { AnyObject } from '~/types';
+import { IParetoChartConf } from '../type';
+import { TLineDataItem } from './types';
+import { TParetoFormatters } from './utils';
+export declare function getSeries(conf: IParetoChartConf, data: AnyObject[], formatters: TParetoFormatters): ({
+    name: string;
+    type: string;
+    barMaxWidth: number;
+    itemStyle: {
+        color: string;
+    };
+    label: {
+        show: boolean;
+        position: string;
+        formatter: (payload: any) => void;
+    };
+    yAxisIndex: number;
+    data: any[][];
+    symbolSize?: undefined;
+    lineStyle?: undefined;
+    markLine?: undefined;
+} | {
+    name: string;
+    type: string;
+    itemStyle: {
+        color: string;
+    };
+    symbolSize: number;
+    lineStyle: {
+        width: number;
+    };
+    label: {
+        show: boolean;
+        position: string;
+        formatter: (payload: any) => void;
+    };
+    yAxisIndex: number;
+    data: TLineDataItem[];
+    markLine: {
+        name?: undefined;
+        silent?: undefined;
+        symbol?: undefined;
+        symbolRotate?: undefined;
+        symbolSize?: undefined;
+        data?: undefined;
+    } | {
+        name: string;
+        silent: boolean;
+        symbol: string;
+        symbolRotate: number;
+        symbolSize: number[];
+        data: {
+            name: string;
+            symbol: string;
+            xAxis: string | number;
+            lineStyle: {
+                color: string;
+            };
+            label: {
+                formatter: any;
+            };
+        }[];
+    };
+    barMaxWidth?: undefined;
+})[];

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

@@ -0,0 +1,7 @@
+import { CallbackDataParams } from 'echarts/types/dist/shared';
+import { IParetoChartConf } from '../type';
+import { TParetoFormatters } from './utils';
+export declare function getTooltip(conf: IParetoChartConf, formatters: TParetoFormatters): {
+    trigger: string;
+    formatter: (params: CallbackDataParams) => string;
+};

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

@@ -0,0 +1 @@
+export declare type TLineDataItem = [string | number, number];

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

@@ -0,0 +1,8 @@
+import { IParetoChartConf } from '../type';
+export declare function formatPercentage(value: number): string;
+export declare type TParetoFormatters = {
+    bar: (payload: $TSFixMe) => void;
+    line: (payload: $TSFixMe) => void;
+    lineValue: typeof formatPercentage;
+};
+export declare function getFormatters(conf: IParetoChartConf): TParetoFormatters;