@devtable/dashboard 8.30.0 → 8.32.0

package/dist/plugins/hooks/use-tab-state.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare function useTabState(initialTab: string | null): {
+    tab: string | null;
+    setTab: import("react").Dispatch<import("react").SetStateAction<string | null>>;
+};

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

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

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

@@ -0,0 +1 @@
+export { ClickEchartSeries } from './click-echart';

package/dist/plugins/viz-components/horizontal-bar-chart/editors/reference-lines/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Control, UseFormWatch } from 'react-hook-form';
+import { ITemplateVariable } from '~/utils/template';
+import { IHorizontalBarChartConf } from '../../type';
+interface IReferenceLinesField {
+    control: Control<IHorizontalBarChartConf, $TSFixMe>;
+    watch: UseFormWatch<IHorizontalBarChartConf>;
+    variables: ITemplateVariable[];
+}
+export declare function ReferenceLinesField({ control, watch, variables }: IReferenceLinesField): JSX.Element;
+export {};

package/dist/plugins/viz-components/horizontal-bar-chart/editors/reference-lines/reference-line.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { Control, UseFieldArrayRemove, UseFormWatch } from 'react-hook-form';
+import { IHorizontalBarChartConf } from '../../type';
+interface IReferenceLineField {
+    control: Control<IHorizontalBarChartConf, $TSFixMe>;
+    index: number;
+    watch: UseFormWatch<IHorizontalBarChartConf>;
+    remove: UseFieldArrayRemove;
+    variableOptions: {
+        label: string;
+        value: string;
+    }[];
+    xAxisOptions: {
+        label: string;
+        value: string;
+    }[];
+}
+export declare function ReferenceLineField({ control, index, remove, watch, variableOptions, xAxisOptions, }: IReferenceLineField): JSX.Element;
+export {};

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Control } from 'react-hook-form';
+import { IHorizontalBarChartConf, IHorizontalBarChartSeriesItem } from '../../type';
+interface IBarFields {
+    control: Control<IHorizontalBarChartConf, $TSFixMe>;
+    index: number;
+    seriesItem: IHorizontalBarChartSeriesItem;
+}
+export declare function BarFields({ control, index, seriesItem }: IBarFields): JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { Control, UseFieldArrayRemove } from 'react-hook-form';
+import { AnyObject } from '~/types';
+import { IHorizontalBarChartConf, IHorizontalBarChartSeriesItem } from '../../type';
+interface ISeriesItemField {
+    control: Control<IHorizontalBarChartConf, $TSFixMe>;
+    index: number;
+    remove: UseFieldArrayRemove;
+    seriesItem: IHorizontalBarChartSeriesItem;
+    xAxisOptions: {
+        label: string;
+        value: string;
+    }[];
+    data: AnyObject[];
+}
+export declare function SeriesItemField({ control, index, remove, seriesItem, xAxisOptions, data }: ISeriesItemField): JSX.Element;
+export {};

package/dist/plugins/viz-components/horizontal-bar-chart/editors/x-axes/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Control, UseFormWatch } from 'react-hook-form';
+import { IHorizontalBarChartConf } from '../../type';
+interface IXAxesField {
+    control: Control<IHorizontalBarChartConf, $TSFixMe>;
+    watch: UseFormWatch<IHorizontalBarChartConf>;
+}
+export declare function XAxesField({ control, watch }: IXAxesField): JSX.Element;
+export {};

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Control, UseFieldArrayRemove } from 'react-hook-form';
+import { IHorizontalBarChartConf } from '../../type';
+interface IXAxisField {
+    control: Control<IHorizontalBarChartConf, $TSFixMe>;
+    index: number;
+    remove: UseFieldArrayRemove;
+}
+export declare function XAxisField({ control, index, remove }: IXAxisField): JSX.Element;
+export {};

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { IHorizontalBarChartConf } from '../type';
+export declare function getGrid(conf: IHorizontalBarChartConf): {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+    containLabel: boolean;
+};

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: $TSFixMe[], 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, ...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/panel/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/package.json

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