@cdc/dashboard 1.1.4 → 9.22.9

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 (35) hide show
  1. package/dist/cdcdashboard.js +40 -28
  2. package/examples/default-filter-control.json +175 -0
  3. package/examples/default-multi-dataset.json +498 -0
  4. package/examples/private/chart-issue.json +3467 -0
  5. package/examples/private/no-issue.json +3467 -0
  6. package/examples/private/totals-two.json +104 -0
  7. package/examples/private/totals.json +103 -0
  8. package/examples/temp-example-data.json +130 -0
  9. package/package.json +9 -8
  10. package/src/CdcDashboard.js +16 -1
  11. package/src/CdcDashboard.jsx +668 -0
  12. package/src/{context.tsx → ConfigContext.js} +0 -0
  13. package/src/components/{Column.js → Column.jsx} +9 -7
  14. package/src/components/DataTable.tsx +6 -9
  15. package/src/components/EditorPanel.js +200 -44
  16. package/src/components/{Grid.js → Grid.jsx} +5 -4
  17. package/src/components/Header.jsx +242 -0
  18. package/src/components/Row.js +1 -0
  19. package/src/components/Row.jsx +181 -0
  20. package/src/components/Row.jsx~HEAD +212 -0
  21. package/src/components/Widget.js +6 -2
  22. package/src/components/Widget.jsx +191 -0
  23. package/src/index.html +5 -4
  24. package/src/scss/editor-panel.scss +0 -1
  25. package/src/scss/grid.scss +61 -14
  26. package/src/scss/main.scss +67 -6
  27. package/src/components/Header.js +0 -15
  28. package/src/images/icon-close.svg +0 -1
  29. package/src/images/icon-code.svg +0 -3
  30. package/src/images/icon-down.svg +0 -1
  31. package/src/images/icon-edit.svg +0 -3
  32. package/src/images/icon-grid.svg +0 -4
  33. package/src/images/icon-move.svg +0 -8
  34. package/src/images/icon-up.svg +0 -1
  35. package/src/images/warning.svg +0 -1
package/examples/default-filter-control.json ADDED
@@ -0,0 +1,175 @@
1
+ {
2
+ "type":"dashboard",
3
+ "datasets": {
4
+ "data1": {
5
+ "data": [
6
+ {
7
+ "Insured Rate": "43",
8
+ "date": "2022-01-02",
9
+ "state": "Alabama"
10
+ },
11
+ {
12
+ "Insured Rate": "53",
13
+ "date": "2022-02-02",
14
+ "state": "Alabama"
15
+ },
16
+ {
17
+ "Insured Rate": "23",
18
+ "date": "2022-03-02",
19
+ "state": "Alabama"
20
+ },
21
+ {
22
+ "Insured Rate": "13",
23
+ "date": "2022-01-02",
24
+ "state": "Georgia"
25
+ },
26
+ {
27
+ "Insured Rate": "63",
28
+ "date": "2022-02-02",
29
+ "state": "Georgia"
30
+ },
31
+ {
32
+ "Insured Rate": "40",
33
+ "date": "2022-03-02",
34
+ "state": "Georgia"
35
+ },
36
+ {
37
+ "Insured Rate": "30",
38
+ "date": "2022-01-02",
39
+ "state": "Florida"
40
+ },
41
+ {
42
+ "Insured Rate": "55",
43
+ "date": "2022-02-02",
44
+ "state": "Florida"
45
+ },
46
+ {
47
+ "Insured Rate": "90",
48
+ "date": "2022-03-02",
49
+ "state": "Florida"
50
+ }
51
+ ]
52
+ },
53
+ "data2": {
54
+ "data": [
55
+ {
56
+ "Insured Rate": "43",
57
+ "state": "Alabama"
58
+ },
59
+ {
60
+ "Insured Rate": "63",
61
+ "state": "Georgia"
62
+ },
63
+ {
64
+ "Insured Rate": "53",
65
+ "state": "Florida"
66
+ }
67
+ ]
68
+ }
69
+ },
70
+ "dashboard": {
71
+ "sharedFilters": [{
72
+ "key": "sharedFilter1",
73
+ "columnName": "state",
74
+ "setBy": "map1",
75
+ "usedBy": ["chart1"]
76
+ }]
77
+ },
78
+ "rows": [
79
+ [{"width": 12, "widget": "map1"}, {}, {}],
80
+ [{"width": 12, "widget": "chart1"}, {}, {}]
81
+ ],
82
+ "visualizations": {
83
+ "map1": {
84
+ "uid": "map1",
85
+ "type": "map",
86
+ "defaultData": false,
87
+ "dataKey": "data2",
88
+ "general": {
89
+ "title": "Map Example",
90
+ "subtext": "",
91
+ "territoriesLabel": "Territories",
92
+ "type": "data",
93
+ "geoType": "us",
94
+ "headerColor": "theme-blue",
95
+ "showSidebar": true,
96
+ "showTitle": true,
97
+ "geoBorderColor": "darkGray",
98
+ "showDownloadButton": true,
99
+ "expandDataTable": true
100
+ },
101
+ "color": "pinkpurple",
102
+ "columns": {
103
+ "geo": {
104
+ "name": "state",
105
+ "label": "Location",
106
+ "tooltip": false,
107
+ "dataTable": true
108
+ },
109
+ "primary": {
110
+ "name": "Insured Rate",
111
+ "label": "Data Label",
112
+ "prefix": "",
113
+ "suffix": "%",
114
+ "dataTable": true,
115
+ "tooltip": true
116
+ },
117
+ "navigate": {
118
+ "name": "link",
119
+ "tooltip": false,
120
+ "dataTable": false
121
+ }
122
+ },
123
+ "legend": {
124
+ "numberOfItems": 3,
125
+ "position": "side",
126
+ "title": "Legend Title",
127
+ "description": "Legend Text",
128
+ "type": "equalnumber",
129
+ "specialClasses": ["N/A"]
130
+ }
131
+ },
132
+ "chart1": {
133
+ "uid": "chart1",
134
+ "type": "chart",
135
+ "dataKey": "data1",
136
+ "title": "Test",
137
+ "description": "<p>Test</p>",
138
+ "visualizationType": "Line",
139
+ "series": [{"dataKey": "Insured Rate", "label": "Insured Rate"}],
140
+ "fontSize": "large",
141
+ "dataFormat": {
142
+ "commas": false,
143
+ "prefix": "",
144
+ "suffix": ""
145
+ },
146
+ "padding": {
147
+ "left": 15,
148
+ "right": 15
149
+ },
150
+ "yAxis": {
151
+ "label": "Insured Rate",
152
+ "paddingPercent": 0.15
153
+ },
154
+ "xAxis": {
155
+ "label": "Date",
156
+ "dataKey": "date",
157
+ "type": "date",
158
+ "dateParseFormat": "%Y-%m-%d",
159
+ "dateDisplayFormat": "%b %d",
160
+ "numTicks": 8,
161
+ "tickRotation": 50
162
+ },
163
+ "legend": {
164
+ "label": "Legend",
165
+ "above": true,
166
+ "left": true
167
+ },
168
+ "table": {
169
+ "label": "Data Table",
170
+ "expanded": false,
171
+ "download": true
172
+ }
173
+ }
174
+ }
175
+ }
package/examples/default-multi-dataset.json ADDED
@@ -0,0 +1,498 @@
1
+ {
2
+ "type":"dashboard",
3
+ "datasets": {
4
+ "data1": {
5
+ "data": [
6
+ {
7
+ "filter1": "option1",
8
+ "filter2": "sub option 1",
9
+ "Insured Rate": "43",
10
+ "state": "Alabama"
11
+ },
12
+ {
13
+ "filter1": "option1",
14
+ "filter2": "sub option 2",
15
+ "Insured Rate": "75",
16
+ "state": "Alabama"
17
+ },
18
+ {
19
+ "filter1": "option1",
20
+ "filter2": "sub option 1",
21
+ "Insured Rate": "0",
22
+ "state": "Alaska"
23
+ },
24
+ {
25
+ "filter1": "option1",
26
+ "filter2": "sub option 1",
27
+ "Insured Rate": "72.7",
28
+ "state": "Arizona"
29
+ },
30
+ {
31
+ "filter1": "option1",
32
+ "filter2": "sub option 1",
33
+ "Insured Rate": "78.7",
34
+ "state": "Arkansas"
35
+ },
36
+ {
37
+ "filter1": "option1",
38
+ "filter2": "sub option 1",
39
+ "Insured Rate": "37.2",
40
+ "state": "California"
41
+ },
42
+ {
43
+ "filter1": "option1",
44
+ "filter2": "sub option 1",
45
+ "Insured Rate": "50.6",
46
+ "state": "Colorado"
47
+ },
48
+ {
49
+ "filter1": "option1",
50
+ "filter2": "sub option 1",
51
+ "Insured Rate": "83.2",
52
+ "state": "Connecticut"
53
+ },
54
+ {
55
+ "filter1": "option1",
56
+ "filter2": "sub option 1",
57
+ "Insured Rate": "90",
58
+ "state": "Delaware"
59
+ },
60
+ {
61
+ "filter1": "option1",
62
+ "filter2": "sub option 1",
63
+ "Insured Rate": "77",
64
+ "state": "District of Columbia"
65
+ },
66
+ {
67
+ "filter1": "option1",
68
+ "filter2": "sub option 1",
69
+ "Insured Rate": "83",
70
+ "state": "Florida"
71
+ },
72
+ {
73
+ "filter1": "option2",
74
+ "filter2": "sub option 1",
75
+ "Insured Rate": "100",
76
+ "state": "Alabama"
77
+ },
78
+ {
79
+ "filter1": "option2",
80
+ "filter2": "sub option 1",
81
+ "Insured Rate": "0",
82
+ "state": "Alaska"
83
+ },
84
+ {
85
+ "filter1": "option2",
86
+ "filter2": "sub option 1",
87
+ "Insured Rate": "72.7",
88
+ "state": "Arizona"
89
+ },
90
+ {
91
+ "filter1": "option2",
92
+ "filter2": "sub option 1",
93
+ "Insured Rate": "78.7",
94
+ "state": "Arkansas"
95
+ },
96
+ {
97
+ "filter1": "option2",
98
+ "filter2": "sub option 1",
99
+ "Insured Rate": "37.2",
100
+ "state": "California"
101
+ },
102
+ {
103
+ "filter1": "option2",
104
+ "filter2": "sub option 1",
105
+ "Insured Rate": "50.6",
106
+ "state": "Colorado"
107
+ },
108
+ {
109
+ "filter1": "option2",
110
+ "filter2": "sub option 1",
111
+ "Insured Rate": "83.2",
112
+ "state": "Connecticut"
113
+ },
114
+ {
115
+ "filter1": "option2",
116
+ "filter2": "sub option 1",
117
+ "Insured Rate": "90",
118
+ "state": "Delaware"
119
+ },
120
+ {
121
+ "filter1": "option2",
122
+ "filter2": "sub option 1",
123
+ "Insured Rate": "77",
124
+ "state": "District of Columbia"
125
+ },
126
+ {
127
+ "filter1": "option2",
128
+ "filter2": "sub option 1",
129
+ "Insured Rate": "83",
130
+ "state": "Florida"
131
+ },
132
+ {
133
+ "filter1": "option3",
134
+ "filter2": "sub option 1",
135
+ "Insured Rate": "0",
136
+ "state": "Alabama"
137
+ },
138
+ {
139
+ "filter1": "option3",
140
+ "filter2": "sub option 1",
141
+ "Insured Rate": "0",
142
+ "state": "Alaska"
143
+ },
144
+ {
145
+ "filter1": "option3",
146
+ "filter2": "sub option 1",
147
+ "Insured Rate": "72.7",
148
+ "state": "Arizona"
149
+ },
150
+ {
151
+ "filter1": "option3",
152
+ "filter2": "sub option 1",
153
+ "Insured Rate": "78.7",
154
+ "state": "Arkansas"
155
+ },
156
+ {
157
+ "filter1": "option3",
158
+ "filter2": "sub option 1",
159
+ "Insured Rate": "37.2",
160
+ "state": "California"
161
+ },
162
+ {
163
+ "filter1": "option3",
164
+ "filter2": "sub option 1",
165
+ "Insured Rate": "50.6",
166
+ "state": "Colorado"
167
+ },
168
+ {
169
+ "filter1": "option3",
170
+ "filter2": "sub option 1",
171
+ "Insured Rate": "83.2",
172
+ "state": "Connecticut"
173
+ },
174
+ {
175
+ "filter1": "option3",
176
+ "filter2": "sub option 1",
177
+ "Insured Rate": "90",
178
+ "state": "Delaware"
179
+ },
180
+ {
181
+ "filter1": "option3",
182
+ "filter2": "sub option 1",
183
+ "Insured Rate": "77",
184
+ "state": "District of Columbia"
185
+ },
186
+ {
187
+ "filter1": "option3",
188
+ "filter2": "sub option 1",
189
+ "Insured Rate": "83",
190
+ "state": "Florida"
191
+ },
192
+ {
193
+ "filter1": "option1",
194
+ "filter2": "sub option 2",
195
+ "Insured Rate": "43",
196
+ "state": "Alabama"
197
+ },
198
+ {
199
+ "filter1": "option1",
200
+ "filter2": "sub option 2",
201
+ "Insured Rate": "0",
202
+ "state": "Alaska"
203
+ },
204
+ {
205
+ "filter1": "option1",
206
+ "filter2": "sub option 2",
207
+ "Insured Rate": "72.7",
208
+ "state": "Arizona"
209
+ },
210
+ {
211
+ "filter1": "option1",
212
+ "filter2": "sub option 2",
213
+ "Insured Rate": "78.7",
214
+ "state": "Arkansas"
215
+ },
216
+ {
217
+ "filter1": "option1",
218
+ "filter2": "sub option 2",
219
+ "Insured Rate": "37.2",
220
+ "state": "California"
221
+ },
222
+ {
223
+ "filter1": "option1",
224
+ "filter2": "sub option 2",
225
+ "Insured Rate": "50.6",
226
+ "state": "Colorado"
227
+ },
228
+ {
229
+ "filter1": "option1",
230
+ "filter2": "sub option 2",
231
+ "Insured Rate": "83.2",
232
+ "state": "Connecticut"
233
+ },
234
+ {
235
+ "filter1": "option1",
236
+ "filter2": "sub option 2",
237
+ "Insured Rate": "90",
238
+ "state": "Delaware"
239
+ },
240
+ {
241
+ "filter1": "option1",
242
+ "filter2": "sub option 2",
243
+ "Insured Rate": "77",
244
+ "state": "District of Columbia"
245
+ },
246
+ {
247
+ "filter1": "option1",
248
+ "filter2": "sub option 2",
249
+ "Insured Rate": "83",
250
+ "state": "Florida"
251
+ },
252
+ {
253
+ "filter1": "option2",
254
+ "filter2": "sub option 2",
255
+ "Insured Rate": "43",
256
+ "state": "Alabama"
257
+ },
258
+ {
259
+ "filter1": "option2",
260
+ "filter2": "sub option 2",
261
+ "Insured Rate": "0",
262
+ "state": "Alaska"
263
+ },
264
+ {
265
+ "filter1": "option2",
266
+ "filter2": "sub option 2",
267
+ "Insured Rate": "72.7",
268
+ "state": "Arizona"
269
+ },
270
+ {
271
+ "filter1": "option2",
272
+ "filter2": "sub option 2",
273
+ "Insured Rate": "78.7",
274
+ "state": "Arkansas"
275
+ },
276
+ {
277
+ "filter1": "option2",
278
+ "filter2": "sub option 2",
279
+ "Insured Rate": "37.2",
280
+ "state": "California"
281
+ },
282
+ {
283
+ "filter1": "option2",
284
+ "filter2": "sub option 2",
285
+ "Insured Rate": "50.6",
286
+ "state": "Colorado"
287
+ },
288
+ {
289
+ "filter1": "option2",
290
+ "filter2": "sub option 2",
291
+ "Insured Rate": "83.2",
292
+ "state": "Connecticut"
293
+ },
294
+ {
295
+ "filter1": "option2",
296
+ "filter2": "sub option 2",
297
+ "Insured Rate": "90",
298
+ "state": "Delaware"
299
+ },
300
+ {
301
+ "filter1": "option2",
302
+ "filter2": "sub option 2",
303
+ "Insured Rate": "77",
304
+ "state": "District of Columbia"
305
+ },
306
+ {
307
+ "filter1": "option2",
308
+ "filter2": "sub option 2",
309
+ "Insured Rate": "83",
310
+ "state": "Florida"
311
+ },
312
+ {
313
+ "filter1": "option3",
314
+ "filter2": "sub option 2",
315
+ "Insured Rate": "43",
316
+ "state": "Alabama"
317
+ },
318
+ {
319
+ "filter1": "option3",
320
+ "filter2": "sub option 2",
321
+ "Insured Rate": "0",
322
+ "state": "Alaska"
323
+ },
324
+ {
325
+ "filter1": "option3",
326
+ "filter2": "sub option 2",
327
+ "Insured Rate": "72.7",
328
+ "state": "Arizona"
329
+ },
330
+ {
331
+ "filter1": "option3",
332
+ "filter2": "sub option 2",
333
+ "Insured Rate": "78.7",
334
+ "state": "Arkansas"
335
+ },
336
+ {
337
+ "filter1": "option3",
338
+ "filter2": "sub option 2",
339
+ "Insured Rate": "37.2",
340
+ "state": "California"
341
+ },
342
+ {
343
+ "filter1": "option3",
344
+ "filter2": "sub option 2",
345
+ "Insured Rate": "50.6",
346
+ "state": "Colorado"
347
+ },
348
+ {
349
+ "filter1": "option3",
350
+ "filter2": "sub option 2",
351
+ "Insured Rate": "83.2",
352
+ "state": "Connecticut"
353
+ },
354
+ {
355
+ "filter1": "option3",
356
+ "filter2": "sub option 2",
357
+ "Insured Rate": "90",
358
+ "state": "Delaware"
359
+ },
360
+ {
361
+ "filter1": "option3",
362
+ "filter2": "sub option 2",
363
+ "Insured Rate": "77",
364
+ "state": "District of Columbia"
365
+ },
366
+ {
367
+ "filter1": "option3",
368
+ "filter2": "sub option 2",
369
+ "Insured Rate": "83",
370
+ "state": "Florida"
371
+ }
372
+ ]
373
+ },
374
+ "data2": {
375
+ "dataUrl": "../examples/temp-example-data.json"
376
+ }
377
+ },
378
+ "dashboard": {
379
+ },
380
+ "rows": [
381
+ [{"width": 12, "widget": "chart1"}, {}, {}],
382
+ [{"width": 12, "widget": "map1"}, {}, {}]
383
+ ],
384
+ "visualizations": {
385
+ "chart1": {
386
+ "uid": "chart1",
387
+ "type": "chart",
388
+ "dataKey": "data2",
389
+ "title": "Average Temperature By City (Line Example)",
390
+ "description": "<p>Average temperature from October 1st through August 29th in:</p><ul><li>New York</li><li>San Francisco</li><li>Austin</li></ul>",
391
+ "visualizationType": "Line",
392
+ "series": [{"dataKey": "New York", "label": "NY"}, {"dataKey": "San Francisco", "label": "SF"}, {"dataKey":"Austin", "label": "AU"}],
393
+ "filters":[{
394
+ "label": "Wind",
395
+ "columnName": "wind"
396
+ },{
397
+ "label": "Humidity",
398
+ "columnName": "humidity"
399
+ }],
400
+ "seriesLabel": "City",
401
+ "fontSize": "large",
402
+ "dataFormat": {
403
+ "commas": false,
404
+ "prefix": "",
405
+ "suffix": "°"
406
+ },
407
+ "padding": {
408
+ "left": 15,
409
+ "right": 15
410
+ },
411
+ "yAxis": {
412
+ "label": "Temperature",
413
+ "paddingPercent": 0.15
414
+ },
415
+ "xAxis": {
416
+ "label": "Date",
417
+ "dataKey": "date",
418
+ "type": "date",
419
+ "dateParseFormat": "%Y-%m-%d",
420
+ "dateDisplayFormat": "%b %d",
421
+ "numTicks": 8,
422
+ "tickRotation": 50
423
+ },
424
+ "legend": {
425
+ "label": "Legend",
426
+ "above": true,
427
+ "left": true
428
+ },
429
+ "table": {
430
+ "label": "Data Table",
431
+ "expanded": false,
432
+ "download": true
433
+ },
434
+ "regions": [
435
+ {
436
+ "label": "Region",
437
+ "color": "black",
438
+ "background": "green",
439
+ "from": "2011-10-02",
440
+ "to": "2011-10-03"
441
+ }
442
+ ]
443
+ },
444
+ "map1": {
445
+ "uid": "map1",
446
+ "type": "map",
447
+ "defaultData": false,
448
+ "dataKey": "data1",
449
+ "general": {
450
+ "title": "Map Example",
451
+ "subtext": "",
452
+ "territoriesLabel": "Territories",
453
+ "type": "data",
454
+ "geoType": "us",
455
+ "headerColor": "theme-blue",
456
+ "showSidebar": true,
457
+ "showTitle": true,
458
+ "geoBorderColor": "darkGray",
459
+ "showDownloadButton": true,
460
+ "expandDataTable": true
461
+ },
462
+ "color": "pinkpurple",
463
+ "columns": {
464
+ "geo": {
465
+ "name": "state",
466
+ "label": "Location",
467
+ "tooltip": false,
468
+ "dataTable": true
469
+ },
470
+ "primary": {
471
+ "name": "Insured Rate",
472
+ "label": "Data Label",
473
+ "prefix": "",
474
+ "suffix": "%",
475
+ "dataTable": true,
476
+ "tooltip": true
477
+ },
478
+ "navigate": {
479
+ "name": "link",
480
+ "tooltip": false,
481
+ "dataTable": false
482
+ }
483
+ },
484
+ "legend": {
485
+ "numberOfItems": 3,
486
+ "position": "side",
487
+ "title": "Legend Title",
488
+ "description": "Legend Text",
489
+ "type": "equalnumber",
490
+ "specialClasses": ["N/A"]
491
+ },
492
+ "filters": [{
493
+ "label": "Filter 2",
494
+ "columnName": "filter2"
495
+ }]
496
+ }
497
+ }
498
+ }