@cdc/map 4.24.10 → 4.24.12-2

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 (57) hide show
  1. package/dist/cdcmap.js +33447 -32769
  2. package/examples/default-geocode.json +13 -4
  3. package/examples/default-usa-regions.json +267 -117
  4. package/examples/example-city-state.json +6 -3
  5. package/examples/pattern.json +861 -0
  6. package/examples/private/DEV-9644.json +184 -0
  7. package/examples/private/DEV-9989.json +229 -0
  8. package/examples/private/ardi.json +180 -0
  9. package/examples/private/colors 2.json +416 -0
  10. package/examples/private/colors.json +416 -0
  11. package/examples/private/colors.json.zip +0 -0
  12. package/examples/private/customColors.json +45348 -0
  13. package/examples/private/default-patterns.json +867 -0
  14. package/examples/private/test.json +1632 -0
  15. package/index.html +4 -5
  16. package/package.json +3 -3
  17. package/src/CdcMap.tsx +93 -83
  18. package/src/_stories/CdcMap.Legend.Gradient.stories.tsx +67 -0
  19. package/src/_stories/CdcMap.Legend.stories.tsx +40 -0
  20. package/src/_stories/CdcMap.Patterns.stories.tsx +29 -0
  21. package/src/_stories/CdcMap.stories.tsx +59 -0
  22. package/src/_stories/UsaMap.NoData.stories.tsx +19 -0
  23. package/src/_stories/_mock/custom-layer-map.json +1117 -0
  24. package/src/_stories/_mock/default-patterns.json +865 -0
  25. package/src/_stories/_mock/example-city-state.json +858 -0
  26. package/src/_stories/_mock/usa-state-gradient.json +238 -0
  27. package/src/_stories/_mock/wastewater-map.json +208 -0
  28. package/src/components/CityList.tsx +5 -2
  29. package/src/components/EditorPanel/components/EditorPanel.tsx +68 -295
  30. package/src/components/EditorPanel/components/Panels/Panel.Annotate.tsx +27 -23
  31. package/src/components/EditorPanel/components/Panels/Panel.PatternSettings.tsx +75 -16
  32. package/src/components/Legend/components/Legend.tsx +42 -20
  33. package/src/components/Legend/components/index.scss +24 -24
  34. package/src/components/UsaMap/components/HexIcon.tsx +7 -1
  35. package/src/components/UsaMap/components/SingleState/SingleState.CountyOutput.tsx +40 -6
  36. package/src/components/UsaMap/components/SingleState/SingleState.StateOutput.tsx +10 -2
  37. package/src/components/UsaMap/components/Territory/Territory.Hexagon.tsx +57 -12
  38. package/src/components/UsaMap/components/Territory/Territory.Rectangle.tsx +95 -21
  39. package/src/components/UsaMap/components/Territory/TerritoryShape.ts +13 -0
  40. package/src/components/UsaMap/components/UsaMap.County.tsx +11 -13
  41. package/src/components/UsaMap/components/UsaMap.Region.tsx +59 -16
  42. package/src/components/UsaMap/components/UsaMap.SingleState.tsx +2 -1
  43. package/src/components/UsaMap/components/UsaMap.State.tsx +61 -63
  44. package/src/components/UsaMap/helpers/shapes.ts +5 -4
  45. package/src/components/WorldMap/WorldMap.tsx +77 -16
  46. package/src/data/initial-state.js +2 -1
  47. package/src/helpers/applyColorToLegend.ts +80 -0
  48. package/src/helpers/colors.ts +23 -0
  49. package/src/hooks/useTooltip.ts +9 -6
  50. package/src/scss/editor-panel.scss +0 -3
  51. package/src/scss/filters.scss +1 -9
  52. package/src/scss/main.scss +0 -5
  53. package/src/scss/map.scss +11 -63
  54. package/src/types/MapConfig.ts +8 -2
  55. package/src/types/MapContext.ts +1 -0
  56. package/examples/default-patterns.json +0 -579
  57. package/src/scss/datatable.scss +0 -6
package/examples/default-geocode.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "fipsCode": "32",
6
6
  "stateName": "Nevada"
7
7
  },
8
- "geoType": "us-county",
8
+ "geoType": "us",
9
9
  "geoBorderColor": "darkGray",
10
10
  "headerColor": "theme-blue",
11
11
  "showTitle": true,
@@ -19,7 +19,7 @@
19
19
  "hasRegions": false,
20
20
  "expandDataTable": false,
21
21
  "fullBorder": false,
22
- "type": "us-geocode",
22
+ "type": "map",
23
23
  "title": "Default US Map",
24
24
  "palette": {
25
25
  "isReversed": false
@@ -93,7 +93,8 @@
93
93
  "forceDisplay": true,
94
94
  "download": true,
95
95
  "indexLabel": "",
96
- "wrapColumns": false
96
+ "wrapColumns": false,
97
+ "showDownloadLinkBelow": true
97
98
  },
98
99
  "tooltips": {
99
100
  "appearanceType": "hover",
@@ -144,6 +145,14 @@
144
145
  ]
145
146
  },
146
147
  "filterBehavior": "Filter Change",
148
+ "customColors": [
149
+ "red",
150
+ "orange",
151
+ "yellow",
152
+ "green",
153
+ "blue",
154
+ "violet"
155
+ ],
147
156
  "dataTable": {
148
157
  "title": "Data Table",
149
158
  "forceDisplay": true
@@ -801,5 +810,5 @@
801
810
  "expandDataTable": true,
802
811
  "fullBorder": false,
803
812
  "validated": 4.23,
804
- "version": "4.24.9"
813
+ "version": "4.24.11"
805
814
  }
package/examples/default-usa-regions.json CHANGED
@@ -1,118 +1,268 @@
1
1
  {
2
- "data": [
3
- {
4
- "Current Week Positivity": "20",
5
- "State": "REGION 1",
6
- "Change": "0.2"
7
- },
8
- {
9
- "Current Week Positivity": "27",
10
- "State": "region 2",
11
- "Change": "-0.5"
12
- },
13
- {
14
- "Current Week Positivity": "26",
15
- "State": "region 3",
16
- "Change": "-.08"
17
- },
18
- {
19
- "Current Week Positivity": "30",
20
- "State": "region 4",
21
- "Change": "0.8"
22
- },
23
- {
24
- "Current Week Positivity": "14",
25
- "State": "region 5",
26
- "Change": "0.5"
27
- },
28
- {
29
- "Current Week Positivity": "25",
30
- "State": "region 6",
31
- "Change": "0.05"
32
- },
33
- {
34
- "Current Week Positivity": "0",
35
- "State": "region 7",
36
- "Change": "0"
37
- },
38
- {
39
- "Current Week Positivity": "14",
40
- "State": "region 8",
41
- "Change": "-1.2"
42
- },
43
- {
44
- "Current Week Positivity": "28",
45
- "State": "region 9",
46
- "Change": "1.5"
47
- },
48
- {
49
- "Current Week Positivity": "12",
50
- "State": "region 10",
51
- "Change": "0.5"
52
- }
53
- ],
54
-
55
- "dataFileSourceType": "file",
56
- "dataDescription": {
57
- "horizontal": true
58
- },
59
- "newViz": true,
60
- "type": "map",
61
- "general": {
62
- "geoType": "us-region",
63
- "geoBorderColor": "darkGray",
64
- "headerColor": "theme-blue",
65
- "showTitle": true,
66
- "showSidebar": true,
67
- "showDownloadButton": true,
68
- "showDownloadMediaButton": false,
69
- "displayAsHex": false,
70
- "displayStateLabels": false,
71
- "territoriesLabel": "Territories",
72
- "language": "en",
73
- "hasRegions": false,
74
- "expandDataTable": true,
75
- "fullBorder": false,
76
- "type": "data",
77
- "title": "Default US Map"
78
- },
79
-
80
- "geoType": "us-region",
81
- "geoBorderColor": "darkGray",
82
- "headerColor": "theme-blue",
83
- "showTitle": true,
84
- "showSidebar": true,
85
- "showDownloadButton": true,
86
- "showDownloadMediaButton": false,
87
- "displayAsHex": false,
88
- "displayStateLabels": false,
89
- "territoriesLabel": "Territories",
90
- "language": "en",
91
- "hasRegions": false,
92
- "expandDataTable": true,
93
- "fullBorder": false,
94
- "color": "pinkpurple",
95
- "columns": {
96
- "geo": { "name": "State", "label": "Location", "tooltip": false, "dataTable": true },
97
- "primary": { "dataTable": true, "tooltip": true, "prefix": "", "suffix": "", "name": "Current Week Positivity", "label": "" },
98
- "navigate": { "name": "Current Week Positivity" }
99
- },
100
- "legend": {
101
- "descriptions": {},
102
- "specialClasses": [],
103
- "unified": false,
104
- "singleColumn": false,
105
- "dynamicDescription": false,
106
- "type": "category",
107
- "numberOfItems": 10,
108
- "position": "side",
109
- "title": "Legend"
110
- },
111
- "filters": [],
112
- "dataTable": { "title": "Data Table", "forceDisplay": true },
113
- "tooltips": {
114
- "appearanceType": "hover",
115
- "linkLabel": "Learn More",
116
- "capitalizeLabels": true
117
- }
118
- }
2
+ "annotations": [],
3
+ "general": {
4
+ "geoType": "us-region",
5
+ "type": "data",
6
+ "noStateFoundMessage": "Map Unavailable",
7
+ "annotationDropdownText": "Annotations",
8
+ "geoBorderColor": "darkGray",
9
+ "headerColor": "theme-blue",
10
+ "title": "",
11
+ "showTitle": true,
12
+ "showSidebar": true,
13
+ "showDownloadButton": true,
14
+ "showDownloadMediaButton": false,
15
+ "displayAsHex": false,
16
+ "displayStateLabels": false,
17
+ "territoriesLabel": "Territories",
18
+ "territoriesAlwaysShow": false,
19
+ "language": "en",
20
+ "geoLabelOverride": "",
21
+ "hasRegions": false,
22
+ "fullBorder": false,
23
+ "convertFipsCodes": true,
24
+ "palette": {
25
+ "isReversed": false
26
+ },
27
+ "allowMapZoom": true,
28
+ "hideGeoColumnInTooltip": false,
29
+ "hidePrimaryColumnInTooltip": false,
30
+ "statePicked": {
31
+ "fipsCode": "01",
32
+ "stateName": "Alabama"
33
+ },
34
+ "expandDataTable": false
35
+ },
36
+ "type": "map",
37
+ "color": "pinkpurple",
38
+ "columns": {
39
+ "geo": {
40
+ "name": "State",
41
+ "label": "Location",
42
+ "tooltip": false,
43
+ "dataTable": true
44
+ },
45
+ "primary": {
46
+ "dataTable": true,
47
+ "tooltip": true,
48
+ "prefix": "",
49
+ "suffix": "",
50
+ "name": "Current Week Positivity",
51
+ "label": "",
52
+ "roundToPlace": 0
53
+ },
54
+ "navigate": {
55
+ "name": ""
56
+ },
57
+ "latitude": {
58
+ "name": ""
59
+ },
60
+ "longitude": {
61
+ "name": ""
62
+ }
63
+ },
64
+ "legend": {
65
+ "descriptions": {},
66
+ "specialClasses": [],
67
+ "unified": false,
68
+ "singleColumn": false,
69
+ "singleRow": false,
70
+ "verticalSorted": false,
71
+ "showSpecialClassesLast": false,
72
+ "dynamicDescription": false,
73
+ "type": "equalnumber",
74
+ "numberOfItems": 3,
75
+ "position": "side",
76
+ "title": "",
77
+ "style": "circles",
78
+ "subStyle": "linear blocks",
79
+ "tickRotation": "",
80
+ "singleColumnLegend": false,
81
+ "hideBorder": false
82
+ },
83
+ "filters": [],
84
+ "table": {
85
+ "wrapColumns": false,
86
+ "label": "Data Table",
87
+ "expanded": false,
88
+ "limitHeight": false,
89
+ "height": "",
90
+ "caption": "",
91
+ "showDownloadUrl": false,
92
+ "showDataTableLink": true,
93
+ "showDownloadLinkBelow": true,
94
+ "showFullGeoNameInCSV": false,
95
+ "forceDisplay": true,
96
+ "download": true,
97
+ "indexLabel": ""
98
+ },
99
+ "tooltips": {
100
+ "appearanceType": "hover",
101
+ "linkLabel": "Learn More",
102
+ "capitalizeLabels": true,
103
+ "opacity": 90
104
+ },
105
+ "runtime": {
106
+ "editorErrorMessage": []
107
+ },
108
+ "visual": {
109
+ "minBubbleSize": 1,
110
+ "maxBubbleSize": 20,
111
+ "extraBubbleBorder": false,
112
+ "cityStyle": "circle",
113
+ "cityStyleLabel": "",
114
+ "showBubbleZeros": false,
115
+ "additionalCityStyles": [],
116
+ "geoCodeCircleSize": 8
117
+ },
118
+ "mapPosition": {
119
+ "coordinates": [
120
+ 0,
121
+ 30
122
+ ],
123
+ "zoom": 1
124
+ },
125
+ "map": {
126
+ "layers": [],
127
+ "patterns": []
128
+ },
129
+ "hexMap": {
130
+ "type": "",
131
+ "shapeGroups": [
132
+ {
133
+ "legendTitle": "",
134
+ "legendDescription": "",
135
+ "items": [
136
+ {
137
+ "key": "",
138
+ "shape": "Arrow Up",
139
+ "column": "",
140
+ "operator": "=",
141
+ "value": ""
142
+ }
143
+ ]
144
+ }
145
+ ]
146
+ },
147
+ "filterBehavior": "Filter Change",
148
+ "datasets": {},
149
+ "isResponsiveTicks": false,
150
+ "barThickness": "0.37",
151
+ "xAxis": {
152
+ "type": "categorical",
153
+ "size": 75,
154
+ "maxTickRotation": 45,
155
+ "labelOffset": 0
156
+ },
157
+ "data": [
158
+ {
159
+ "Current Week Positivity": "20",
160
+ "State": "REGION 1",
161
+ "Change": "0.2"
162
+ },
163
+ {
164
+ "Current Week Positivity": "27",
165
+ "State": "region 2",
166
+ "Change": "-0.5"
167
+ },
168
+ {
169
+ "Current Week Positivity": "26",
170
+ "State": "region 3",
171
+ "Change": "-.08"
172
+ },
173
+ {
174
+ "Current Week Positivity": "30",
175
+ "State": "region 4",
176
+ "Change": "0.8"
177
+ },
178
+ {
179
+ "Current Week Positivity": "14",
180
+ "State": "region 5",
181
+ "Change": "0.5"
182
+ },
183
+ {
184
+ "Current Week Positivity": "25",
185
+ "State": "region 6",
186
+ "Change": "0.05"
187
+ },
188
+ {
189
+ "Current Week Positivity": "0",
190
+ "State": "region 7",
191
+ "Change": "0"
192
+ },
193
+ {
194
+ "Current Week Positivity": "14",
195
+ "State": "region 8",
196
+ "Change": "-1.2"
197
+ },
198
+ {
199
+ "Current Week Positivity": "28",
200
+ "State": "region 9",
201
+ "Change": "1.5"
202
+ },
203
+ {
204
+ "Current Week Positivity": "12",
205
+ "State": "region 10",
206
+ "Change": "0.5"
207
+ }
208
+ ],
209
+ "dataFileName": "valid-region-data.json",
210
+ "dataFileSourceType": "file",
211
+ "formattedData": [
212
+ {
213
+ "Current Week Positivity": "20",
214
+ "State": "REGION 1",
215
+ "Change": "0.2"
216
+ },
217
+ {
218
+ "Current Week Positivity": "27",
219
+ "State": "region 2",
220
+ "Change": "-0.5"
221
+ },
222
+ {
223
+ "Current Week Positivity": "26",
224
+ "State": "region 3",
225
+ "Change": "-.08"
226
+ },
227
+ {
228
+ "Current Week Positivity": "30",
229
+ "State": "region 4",
230
+ "Change": "0.8"
231
+ },
232
+ {
233
+ "Current Week Positivity": "14",
234
+ "State": "region 5",
235
+ "Change": "0.5"
236
+ },
237
+ {
238
+ "Current Week Positivity": "25",
239
+ "State": "region 6",
240
+ "Change": "0.05"
241
+ },
242
+ {
243
+ "Current Week Positivity": "0",
244
+ "State": "region 7",
245
+ "Change": "0"
246
+ },
247
+ {
248
+ "Current Week Positivity": "14",
249
+ "State": "region 8",
250
+ "Change": "-1.2"
251
+ },
252
+ {
253
+ "Current Week Positivity": "28",
254
+ "State": "region 9",
255
+ "Change": "1.5"
256
+ },
257
+ {
258
+ "Current Week Positivity": "12",
259
+ "State": "region 10",
260
+ "Change": "0.5"
261
+ }
262
+ ],
263
+ "dataDescription": {
264
+ "horizontal": false,
265
+ "series": false
266
+ },
267
+ "version": "4.24.11"
268
+ }
package/examples/example-city-state.json CHANGED
@@ -136,7 +136,10 @@
136
136
  "additionalCityStyles": []
137
137
  },
138
138
  "mapPosition": {
139
- "coordinates": [0, 30],
139
+ "coordinates": [
140
+ 0,
141
+ 30
142
+ ],
140
143
  "zoom": 1
141
144
  },
142
145
  "map": {
@@ -841,5 +844,5 @@
841
844
  }
842
845
  ],
843
846
  "filterStyle": "Filter Changes",
844
- "version": "4.24.3"
845
- }
847
+ "version": "4.24.11"
848
+ }