@cdc/dashboard 4.26.2 → 4.26.4

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 (109) hide show
  1. package/CONFIG.md +172 -0
  2. package/README.md +60 -20
  3. package/dist/cdcdashboard-CY9IcPSi.es.js +6 -0
  4. package/dist/cdcdashboard-DlpiY3fQ.es.js +4 -0
  5. package/dist/cdcdashboard.js +56686 -50281
  6. package/examples/__data__/data-2.json +6 -0
  7. package/examples/__data__/data-with-metadata.json +18 -0
  8. package/examples/__data__/data.json +6 -0
  9. package/examples/default.json +7 -36
  10. package/examples/legend-issue.json +1 -1
  11. package/examples/minimal-example.json +34 -0
  12. package/examples/private/dengue.json +4640 -0
  13. package/examples/private/inline-markup.json +775 -0
  14. package/examples/private/link_to_file.json +16662 -0
  15. package/examples/private/recent-update.json +1456 -0
  16. package/examples/private/toggle.json +10137 -0
  17. package/examples/sankey.json +3 -3
  18. package/examples/test-api-filter-reset.json +4 -4
  19. package/examples/tp5-test.json +86 -4
  20. package/package.json +9 -9
  21. package/src/CdcDashboard.tsx +2 -1
  22. package/src/CdcDashboardComponent.tsx +48 -28
  23. package/src/_stories/Dashboard.DataSetup.stories.tsx +6 -1
  24. package/src/_stories/Dashboard.Pages.smoke.stories.tsx +22 -0
  25. package/src/_stories/Dashboard.smoke.stories.tsx +33 -0
  26. package/src/_stories/Dashboard.stories.tsx +4523 -83
  27. package/src/_stories/_mock/dashboard-data-driven-colors.json +171 -0
  28. package/src/_stories/_mock/tab-simple-filter.json +153 -0
  29. package/src/_stories/_mock/tp5-test.json +86 -5
  30. package/src/components/DashboardEditors.tsx +15 -0
  31. package/src/components/DashboardFilters/DashboardFilters.test.tsx +129 -0
  32. package/src/components/DashboardFilters/DashboardFilters.tsx +29 -10
  33. package/src/components/DashboardFilters/DashboardFiltersEditor/DashboardFiltersEditor.tsx +12 -8
  34. package/src/components/DashboardFilters/DashboardFiltersEditor/components/APIModal.tsx +6 -4
  35. package/src/components/DashboardFilters/DashboardFiltersEditor/components/DeleteFilterModal.tsx +59 -58
  36. package/src/components/DashboardFilters/DashboardFiltersEditor/components/FilterEditor.test.tsx +127 -0
  37. package/src/components/DashboardFilters/DashboardFiltersEditor/components/FilterEditor.tsx +29 -6
  38. package/src/components/DashboardFilters/DashboardFiltersEditor/components/NestedDropDownDashboard.tsx +10 -9
  39. package/src/components/DashboardFilters/DashboardFiltersWrapper.tsx +8 -8
  40. package/src/components/DashboardFilters/_stories/DashboardFilters.stories.tsx +1 -1
  41. package/src/components/DashboardFilters/dashboardfilter.styles.css +3 -3
  42. package/src/components/DataDesignerModal.tsx +2 -2
  43. package/src/components/ExpandCollapseButtons.tsx +6 -4
  44. package/src/components/Grid.tsx +4 -3
  45. package/src/components/Header/Header.tsx +27 -5
  46. package/src/components/Header/index.scss +1 -1
  47. package/src/components/MultiConfigTabs/MultiConfigTabs.tsx +141 -140
  48. package/src/components/MultiConfigTabs/multiconfigtabs.styles.css +6 -6
  49. package/src/components/Row.tsx +30 -8
  50. package/src/components/Toggle/toggle-style.css +7 -7
  51. package/src/components/VisualizationRow.tsx +81 -22
  52. package/src/components/VisualizationsPanel/VisualizationsPanel.tsx +2 -55
  53. package/src/components/VisualizationsPanel/visualizations-panel-styles.css +2 -2
  54. package/src/components/Widget/Widget.tsx +7 -6
  55. package/src/components/Widget/widget.styles.css +48 -17
  56. package/src/data/initial-state.js +2 -1
  57. package/src/helpers/addVisualization.ts +73 -0
  58. package/src/helpers/formatConfigBeforeSave.ts +1 -1
  59. package/src/helpers/getVizConfig.ts +13 -3
  60. package/src/helpers/iconHash.tsx +45 -36
  61. package/src/helpers/processDataLegacy.ts +19 -14
  62. package/src/helpers/tests/addVisualization.test.ts +52 -0
  63. package/src/helpers/tests/formatConfigBeforeSave.test.ts +81 -1
  64. package/src/scss/editor-panel.scss +1 -1
  65. package/src/scss/grid.scss +38 -8
  66. package/src/scss/main.scss +237 -40
  67. package/src/store/dashboard.reducer.ts +2 -1
  68. package/src/test/CdcDashboard.test.jsx +26 -2
  69. package/src/test/CdcDashboardComponent.test.tsx +74 -0
  70. package/src/types/FilterStyles.ts +2 -1
  71. package/src/types/SharedFilter.ts +1 -0
  72. package/tests/fixtures/dashboard-config-with-metadata.json +89 -0
  73. package/vite.config.js +2 -2
  74. package/dist/cdcdashboard-Cf9_fbQf.es.js +0 -6
  75. package/examples/DEV-6574.json +0 -2224
  76. package/examples/api-dashboard-data.json +0 -272
  77. package/examples/api-dashboard-years.json +0 -11
  78. package/examples/api-geographies-data.json +0 -11
  79. package/examples/chart-data.json +0 -5409
  80. package/examples/custom/css/respiratory.css +0 -236
  81. package/examples/custom/js/respiratory.js +0 -242
  82. package/examples/default-data.json +0 -368
  83. package/examples/default-filter-control.json +0 -209
  84. package/examples/default-multi-dataset-shared-filter.json +0 -1729
  85. package/examples/default-multi-dataset.json +0 -506
  86. package/examples/ed-visits-county-file.json +0 -402
  87. package/examples/filters/Alabama.json +0 -72
  88. package/examples/filters/Alaska.json +0 -1737
  89. package/examples/filters/Arkansas.json +0 -4713
  90. package/examples/filters/California.json +0 -212
  91. package/examples/filters/Colorado.json +0 -1500
  92. package/examples/filters/Connecticut.json +0 -559
  93. package/examples/filters/Delaware.json +0 -63
  94. package/examples/filters/DistrictofColumbia.json +0 -63
  95. package/examples/filters/Florida.json +0 -4217
  96. package/examples/filters/States.json +0 -146
  97. package/examples/state-level.json +0 -90136
  98. package/examples/state-points.json +0 -10474
  99. package/examples/temp-example-data.json +0 -130
  100. package/examples/test-dashboard-simple.json +0 -503
  101. package/examples/test-example.json +0 -752
  102. package/examples/test-file.json +0 -147
  103. package/examples/test.json +0 -752
  104. package/examples/testing.json +0 -94456
  105. /package/examples/{legend-issue-data.json → __data__/legend-issue-data.json} +0 -0
  106. /package/examples/api-test/{categories.json → __data__/categories.json} +0 -0
  107. /package/examples/api-test/{chart-data.json → __data__/chart-data.json} +0 -0
  108. /package/examples/api-test/{topics.json → __data__/topics.json} +0 -0
  109. /package/examples/api-test/{years.json → __data__/years.json} +0 -0
package/examples/default-multi-dataset.json DELETED
@@ -1,506 +0,0 @@
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
- "rows": [
380
- [{ "width": 12, "widget": "chart1" }, {}, {}],
381
- [{ "width": 12, "widget": "map1" }, {}, {}]
382
- ],
383
- "visualizations": {
384
- "chart1": {
385
- "uid": "chart1",
386
- "type": "chart",
387
- "dataKey": "data2",
388
- "title": "Average Temperature By City (Line Example)",
389
- "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>",
390
- "visualizationType": "Line",
391
- "series": [
392
- { "dataKey": "New York", "label": "NY" },
393
- { "dataKey": "San Francisco", "label": "SF" },
394
- { "dataKey": "Austin", "label": "AU" }
395
- ],
396
- "filters": [
397
- {
398
- "label": "Wind",
399
- "columnName": "wind"
400
- },
401
- {
402
- "label": "Humidity",
403
- "columnName": "humidity"
404
- }
405
- ],
406
- "seriesLabel": "City",
407
- "fontSize": "large",
408
- "dataFormat": {
409
- "commas": false,
410
- "prefix": "",
411
- "suffix": "°"
412
- },
413
- "padding": {
414
- "left": 15,
415
- "right": 15
416
- },
417
- "yAxis": {
418
- "label": "Temperature",
419
- "paddingPercent": 0.15
420
- },
421
- "xAxis": {
422
- "label": "Date",
423
- "dataKey": "date",
424
- "type": "date",
425
- "dateParseFormat": "%Y-%m-%d",
426
- "dateDisplayFormat": "%b %d",
427
- "numTicks": 8,
428
- "tickRotation": 50
429
- },
430
- "legend": {
431
- "label": "Legend",
432
- "above": true,
433
- "left": true
434
- },
435
- "table": {
436
- "label": "Data Table",
437
- "expanded": false,
438
- "download": true
439
- },
440
- "regions": [
441
- {
442
- "label": "Region",
443
- "color": "black",
444
- "background": "green",
445
- "from": "2011-10-02",
446
- "to": "2011-10-03"
447
- }
448
- ]
449
- },
450
- "map1": {
451
- "uid": "map1",
452
- "type": "map",
453
- "defaultData": false,
454
- "dataKey": "data1",
455
- "general": {
456
- "title": "Map Example",
457
- "subtext": "",
458
- "territoriesLabel": "Territories",
459
- "type": "data",
460
- "geoType": "us",
461
- "headerColor": "theme-blue",
462
- "showSidebar": true,
463
- "showTitle": true,
464
- "geoBorderColor": "darkGray",
465
- "showDownloadButton": true,
466
- "expandDataTable": true
467
- },
468
- "color": "pinkpurple",
469
- "columns": {
470
- "geo": {
471
- "name": "state",
472
- "label": "Location",
473
- "tooltip": false,
474
- "dataTable": true
475
- },
476
- "primary": {
477
- "name": "Insured Rate",
478
- "label": "Data Label",
479
- "prefix": "",
480
- "suffix": "%",
481
- "dataTable": true,
482
- "tooltip": true
483
- },
484
- "navigate": {
485
- "name": "link",
486
- "tooltip": false,
487
- "dataTable": false
488
- }
489
- },
490
- "legend": {
491
- "numberOfItems": 3,
492
- "position": "side",
493
- "title": "Legend Title",
494
- "description": "Legend Text",
495
- "type": "equalnumber",
496
- "specialClasses": ["N/A"]
497
- },
498
- "filters": [
499
- {
500
- "label": "Filter 2",
501
- "columnName": "filter2"
502
- }
503
- ]
504
- }
505
- }
506
- }