@undp/data-viz 0.0.73 → 0.0.74
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.
- package/dist/index.cjs +86 -86
- package/dist/index.d.ts +101 -2
- package/dist/index.js +21586 -21474
- package/dist/index.umd.js +88 -88
- package/dist/style.css +1 -1
- package/package.json +10 -2
package/dist/index.d.ts
CHANGED
|
@@ -2368,6 +2368,9 @@ export declare const getDashboardJSONSchema: (columnList?: string[]) => {
|
|
|
2368
2368
|
required: string[];
|
|
2369
2369
|
};
|
|
2370
2370
|
};
|
|
2371
|
+
minWidth: {
|
|
2372
|
+
type: string;
|
|
2373
|
+
};
|
|
2371
2374
|
graphDescription: {
|
|
2372
2375
|
type: string;
|
|
2373
2376
|
};
|
|
@@ -4963,6 +4966,9 @@ export declare const getDashboardJSONSchema: (columnList?: string[]) => {
|
|
|
4963
4966
|
height: {
|
|
4964
4967
|
type: string;
|
|
4965
4968
|
};
|
|
4969
|
+
showLabels: {
|
|
4970
|
+
type: string;
|
|
4971
|
+
};
|
|
4966
4972
|
sources: {
|
|
4967
4973
|
type: string;
|
|
4968
4974
|
items: {
|
|
@@ -9336,6 +9342,9 @@ export declare const getDashboardJSONSchema: (columnList?: string[]) => {
|
|
|
9336
9342
|
};
|
|
9337
9343
|
minItems: number;
|
|
9338
9344
|
};
|
|
9345
|
+
minWidth: {
|
|
9346
|
+
type: string;
|
|
9347
|
+
};
|
|
9339
9348
|
};
|
|
9340
9349
|
type: string;
|
|
9341
9350
|
};
|
|
@@ -10622,6 +10631,9 @@ export declare const getDashboardJSONSchema: (columnList?: string[]) => {
|
|
|
10622
10631
|
};
|
|
10623
10632
|
minItems: number;
|
|
10624
10633
|
};
|
|
10634
|
+
minWidth: {
|
|
10635
|
+
type: string;
|
|
10636
|
+
};
|
|
10625
10637
|
};
|
|
10626
10638
|
type: string;
|
|
10627
10639
|
};
|
|
@@ -11886,6 +11898,9 @@ export declare const getDashboardJSONSchema: (columnList?: string[]) => {
|
|
|
11886
11898
|
};
|
|
11887
11899
|
minItems: number;
|
|
11888
11900
|
};
|
|
11901
|
+
minWidth: {
|
|
11902
|
+
type: string;
|
|
11903
|
+
};
|
|
11889
11904
|
};
|
|
11890
11905
|
type: string;
|
|
11891
11906
|
};
|
|
@@ -13682,6 +13697,9 @@ export declare const getDashboardWideToLongFormatJSONSchema: () => {
|
|
|
13682
13697
|
required: string[];
|
|
13683
13698
|
};
|
|
13684
13699
|
};
|
|
13700
|
+
minWidth: {
|
|
13701
|
+
type: string;
|
|
13702
|
+
};
|
|
13685
13703
|
graphDescription: {
|
|
13686
13704
|
type: string;
|
|
13687
13705
|
};
|
|
@@ -16277,6 +16295,9 @@ export declare const getDashboardWideToLongFormatJSONSchema: () => {
|
|
|
16277
16295
|
height: {
|
|
16278
16296
|
type: string;
|
|
16279
16297
|
};
|
|
16298
|
+
showLabels: {
|
|
16299
|
+
type: string;
|
|
16300
|
+
};
|
|
16280
16301
|
sources: {
|
|
16281
16302
|
type: string;
|
|
16282
16303
|
items: {
|
|
@@ -21254,6 +21275,9 @@ export declare const getDataSelectionSchema: (columnList?: string[]) => {
|
|
|
21254
21275
|
};
|
|
21255
21276
|
minItems: number;
|
|
21256
21277
|
};
|
|
21278
|
+
minWidth: {
|
|
21279
|
+
type: string;
|
|
21280
|
+
};
|
|
21257
21281
|
};
|
|
21258
21282
|
type: string;
|
|
21259
21283
|
};
|
|
@@ -22909,6 +22933,9 @@ export declare const getGriddedGraphJSONSchema: (columnList?: string[], graphTyp
|
|
|
22909
22933
|
required: string[];
|
|
22910
22934
|
};
|
|
22911
22935
|
};
|
|
22936
|
+
minWidth: {
|
|
22937
|
+
type: string;
|
|
22938
|
+
};
|
|
22912
22939
|
graphDescription: {
|
|
22913
22940
|
type: string;
|
|
22914
22941
|
};
|
|
@@ -25504,6 +25531,9 @@ export declare const getGriddedGraphJSONSchema: (columnList?: string[], graphTyp
|
|
|
25504
25531
|
height: {
|
|
25505
25532
|
type: string;
|
|
25506
25533
|
};
|
|
25534
|
+
showLabels: {
|
|
25535
|
+
type: string;
|
|
25536
|
+
};
|
|
25507
25537
|
sources: {
|
|
25508
25538
|
type: string;
|
|
25509
25539
|
items: {
|
|
@@ -30132,6 +30162,9 @@ export declare const getGriddedGraphJSONSchema: (columnList?: string[], graphTyp
|
|
|
30132
30162
|
};
|
|
30133
30163
|
minItems: number;
|
|
30134
30164
|
};
|
|
30165
|
+
minWidth: {
|
|
30166
|
+
type: string;
|
|
30167
|
+
};
|
|
30135
30168
|
};
|
|
30136
30169
|
type: string;
|
|
30137
30170
|
};
|
|
@@ -31418,6 +31451,9 @@ export declare const getGriddedGraphJSONSchema: (columnList?: string[], graphTyp
|
|
|
31418
31451
|
};
|
|
31419
31452
|
minItems: number;
|
|
31420
31453
|
};
|
|
31454
|
+
minWidth: {
|
|
31455
|
+
type: string;
|
|
31456
|
+
};
|
|
31421
31457
|
};
|
|
31422
31458
|
type: string;
|
|
31423
31459
|
};
|
|
@@ -32682,6 +32718,9 @@ export declare const getGriddedGraphJSONSchema: (columnList?: string[], graphTyp
|
|
|
32682
32718
|
};
|
|
32683
32719
|
minItems: number;
|
|
32684
32720
|
};
|
|
32721
|
+
minWidth: {
|
|
32722
|
+
type: string;
|
|
32723
|
+
};
|
|
32685
32724
|
};
|
|
32686
32725
|
type: string;
|
|
32687
32726
|
};
|
|
@@ -34134,6 +34173,9 @@ export declare const getGriddedGraphJSONSchema: (columnList?: string[], graphTyp
|
|
|
34134
34173
|
required: string[];
|
|
34135
34174
|
};
|
|
34136
34175
|
};
|
|
34176
|
+
minWidth: {
|
|
34177
|
+
type: string;
|
|
34178
|
+
};
|
|
34137
34179
|
graphDescription: {
|
|
34138
34180
|
type: string;
|
|
34139
34181
|
};
|
|
@@ -36729,6 +36771,9 @@ export declare const getGriddedGraphJSONSchema: (columnList?: string[], graphTyp
|
|
|
36729
36771
|
height: {
|
|
36730
36772
|
type: string;
|
|
36731
36773
|
};
|
|
36774
|
+
showLabels: {
|
|
36775
|
+
type: string;
|
|
36776
|
+
};
|
|
36732
36777
|
sources: {
|
|
36733
36778
|
type: string;
|
|
36734
36779
|
items: {
|
|
@@ -41393,6 +41438,9 @@ export declare const getGriddedGraphJSONSchema: (columnList?: string[], graphTyp
|
|
|
41393
41438
|
};
|
|
41394
41439
|
minItems: number;
|
|
41395
41440
|
};
|
|
41441
|
+
minWidth: {
|
|
41442
|
+
type: string;
|
|
41443
|
+
};
|
|
41396
41444
|
};
|
|
41397
41445
|
type: string;
|
|
41398
41446
|
};
|
|
@@ -42679,6 +42727,9 @@ export declare const getGriddedGraphJSONSchema: (columnList?: string[], graphTyp
|
|
|
42679
42727
|
};
|
|
42680
42728
|
minItems: number;
|
|
42681
42729
|
};
|
|
42730
|
+
minWidth: {
|
|
42731
|
+
type: string;
|
|
42732
|
+
};
|
|
42682
42733
|
};
|
|
42683
42734
|
type: string;
|
|
42684
42735
|
};
|
|
@@ -43943,6 +43994,9 @@ export declare const getGriddedGraphJSONSchema: (columnList?: string[], graphTyp
|
|
|
43943
43994
|
};
|
|
43944
43995
|
minItems: number;
|
|
43945
43996
|
};
|
|
43997
|
+
minWidth: {
|
|
43998
|
+
type: string;
|
|
43999
|
+
};
|
|
43946
44000
|
};
|
|
43947
44001
|
type: string;
|
|
43948
44002
|
};
|
|
@@ -45458,6 +45512,9 @@ export declare function getSettingsSchema(graph: GraphType | 'allGraphs'): {
|
|
|
45458
45512
|
required: string[];
|
|
45459
45513
|
};
|
|
45460
45514
|
};
|
|
45515
|
+
minWidth: {
|
|
45516
|
+
type: string;
|
|
45517
|
+
};
|
|
45461
45518
|
graphDescription: {
|
|
45462
45519
|
type: string;
|
|
45463
45520
|
};
|
|
@@ -48053,6 +48110,9 @@ export declare function getSettingsSchema(graph: GraphType | 'allGraphs'): {
|
|
|
48053
48110
|
height: {
|
|
48054
48111
|
type: string;
|
|
48055
48112
|
};
|
|
48113
|
+
showLabels: {
|
|
48114
|
+
type: string;
|
|
48115
|
+
};
|
|
48056
48116
|
sources: {
|
|
48057
48117
|
type: string;
|
|
48058
48118
|
items: {
|
|
@@ -52612,6 +52672,9 @@ export declare const getSingleGraphJSONSchema: (columnList?: string[], graphType
|
|
|
52612
52672
|
required: string[];
|
|
52613
52673
|
};
|
|
52614
52674
|
};
|
|
52675
|
+
minWidth: {
|
|
52676
|
+
type: string;
|
|
52677
|
+
};
|
|
52615
52678
|
graphDescription: {
|
|
52616
52679
|
type: string;
|
|
52617
52680
|
};
|
|
@@ -55207,6 +55270,9 @@ export declare const getSingleGraphJSONSchema: (columnList?: string[], graphType
|
|
|
55207
55270
|
height: {
|
|
55208
55271
|
type: string;
|
|
55209
55272
|
};
|
|
55273
|
+
showLabels: {
|
|
55274
|
+
type: string;
|
|
55275
|
+
};
|
|
55210
55276
|
sources: {
|
|
55211
55277
|
type: string;
|
|
55212
55278
|
items: {
|
|
@@ -59829,6 +59895,9 @@ export declare const getSingleGraphJSONSchema: (columnList?: string[], graphType
|
|
|
59829
59895
|
required: string[];
|
|
59830
59896
|
};
|
|
59831
59897
|
};
|
|
59898
|
+
minWidth: {
|
|
59899
|
+
type: string;
|
|
59900
|
+
};
|
|
59832
59901
|
graphDescription: {
|
|
59833
59902
|
type: string;
|
|
59834
59903
|
};
|
|
@@ -62424,6 +62493,9 @@ export declare const getSingleGraphJSONSchema: (columnList?: string[], graphType
|
|
|
62424
62493
|
height: {
|
|
62425
62494
|
type: string;
|
|
62426
62495
|
};
|
|
62496
|
+
showLabels: {
|
|
62497
|
+
type: string;
|
|
62498
|
+
};
|
|
62427
62499
|
sources: {
|
|
62428
62500
|
type: string;
|
|
62429
62501
|
items: {
|
|
@@ -67027,6 +67099,9 @@ export declare const getSingleGraphJSONSchema: (columnList?: string[], graphType
|
|
|
67027
67099
|
};
|
|
67028
67100
|
minItems: number;
|
|
67029
67101
|
};
|
|
67102
|
+
minWidth: {
|
|
67103
|
+
type: string;
|
|
67104
|
+
};
|
|
67030
67105
|
};
|
|
67031
67106
|
type: string;
|
|
67032
67107
|
};
|
|
@@ -68313,6 +68388,9 @@ export declare const getSingleGraphJSONSchema: (columnList?: string[], graphType
|
|
|
68313
68388
|
};
|
|
68314
68389
|
minItems: number;
|
|
68315
68390
|
};
|
|
68391
|
+
minWidth: {
|
|
68392
|
+
type: string;
|
|
68393
|
+
};
|
|
68316
68394
|
};
|
|
68317
68395
|
type: string;
|
|
68318
68396
|
};
|
|
@@ -69577,6 +69655,9 @@ export declare const getSingleGraphJSONSchema: (columnList?: string[], graphType
|
|
|
69577
69655
|
};
|
|
69578
69656
|
minItems: number;
|
|
69579
69657
|
};
|
|
69658
|
+
minWidth: {
|
|
69659
|
+
type: string;
|
|
69660
|
+
};
|
|
69580
69661
|
};
|
|
69581
69662
|
type: string;
|
|
69582
69663
|
};
|
|
@@ -71071,6 +71152,9 @@ export declare const getSingleGraphJSONSchema: (columnList?: string[], graphType
|
|
|
71071
71152
|
required: string[];
|
|
71072
71153
|
};
|
|
71073
71154
|
};
|
|
71155
|
+
minWidth: {
|
|
71156
|
+
type: string;
|
|
71157
|
+
};
|
|
71074
71158
|
graphDescription: {
|
|
71075
71159
|
type: string;
|
|
71076
71160
|
};
|
|
@@ -73666,6 +73750,9 @@ export declare const getSingleGraphJSONSchema: (columnList?: string[], graphType
|
|
|
73666
73750
|
height: {
|
|
73667
73751
|
type: string;
|
|
73668
73752
|
};
|
|
73753
|
+
showLabels: {
|
|
73754
|
+
type: string;
|
|
73755
|
+
};
|
|
73669
73756
|
sources: {
|
|
73670
73757
|
type: string;
|
|
73671
73758
|
items: {
|
|
@@ -78311,6 +78398,9 @@ export declare const getSingleGraphJSONSchema: (columnList?: string[], graphType
|
|
|
78311
78398
|
};
|
|
78312
78399
|
minItems: number;
|
|
78313
78400
|
};
|
|
78401
|
+
minWidth: {
|
|
78402
|
+
type: string;
|
|
78403
|
+
};
|
|
78314
78404
|
};
|
|
78315
78405
|
type: string;
|
|
78316
78406
|
};
|
|
@@ -79597,6 +79687,9 @@ export declare const getSingleGraphJSONSchema: (columnList?: string[], graphType
|
|
|
79597
79687
|
};
|
|
79598
79688
|
minItems: number;
|
|
79599
79689
|
};
|
|
79690
|
+
minWidth: {
|
|
79691
|
+
type: string;
|
|
79692
|
+
};
|
|
79600
79693
|
};
|
|
79601
79694
|
type: string;
|
|
79602
79695
|
};
|
|
@@ -80861,6 +80954,9 @@ export declare const getSingleGraphJSONSchema: (columnList?: string[], graphType
|
|
|
80861
80954
|
};
|
|
80862
80955
|
minItems: number;
|
|
80863
80956
|
};
|
|
80957
|
+
minWidth: {
|
|
80958
|
+
type: string;
|
|
80959
|
+
};
|
|
80864
80960
|
};
|
|
80865
80961
|
type: string;
|
|
80866
80962
|
};
|
|
@@ -81195,6 +81291,7 @@ declare interface GraphSettingsDataType {
|
|
|
81195
81291
|
fillShape?: boolean;
|
|
81196
81292
|
colorScaleMaxWidth?: string;
|
|
81197
81293
|
axisLabels?: (string | number)[];
|
|
81294
|
+
minWidth?: string;
|
|
81198
81295
|
}
|
|
81199
81296
|
|
|
81200
81297
|
export declare function GraphTitle(props: Props_63): JSX_2.Element;
|
|
@@ -81694,8 +81791,8 @@ declare interface Props_10 {
|
|
|
81694
81791
|
colors?: string | string[];
|
|
81695
81792
|
/** Domain of colors for the graph */
|
|
81696
81793
|
colorDomain?: (string | number)[];
|
|
81697
|
-
/** Toggle the visibility of
|
|
81698
|
-
|
|
81794
|
+
/** Toggle the visibility of labels of the lines when highlighted or mouse hovered */
|
|
81795
|
+
showLabels?: boolean;
|
|
81699
81796
|
/** Title for the color legend */
|
|
81700
81797
|
colorLegendTitle?: string;
|
|
81701
81798
|
/** Background color of the graph */
|
|
@@ -83056,6 +83153,8 @@ declare interface Props_27 {
|
|
|
83056
83153
|
classNames?: ClassNameObject;
|
|
83057
83154
|
/** Width of the graph */
|
|
83058
83155
|
width?: number;
|
|
83156
|
+
/** Minimum width of the table as string in px */
|
|
83157
|
+
minWidth?: string;
|
|
83059
83158
|
/** Height of the graph */
|
|
83060
83159
|
height?: number;
|
|
83061
83160
|
/** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */
|