@devtable/dashboard 8.60.0 → 8.61.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/dist/dashboard.es.js +5511 -4526
  2. package/dist/dashboard.umd.js +134 -54
  3. package/dist/plugins/common-echarts-fields/x-axis-label-formatter/function-editor.d.ts +8 -0
  4. package/dist/plugins/common-echarts-fields/x-axis-label-formatter/get-echarts-x-axis-tick-label.d.ts +2 -0
  5. package/dist/plugins/common-echarts-fields/x-axis-label-formatter/index.d.ts +10 -0
  6. package/dist/plugins/common-echarts-fields/x-axis-label-formatter/types.d.ts +5 -0
  7. package/dist/plugins/viz-components/merico-estimation-chart/editors/deviation.d.ts +10 -0
  8. package/dist/plugins/viz-components/merico-estimation-chart/editors/metrics/index.d.ts +10 -0
  9. package/dist/plugins/viz-components/merico-estimation-chart/editors/metrics/metric.d.ts +11 -0
  10. package/dist/plugins/viz-components/merico-estimation-chart/editors/x_axis.d.ts +10 -0
  11. package/dist/plugins/viz-components/merico-estimation-chart/index.d.ts +2 -0
  12. package/dist/plugins/viz-components/merico-estimation-chart/option/data.d.ts +8 -0
  13. package/dist/plugins/viz-components/merico-estimation-chart/option/grid.d.ts +31 -0
  14. package/dist/plugins/viz-components/merico-estimation-chart/option/index.d.ts +2 -0
  15. package/dist/plugins/viz-components/merico-estimation-chart/option/legend.d.ts +22 -0
  16. package/dist/plugins/viz-components/merico-estimation-chart/option/series/index.d.ts +64 -0
  17. package/dist/plugins/viz-components/merico-estimation-chart/option/series/series-1.d.ts +23 -0
  18. package/dist/plugins/viz-components/merico-estimation-chart/option/series/series-2.d.ts +22 -0
  19. package/dist/plugins/viz-components/merico-estimation-chart/option/series/series-3.d.ts +19 -0
  20. package/dist/plugins/viz-components/merico-estimation-chart/option/series/series-4.d.ts +11 -0
  21. package/dist/plugins/viz-components/merico-estimation-chart/option/series/utils.d.ts +1 -0
  22. package/dist/plugins/viz-components/merico-estimation-chart/option/x-axis.d.ts +52 -0
  23. package/dist/plugins/viz-components/merico-estimation-chart/option/y-axis.d.ts +144 -0
  24. package/dist/plugins/viz-components/merico-estimation-chart/toolbox/basis-metric-selector.d.ts +8 -0
  25. package/dist/plugins/viz-components/merico-estimation-chart/toolbox/index.d.ts +3 -0
  26. package/dist/plugins/viz-components/merico-estimation-chart/toolbox/metric-description.d.ts +2 -0
  27. package/dist/plugins/viz-components/merico-estimation-chart/type.d.ts +21 -0
  28. package/dist/plugins/viz-components/merico-estimation-chart/viz-merico-estimation-chart-editor.d.ts +3 -0
  29. package/dist/plugins/viz-components/merico-estimation-chart/viz-merico-estimation-chart.d.ts +3 -0
  30. package/package.json +4 -4
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ interface IXAxisLabelFormatterFunctionEditor {
3
+ disabled: boolean;
4
+ value: string;
5
+ onChange: (v: string) => void;
6
+ }
7
+ export declare const XAxisLabelFormatterFunctionEditor: ({ disabled, value, onChange, }: IXAxisLabelFormatterFunctionEditor) => JSX.Element;
8
+ export {};
@@ -0,0 +1,2 @@
1
+ import { IXAxisLabelFormatter } from './types';
2
+ export declare function getEchartsXAxisLabel({ enabled, func_content }: IXAxisLabelFormatter): (value: number | string, index: number) => any;
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ import { AnyObject } from '~/types';
3
+ import { IXAxisLabelFormatter } from './types';
4
+ interface IXAxisLabelFormatterField {
5
+ value: IXAxisLabelFormatter;
6
+ onChange: (v: IXAxisLabelFormatter) => void;
7
+ data: AnyObject[];
8
+ }
9
+ export declare const XAxisLabelFormatterField: import('./react').ForwardRefExoticComponent<IXAxisLabelFormatterField & import('./react').RefAttributes<unknown>>;
10
+ export {};
@@ -0,0 +1,5 @@
1
+ export interface IXAxisLabelFormatter {
2
+ enabled: boolean;
3
+ func_content: string;
4
+ }
5
+ export declare const DEFAULT_X_AXIS_LABEL_FORMATTER: IXAxisLabelFormatter;
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ import { Control, UseFormWatch } from 'react-hook-form';
3
+ import { IMericoEstimationChartConf } from '../type';
4
+ interface IDeviationField {
5
+ control: Control<IMericoEstimationChartConf, $TSFixMe>;
6
+ watch: UseFormWatch<IMericoEstimationChartConf>;
7
+ data: TVizData;
8
+ }
9
+ export declare function DeviationField({ data, control, watch }: IDeviationField): JSX.Element;
10
+ export {};
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ import { Control, UseFormWatch } from 'react-hook-form';
3
+ import { IMericoEstimationChartConf } from '../../type';
4
+ interface IMetricsField {
5
+ control: Control<IMericoEstimationChartConf, $TSFixMe>;
6
+ watch: UseFormWatch<IMericoEstimationChartConf>;
7
+ data: TVizData;
8
+ }
9
+ export declare const MetricsField: ({ control, watch, data }: IMetricsField) => JSX.Element;
10
+ export {};
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ import { Control } from 'react-hook-form';
3
+ import { IMericoEstimationChartConf } from '../../type';
4
+ interface ITooltipMetricField {
5
+ control: Control<IMericoEstimationChartConf, $TSFixMe>;
6
+ data: TVizData;
7
+ index: number;
8
+ remove: (index: number) => void;
9
+ }
10
+ export declare const TooltipMetricField: ({ control, data, index, remove }: ITooltipMetricField) => JSX.Element;
11
+ export {};
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ import { Control, UseFormWatch } from 'react-hook-form';
3
+ import { IMericoEstimationChartConf } from '../type';
4
+ interface IXAxisField {
5
+ control: Control<IMericoEstimationChartConf, $TSFixMe>;
6
+ watch: UseFormWatch<IMericoEstimationChartConf>;
7
+ data: TVizData;
8
+ }
9
+ export declare function XAxisField({ data, control, watch }: IXAxisField): JSX.Element;
10
+ export {};
@@ -0,0 +1,2 @@
1
+ import { VizComponent } from '../../../types/plugin';
2
+ export declare const MericoEstimationChartVizComponent: VizComponent;
@@ -0,0 +1,8 @@
1
+ import { IMericoEstimationChartConf } from '../type';
2
+ export declare function getDataWithLevelInfo(conf: IMericoEstimationChartConf, rawData: TVizData): {
3
+ level: {
4
+ estimated: number;
5
+ actual: number;
6
+ diff: number;
7
+ };
8
+ }[];
@@ -0,0 +1,31 @@
1
+ export declare function getGrids(): ({
2
+ top: number;
3
+ left: number;
4
+ right: number;
5
+ height: number;
6
+ containLabel: boolean;
7
+ backgroundColor: string;
8
+ borderWidth: number;
9
+ show: boolean;
10
+ bottom?: undefined;
11
+ } | {
12
+ top: number;
13
+ left: number;
14
+ right: number;
15
+ bottom: number;
16
+ containLabel: boolean;
17
+ backgroundColor: string;
18
+ borderWidth: number;
19
+ show: boolean;
20
+ height?: undefined;
21
+ } | {
22
+ left: number;
23
+ right: number;
24
+ bottom: number;
25
+ height: number;
26
+ containLabel: boolean;
27
+ backgroundColor: string;
28
+ borderWidth: number;
29
+ show: boolean;
30
+ top?: undefined;
31
+ })[];
@@ -0,0 +1,2 @@
1
+ import { IMericoEstimationChartConf } from '../type';
2
+ export declare function getOption(conf: IMericoEstimationChartConf, metricKey: string, rawData: TVizData): any;
@@ -0,0 +1,22 @@
1
+ import { AnyObject } from '~/types';
2
+ export declare function getLegend(series: AnyObject[]): {
3
+ show: boolean;
4
+ orient: string;
5
+ top: string;
6
+ right: number;
7
+ data: {
8
+ name: string;
9
+ color: any;
10
+ itemStyle: {
11
+ borderColor: string;
12
+ borderWidth: number;
13
+ } | {
14
+ borderColor?: undefined;
15
+ borderWidth?: undefined;
16
+ };
17
+ }[];
18
+ tooltip: {
19
+ show: boolean;
20
+ formatter: string;
21
+ };
22
+ };
@@ -0,0 +1,64 @@
1
+ import { IEchartsTooltipMetric } from '~/plugins/common-echarts-fields/tooltip-metric';
2
+ import { IMericoEstimationChartConf } from '../../type';
3
+ export declare function getSeries(conf: IMericoEstimationChartConf, metric: IEchartsTooltipMetric, xAxisData: string[], dataGroupedByX: Record<string, TVizData>): ({
4
+ type: string;
5
+ name: string;
6
+ xAxisIndex: number;
7
+ yAxisIndex: number;
8
+ data: (string | number)[][];
9
+ label: {
10
+ show: boolean;
11
+ formatter: ({ value }: {
12
+ value: [string, string, number];
13
+ }) => string | [string, string, number];
14
+ };
15
+ labelLayout: {
16
+ hideOverlap: boolean;
17
+ };
18
+ visualMapIndex: number;
19
+ tooltip: {
20
+ trigger: string;
21
+ formatter: ({ color, value }: any) => string;
22
+ };
23
+ show_in_legend: boolean;
24
+ } | {
25
+ data: (string | number)[][];
26
+ itemStyle: {
27
+ color: ({ value }: any) => string;
28
+ };
29
+ label: {
30
+ position: string;
31
+ show: boolean;
32
+ formatter: ({ value }: any) => any;
33
+ };
34
+ tooltip: {
35
+ trigger: string;
36
+ formatter: ({ color, value }: any) => string;
37
+ };
38
+ show_in_legend: boolean;
39
+ type: string;
40
+ name: string;
41
+ xAxisIndex: number;
42
+ yAxisIndex: number;
43
+ } | {
44
+ color: string;
45
+ data: [string | number, number, number, number][];
46
+ tooltip: {
47
+ trigger: string;
48
+ formatter: ({ color, value }: any) => string;
49
+ };
50
+ show_in_legend: boolean;
51
+ type: string;
52
+ name: number;
53
+ xAxisIndex: number;
54
+ yAxisIndex: number;
55
+ stack: number;
56
+ } | {
57
+ type: string;
58
+ name: string;
59
+ xAxisIndex: number;
60
+ yAxisIndex: number;
61
+ color: string;
62
+ data: (string | number)[][];
63
+ show_in_legend: boolean;
64
+ })[];
@@ -0,0 +1,23 @@
1
+ import { IMericoEstimationChartConf } from '../../type';
2
+ export declare function getSeries1(conf: IMericoEstimationChartConf, xAxisData: string[], dataGroupedByX: Record<string, TVizData>): {
3
+ type: string;
4
+ name: string;
5
+ xAxisIndex: number;
6
+ yAxisIndex: number;
7
+ data: (string | number)[][];
8
+ label: {
9
+ show: boolean;
10
+ formatter: ({ value }: {
11
+ value: [string, string, number];
12
+ }) => string | [string, string, number];
13
+ };
14
+ labelLayout: {
15
+ hideOverlap: boolean;
16
+ };
17
+ visualMapIndex: number;
18
+ tooltip: {
19
+ trigger: string;
20
+ formatter: ({ color, value }: any) => string;
21
+ };
22
+ show_in_legend: boolean;
23
+ };
@@ -0,0 +1,22 @@
1
+ import { AnyObject } from '~/types';
2
+ import { IMericoEstimationChartConf } from '../../type';
3
+ export declare function getSeries2(conf: IMericoEstimationChartConf, xAxisData: string[], dataGroupedByX: Record<string, TVizData>, commonConf: AnyObject): {
4
+ data: (string | number)[][];
5
+ itemStyle: {
6
+ color: ({ value }: any) => string;
7
+ };
8
+ label: {
9
+ position: string;
10
+ show: boolean;
11
+ formatter: ({ value }: any) => any;
12
+ };
13
+ tooltip: {
14
+ trigger: string;
15
+ formatter: ({ color, value }: any) => string;
16
+ };
17
+ show_in_legend: boolean;
18
+ type: string;
19
+ name: string;
20
+ xAxisIndex: number;
21
+ yAxisIndex: number;
22
+ };
@@ -0,0 +1,19 @@
1
+ import { AnyObject } from '~/types';
2
+ import { IMericoEstimationChartConf } from '../../type';
3
+ declare type DataItemType = [string | number, number, number, number];
4
+ declare type ChartDataType = DataItemType[];
5
+ export declare function getSeries3(conf: IMericoEstimationChartConf, xAxisData: string[], dataGroupedByX: Record<string, TVizData>, commonConf: AnyObject): {
6
+ color: string;
7
+ data: ChartDataType;
8
+ tooltip: {
9
+ trigger: string;
10
+ formatter: ({ color, value }: any) => string;
11
+ };
12
+ show_in_legend: boolean;
13
+ type: string;
14
+ name: number;
15
+ xAxisIndex: number;
16
+ yAxisIndex: number;
17
+ stack: number;
18
+ }[];
19
+ export {};
@@ -0,0 +1,11 @@
1
+ import { IMericoEstimationChartConf } from '../../type';
2
+ import { IEchartsTooltipMetric } from '~/plugins/common-echarts-fields/tooltip-metric';
3
+ export declare function getSeries4(conf: IMericoEstimationChartConf, metric: IEchartsTooltipMetric, xAxisData: string[], dataGroupedByX: Record<string, TVizData>): {
4
+ type: string;
5
+ name: string;
6
+ xAxisIndex: number;
7
+ yAxisIndex: number;
8
+ color: string;
9
+ data: (string | number)[][];
10
+ show_in_legend: boolean;
11
+ };
@@ -0,0 +1 @@
1
+ export declare function getIndicatorColorStyle(color: string): string;
@@ -0,0 +1,52 @@
1
+ import { IMericoEstimationChartConf } from '../type';
2
+ export declare function getXAxes(conf: IMericoEstimationChartConf, xAxisData: string[]): ({
3
+ data: string[];
4
+ id: string;
5
+ gridIndex: number;
6
+ axisTick: {
7
+ show: boolean;
8
+ };
9
+ axisLabel: {
10
+ show: boolean;
11
+ };
12
+ axisLine: {
13
+ show: boolean;
14
+ lineStyle?: undefined;
15
+ };
16
+ type: string;
17
+ } | {
18
+ data: string[];
19
+ id: string;
20
+ gridIndex: number;
21
+ axisTick: {
22
+ show: boolean;
23
+ };
24
+ axisLabel: {
25
+ show: boolean;
26
+ };
27
+ axisLine: {
28
+ show: boolean;
29
+ lineStyle: {
30
+ color: string;
31
+ width: number;
32
+ };
33
+ };
34
+ type: string;
35
+ } | {
36
+ data: string[];
37
+ id: string;
38
+ gridIndex: number;
39
+ axisTick: {
40
+ show: boolean;
41
+ };
42
+ type: string;
43
+ axisLabel: {
44
+ formatter: (value: string | number, index: number) => any;
45
+ rotate: number;
46
+ show?: undefined;
47
+ };
48
+ axisLine: {
49
+ show: boolean;
50
+ lineStyle?: undefined;
51
+ };
52
+ })[];
@@ -0,0 +1,144 @@
1
+ import { IEchartsTooltipMetric } from '~/plugins/common-echarts-fields/tooltip-metric';
2
+ export declare function getYAxes(metric: IEchartsTooltipMetric): ({
3
+ type: string;
4
+ name: string;
5
+ nameRotate: number;
6
+ nameGap: number;
7
+ nameLocation: string;
8
+ nameTextStyle: {
9
+ align: string;
10
+ };
11
+ gridIndex: number;
12
+ axisLabel: {
13
+ show: boolean;
14
+ verticalAlign?: undefined;
15
+ showMinLabel?: undefined;
16
+ lineHeight?: undefined;
17
+ };
18
+ axisTick: {
19
+ show: boolean;
20
+ };
21
+ axisLine: {
22
+ show: boolean;
23
+ };
24
+ splitLine: {
25
+ show: boolean;
26
+ };
27
+ boundaryGap?: undefined;
28
+ min?: undefined;
29
+ max?: undefined;
30
+ position?: undefined;
31
+ splitNumber?: undefined;
32
+ } | {
33
+ type: string;
34
+ name: string;
35
+ nameGap: number;
36
+ nameRotate: number;
37
+ nameLocation: string;
38
+ gridIndex: number;
39
+ boundaryGap: number[];
40
+ axisLabel: {
41
+ show: boolean;
42
+ verticalAlign?: undefined;
43
+ showMinLabel?: undefined;
44
+ lineHeight?: undefined;
45
+ };
46
+ axisTick: {
47
+ show: boolean;
48
+ };
49
+ axisLine: {
50
+ show: boolean;
51
+ };
52
+ splitLine: {
53
+ show: boolean;
54
+ };
55
+ nameTextStyle?: undefined;
56
+ min?: undefined;
57
+ max?: undefined;
58
+ position?: undefined;
59
+ splitNumber?: undefined;
60
+ } | {
61
+ type: string;
62
+ name: string;
63
+ nameGap: number;
64
+ nameRotate: number;
65
+ nameLocation: string;
66
+ gridIndex: number;
67
+ axisLabel: {
68
+ show: boolean;
69
+ verticalAlign?: undefined;
70
+ showMinLabel?: undefined;
71
+ lineHeight?: undefined;
72
+ };
73
+ axisTick: {
74
+ show: boolean;
75
+ };
76
+ axisLine: {
77
+ show: boolean;
78
+ };
79
+ splitLine: {
80
+ show: boolean;
81
+ };
82
+ min: number;
83
+ max: number;
84
+ nameTextStyle?: undefined;
85
+ boundaryGap?: undefined;
86
+ position?: undefined;
87
+ splitNumber?: undefined;
88
+ } | {
89
+ type: string;
90
+ gridIndex: number;
91
+ position: string;
92
+ splitNumber: number;
93
+ axisLabel: {
94
+ show: boolean;
95
+ verticalAlign: string;
96
+ showMinLabel: boolean;
97
+ lineHeight: number;
98
+ };
99
+ axisTick: {
100
+ show: boolean;
101
+ };
102
+ axisLine: {
103
+ show: boolean;
104
+ };
105
+ splitLine: {
106
+ show: boolean;
107
+ };
108
+ name?: undefined;
109
+ nameRotate?: undefined;
110
+ nameGap?: undefined;
111
+ nameLocation?: undefined;
112
+ nameTextStyle?: undefined;
113
+ boundaryGap?: undefined;
114
+ min?: undefined;
115
+ max?: undefined;
116
+ } | {
117
+ type: string;
118
+ name: string;
119
+ nameGap: number;
120
+ nameRotate: number;
121
+ nameLocation: string;
122
+ gridIndex: number;
123
+ position: string;
124
+ axisLabel: {
125
+ show: boolean;
126
+ verticalAlign?: undefined;
127
+ showMinLabel?: undefined;
128
+ lineHeight?: undefined;
129
+ };
130
+ axisTick: {
131
+ show: boolean;
132
+ };
133
+ axisLine: {
134
+ show: boolean;
135
+ };
136
+ splitLine: {
137
+ show: boolean;
138
+ };
139
+ nameTextStyle?: undefined;
140
+ boundaryGap?: undefined;
141
+ min?: undefined;
142
+ max?: undefined;
143
+ splitNumber?: undefined;
144
+ })[];
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import { IMericoEstimationChartConf } from '../type';
3
+ export interface IBasisMetricSelector {
4
+ conf: IMericoEstimationChartConf;
5
+ metricKey: string;
6
+ setMetricKey: (v: string) => void;
7
+ }
8
+ export declare const BasisMetricSelector: ({ conf, metricKey, setMetricKey }: IBasisMetricSelector) => JSX.Element;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { IBasisMetricSelector } from './basis-metric-selector';
3
+ export declare function Toolbox(props: IBasisMetricSelector): JSX.Element;
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare function MetricsDescription(): JSX.Element;
@@ -0,0 +1,21 @@
1
+ import { IEchartsTooltipMetric } from '~/plugins/common-echarts-fields/tooltip-metric';
2
+ import { IXAxisLabelFormatter } from '~/plugins/common-echarts-fields/x-axis-label-formatter/types';
3
+ export interface IMericoEstimationChartConf {
4
+ x_axis: {
5
+ data_key: string;
6
+ name: string;
7
+ axisLabel: {
8
+ rotate: number;
9
+ formatter: IXAxisLabelFormatter;
10
+ };
11
+ };
12
+ deviation: {
13
+ name: string;
14
+ data_keys: {
15
+ estimated_value: string;
16
+ actual_value: string;
17
+ };
18
+ };
19
+ metrics: IEchartsTooltipMetric[];
20
+ }
21
+ export declare const DEFAULT_CONFIG: IMericoEstimationChartConf;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { VizConfigProps } from '../../../types/plugin';
3
+ export declare function VizMericoEstimationChartEditor({ context }: VizConfigProps): JSX.Element;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { VizViewProps } from '~/types/plugin';
3
+ export declare function VizMericoEstimationChart({ context }: VizViewProps): JSX.Element | null;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@devtable/dashboard",
3
- "version": "8.60.0",
3
+ "version": "8.61.0",
4
4
  "license": "Apache-2.0",
5
5
  "publishConfig": {
6
6
  "access": "public",
@@ -31,10 +31,10 @@
31
31
  "coverage": "vitest --coverage"
32
32
  },
33
33
  "dependencies": {
34
- "@monaco-editor/react": "4.5.0",
34
+ "@monaco-editor/react": "4.4.6",
35
35
  "@types/chroma-js": "^2.1.4",
36
36
  "file-saver": "2.0.5",
37
- "mathjs": "11.7.0",
37
+ "mathjs": "11.8.0",
38
38
  "monaco-editor": "0.36.0",
39
39
  "performant-array-to-tree": "1.11.0",
40
40
  "popmotion": "^11.0.3",
@@ -143,7 +143,7 @@
143
143
  "chroma-js": "^2.4.2",
144
144
  "crypto-js": "^4.1.1",
145
145
  "d3-array": "3.2.3",
146
- "d3-regression": "1.2.8",
146
+ "d3-regression": "1.3.10",
147
147
  "dayjs": "1.11.7",
148
148
  "echarts": "^5.3.2",
149
149
  "echarts-for-react": "^3.0.2",