@devtable/dashboard 8.15.1 → 8.16.0

package/dist/plugins/common-echarts-fields/axis-label-overflow/axis-label-overflow-field.d.ts

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

package/dist/plugins/common-echarts-fields/axis-label-overflow/index.d.ts

@@ -0,0 +1,4 @@
+export * from './axis-label-overflow-field';
+export * from './types';
+export * from './overflow-field';
+export * from './overflow-option';

package/dist/plugins/{viz-components/cartesian/panel/x-axis/x-axis-label-overflow → common-echarts-fields/axis-label-overflow}/overflow-field.d.ts

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

package/dist/plugins/common-echarts-fields/axis-label-overflow/overflow-option.d.ts

@@ -0,0 +1,7 @@
+import { IAxisLabelOverflow } from './types';
+export declare function getLabelOverflowStyleInTooltip({ overflow, width }: IAxisLabelOverflow['in_tooltip']): string;
+export declare function getLabelOverflowOptionOnAxis(on_axis: IAxisLabelOverflow['on_axis']): {
+    width: number;
+    overflow: "truncate" | "break" | "breakAll";
+    ellipsis: "...";
+};

package/dist/plugins/common-echarts-fields/axis-label-overflow/types.d.ts

@@ -0,0 +1,10 @@
+export interface IEchartsOverflow {
+    width: number;
+    overflow: 'truncate' | 'break' | 'breakAll';
+    ellipsis: '...';
+}
+export interface IAxisLabelOverflow {
+    on_axis: IEchartsOverflow;
+    in_tooltip: IEchartsOverflow;
+}
+export declare const DEFAULT_AXIS_LABEL_OVERFLOW: IAxisLabelOverflow;

package/dist/plugins/common-echarts-fields/tooltip-metric/index.d.ts

@@ -0,0 +1 @@
+export * from './types';

package/dist/plugins/common-echarts-fields/tooltip-metric/types.d.ts

@@ -0,0 +1,5 @@
+export interface IEchartsTooltipMetric {
+    id: string;
+    data_key: string;
+    name: string;
+}

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 = 5;
+    readonly VERSION = 6;
     configVersions(): void;
 }
 export declare const BoxplotChartVizComponent: VizComponent;

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

@@ -1,6 +1,6 @@
 import { TNumbroFormat } from '~/panel/settings/common/numbro-format-selector';
+import { IAxisLabelOverflow } from '~/plugins/common-echarts-fields/axis-label-overflow';
 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;
@@ -13,7 +13,7 @@ export interface IBoxplotChartConf {
         axisLabel: {
             rotate: number;
             formatter: IXAxisLabelFormatter;
-            overflow: IXAxisLabelOverflow;
+            overflow: IAxisLabelOverflow;
         };
     };
     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';
+import { VizComponent } from '~/types/plugin';
 export declare class VizCartesianMigrator extends VersionBasedMigrator {
-    readonly VERSION = 9;
+    readonly VERSION = 10;
     configVersions(): void;
 }
 export declare const CartesianVizComponent: VizComponent;

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

@@ -1,9 +1,9 @@
 import { TNumbroFormat } from '~/panel/settings/common/numbro-format-selector';
+import { IAxisLabelOverflow } from '~/plugins/common-echarts-fields/axis-label-overflow';
 import { AggregationType } from '~/utils/aggregation';
 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;
@@ -89,7 +89,7 @@ export interface ICartesianChartConf {
         axisLabel: {
             rotate: number;
             formatter: IXAxisLabelFormatter;
-            overflow: IXAxisLabelOverflow;
+            overflow: IAxisLabelOverflow;
         };
     };
     series: ICartesianChartSeriesItem[];

package/dist/plugins/viz-components/heatmap/editors/heat_block/index.d.ts

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

package/dist/plugins/viz-components/heatmap/editors/tooltip/index.d.ts

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

package/dist/plugins/viz-components/heatmap/editors/tooltip/metric.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Control } from 'react-hook-form';
+import { IHeatmapConf } from '../../type';
+interface ITooltipMetricField {
+    control: Control<IHeatmapConf, $TSFixMe>;
+    data: $TSFixMe[];
+    index: number;
+    remove: (index: number) => void;
+}
+export declare const TooltipMetricField: ({ control, data, index, remove }: ITooltipMetricField) => JSX.Element;
+export {};

package/dist/plugins/viz-components/heatmap/editors/tooltip/metrics.d.ts

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

package/dist/plugins/viz-components/heatmap/editors/x-axis/index.d.ts

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

package/dist/plugins/viz-components/heatmap/editors/x-axis/x-axis-label-formatter/function-editor.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface IXAxisLabelFormatterFunctionEditor {
+    disabled: boolean;
+    value: string;
+    onChange: (v: string) => void;
+}
+export declare const XAxisLabelFormatterFunctionEditor: ({ disabled, value, onChange, }: IXAxisLabelFormatterFunctionEditor) => JSX.Element;
+export {};

package/dist/plugins/viz-components/heatmap/editors/x-axis/x-axis-label-formatter/get-echarts-x-axis-tick-label.d.ts

@@ -0,0 +1,3 @@
+import { IXAxisLabelFormatter } from './types';
+export declare type FormatterFuncType = (value: string | number, index?: number) => string | number;
+export declare function getEchartsXAxisLabel({ enabled, func_content }: IXAxisLabelFormatter): FormatterFuncType;

package/dist/plugins/viz-components/heatmap/editors/x-axis/x-axis-label-formatter/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { AnyObject } from '~/types';
+import { IXAxisLabelFormatter } from './types';
+interface IXAxisLabelFormatterField {
+    value: IXAxisLabelFormatter;
+    onChange: (v: IXAxisLabelFormatter) => void;
+    data: AnyObject[];
+}
+export declare const XAxisLabelFormatterField: import("react").ForwardRefExoticComponent<IXAxisLabelFormatterField & import("react").RefAttributes<unknown>>;
+export {};

package/dist/plugins/viz-components/heatmap/editors/x-axis/x-axis-label-formatter/types.d.ts

@@ -0,0 +1,8 @@
+export interface IXAxisLabelFormatter {
+    enabled: boolean;
+    func_content: string;
+}
+export declare const DEFAULT_X_AXIS_LABEL_FORMATTER: {
+    enabled: boolean;
+    func_content: string;
+};

package/dist/plugins/viz-components/heatmap/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 { IHeatmapConf } from '../../type';
+interface IYAxisField {
+    watch: UseFormWatch<IHeatmapConf>;
+    control: Control<IHeatmapConf, $TSFixMe>;
+    data: AnyObject[];
+}
+export declare function YAxisField({ control, watch, data }: IYAxisField): JSX.Element;
+export {};

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

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

package/dist/plugins/viz-components/heatmap/option/formatters.d.ts

@@ -0,0 +1,11 @@
+import { FormatterFuncType } from '../editors/x-axis/x-axis-label-formatter/get-echarts-x-axis-tick-label';
+import { IHeatmapConf } from '../type';
+export declare type LabelFormattersType = {
+    x_axis: FormatterFuncType;
+    y_axis: FormatterFuncType;
+};
+export declare function getLabelFormatters(conf: IHeatmapConf): LabelFormattersType;
+export declare type ValueFormattersType = {
+    heat_block: FormatterFuncType;
+};
+export declare function getValueFormatters(conf: IHeatmapConf): ValueFormattersType;

package/dist/plugins/viz-components/heatmap/option/grid.d.ts

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

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

@@ -0,0 +1,3 @@
+import { ITemplateVariable } from '~/utils/template';
+import { IHeatmapConf } from '../type';
+export declare function getOption(conf: IHeatmapConf, data: $TSFixMe[], variables: ITemplateVariable[]): any;

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

@@ -0,0 +1,14 @@
+import { AnyObject } from '~/types';
+import { IHeatmapConf } from '../type';
+export declare function getSeries(conf: IHeatmapConf, data: AnyObject[]): {
+    type: string;
+    name: string;
+    xAxisId: string;
+    yAxisIndex: number;
+    datasetIndex: number;
+    itemStyle: {
+        borderColor: string;
+        borderWidth: number;
+    };
+    data: any[][];
+};

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

@@ -0,0 +1,8 @@
+import { CallbackDataParams } from 'echarts/types/dist/shared';
+import { AnyObject } from '~/types';
+import { IHeatmapConf } from '../type';
+import { LabelFormattersType, ValueFormattersType } from './formatters';
+export declare function getTooltip(conf: IHeatmapConf, data: AnyObject[], labelFormatters: LabelFormattersType, valueFormatters: ValueFormattersType): {
+    confine: boolean;
+    formatter: (params: CallbackDataParams) => string;
+};

package/dist/plugins/viz-components/heatmap/option/visual-map.d.ts

@@ -0,0 +1,10 @@
+import { IHeatmapConf } from '../type';
+export declare function getVisualMap(conf: IHeatmapConf): {
+    min: number;
+    max: number;
+    calculable: boolean;
+    orient: string;
+    left: string;
+    top: number;
+    itemWidth: number;
+};

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

@@ -0,0 +1,28 @@
+import { AnyObject } from '~/types';
+import { FormatterFuncType } from '../editors/x-axis/x-axis-label-formatter/get-echarts-x-axis-tick-label';
+import { IHeatmapConf } from '../type';
+export declare function getXAxis(conf: IHeatmapConf, data: AnyObject[], formatterFunc: FormatterFuncType): {
+    id: string;
+    type: string;
+    data: any[];
+    name: string;
+    align: string;
+    axisTick: {
+        show: boolean;
+        alignWithLabel: boolean;
+    };
+    axisLabel: {
+        formatter: FormatterFuncType;
+        width: number;
+        overflow: "truncate" | "break" | "breakAll";
+        ellipsis: "...";
+        rotate: number;
+    };
+    nameLocation: string;
+    nameGap: number;
+    nameTextStyle: {
+        fontWeight: string;
+        align: string;
+    };
+    z: number;
+};

package/dist/plugins/viz-components/heatmap/option/y-axis.d.ts

@@ -0,0 +1,30 @@
+import { AnyObject } from '~/types';
+import { FormatterFuncType } from '../editors/x-axis/x-axis-label-formatter/get-echarts-x-axis-tick-label';
+import { IHeatmapConf } from '../type';
+export declare function getYAxis(conf: IHeatmapConf, data: AnyObject[], formatterFunc: FormatterFuncType): {
+    type: string;
+    data: any[];
+    axisLabel: {
+        formatter: FormatterFuncType;
+        width: number;
+        overflow: "truncate" | "break" | "breakAll";
+        ellipsis: "...";
+        rotate: number;
+    };
+    axisLine: {
+        show: boolean;
+        color: string;
+    };
+    axisTick: {
+        show: boolean;
+        alignWithLabel: boolean;
+    };
+    nameTextStyle: {
+        fontWeight: string;
+        align: "right" | "center" | "left";
+    };
+    nameLocation: string;
+    nameGap: number;
+    z: number;
+    name: string;
+};

package/dist/plugins/viz-components/heatmap/triggers/click-heat-block.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ITriggerConfigProps, ITriggerSchema } from '~/types/plugin';
+export declare function ClickHeatBlockSettings(props: ITriggerConfigProps): JSX.Element;
+export declare const ClickHeatBlock: ITriggerSchema;
+export interface IClickHeatBlockConfig {
+    foo: '';
+}

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

@@ -0,0 +1 @@
+export { ClickHeatBlock } from './click-heat-block';

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

@@ -0,0 +1,36 @@
+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 { IXAxisLabelFormatter } from '../cartesian/panel/x-axis/x-axis-label-formatter/types';
+export interface IHeatmapConf {
+    x_axis: {
+        name: string;
+        data_key: string;
+        axisLabel: {
+            rotate: number;
+            formatter: IXAxisLabelFormatter;
+            overflow: IAxisLabelOverflow;
+        };
+    };
+    y_axis: {
+        name: string;
+        data_key: string;
+        nameAlignment: 'left' | 'center' | 'right';
+        axisLabel: {
+            rotate: number;
+            formatter: IXAxisLabelFormatter;
+            overflow: IAxisLabelOverflow;
+        };
+    };
+    heat_block: {
+        min: number;
+        max: number;
+        name: string;
+        data_key: '';
+        value_formatter: TNumbroFormat;
+    };
+    tooltip: {
+        metrics: IEchartsTooltipMetric[];
+    };
+}
+export declare const DEFAULT_CONFIG: IHeatmapConf;

package/dist/plugins/viz-components/heatmap/viz-heatmap-editor.d.ts

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

package/dist/plugins/viz-components/heatmap/viz-heatmap.d.ts

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

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

@@ -1,7 +1,7 @@
 import { TNumbroFormat } from '~/panel/settings/common/numbro-format-selector';
+import { IAxisLabelOverflow } from '~/plugins/common-echarts-fields/axis-label-overflow';
 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;
@@ -13,7 +13,7 @@ export interface IParetoChartConf {
         axisLabel: {
             rotate: number;
             formatter: IXAxisLabelFormatter;
-            overflow: IXAxisLabelOverflow;
+            overflow: IAxisLabelOverflow;
         };
     };
     data_key: string;

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

@@ -1,17 +1,13 @@
 import { TEchartsDataZoomConfig } from '../cartesian/panel/echarts-zooming-field/types';
 import { TSeriesColor } from './editors/scatter/series-color-select/types';
-import { IOverflow } from '../cartesian/panel/x-axis/x-axis-label-overflow/types';
+import { IEchartsOverflow } from '~/plugins/common-echarts-fields/axis-label-overflow';
 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';
-export interface IScatterTooltipMetric {
-    id: string;
-    data_key: string;
-    name: string;
-}
+import { IEchartsTooltipMetric } from '~/plugins/common-echarts-fields/tooltip-metric';
 export interface IScatterLabelOverflow {
-    label: IOverflow;
-    tooltip: IOverflow;
+    label: IEchartsOverflow;
+    tooltip: IEchartsOverflow;
 }
 export interface IScatterChartConf {
     x_axis: {
@@ -38,14 +34,14 @@ export interface IScatterChartConf {
         };
     };
     tooltip: {
-        metrics: IScatterTooltipMetric[];
+        metrics: IEchartsTooltipMetric[];
     };
     reference_lines: ICartesianReferenceLine[];
     reference_areas: ICartesianReferenceArea[];
     dataZoom: TEchartsDataZoomConfig;
 }
 export declare const DEFAULT_SCATTER_CHART_LABEL_OVERFLOW: {
-    label: IOverflow;
-    tooltip: IOverflow;
+    label: IEchartsOverflow;
+    tooltip: IEchartsOverflow;
 };
 export declare const DEFAULT_CONFIG: IScatterChartConf;

package/package.json

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

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

@@ -1,8 +0,0 @@
-/// <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/types.d.ts

@@ -1,10 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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;