@cdc/map 4.24.12-2 → 4.25.1

package/examples/annotation/index.json

@@ -549,4 +549,4 @@
   "validated": 4.23,
   "version": "4.24.4",
   "showEditorPanel": true
-}
+}

package/examples/custom-map-layers.json

@@ -769,4 +769,4 @@
       "URL": "https://www.cdc.gov/"
     }
   ]
-}
+}

package/examples/default-geocode.json

@@ -651,7 +651,7 @@
       "Value": 82
     },
     {
-      "City": "Richmond",
+      "City": "Richmond, Virginia",
       "Longitude": "-77.43605",
       "Latitude": "37.540726",
       "Value": 83
@@ -811,4 +811,4 @@
   "fullBorder": false,
   "validated": 4.23,
   "version": "4.24.11"
-}
+}

package/examples/private/mmr.json

@@ -0,0 +1,246 @@
+{
+  "annotations": [],
+  "general": {
+    "noStateFoundMessage": "Map Unavailable",
+    "annotationDropdownText": "Annotations",
+    "geoBorderColor": "darkGray",
+    "headerColor": "theme-blue",
+    "title": "",
+    "showTitle": true,
+    "showSidebar": true,
+    "showDownloadButton": true,
+    "showDownloadMediaButton": false,
+    "displayAsHex": false,
+    "displayStateLabels": false,
+    "territoriesLabel": "Territories",
+    "territoriesAlwaysShow": false,
+    "language": "en",
+    "geoType": "us",
+    "geoLabelOverride": "",
+    "hasRegions": false,
+    "fullBorder": false,
+    "type": "map",
+    "convertFipsCodes": true,
+    "palette": {
+      "isReversed": false
+    },
+    "allowMapZoom": false,
+    "hideGeoColumnInTooltip": true,
+    "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."
+  },
+  "type": "map",
+  "color": "pinkpurple",
+  "columns": {
+    "geo": {
+      "name": "geography",
+      "label": "Location",
+      "tooltip": false,
+      "dataTable": true
+    },
+    "primary": {
+      "dataTable": true,
+      "tooltip": false,
+      "prefix": "",
+      "suffix": "",
+      "name": "categories",
+      "label": "Category",
+      "roundToPlace": 0
+    },
+    "navigate": {
+      "name": ""
+    },
+    "latitude": {
+      "name": ""
+    },
+    "longitude": {
+      "name": ""
+    },
+    "additionalColumn1": {
+      "label": "Estimated Percent Vaccinated",
+      "dataTable": true,
+      "tooltips": false,
+      "prefix": "",
+      "suffix": "",
+      "name": "estimate_pct",
+      "tooltip": true
+    },
+    "additionalColumn2": {
+      "label": "School Year",
+      "dataTable": true,
+      "tooltips": false,
+      "prefix": "",
+      "suffix": "",
+      "name": "school_year",
+      "tooltip": true
+    },
+    "additionalColumn3": {
+      "label": "Population Size",
+      "dataTable": true,
+      "tooltips": false,
+      "prefix": "",
+      "suffix": "",
+      "name": "population_size",
+      "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
+    }
+  },
+  "legend": {
+    "descriptions": {},
+    "specialClasses": [
+      {
+        "key": "categories",
+        "value": "NA",
+        "label": "Not available"
+      },
+      {
+        "key": "estimate_pct",
+        "value": "NA",
+        "label": "Not available"
+      },
+      {}
+    ],
+    "unified": true,
+    "singleColumn": false,
+    "singleRow": false,
+    "verticalSorted": false,
+    "showSpecialClassesLast": true,
+    "dynamicDescription": false,
+    "type": "category",
+    "numberOfItems": 3,
+    "position": "bottom",
+    "title": "Percent Vaccinated",
+    "style": "circles",
+    "subStyle": "linear blocks",
+    "tickRotation": "",
+    "singleColumnLegend": false,
+    "hideBorder": false,
+    "categoryValuesOrder": [
+      "Less than 90%",
+      "90-94.9%",
+      "95%+",
+      "NA"
+    ]
+  },
+  "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"
+    }
+  ],
+  "table": {
+    "wrapColumns": true,
+    "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": "",
+    "shapeGroups": [
+      {
+        "legendTitle": "",
+        "legendDescription": "",
+        "items": [
+          {
+            "key": "",
+            "shape": "Arrow Up",
+            "column": "",
+            "operator": "=",
+            "value": ""
+          }
+        ]
+      }
+    ]
+  },
+  "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",
+  "customColors": [
+    "#EB7723",
+    "#EB7723",
+    "#F2A46C",
+    "#F2A46C",
+    "#9BBFDC",
+    "#9BBFDC",
+    "#9BBFDC"
+  ]
+}

package/index.html

@@ -13,19 +13,13 @@
         min-height: 100vh;
       }
     </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" />
+    <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/default-patterns.json"></div>-->
+    <div class="react-container" data-config="/examples/private/ardi.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/annotation/index.json">/</div> -->
 
     <!-- <div class="react-container react-container--maps" data-config="/examples/private/tooltip-issue.json"></div> -->
@@ -34,9 +28,12 @@
     <!-- <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-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> -->
@@ -46,17 +43,18 @@
     <!-- <div class="react-container" data-config="/examples/private/wastewater.json"></div> -->
 
     <!-- TP4 EXAMPLES -->
-    <!-- <div class="react-container react-container--maps" data-config="/examples/private/solr.json"></div> -->
     <!-- <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/example-city-stateBAD.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--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&#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> -->
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdc/map",
-  "version": "4.24.12-2",
+  "version": "4.25.1",
   "description": "React component for visualizing tabular data on a map of the United States or the world.",
   "moduleName": "CdcMap",
   "main": "dist/cdcmap",
@@ -25,10 +25,12 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@cdc/core": "^4.24.12-2",
+    "@cdc/core": "^4.25.1",
     "@emotion/core": "^10.0.28",
     "@emotion/react": "^11.1.5",
+    "@googlemaps/markerclusterer": "^2.5.3",
     "@hello-pangea/dnd": "^16.2.0",
+    "@react-google-maps/api": "^2.20.3",
     "@visx/geo": "^1.13.0",
     "chroma": "0.0.1",
     "chroma-js": "^2.1.0",
@@ -38,9 +40,12 @@
     "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",
@@ -52,5 +57,5 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
-  "gitHead": "a60edf1148396309eb473ac9f65426ee40797ddf"
+  "gitHead": "c32d727f516fe3525178e3a6480abbe70b2a20d6"
 }