@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.json CHANGED
@@ -1,156 +1,162 @@
1
1
  {
2
- "type":"dashboard",
3
- "data": [
4
- {
5
- "name": "Jupiter",
6
- "Radius": "10.97",
7
- "Diameter": "22",
8
- "distance": "0"
9
- },
10
- {
11
- "name": "Saturn",
12
- "Radius": "9.14",
13
- "Diameter": "18",
14
- "distance": "0"
15
- },
16
- {
17
- "name": "Uranus",
18
- "Radius": "3.98",
19
- "Diameter": "8",
20
- "distance": "0"
21
- },
22
- {
23
- "name": "Neptune",
24
- "Radius": "3.86",
25
- "Diameter": "7",
26
- "distance": "0"
27
- },
28
- {
29
- "name": "Earth",
30
- "Radius": "1",
31
- "Diameter": "2",
32
- "distance": "0"
33
- },
34
- {
35
- "name": "Venus",
36
- "Radius": "0.950",
37
- "Diameter": "2",
38
- "distance": "0"
39
- },
40
- {
41
- "name": "Mars",
42
- "Radius": "0.532",
43
- "Diameter": "1",
44
- "distance": "0"
45
- },
46
- {
47
- "name": "Mercury",
48
- "Radius": "0.383",
49
- "Diameter": "0.7",
50
- "distance": "0"
51
- },
52
- {
53
- "name": "Pluto",
54
- "Radius": "0.181",
55
- "Diameter": "0.3",
56
- "distance": "0"
57
- }
58
- ],
59
- "dashboard": {
60
- "filters": [{
61
- "label": "Filter 1",
62
- "columnName": "filter1"
63
- }]
64
- },
65
- "rows": [
66
- [{"width": 12, "widget": "chart1"}, {}, {}],
67
- [{"width": 12, "widget": "map1"}, {}, {}]
68
- ],
69
- "visualizations": {
70
- "chart1": {
71
- "uid": "chart1",
72
- "type": "chart",
73
- "title": "Chart Example",
74
- "visualizationType": "Pie",
75
- "palette": "qualitative-soft",
76
- "filters": [{
77
- "label": "Filter 2",
78
- "columnName": "filter2"
79
- }],
80
- "aspectRatio": 1,
81
- "dataFormat": {
82
- "roundTo": 1,
83
- "commas": false,
84
- "prefix": "",
85
- "suffix": ""
86
- },
87
- "yAxis": {
88
- "label": "Insured Rate",
89
- "dataKey": "Insured Rate"
90
- },
91
- "xAxis": {
92
- "label": "State",
93
- "dataKey": "state"
94
- },
95
- "legend": {
96
- "hide": false
97
- },
98
- "table": {
99
- "label": "Data Table",
100
- "expanded": false
101
- }
102
- },
103
- "map1": {
104
- "uid": "map1",
105
- "type": "map",
106
- "defaultData": false,
107
- "general": {
108
- "title": "Map Example",
109
- "subtext": "",
110
- "territoriesLabel": "Territories",
111
- "type": "data",
112
- "geoType": "us",
113
- "headerColor": "theme-blue",
114
- "showSidebar": true,
115
- "showTitle": true,
116
- "geoBorderColor": "darkGray",
117
- "showDownloadButton": true,
118
- "expandDataTable": true
119
- },
120
- "color": "pinkpurple",
121
- "columns": {
122
- "geo": {
123
- "name": "state",
124
- "label": "Location",
125
- "tooltip": false,
126
- "dataTable": true
127
- },
128
- "primary": {
129
- "name": "Insured Rate",
130
- "label": "Data Label",
131
- "prefix": "",
132
- "suffix": "%",
133
- "dataTable": true,
134
- "tooltip": true
135
- },
136
- "navigate": {
137
- "name": "link",
138
- "tooltip": false,
139
- "dataTable": false
140
- }
141
- },
142
- "legend": {
143
- "numberOfItems": 3,
144
- "position": "side",
145
- "title": "Legend Title",
146
- "description": "Legend Text",
147
- "type": "equalnumber",
148
- "specialClasses": ["N/A"]
149
- },
150
- "filters": [{
151
- "label": "Filter 2",
152
- "columnName": "filter2"
153
- }]
154
- }
155
- }
156
- }
2
+ "type": "dashboard",
3
+ "data": [
4
+ {
5
+ "name": "Jupiter",
6
+ "Radius": "10.97",
7
+ "Diameter": "22",
8
+ "distance": "0"
9
+ },
10
+ {
11
+ "name": "Saturn",
12
+ "Radius": "9.14",
13
+ "Diameter": "18",
14
+ "distance": "0"
15
+ },
16
+ {
17
+ "name": "Uranus",
18
+ "Radius": "3.98",
19
+ "Diameter": "8",
20
+ "distance": "0"
21
+ },
22
+ {
23
+ "name": "Neptune",
24
+ "Radius": "3.86",
25
+ "Diameter": "7",
26
+ "distance": "0"
27
+ },
28
+ {
29
+ "name": "Earth",
30
+ "Radius": "1",
31
+ "Diameter": "2",
32
+ "distance": "0"
33
+ },
34
+ {
35
+ "name": "Venus",
36
+ "Radius": "0.950",
37
+ "Diameter": "2",
38
+ "distance": "0"
39
+ },
40
+ {
41
+ "name": "Mars",
42
+ "Radius": "0.532",
43
+ "Diameter": "1",
44
+ "distance": "0"
45
+ },
46
+ {
47
+ "name": "Mercury",
48
+ "Radius": "0.383",
49
+ "Diameter": "0.7",
50
+ "distance": "0"
51
+ },
52
+ {
53
+ "name": "Pluto",
54
+ "Radius": "0.181",
55
+ "Diameter": "0.3",
56
+ "distance": "0"
57
+ }
58
+ ],
59
+ "dashboard": {
60
+ "filters": [
61
+ {
62
+ "label": "Filter 1",
63
+ "columnName": "filter1"
64
+ }
65
+ ]
66
+ },
67
+ "rows": [
68
+ [{ "width": 12, "widget": "chart1" }, {}, {}],
69
+ [{ "width": 12, "widget": "map1" }, {}, {}]
70
+ ],
71
+ "visualizations": {
72
+ "chart1": {
73
+ "uid": "chart1",
74
+ "type": "chart",
75
+ "title": "Chart Example",
76
+ "visualizationType": "Pie",
77
+ "palette": "qualitative-soft",
78
+ "filters": [
79
+ {
80
+ "label": "Filter 2",
81
+ "columnName": "filter2"
82
+ }
83
+ ],
84
+ "aspectRatio": 1,
85
+ "dataFormat": {
86
+ "roundTo": 1,
87
+ "commas": false,
88
+ "prefix": "",
89
+ "suffix": ""
90
+ },
91
+ "yAxis": {
92
+ "label": "Insured Rate",
93
+ "dataKey": "Insured Rate"
94
+ },
95
+ "xAxis": {
96
+ "label": "State",
97
+ "dataKey": "state"
98
+ },
99
+ "legend": {
100
+ "hide": false
101
+ },
102
+ "table": {
103
+ "label": "Data Table",
104
+ "expanded": false
105
+ }
106
+ },
107
+ "map1": {
108
+ "uid": "map1",
109
+ "type": "map",
110
+ "defaultData": false,
111
+ "general": {
112
+ "title": "Map Example",
113
+ "subtext": "",
114
+ "territoriesLabel": "Territories",
115
+ "type": "data",
116
+ "geoType": "us",
117
+ "headerColor": "theme-blue",
118
+ "showSidebar": true,
119
+ "showTitle": true,
120
+ "geoBorderColor": "darkGray",
121
+ "showDownloadButton": true,
122
+ "expandDataTable": true
123
+ },
124
+ "color": "pinkpurple",
125
+ "columns": {
126
+ "geo": {
127
+ "name": "state",
128
+ "label": "Location",
129
+ "tooltip": false,
130
+ "dataTable": true
131
+ },
132
+ "primary": {
133
+ "name": "Insured Rate",
134
+ "label": "Data Label",
135
+ "prefix": "",
136
+ "suffix": "%",
137
+ "dataTable": true,
138
+ "tooltip": true
139
+ },
140
+ "navigate": {
141
+ "name": "link",
142
+ "tooltip": false,
143
+ "dataTable": false
144
+ }
145
+ },
146
+ "legend": {
147
+ "numberOfItems": 3,
148
+ "position": "side",
149
+ "title": "Legend Title",
150
+ "description": "Legend Text",
151
+ "type": "equalnumber",
152
+ "specialClasses": ["N/A"]
153
+ },
154
+ "filters": [
155
+ {
156
+ "label": "Filter 2",
157
+ "columnName": "filter2"
158
+ }
159
+ ]
160
+ }
161
+ }
162
+ }