@cdc/map 4.25.3 → 4.25.6

package/examples/private/{mmr.json → wastewatermap.json}

@@ -1,55 +1,55 @@
 {
   "annotations": [],
   "general": {
-    "noStateFoundMessage": "Map Unavailable",
-    "annotationDropdownText": "Annotations",
     "geoBorderColor": "darkGray",
     "headerColor": "theme-blue",
     "title": "",
     "showTitle": true,
     "showSidebar": true,
-    "showDownloadButton": true,
+    "showDownloadButton": false,
     "showDownloadMediaButton": false,
     "displayAsHex": false,
-    "displayStateLabels": false,
-    "territoriesLabel": "Territories",
-    "territoriesAlwaysShow": false,
+    "displayStateLabels": true,
+    "territoriesAlwaysShow": true,
     "language": "en",
     "geoType": "us",
-    "geoLabelOverride": "",
+    "geoLabelOverride": "State/Territory",
     "hasRegions": false,
     "fullBorder": false,
     "type": "map",
     "convertFipsCodes": true,
     "palette": {
-      "isReversed": false
+      "isReversed": true
     },
-    "allowMapZoom": false,
-    "hideGeoColumnInTooltip": true,
+    "allowMapZoom": true,
+    "hideGeoColumnInTooltip": false,
     "hidePrimaryColumnInTooltip": false,
     "statePicked": {
       "fipsCode": "01",
       "stateName": "Alabama"
     },
     "expandDataTable": false,
-    "footnotes": "Note: Alabama, Florida, Georgia, Iowa, Mississippi, New Hampshire, and New Jersey did not assess coverage for individual vaccines. Estimates shown are the percentage of kindergartners who received all doses of all vaccines required for school entry."
+    "annotationDropdownText": "Annotations",
+    "noStateFoundMessage": "Map Unavailable",
+    "subtext": "<div class=\"text-left\">Data last updated on <span data-timestamp=\"nwss_rsv_sc2_flua_combined_state_map:Data_as_of\"></span> and presented through <span data-timestamp=\"nwss_rsv_sc2_flua_combined_state_map:Data_Presented_Through\"></span>. ",
+    "navigationTarget": "_self"
   },
   "type": "map",
-  "color": "pinkpurple",
+  "color": "greenbluereverse",
   "columns": {
     "geo": {
-      "name": "geography",
+      "name": "State",
       "label": "Location",
       "tooltip": false,
       "dataTable": true
     },
     "primary": {
       "dataTable": true,
-      "tooltip": false,
+      "tooltip": true,
       "prefix": "",
       "suffix": "",
-      "name": "categories",
-      "label": "Category",
+      "name": "activity_level_label",
+      "label": "Viral Activity Level",
       "roundToPlace": 0
     },
     "navigate": {
@@ -62,127 +62,81 @@
       "name": ""
     },
     "additionalColumn1": {
-      "label": "Estimated Percent Vaccinated",
+      "label": "Sites Currently Reporting",
       "dataTable": true,
       "tooltips": false,
       "prefix": "",
       "suffix": "",
-      "name": "estimate_pct",
+      "name": "num_sites",
       "tooltip": true
     },
     "additionalColumn2": {
-      "label": "School Year",
+      "label": "Limited Coverage",
       "dataTable": true,
       "tooltips": false,
       "prefix": "",
       "suffix": "",
-      "name": "school_year",
-      "tooltip": true
+      "tooltip": false,
+      "name": "hatch"
     },
     "additionalColumn3": {
-      "label": "Population Size",
-      "dataTable": true,
+      "label": "",
+      "dataTable": false,
       "tooltips": false,
       "prefix": "",
       "suffix": "",
-      "name": "population_size",
+      "tooltip": true,
       "useCommas": true,
-      "tooltip": false
-    },
-    "additionalColumn4": {
-      "label": "Percent Surveyed",
-      "dataTable": true,
-      "tooltips": false,
-      "prefix": "",
-      "suffix": "%",
-      "name": "percent_surveyed",
-      "tooltip": false
-    },
-    "additionalColumn5": {
-      "label": "Survey Type",
-      "dataTable": true,
-      "tooltips": false,
-      "prefix": "",
-      "suffix": "",
-      "name": "survey_type",
-      "tooltip": false
+      "name": "hatch"
     }
   },
   "legend": {
     "descriptions": {},
-    "specialClasses": [
-      {
-        "key": "categories",
-        "value": "NA",
-        "label": "Not available"
-      },
-      {
-        "key": "estimate_pct",
-        "value": "NA",
-        "label": "Not available"
-      },
-      {}
-    ],
-    "unified": true,
+    "specialClasses": [],
+    "unified": false,
     "singleColumn": false,
-    "singleRow": false,
+    "singleRow": true,
     "verticalSorted": false,
     "showSpecialClassesLast": true,
     "dynamicDescription": false,
     "type": "category",
-    "numberOfItems": 3,
-    "position": "bottom",
-    "title": "Percent Vaccinated",
-    "style": "circles",
+    "numberOfItems": 8,
+    "position": "top",
+    "title": "Wastewater Viral Activity Level",
+    "categoryValuesOrder": ["Very Low", "Low", "Moderate", "High", "Very High", "No Data", "Minimal"],
+    "additionalCategories": ["No Data", "Very Low", "Low", "Moderate", "High", "Very High"],
+    "description": "",
+    "style": "gradient",
     "subStyle": "linear blocks",
     "tickRotation": "",
     "singleColumnLegend": false,
-    "hideBorder": false,
-    "categoryValuesOrder": [
-      "Less than 90%",
-      "90-94.9%",
-      "95%+",
-      "NA"
-    ]
+    "hideBorder": true
   },
   "filters": [
     {
-      "order": "desc",
-      "label": "",
-      "columnName": "school_year",
-      "values": [
-        "2009-10",
-        "2010-11",
-        "2011-12",
-        "2012-13",
-        "2013-14",
-        "2014-15",
-        "2015-16",
-        "2016-17",
-        "2017-18",
-        "2018-19",
-        "2019-20",
-        "2020-21",
-        "2021-22",
-        "2022-23",
-        "2023-24"
-      ],
-      "filterStyle": "dropdown"
+      "order": "asc",
+      "label": "Select a virus:",
+      "columnName": "pathogen",
+      "values": ["COVID-19", "Influenza A", "RSV"],
+      "active": "COVID-19",
+      "filterStyle": "dropdown",
+      "orderedValues": ["COVID-19", "Influenza A", "RSV"]
     }
   ],
   "table": {
-    "wrapColumns": true,
     "label": "Data Table",
     "expanded": false,
-    "limitHeight": false,
-    "height": "",
+    "limitHeight": true,
+    "height": "500",
     "caption": "",
     "showDownloadUrl": false,
     "showDataTableLink": true,
     "showFullGeoNameInCSV": false,
     "forceDisplay": true,
     "download": true,
-    "indexLabel": ""
+    "indexLabel": "State/Territory",
+    "wrapColumns": false,
+    "showDownloadLinkBelow": true
   },
   "tooltips": {
     "appearanceType": "hover",
@@ -195,21 +149,26 @@
     "maxBubbleSize": 20,
     "extraBubbleBorder": false,
     "cityStyle": "circle",
-    "cityStyleLabel": "",
+    "geoCodeCircleSize": 2,
     "showBubbleZeros": false,
-    "additionalCityStyles": [],
-    "geoCodeCircleSize": 8
+    "cityStyleLabel": "",
+    "additionalCityStyles": []
   },
   "mapPosition": {
-    "coordinates": [
-      0,
-      30
-    ],
+    "coordinates": [0, 30],
     "zoom": 1
   },
   "map": {
     "layers": [],
-    "patterns": []
+    "patterns": [
+      {
+        "dataKey": "hatch",
+        "pattern": "lines",
+        "dataValue": "Limited Coverage",
+        "label": "Limited Coverage*",
+        "size": "medium"
+      }
+    ]
   },
   "hexMap": {
     "type": "",
@@ -230,17 +189,29 @@
     ]
   },
   "filterBehavior": "Filter Change",
-  "dataUrl": "https://www.cdc.gov/wcms/vizdata/measles/MeaslesKindergartenVaxcovExemptions.json",
-  "dataFileName": "/wcms/vizdata/measles/MeaslesKindergartenVaxcovExemptions.json",
-  "dataFileSourceType": "url",
-  "version": "4.24.9",
+  "filterIntro": "",
   "customColors": [
-    "#EB7723",
-    "#EB7723",
-    "#F2A46C",
-    "#F2A46C",
-    "#9BBFDC",
-    "#9BBFDC",
-    "#9BBFDC"
-  ]
-}
+    "#C8EFDA",
+    "#9FDAD0",
+    "#9FDAD0",
+    "#6BB0BD",
+    "#4B7F9B",
+    "#34547B",
+    "#B4B4B4",
+    "#B4B4B4",
+    "#B4B4B4",
+    "#B4B4B4"
+  ],
+  "datasets": {},
+  "dataFileName": "https://www.cdc.gov/wcms/vizdata/ncezid_didri/NWSSStateMapCombined.json",
+  "dataFileSourceType": "url",
+  "dataDescription": {
+    "horizontal": false,
+    "series": false
+  },
+  "version": "4.25.1",
+  "dataUrl": "https://www.cdc.gov/wcms/vizdata/ncezid_didri/NWSSStateMapCombined.json",
+  "migrations": {
+    "addColorMigration": true
+  }
+}

package/index.html

@@ -1,66 +1,39 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
-    <style type="text/css">
-      body {
-        margin: 0;
-        border-top: none !important;
-      }
 
-      .cdc-map-outer-container {
-        min-height: 100vh;
-      }
-    </style>
-    <link rel="stylesheet prefetch" href="https://www.cdc.gov/TemplatePackage/5.0/css/app.min.css?_=71669" />
-  </head>
-
-  <body>
-    <!-- DEFAULT EXAMPLES -->
-    <!-- <div class="react-container" data-config="/examples/private/nhis.json"></div> -->
-    <!-- <div class="react-container" data-config="/examples/hex-colors.json"></div> -->
-    <!-- <div class="react-container react-container--maps" data-config="/examples/annotation/index.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> -->
-    <!-- <div class="react-container react-container--maps" data-config="/examples/test.json"></div> -->
-    <!-- <div class="react-container react-container--maps" data-config="/examples/private/map-text-wrap.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> -->
-    <!-- <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&#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> -->
-    <!-- <div class="react-container react-container&#45;&#45;maps" data-config="/examples/bubble-world.json"></div> -->
-
-    <!-- TESTS DATA TABLE SORT-->
-    <!-- <div class="react-container" data-config="/examples/private/wastewater.json"></div> -->
-
-    <!-- TP4 EXAMPLES -->
-    <!-- <div class="react-container react-container--maps" data-config="/examples/custom-map-layers.json"></div> -->
-    <!-- <div class="react-container react-container--maps" data-config="/examples/private/world-map.json"></div> -->
-    <!-- <div class="react-container react-container--maps" data-config="/examples/default-hex.json"></div> -->
-    <!-- <div class="react-container react-container--maps" data-config="/examples/default-hex.json"></div> -->
-    <!-- <div class="react-container react-container--maps" data-config="/examples/hex-with-arrows.json"></div> -->
-
-    <!-- TP4 EXAMPLES -->
-    <div class="react-container react-container&#45;&#45;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/default-hex.json"></div> -->
-
-    <!-- <div class="react-container" data-config="/examples/example-hex-map-with-filter.json"></div> -->
-
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <script type="module" src="./src/index.jsx"></script>
-  </body>
-</html>
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+  <style type="text/css">
+    body {
+      margin: 0;
+      border-top: none !important;
+    }
+
+    .cdc-map-outer-container {
+      min-height: 100vh;
+    }
+  </style>
+  <link rel="stylesheet prefetch" href="https://www.cdc.gov/TemplatePackage/5.0/css/app.min.css?_=71669" />
+
+  <!-- This is temporary and for testing until Nunito/900 is added to TP -->
+  <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@900&display=swap" rel="stylesheet" />
+  <style type="text/css">
+    @font-face {
+      font-family: 'Nunito';
+      font-weight: 900;
+      font-display: swap;
+      src: url('https://app.unpkg.com/@fontsource/nunito@5.0.18/files/files/nunito-latin-900-normal.woff2') format('woff2');
+    }
+  </style>
+</head>
+
+<body>
+  <!-- DEFAULT EXAMPLES -->
+  <div class="react-container" data-config="/examples/default-hex.json"></div>
+
+  <noscript>You need to enable JavaScript to run this app.</noscript>
+  <script type="module" src="./src/index.jsx"></script>
+</body>
+
+</html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdc/map",
-  "version": "4.25.3",
+  "version": "4.25.6",
   "description": "React component for visualizing tabular data on a map of the United States or the world.",
   "moduleName": "CdcMap",
   "main": "dist/cdcmap",
@@ -25,37 +25,25 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@cdc/core": "^4.25.3",
-    "@emotion/core": "^10.0.28",
-    "@emotion/react": "^11.1.5",
+    "@cdc/core": "^4.25.6",
     "@googlemaps/markerclusterer": "^2.5.3",
     "@hello-pangea/dnd": "^16.2.0",
-    "@react-google-maps/api": "^2.20.3",
-    "@visx/geo": "^1.13.0",
+    "@react-google-maps/api": "^2.20.6",
+    "@visx/geo": "^3.12.0",
     "chroma": "0.0.1",
-    "chroma-js": "^2.1.0",
-    "d3": "^7.8.2",
+    "d3": "^7.9.0",
     "d3-composite-projections": "^1.4.0",
     "d3-selection": "^3.0.0",
     "d3-zoom": "^3.0.0",
-    "html-react-parser": "^3.0.8",
-    "html2canvas": "^1.0.0-rc.7",
     "leaflet": "^1.9.4",
     "lodash.debounce": "^4.0.8",
-    "papaparse": "^5.3.0",
     "react-accessible-accordion": "^3.0.1",
-    "react-leaflet": "^4.2.1",
-    "react-leaflet-markercluster": "^4.1.1",
-    "react-table": "^7.5.0",
-    "react-tag-autocomplete": "^6.0.0",
-    "react-tooltip": "5.8.2-beta.3",
     "topojson-client": "^3.1.0",
-    "use-debounce": "^5.2.0",
-    "whatwg-fetch": "^3.6.2"
+    "use-debounce": "^10.0.5"
   },
   "peerDependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
-  "gitHead": "b09566f5a7d57c8d0109e5f407257729d6b36846"
+  "gitHead": "6097de1ff814001880d9ac64bd66becdc092d63c"
 }