@cdc/map 4.24.7 → 4.24.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 (46) hide show
  1. package/dist/cdcmap.js +40720 -38422
  2. package/examples/county-year.csv +10 -0
  3. package/examples/default-geocode.json +44 -10
  4. package/examples/default-patterns.json +0 -2
  5. package/examples/default-single-state.json +279 -108
  6. package/examples/map-issue-3.json +646 -0
  7. package/examples/single-state-filter.json +153 -0
  8. package/index.html +9 -6
  9. package/package.json +3 -3
  10. package/src/CdcMap.tsx +322 -126
  11. package/src/_stories/CdcMap.stories.tsx +7 -0
  12. package/src/_stories/_mock/DEV-8942.json +270 -0
  13. package/src/components/Annotation/AnnotationDropdown.tsx +1 -0
  14. package/src/components/{BubbleList.jsx → BubbleList.tsx} +1 -1
  15. package/src/components/{CityList.jsx → CityList.tsx} +28 -2
  16. package/src/components/{DataTable.jsx → DataTable.tsx} +2 -2
  17. package/src/components/EditorPanel/components/EditorPanel.tsx +647 -127
  18. package/src/components/EditorPanel/components/Panels/Panel.Annotate.tsx +0 -22
  19. package/src/components/EditorPanel/components/Panels/Panel.PatternSettings.tsx +61 -11
  20. package/src/components/Legend/components/Legend.tsx +125 -36
  21. package/src/components/Legend/components/index.scss +42 -42
  22. package/src/components/Modal.tsx +25 -0
  23. package/src/components/UsaMap/components/SingleState/SingleState.CountyOutput.tsx +74 -0
  24. package/src/components/UsaMap/components/SingleState/SingleState.StateOutput.tsx +29 -0
  25. package/src/components/UsaMap/components/SingleState/index.tsx +9 -0
  26. package/src/components/UsaMap/components/UsaMap.County.tsx +84 -33
  27. package/src/components/UsaMap/components/UsaMap.SingleState.tsx +173 -206
  28. package/src/components/UsaMap/components/UsaMap.State.tsx +161 -26
  29. package/src/components/UsaMap/data/us-extended-geography.json +1 -0
  30. package/src/components/UsaMap/helpers/map.ts +111 -0
  31. package/src/components/WorldMap/WorldMap.tsx +17 -32
  32. package/src/components/ZoomControls.tsx +41 -0
  33. package/src/data/initial-state.js +7 -1
  34. package/src/data/supported-geos.js +15 -4
  35. package/src/helpers/generateRuntimeLegendHash.ts +2 -2
  36. package/src/hooks/useStateZoom.tsx +157 -0
  37. package/src/hooks/{useZoomPan.js → useZoomPan.ts} +6 -5
  38. package/src/scss/editor-panel.scss +0 -4
  39. package/src/scss/main.scss +23 -1
  40. package/src/scss/map.scss +8 -0
  41. package/src/types/MapConfig.ts +9 -1
  42. package/src/types/MapContext.ts +14 -2
  43. package/src/components/Modal.jsx +0 -22
  44. /package/src/components/{Geo.jsx → Geo.tsx} +0 -0
  45. /package/src/components/{NavigationMenu.jsx → NavigationMenu.tsx} +0 -0
  46. /package/src/components/{ZoomableGroup.jsx → ZoomableGroup.tsx} +0 -0
package/examples/county-year.csv ADDED
@@ -0,0 +1,10 @@
1
+ FIPS,YEAR,VALUE,STATE
2
+ 02261,2019,100,Alaska
3
+ 02290,2019,150,Alaska
4
+ 02185,2019,200,Alaska
5
+ 02050,2019,250,Alaska
6
+ 02063,2020,50,Alaska
7
+ 02066,2020,100,Alaska
8
+ 02290,2020,150,Alaska
9
+ 02185,2020,200,Alaska
10
+ 02050,2020,250,Florida
package/examples/default-geocode.json CHANGED
@@ -1,4 +1,5 @@
1
1
  {
2
+ "annotations": [],
2
3
  "general": {
3
4
  "statePicked": {
4
5
  "fipsCode": "32",
@@ -27,7 +28,10 @@
27
28
  "hideGeoColumnInTooltip": false,
28
29
  "hidePrimaryColumnInTooltip": false,
29
30
  "territoriesAlwaysShow": false,
30
- "geoLabelOverride": ""
31
+ "geoLabelOverride": "",
32
+ "noStateFoundMessage": "Map Unavailable",
33
+ "annotationDropdownText": "Annotations",
34
+ "convertFipsCodes": true
31
35
  },
32
36
  "type": "map",
33
37
  "color": "pinkpurple",
@@ -44,7 +48,8 @@
44
48
  "prefix": "",
45
49
  "suffix": "",
46
50
  "name": "Value",
47
- "label": ""
51
+ "label": "",
52
+ "roundToPlace": 0
48
53
  },
49
54
  "navigate": {
50
55
  "name": "Condition"
@@ -67,7 +72,13 @@
67
72
  "position": "side",
68
73
  "title": "Legend",
69
74
  "singleRow": false,
70
- "showSpecialClassesLast": false
75
+ "showSpecialClassesLast": false,
76
+ "verticalSorted": false,
77
+ "style": "circles",
78
+ "subStyle": "linear blocks",
79
+ "tickRotation": "",
80
+ "singleColumnLegend": false,
81
+ "hideBorder": false
71
82
  },
72
83
  "filters": [],
73
84
  "table": {
@@ -80,8 +91,9 @@
80
91
  "showDataTableLink": true,
81
92
  "showFullGeoNameInCSV": false,
82
93
  "forceDisplay": true,
83
- "download": false,
84
- "indexLabel": ""
94
+ "download": true,
95
+ "indexLabel": "",
96
+ "wrapColumns": false
85
97
  },
86
98
  "tooltips": {
87
99
  "appearanceType": "hover",
@@ -96,9 +108,11 @@
96
108
  "minBubbleSize": 1,
97
109
  "maxBubbleSize": 20,
98
110
  "extraBubbleBorder": false,
99
- "cityStyle": "pin",
100
- "geoCodeCircleSize": 2,
101
- "showBubbleZeros": false
111
+ "cityStyle": "circle",
112
+ "geoCodeCircleSize": "3",
113
+ "showBubbleZeros": false,
114
+ "cityStyleLabel": "",
115
+ "additionalCityStyles": []
102
116
  },
103
117
  "mapPosition": {
104
118
  "coordinates": [
@@ -108,7 +122,26 @@
108
122
  "zoom": 1
109
123
  },
110
124
  "map": {
111
- "layers": []
125
+ "layers": [],
126
+ "patterns": []
127
+ },
128
+ "hexMap": {
129
+ "type": "",
130
+ "shapeGroups": [
131
+ {
132
+ "legendTitle": "",
133
+ "legendDescription": "",
134
+ "items": [
135
+ {
136
+ "key": "",
137
+ "shape": "Arrow Up",
138
+ "column": "",
139
+ "operator": "=",
140
+ "value": ""
141
+ }
142
+ ]
143
+ }
144
+ ]
112
145
  },
113
146
  "filterBehavior": "Filter Change",
114
147
  "dataTable": {
@@ -767,5 +800,6 @@
767
800
  "hasRegions": false,
768
801
  "expandDataTable": true,
769
802
  "fullBorder": false,
770
- "validated": 4.23
803
+ "validated": 4.23,
804
+ "version": "4.24.9"
771
805
  }
package/examples/default-patterns.json CHANGED
@@ -190,14 +190,12 @@
190
190
  "#FFFFFF",
191
191
  "#B4B4B4"
192
192
  ],
193
- "dataFileName": "../../wcms/vizdata/NCEZID_DIDRI/NWSSStateMap.json",
194
193
  "dataFileSourceType": "url",
195
194
  "dataDescription": {
196
195
  "horizontal": false,
197
196
  "series": false
198
197
  },
199
198
  "validated": 4.23,
200
- "dataUrl": "../../wcms/vizdata/NCEZID_DIDRI/NWSSStateMap.json",
201
199
  "data": [
202
200
  {
203
201
  "state_name": "Utah",
package/examples/default-single-state.json CHANGED
@@ -1,109 +1,280 @@
1
1
  {
2
- "type": "map",
3
- "general": {
4
- "title": "Default County Map",
5
- "subtext": "",
6
- "territoriesLabel": "Territories",
7
- "type": "map",
8
- "geoType": "single-state",
9
- "headerColor": "theme-blue",
10
- "showSidebar": true,
11
- "showTitle": true,
12
- "geoBorderColor": "darkGray",
13
- "showDownloadButton": true,
14
- "expandDataTable": false,
15
- "statePicked": {
16
- "stateName": "California",
17
- "fipsCode": "06"
18
- }
19
- },
20
- "color": "pinkpurple",
21
- "columns": {
22
- "geo": {
23
- "name": "FIPS Codes",
24
- "label": "Location",
25
- "tooltip": false,
26
- "dataTable": true
27
- },
28
- "primary": {
29
- "name": "Insured Rate",
30
- "label": "Data Label",
31
- "prefix": "",
32
- "suffix": "%",
33
- "dataTable": true,
34
- "tooltip": true
35
- },
36
- "navigate": {
37
- "name": "link",
38
- "tooltip": false,
39
- "dataTable": false
40
- }
41
- },
42
- "legend": {
43
- "numberOfItems": 3,
44
- "position": "side",
45
- "title": "Legend Title",
46
- "description": "Legend Text",
47
- "type": "equalnumber",
48
- "specialClasses": ["N/A"]
49
- },
50
- "filters": [],
51
- "data": [
52
- {
53
- "Insured Rate": "8",
54
- "Coverage Status": "Insured",
55
- "FIPS Codes": "06071",
56
- "Year (Good filter option)": "2010",
57
- "link": ""
58
- },
59
- {
60
- "Insured Rate": "25",
61
- "Coverage Status": "Insured",
62
- "FIPS Codes": "55005",
63
- "Year (Good filter option)": "2010",
64
- "link": ""
65
- },
66
- {
67
- "Insured Rate": "25",
68
- "Coverage Status": "Insured",
69
- "FIPS Codes": "12103",
70
- "Year (Good filter option)": "2010",
71
- "link": ""
72
- },
73
- {
74
- "Insured Rate": "25",
75
- "Coverage Status": "Insured",
76
- "FIPS Codes": "32005",
77
- "Year (Good filter option)": "2010",
78
- "link": ""
79
- },
80
- {
81
- "Insured Rate": "18",
82
- "Coverage Status": "Insured",
83
- "FIPS Codes": "06075",
84
- "Year (Good filter option)": "2010",
85
- "link": ""
86
- },
87
- {
88
- "Insured Rate": "3",
89
- "Coverage Status": "Insured",
90
- "FIPS Codes": "06027",
91
- "Year (Good filter option)": "2010",
92
- "link": ""
93
- },
94
- {
95
- "Insured Rate": "25",
96
- "Coverage Status": "Insured",
97
- "FIPS Codes": "06029",
98
- "Year (Good filter option)": "2010",
99
- "link": ""
100
- },
101
- {
102
- "Insured Rate": "60",
103
- "Coverage Status": "Insured",
104
- "FIPS Codes": "06065",
105
- "Year (Good filter option)": "2010",
106
- "link": ""
107
- }
108
- ]
109
- }
2
+ "annotations": [],
3
+ "general": {
4
+ "title": "Default County Map",
5
+ "subtext": "",
6
+ "territoriesLabel": "Territories",
7
+ "type": "map",
8
+ "geoType": "single-state",
9
+ "headerColor": "theme-blue",
10
+ "showSidebar": true,
11
+ "showTitle": true,
12
+ "geoBorderColor": "darkGray",
13
+ "showDownloadButton": true,
14
+ "expandDataTable": false,
15
+ "statePicked": {
16
+ "stateName": "California",
17
+ "fipsCode": "06"
18
+ },
19
+ "annotationDropdownText": "Annotations",
20
+ "showDownloadMediaButton": false,
21
+ "displayAsHex": false,
22
+ "displayStateLabels": false,
23
+ "territoriesAlwaysShow": false,
24
+ "language": "en",
25
+ "geoLabelOverride": "Location",
26
+ "hasRegions": false,
27
+ "fullBorder": false,
28
+ "convertFipsCodes": true,
29
+ "palette": {
30
+ "isReversed": false
31
+ },
32
+ "allowMapZoom": true,
33
+ "hideGeoColumnInTooltip": false,
34
+ "hidePrimaryColumnInTooltip": false
35
+ },
36
+ "type": "map",
37
+ "color": "pinkpurple",
38
+ "columns": {
39
+ "geo": {
40
+ "name": "FIPS Codes",
41
+ "label": "Location",
42
+ "tooltip": false,
43
+ "dataTable": true
44
+ },
45
+ "primary": {
46
+ "name": "Insured Rate",
47
+ "label": "Data Label",
48
+ "prefix": "",
49
+ "suffix": "%",
50
+ "dataTable": true,
51
+ "tooltip": true,
52
+ "roundToPlace": 0
53
+ },
54
+ "navigate": {
55
+ "name": "link",
56
+ "tooltip": false,
57
+ "dataTable": false
58
+ },
59
+ "latitude": {
60
+ "name": "Latitude"
61
+ },
62
+ "longitude": {
63
+ "name": "Longitude"
64
+ }
65
+ },
66
+ "legend": {
67
+ "numberOfItems": 3,
68
+ "position": "side",
69
+ "title": "Legend Title",
70
+ "description": "Legend Text",
71
+ "type": "equalnumber",
72
+ "specialClasses": [
73
+ {
74
+ "key": "Insured Rate",
75
+ "value": "N/A",
76
+ "label": "N/A"
77
+ }
78
+ ],
79
+ "descriptions": {},
80
+ "unified": false,
81
+ "singleColumn": false,
82
+ "singleRow": false,
83
+ "verticalSorted": false,
84
+ "showSpecialClassesLast": false,
85
+ "dynamicDescription": false
86
+ },
87
+ "filters": [],
88
+ "table": {
89
+ "wrapColumns": false,
90
+ "label": "Data Table",
91
+ "expanded": false,
92
+ "limitHeight": false,
93
+ "height": "",
94
+ "caption": "",
95
+ "showDownloadUrl": false,
96
+ "showDataTableLink": true,
97
+ "showFullGeoNameInCSV": false,
98
+ "forceDisplay": true,
99
+ "download": true,
100
+ "indexLabel": ""
101
+ },
102
+ "tooltips": {
103
+ "appearanceType": "hover",
104
+ "linkLabel": "Learn More",
105
+ "capitalizeLabels": true,
106
+ "opacity": 90
107
+ },
108
+ "runtime": {
109
+ "editorErrorMessage": []
110
+ },
111
+ "visual": {
112
+ "minBubbleSize": 1,
113
+ "maxBubbleSize": 20,
114
+ "extraBubbleBorder": false,
115
+ "cityStyle": "circle",
116
+ "cityStyleLabel": "",
117
+ "showBubbleZeros": false,
118
+ "additionalCityStyles": [],
119
+ "geoCodeCircleSize": "2"
120
+ },
121
+ "mapPosition": {
122
+ "coordinates": [
123
+ 0,
124
+ 30
125
+ ],
126
+ "zoom": 1
127
+ },
128
+ "map": {
129
+ "layers": [],
130
+ "patterns": []
131
+ },
132
+ "hexMap": {
133
+ "type": "",
134
+ "shapeGroups": [
135
+ {
136
+ "legendTitle": "",
137
+ "legendDescription": "",
138
+ "items": [
139
+ {
140
+ "key": "",
141
+ "shape": "Arrow Up",
142
+ "column": "",
143
+ "operator": "=",
144
+ "value": ""
145
+ }
146
+ ]
147
+ }
148
+ ]
149
+ },
150
+ "filterBehavior": "Filter Change",
151
+ "data": [
152
+ {
153
+ "Insured Rate": 8,
154
+ "Coverage Status": "Insured",
155
+ "FIPS Codes": "SLT",
156
+ "Year (Good filter option)": "2010",
157
+ "link": "",
158
+ "Latitude": "38.9399",
159
+ "Longitude": "-119.9772"
160
+ },
161
+ {
162
+ "Insured Rate": 8,
163
+ "Coverage Status": "Insured",
164
+ "FIPS Codes": "06071",
165
+ "Year (Good filter option)": "2010",
166
+ "link": "",
167
+ "Latitude": "",
168
+ "Longitude": ""
169
+ },
170
+ {
171
+ "Insured Rate": 25,
172
+ "Coverage Status": "Insured",
173
+ "FIPS Codes": "55005",
174
+ "Year (Good filter option)": "2010",
175
+ "link": "",
176
+ "Latitude": "",
177
+ "Longitude": ""
178
+ },
179
+ {
180
+ "Insured Rate": 25,
181
+ "Coverage Status": "Insured",
182
+ "FIPS Codes": "12103",
183
+ "Year (Good filter option)": "2010",
184
+ "link": "",
185
+ "Latitude": "",
186
+ "Longitude": ""
187
+ },
188
+ {
189
+ "Insured Rate": 25,
190
+ "Coverage Status": "Insured",
191
+ "FIPS Codes": "32005",
192
+ "Year (Good filter option)": "2010",
193
+ "link": "",
194
+ "Latitude": "",
195
+ "Longitude": ""
196
+ },
197
+ {
198
+ "Insured Rate": 18,
199
+ "Coverage Status": "Insured",
200
+ "FIPS Codes": "06075",
201
+ "Year (Good filter option)": "2010",
202
+ "link": "",
203
+ "Latitude": "",
204
+ "Longitude": ""
205
+ },
206
+ {
207
+ "Insured Rate": 3,
208
+ "Coverage Status": "Insured",
209
+ "FIPS Codes": "06027",
210
+ "Year (Good filter option)": "2010",
211
+ "link": "",
212
+ "Latitude": "",
213
+ "Longitude": ""
214
+ },
215
+ {
216
+ "Insured Rate": 25,
217
+ "Coverage Status": "Insured",
218
+ "FIPS Codes": "06029",
219
+ "Year (Good filter option)": "2010",
220
+ "link": "",
221
+ "Latitude": "",
222
+ "Longitude": ""
223
+ },
224
+ {
225
+ "Insured Rate": 60,
226
+ "Coverage Status": "Insured",
227
+ "FIPS Codes": "Yosemite is great!",
228
+ "Year (Good filter option)": "2010",
229
+ "link": "",
230
+ "Latitude": "37.865101",
231
+ "Longitude": "-119.538330"
232
+ },
233
+ {
234
+ "Insured Rate": 60,
235
+ "Coverage Status": "Insured",
236
+ "FIPS Codes": "LA",
237
+ "Year (Good filter option)": "2010",
238
+ "link": "",
239
+ "Latitude": "34.0549",
240
+ "Longitude": "-118.2426"
241
+ },
242
+ {
243
+ "Insured Rate": 60,
244
+ "Coverage Status": "Insured",
245
+ "FIPS Codes": "BH",
246
+ "Year (Good filter option)": "2010",
247
+ "link": "",
248
+ "Latitude": "34.0736",
249
+ "Longitude": "-118.4004"
250
+ },
251
+ {
252
+ "Insured Rate": 60,
253
+ "Coverage Status": "Insured",
254
+ "FIPS Codes": "Santa Monica",
255
+ "Year (Good filter option)": "2010",
256
+ "link": "",
257
+ "Latitude": "34.0195",
258
+ "Longitude": "-118.4912"
259
+ },
260
+ {
261
+ "Insured Rate": 60,
262
+ "Coverage Status": "Insured",
263
+ "FIPS Codes": "LA",
264
+ "Year (Good filter option)": "2010",
265
+ "link": "",
266
+ "Latitude": "34.0549",
267
+ "Longitude": "-118.2426"
268
+ },
269
+ {
270
+ "Insured Rate": 60,
271
+ "Coverage Status": "Insured",
272
+ "FIPS Codes": "LA",
273
+ "Year (Good filter option)": "2010",
274
+ "link": "",
275
+ "Latitude": "34.0549",
276
+ "Longitude": "-118.2426"
277
+ }
278
+ ],
279
+ "version": "4.24.7"
280
+ }