@cdc/dashboard 4.22.10 → 4.23.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 (34) hide show
  1. package/README.md +36 -36
  2. package/dist/495.js +3 -0
  3. package/dist/703.js +1 -0
  4. package/dist/cdcdashboard.js +2405 -134
  5. package/examples/default-data.json +367 -367
  6. package/examples/default-filter-control.json +205 -174
  7. package/examples/default-multi-dataset.json +505 -497
  8. package/examples/default.json +161 -155
  9. package/examples/private/chart-issue.json +3462 -3466
  10. package/examples/private/no-issue.json +3462 -3466
  11. package/examples/private/totals-two.json +103 -103
  12. package/examples/private/totals.json +102 -102
  13. package/examples/temp-example-data.json +1 -1
  14. package/examples/test-example.json +163 -1
  15. package/package.json +7 -7
  16. package/src/CdcDashboard.js +200 -124
  17. package/src/CdcDashboard.jsx +292 -279
  18. package/src/ConfigContext.js +3 -3
  19. package/src/components/Column.jsx +10 -9
  20. package/src/components/DataTable.tsx +97 -108
  21. package/src/components/EditorPanel.js +184 -246
  22. package/src/components/Grid.jsx +8 -4
  23. package/src/components/Header.jsx +244 -119
  24. package/src/components/Row.js +30 -29
  25. package/src/components/Row.jsx +36 -52
  26. package/src/components/Widget.js +68 -61
  27. package/src/components/Widget.jsx +85 -62
  28. package/src/data/initial-state.js +5 -10
  29. package/src/index.html +3 -3
  30. package/src/index.js +12 -12
  31. package/src/scss/editor-panel.scss +494 -489
  32. package/src/scss/grid.scss +20 -19
  33. package/src/scss/main.scss +66 -17
  34. package/src/scss/variables.scss +1 -1
package/examples/default-filter-control.json CHANGED
@@ -1,175 +1,206 @@
1
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
- }
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
+ {
73
+ "key": "sharedFilter1",
74
+ "columnName": "state",
75
+ "setBy": "map1",
76
+ "usedBy": [
77
+ "chart1"
78
+ ]
79
+ }
80
+ ]
81
+ },
82
+ "rows": [
83
+ [
84
+ {
85
+ "width": 12,
86
+ "widget": "map1"
87
+ },
88
+ {},
89
+ {}
90
+ ],
91
+ [
92
+ {
93
+ "width": 12,
94
+ "widget": "chart1"
95
+ },
96
+ {},
97
+ {}
98
+ ]
99
+ ],
100
+ "visualizations": {
101
+ "map1": {
102
+ "uid": "map1",
103
+ "type": "map",
104
+ "defaultData": false,
105
+ "dataKey": "data2",
106
+ "general": {
107
+ "title": "Map Example",
108
+ "subtext": "",
109
+ "territoriesLabel": "Territories",
110
+ "type": "data",
111
+ "geoType": "us",
112
+ "headerColor": "theme-blue",
113
+ "showSidebar": true,
114
+ "showTitle": true,
115
+ "geoBorderColor": "darkGray",
116
+ "showDownloadButton": true,
117
+ "expandDataTable": true
118
+ },
119
+ "color": "pinkpurple",
120
+ "columns": {
121
+ "geo": {
122
+ "name": "state",
123
+ "label": "Location",
124
+ "tooltip": false,
125
+ "dataTable": true
126
+ },
127
+ "primary": {
128
+ "name": "Insured Rate",
129
+ "label": "Data Label",
130
+ "prefix": "",
131
+ "suffix": "%",
132
+ "dataTable": true,
133
+ "tooltip": true
134
+ },
135
+ "navigate": {
136
+ "name": "link",
137
+ "tooltip": false,
138
+ "dataTable": false
139
+ }
140
+ },
141
+ "legend": {
142
+ "numberOfItems": 3,
143
+ "position": "side",
144
+ "title": "Legend Title",
145
+ "description": "Legend Text",
146
+ "type": "equalnumber",
147
+ "specialClasses": [
148
+ "N/A"
149
+ ]
150
+ }
151
+ },
152
+ "chart1": {
153
+ "uid": "chart1",
154
+ "type": "chart",
155
+ "dataKey": "data1",
156
+ "title": "Test",
157
+ "description": "<p>Test</p>",
158
+ "visualizationType": "Line",
159
+ "series": [
160
+ {
161
+ "dataKey": "Insured Rate",
162
+ "label": "Insured Rate"
163
+ }
164
+ ],
165
+ "fontSize": "large",
166
+ "dataFormat": {
167
+ "commas": false,
168
+ "prefix": "",
169
+ "suffix": ""
170
+ },
171
+ "padding": {
172
+ "left": 15,
173
+ "right": 15
174
+ },
175
+ "yAxis": {
176
+ "label": "Insured Rate",
177
+ "paddingPercent": 0.15
178
+ },
179
+ "xAxis": {
180
+ "label": "Date",
181
+ "dataKey": "date",
182
+ "type": "date",
183
+ "dateParseFormat": "%Y-%m-%d",
184
+ "dateDisplayFormat": "%b %d",
185
+ "numTicks": 8,
186
+ "tickRotation": 50
187
+ },
188
+ "legend": {
189
+ "label": "Legend",
190
+ "above": true,
191
+ "left": true
192
+ },
193
+ "table": {
194
+ "label": "Data Table",
195
+ "expanded": false,
196
+ "download": true
197
+ }
198
+ }
199
+ },
200
+ "table": {
201
+ "downloadImageButton": true,
202
+ "downloadPdfButton": true,
203
+ "download": true,
204
+ "show": true
205
+ }
206
+ }