@cdc/map 4.24.3 → 4.24.4

package/examples/example-city-state.json

@@ -8,7 +8,7 @@
     "showSidebar": true,
     "showTitle": true,
     "showDownloadButton": true,
-    "expandDataTable": true,
+    "expandDataTable": false,
     "backgroundColor": "#f5f5f5",
     "geoBorderColor": "darkGray",
     "territoriesLabel": "Territories",
@@ -31,7 +31,8 @@
     "showDownloadImgButton": false,
     "showDownloadPdfButton": false,
     "territoriesAlwaysShow": false,
-    "geoLabelOverride": ""
+    "geoLabelOverride": "",
+    "convertFipsCodes": true
   },
   "type": "map",
   "color": "yelloworangered",
@@ -97,20 +98,29 @@
     "dynamicDescription": false,
     "descriptions": {},
     "singleRow": false,
-    "showSpecialClassesLast": false
-  },
-  "dataTable": {
-    "title": "Data Table",
-    "forceDisplay": true
+    "showSpecialClassesLast": false,
+    "verticalSorted": false
   },
+  "filters": [],
   "table": {
     "showDownloadUrl": false,
-    "showDataTableLink": true
+    "showDataTableLink": true,
+    "wrapColumns": false,
+    "label": "Data Table",
+    "expanded": true,
+    "limitHeight": false,
+    "height": "",
+    "caption": "",
+    "showFullGeoNameInCSV": false,
+    "forceDisplay": true,
+    "download": true,
+    "indexLabel": ""
   },
   "tooltips": {
     "appearanceType": "hover",
     "linkLabel": "Learn More",
-    "capitalizeLabels": true
+    "capitalizeLabels": true,
+    "opacity": 90
   },
   "runtime": {
     "editorErrorMessage": []
@@ -121,17 +131,40 @@
     "maxBubbleSize": 20,
     "extraBubbleBorder": false,
     "showBubbleZeros": false,
-    "geoCodeCircleSize": 2
+    "geoCodeCircleSize": 2,
+    "cityStyleLabel": "",
+    "additionalCityStyles": []
   },
   "mapPosition": {
-    "coordinates": [
-      0,
-      30
-    ],
+    "coordinates": [0, 30],
     "zoom": 1
   },
   "map": {
-    "layers": []
+    "layers": [],
+    "patterns": []
+  },
+  "hexMap": {
+    "type": "",
+    "shapeGroups": [
+      {
+        "legendTitle": "",
+        "legendDescription": "",
+        "items": [
+          {
+            "key": "",
+            "shape": "Arrow Up",
+            "column": "",
+            "operator": "=",
+            "value": ""
+          }
+        ]
+      }
+    ]
+  },
+  "filterBehavior": "Filter Change",
+  "dataTable": {
+    "title": "Data Table",
+    "forceDisplay": true
   },
   "sharing": {
     "enabled": false,
@@ -807,5 +840,6 @@
       "URL": "https://www.cdc.gov/"
     }
   ],
-  "filterStyle": "Filter Changes"
-}
+  "filterStyle": "Filter Changes",
+  "version": "4.24.3"
+}

package/examples/hex-colors.json

@@ -0,0 +1,507 @@
+{
+    "general": {
+        "geoType": "us",
+        "geoBorderColor": "darkGray",
+        "headerColor": "theme-slate",
+        "showTitle": true,
+        "showSidebar": true,
+        "showDownloadButton": true,
+        "showDownloadMediaButton": false,
+        "displayAsHex": true,
+        "displayStateLabels": false,
+        "territoriesLabel": "Territories",
+        "language": "en",
+        "hasRegions": false,
+        "expandDataTable": false,
+        "fullBorder": false,
+        "type": "data",
+        "palette": {
+            "isReversed": true
+        },
+        "statePicked": {
+            "fipsCode": "01",
+            "stateName": "Alabama"
+        },
+        "title": "Hex Map With Arrows",
+        "subtext": "- Clarification Text Added Here - State data was left out intentionally to reflect how the map behaves with incomplete data.  ",
+        "territoriesAlwaysShow": false,
+        "geoLabelOverride": "",
+        "convertFipsCodes": true,
+        "allowMapZoom": true,
+        "hideGeoColumnInTooltip": false,
+        "hidePrimaryColumnInTooltip": false,
+        "superTitle": ""
+    },
+    "type": "map",
+    "color": "orangeredreverse",
+    "columns": {
+        "geo": {
+            "name": "STATE",
+            "label": "Location",
+            "tooltip": false,
+            "dataTable": true
+        },
+        "primary": {
+            "dataTable": true,
+            "tooltip": true,
+            "prefix": "",
+            "suffix": "",
+            "name": "Rate",
+            "label": ""
+        },
+        "navigate": {
+            "name": ""
+        },
+        "latitude": {
+            "name": ""
+        },
+        "longitude": {
+            "name": ""
+        }
+    },
+    "legend": {
+        "descriptions": {},
+        "specialClasses": [],
+        "unified": false,
+        "singleColumn": true,
+        "dynamicDescription": false,
+        "type": "equalnumber",
+        "numberOfItems": 5,
+        "position": "side",
+        "title": "Legend",
+        "description": "Lorem Ipsum - Text added to legend description",
+        "singleRow": false,
+        "verticalSorted": false,
+        "showSpecialClassesLast": false
+    },
+    "filters": [],
+    "table": {
+        "wrapColumns": false,
+        "label": "Data Table",
+        "expanded": false,
+        "limitHeight": false,
+        "height": "",
+        "caption": "",
+        "showDownloadUrl": false,
+        "showDataTableLink": true,
+        "showFullGeoNameInCSV": false,
+        "forceDisplay": true,
+        "download": true,
+        "indexLabel": ""
+    },
+    "tooltips": {
+        "appearanceType": "hover",
+        "linkLabel": "Learn More",
+        "capitalizeLabels": true,
+        "opacity": 90
+    },
+    "visual": {
+        "minBubbleSize": 1,
+        "maxBubbleSize": 20,
+        "extraBubbleBorder": false,
+        "cityStyle": "circle",
+        "cityStyleLabel": "",
+        "showBubbleZeros": false,
+        "additionalCityStyles": [],
+        "geoCodeCircleSize": 8
+    },
+    "mapPosition": {
+        "coordinates": [
+            0,
+            30
+        ],
+        "zoom": 1
+    },
+    "map": {
+        "layers": [],
+        "patterns": []
+    },
+    "hexMap": {
+        "type": "shapes",
+        "shapeGroups": [
+            {
+                "legendTitle": "Trends",
+                "legendDescription": "The arrows reflect the trends of reported numbers",
+                "items": [
+                    {
+                        "key": "Rate",
+                        "shape": "Arrow Down",
+                        "column": "",
+                        "operator": "<=",
+                        "value": "40"
+                    },
+                    {
+                        "key": "Rate",
+                        "shape": "Arrow Right",
+                        "column": "",
+                        "operator": ">=",
+                        "value": "80"
+                    }
+                ]
+            }
+        ]
+    },
+    "filterBehavior": "Filter Change",
+    "dataTable": {
+        "title": "Data Table",
+        "forceDisplay": true,
+        "caption": "Lorem Ipsum - Text added to Data Table Caption",
+        "limitHeight": true,
+        "height": "100"
+    },
+    "data": [
+        {
+            "STATE": "Alabama",
+            "Rate": 130,
+            "Location": "Vehicle",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Alaska",
+            "Rate": 40,
+            "Location": "Work",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "American Samoa",
+            "Rate": 55,
+            "Location": "Home",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Arizona",
+            "Rate": 57,
+            "Location": "School",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Arkansas",
+            "Rate": 60,
+            "Location": "School",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "California",
+            "Rate": 30,
+            "Location": "Home",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Colorado",
+            "Rate": 40,
+            "Location": "Vehicle",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Connecticut",
+            "Rate": 55,
+            "Location": "Home",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Deleware",
+            "Rate": "57",
+            "Location": "Home",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "DC",
+            "Rate": 60,
+            "Location": "Home",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Florida",
+            "Rate": 30,
+            "Location": "Work",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Georgia",
+            "Rate": 40,
+            "Location": "Work",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Guam",
+            "Rate": 55,
+            "Location": "Home",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Hawaii",
+            "Rate": 57,
+            "Location": "School",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Idaho",
+            "Rate": 60,
+            "Location": "School",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Illinois",
+            "Rate": 30,
+            "Location": "Work",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Indiana",
+            "Rate": 40,
+            "Location": "Vehicle",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Iowa",
+            "Rate": 55,
+            "Location": "Home",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Kansas",
+            "Rate": 57,
+            "Location": "Home",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Kentucky",
+            "Rate": 60,
+            "Location": "NA",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Louisiana",
+            "Rate": 30,
+            "Location": "Vehicle",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Maine",
+            "Rate": 40,
+            "Location": "Work",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Marshall Islands",
+            "Rate": 55,
+            "Location": "Home",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Maryland",
+            "Rate": 57,
+            "Location": "School",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Massachusetts",
+            "Rate": 60,
+            "Location": "School",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Michigan",
+            "Rate": 12,
+            "Location": "Work",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Micronesia",
+            "Rate": 65,
+            "Location": "Vehicle",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Minnesota",
+            "Rate": 55,
+            "Location": "Home",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Mississippi",
+            "Rate": 57,
+            "Location": "Home",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Montana",
+            "Rate": 60,
+            "Location": "Home",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Montana",
+            "Rate": 30,
+            "Location": "Vehicle",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Nebraska",
+            "Rate": 40,
+            "Location": "Work",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Nevada",
+            "Rate": 55,
+            "Location": "Home",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "New Hampshire",
+            "Rate": 57,
+            "Location": "School",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "New Jersey",
+            "Rate": 60,
+            "Location": "School",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "New Mexico",
+            "Rate": 12,
+            "Location": "Work",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "New York",
+            "Rate": 40,
+            "Location": "Vehicle",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "North Carolina",
+            "Rate": 55,
+            "Location": "Home",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "North Dakota",
+            "Rate": 57,
+            "Location": "Home",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Northern Mariana Islands",
+            "Rate": "60",
+            "Location": "Home",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Ohio",
+            "Rate": 88,
+            "Location": "Vehicle",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Oklahoma",
+            "Rate": 40,
+            "Location": "Work",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Oregon",
+            "Rate": 55,
+            "Location": "Home",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Palau",
+            "Rate": 15,
+            "Location": "School",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Pennsylvania",
+            "Rate": 60,
+            "Location": "School",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Puerto Rico",
+            "Rate": 30,
+            "Location": "Work",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Rhode Island",
+            "Rate": 40,
+            "Location": "Vehicle",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "South Carolina",
+            "Rate": 55,
+            "Location": "Home",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "South Dakota",
+            "Rate": 86,
+            "Location": "Home",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Tennessee",
+            "Rate": 60,
+            "Location": "Home",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Texas",
+            "Rate": 30,
+            "Location": "Vehicle",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Utah",
+            "Rate": 54,
+            "Location": "Work",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Vermont",
+            "Rate": 40,
+            "Location": "Home",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Virgin Islands",
+            "Rate": 55,
+            "Location": "School",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Virginia",
+            "Rate": 57,
+            "Location": "School",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Washington",
+            "Rate": 62,
+            "Location": "Work",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "West Virginia",
+            "Rate": 25,
+            "Location": "Vehicle",
+            "URL": "https://www.cdc.gov/"
+        },
+        {
+            "STATE": "Wyoming",
+            "Rate": 43,
+            "Location": "Vehicle",
+            "URL": "https://www.cdc.gov/"
+        }
+    ],
+    "dataFileName": "valid-data-map.csv",
+    "dataFileSourceType": "file",
+    "orientation": null,
+    "visualizationSubType": null,
+    "validated": "4.24.3"
+}

package/index.html

@@ -6,23 +6,23 @@
     <style type="text/css">
       body {
         margin: 0;
+        border-top: none !important;
       }
 
       .cdc-map-outer-container {
         min-height: 100vh;
       }
-      /* .alaska,
-      .hawaii {
-        display: none;
-      } */
     </style>
+    <link rel="stylesheet prefetch" href="https://www.cdc.gov/TemplatePackage/contrib/libs/bootstrap/latest/css/bootstrap.min.css?_=39423" />
+    <link rel="stylesheet prefetch" href="https://www.cdc.gov/TemplatePackage/4.0/assets/css/app.min.css?_=39423" />
   </head>
 
   <body>
     <!-- DEFAULT EXAMPLES -->
-    <div class="react-container" data-config="/examples/private/map.json"></div>
+    <!-- <div class="react-container" data-config="/examples/hex-colors.json"></div> -->
+    <!-- <div class="react-container" data-config="/examples/private/map.json"></div> -->
     <!-- <div class="react-container" data-config="/examples/private/zika-issue.json"></div> -->
-    <!-- <div class="react-container react-container--maps" data-config="/examples/usa-special-class-legend.json">/</div> -->
+    <div class="react-container react-container--maps" data-config="/examples/usa-special-class-legend.json">/</div>
 
     <!-- <div class="react-container react-container--maps" data-config="/examples/private/tooltip-issue.json"></div> -->
     <!-- <div class="react-container react-container--maps" data-config="/examples/test.json"></div> -->
@@ -33,7 +33,7 @@
     <!-- <div class="react-container react-container--maps" data-config="/examples/test.json"></div> -->
     <!-- <div class="react-container react-container--maps" data-config="/examples/default-usa-regions.json"></div> -->
     <!-- <div class="react-container react-container--maps" data-config="/examples/default-usa.json"></div> -->
-    <!-- <div class="react-container react-container--maps" data-config="https://www.cdc.gov/wcms/4.0/cdc-wp/data-presentation/examples/US-County-Level-Map.json"></div> -->
+    <div class="react-container react-container--maps" data-config="https://www.cdc.gov/wcms/4.0/cdc-wp/data-presentation/examples/US-County-Level-Map.json"></div>
     <!-- <div class="react-container react-container&#45;&#45;maps" data-config="/examples/default-geocode.json"></div> -->
     <!-- <div class="react-container react-container&#45;&#45;maps" data-config="/examples/default-single-state.json"></div> -->
     <!-- <div class="react-container react-container&#45;&#45;maps" data-config="/examples/bubble-us.json"></div> -->
@@ -54,7 +54,7 @@
     <!-- TP4 EXAMPLES -->
     <div class="react-container react-container--maps" data-config="/examples/example-city-state.json"></div>
     <!-- <div class="react-container react-container--maps" data-config="/examples/example-city-state-no-territories.json"></div> -->
-    <!-- <div class="react-container react-container--maps" data-config="/examples/example-world-map.json"></div> -->
+    <div class="react-container react-container--maps" data-config="/examples/example-world-map.json"></div>
     <!-- <div class="react-container react-container--maps" data-config="/examples/default-hex.json"></div> -->
 
     <!-- <div class="react-container" data-config="/examples/example-hex-map-with-filter.json"></div> -->

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdc/map",
-  "version": "4.24.3",
+  "version": "4.24.4",
   "description": "React component for visualizing tabular data on a map of the United States or the world.",
   "moduleName": "CdcMap",
   "main": "dist/cdcmap",
@@ -24,7 +24,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@cdc/core": "^4.24.3",
+    "@cdc/core": "^4.24.4",
     "@emotion/core": "^10.0.28",
     "@emotion/react": "^11.1.5",
     "@hello-pangea/dnd": "^16.2.0",
@@ -51,5 +51,5 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
-  "gitHead": "9c7ef7ca74f2d2a1e04d923b133fe0fc557a62bf"
+  "gitHead": "1843b4632140d582af6a87606374cbd4fe25ad5c"
 }