@devtable/dashboard 14.59.1 → 14.60.1

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 (20) hide show
  1. package/dist/components/plugins/editor-components/index.d.ts +1 -0
  2. package/dist/components/plugins/editor-components/name-color-map-editor/add-a-row.d.ts +6 -0
  3. package/dist/components/plugins/editor-components/name-color-map-editor/index.d.ts +2 -0
  4. package/dist/components/plugins/editor-components/name-color-map-editor/name-color-map-editor.d.ts +8 -0
  5. package/dist/components/plugins/editor-components/name-color-map-editor/palette.d.ts +5 -0
  6. package/dist/components/plugins/editor-components/name-color-map-editor/row-editor.d.ts +12 -0
  7. package/dist/components/plugins/editor-components/name-color-map-editor/select-palette.d.ts +10 -0
  8. package/dist/components/plugins/editor-components/name-color-map-editor/types.d.ts +4 -0
  9. package/dist/components/plugins/editor-components/viz-config-banner.d.ts +7 -0
  10. package/dist/components/plugins/viz-components/pie-chart/type.d.ts +2 -4
  11. package/dist/components/plugins/viz-components/radar-chart/editors/additional-series-style-field.d.ts +8 -0
  12. package/dist/components/plugins/viz-components/radar-chart/editors/dimensions/index.d.ts +1 -1
  13. package/dist/components/plugins/viz-components/radar-chart/editors/series-style-field.d.ts +8 -0
  14. package/dist/components/plugins/viz-components/radar-chart/option/series.d.ts +17 -10
  15. package/dist/components/plugins/viz-components/radar-chart/type.d.ts +21 -0
  16. package/dist/dashboard.es.js +6282 -6074
  17. package/dist/dashboard.umd.js +98 -98
  18. package/dist/stats.html +1 -1
  19. package/dist/version.json +2 -2
  20. package/package.json +2 -2
@@ -6,3 +6,4 @@ export * from './color-mapping-editor';
6
6
  export * from './color-type';
7
7
  export * from './flex';
8
8
  export * from './field-array-tabs';
9
+ export * from './name-color-map-editor';
@@ -0,0 +1,6 @@
1
+ import { NameColorMapRow } from './types';
2
+ type AddARowProps = {
3
+ append: (v: NameColorMapRow) => void;
4
+ };
5
+ export declare const AddARow: ({ append }: AddARowProps) => import('./react/jsx-runtime').JSX.Element;
6
+ export {};
@@ -0,0 +1,2 @@
1
+ export * from './name-color-map-editor';
2
+ export * from './types';
@@ -0,0 +1,8 @@
1
+ import { Control } from 'react-hook-form';
2
+ type Props = {
3
+ control: Control<$TSFixMe>;
4
+ name: string;
5
+ names: string[];
6
+ };
7
+ export declare const NameColorMapEditor: import('./react').MemoExoticComponent<import('./react').ForwardRefExoticComponent<Props & import('./react').RefAttributes<HTMLDivElement>>>;
8
+ export {};
@@ -0,0 +1,5 @@
1
+ export type ColorMapPaletteOption = {
2
+ name: string;
3
+ colors: string[];
4
+ };
5
+ export declare const ColorMapPalettes: ColorMapPaletteOption[];
@@ -0,0 +1,12 @@
1
+ import { NameColorMapRow } from './types';
2
+ type NameColorMapRowProps = {
3
+ field: NameColorMapRow & {
4
+ id: string;
5
+ };
6
+ update: (index: number, data: NameColorMapRow) => void;
7
+ remove: (index: number) => void;
8
+ index: number;
9
+ names: string[];
10
+ };
11
+ export declare const RowEditor: import('./react').MemoExoticComponent<({ field, index, update, remove, names }: NameColorMapRowProps) => import('./react/jsx-runtime').JSX.Element>;
12
+ export {};
@@ -0,0 +1,10 @@
1
+ import { FieldValues, UseFieldArrayReplace } from 'react-hook-form';
2
+ import { NameColorMapRow } from './types';
3
+ type Props = {
4
+ fields: (NameColorMapRow & {
5
+ id: string;
6
+ })[];
7
+ replace: UseFieldArrayReplace<FieldValues, string>;
8
+ };
9
+ export declare const SelectPalette: ({ fields, replace }: Props) => import('./react/jsx-runtime').JSX.Element;
10
+ export {};
@@ -0,0 +1,4 @@
1
+ export type NameColorMapRow = {
2
+ name: string;
3
+ color: string;
4
+ };
@@ -1,6 +1,13 @@
1
+ import React from './react';
2
+ import { Control } from 'react-hook-form';
1
3
  type Props = {
2
4
  canSubmit: boolean;
3
5
  buttonRef?: React.RefObject<HTMLButtonElement>;
4
6
  };
5
7
  export declare function VizConfigBanner({ canSubmit, buttonRef }: Props): import('./react/jsx-runtime').JSX.Element;
8
+ type FormVizConfigBannerProps = {
9
+ control: Control<$TSFixMe>;
10
+ buttonRef?: React.RefObject<HTMLButtonElement>;
11
+ };
12
+ export declare const FormVizConfigBanner: React.MemoExoticComponent<({ control, buttonRef }: FormVizConfigBannerProps) => import('./react/jsx-runtime').JSX.Element>;
6
13
  export {};
@@ -1,5 +1,6 @@
1
1
  import { SeriesOrder } from '../../common-echarts-fields/series-order';
2
2
  import { SeriesUnitType } from '../../common-echarts-fields/series-unit';
3
+ import { NameColorMapRow } from '../../editor-components/name-color-map-editor';
3
4
  export type PieChartOthersSector = {
4
5
  label: string | null;
5
6
  threshold: number | null;
@@ -8,10 +9,7 @@ export declare const getDefaultOthersSector: () => {
8
9
  label: null;
9
10
  threshold: null;
10
11
  };
11
- export type NameColorMapRow = {
12
- name: string;
13
- color: string;
14
- };
12
+ export type { NameColorMapRow };
15
13
  export interface IPieChartConf {
16
14
  label_field: TDataKey;
17
15
  value_field: TDataKey;
@@ -0,0 +1,8 @@
1
+ import { Control } from 'react-hook-form';
2
+ import { IRadarChartConf } from '../type';
3
+ type Props = {
4
+ control: Control<IRadarChartConf, $TSFixMe>;
5
+ index: number;
6
+ };
7
+ export declare function AdditionalSeriesStyleField({ control, index }: Props): import('./react/jsx-runtime').JSX.Element;
8
+ export {};
@@ -4,5 +4,5 @@ interface IDimensionsField {
4
4
  control: Control<IRadarChartConf, $TSFixMe>;
5
5
  watch: UseFormWatch<IRadarChartConf>;
6
6
  }
7
- export declare function DimensionsField({ control, watch }: IDimensionsField): import('./react/jsx-runtime').JSX.Element;
7
+ export declare const DimensionsField: import('./react').NamedExoticComponent<IDimensionsField>;
8
8
  export {};
@@ -0,0 +1,8 @@
1
+ import { Control } from 'react-hook-form';
2
+ import { IRadarChartConf } from '../type';
3
+ type Props = {
4
+ control: Control<IRadarChartConf, $TSFixMe>;
5
+ path: 'main_series_style';
6
+ };
7
+ export declare const RadarSeriesStyleField: import('./react').NamedExoticComponent<Props>;
8
+ export {};
@@ -2,12 +2,17 @@ import { IRadarChartConf } from '../type';
2
2
  export declare function getSeries(data: TPanelData, conf: IRadarChartConf): ({
3
3
  type: string;
4
4
  name: string;
5
+ colorBy: string;
5
6
  data: {
6
7
  value: any[];
7
8
  name: any;
9
+ itemStyle: {
10
+ color: string;
11
+ };
8
12
  }[];
9
13
  symbolSize: number;
10
14
  lineStyle: {
15
+ type: import("../../../common-echarts-fields/line-type").IEChartsLineType;
11
16
  width: number;
12
17
  };
13
18
  emphasis: {
@@ -26,17 +31,8 @@ export declare function getSeries(data: TPanelData, conf: IRadarChartConf): ({
26
31
  }) => string | number;
27
32
  };
28
33
  } | {
29
- type: string;
30
- colorBy: string;
31
- data: {
32
- name: any;
33
- value: any[];
34
- itemStyle: {
35
- color: any;
36
- };
37
- }[];
38
- symbolSize: number;
39
34
  lineStyle: {
35
+ type: import("../../../common-echarts-fields/line-type").IEChartsLineType;
40
36
  width: number;
41
37
  };
42
38
  emphasis: {
@@ -54,4 +50,15 @@ export declare function getSeries(data: TPanelData, conf: IRadarChartConf): ({
54
50
  value: number;
55
51
  }) => string | number;
56
52
  };
53
+ color?: string | undefined;
54
+ type: string;
55
+ colorBy: string;
56
+ data: {
57
+ name: any;
58
+ value: any[];
59
+ itemStyle: {
60
+ color: any;
61
+ };
62
+ }[];
63
+ symbolSize: number;
57
64
  })[];
@@ -1,8 +1,24 @@
1
+ import { IEChartsLineType } from '../../../../components/plugins/common-echarts-fields/line-type';
2
+ import { NameColorMapRow } from '../../../../components/plugins/editor-components/name-color-map-editor';
1
3
  import { TNumberFormat } from '../../../../utils';
4
+ export type { NameColorMapRow };
5
+ export type TRadarSeriesStyle = {
6
+ lineStyle: {
7
+ type: IEChartsLineType;
8
+ width: number;
9
+ };
10
+ areaStyle: {
11
+ opacity: number;
12
+ };
13
+ };
14
+ export declare function getDefaultRadarSeriesStyle(): TRadarSeriesStyle;
2
15
  export type TAdditionalSeriesItem = {
3
16
  id: string;
4
17
  name_key: TDataKey;
5
18
  color_key: TDataKey;
19
+ style: TRadarSeriesStyle & {
20
+ color: string;
21
+ };
6
22
  };
7
23
  export interface IRadarChartDimension {
8
24
  id: string;
@@ -13,6 +29,10 @@ export interface IRadarChartDimension {
13
29
  }
14
30
  export interface IRadarChartConf {
15
31
  series_name_key: TDataKey;
32
+ color_field: TDataKey;
33
+ color: {
34
+ map: NameColorMapRow[];
35
+ };
16
36
  additional_series: TAdditionalSeriesItem[];
17
37
  background: {
18
38
  enabled: boolean;
@@ -21,5 +41,6 @@ export interface IRadarChartConf {
21
41
  enabled: boolean;
22
42
  };
23
43
  dimensions: IRadarChartDimension[];
44
+ main_series_style: TRadarSeriesStyle;
24
45
  }
25
46
  export declare const DEFAULT_CONFIG: IRadarChartConf;