@cdc/dashboard 4.22.10 → 4.22.11

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