@cdc/map 4.24.5 → 4.24.9

package/examples/single-state-filter.json

@@ -0,0 +1,153 @@
+{
+  "general": {
+    "geoType": "single-state",
+    "type": "data",
+    "geoBorderColor": "darkGray",
+    "headerColor": "theme-blue",
+    "title": "Example County Set By Year Filter State Data Map",
+    "showTitle": true,
+    "showSidebar": true,
+    "showDownloadButton": true,
+    "showDownloadMediaButton": false,
+    "displayAsHex": false,
+    "displayStateLabels": false,
+    "territoriesLabel": "Territories",
+    "territoriesAlwaysShow": false,
+    "language": "en",
+    "geoLabelOverride": "",
+    "hasRegions": false,
+    "fullBorder": false,
+    "convertFipsCodes": true,
+    "palette": {
+      "isReversed": false
+    },
+    "allowMapZoom": true,
+    "hideGeoColumnInTooltip": false,
+    "hidePrimaryColumnInTooltip": false,
+    "statePicked": {
+      "fipsCode": "02",
+      "stateName": "Alaska"
+    },
+    "expandDataTable": false,
+    "filterControlsCountyYear": "YEAR"
+  },
+  "type": "map",
+  "color": "pinkpurple",
+  "columns": {
+    "geo": {
+      "name": "FIPS",
+      "label": "Location",
+      "tooltip": false,
+      "dataTable": true
+    },
+    "primary": {
+      "dataTable": true,
+      "tooltip": true,
+      "prefix": "",
+      "suffix": "",
+      "name": "VALUE",
+      "label": ""
+    },
+    "navigate": {
+      "name": ""
+    },
+    "latitude": {
+      "name": ""
+    },
+    "longitude": {
+      "name": ""
+    }
+  },
+  "legend": {
+    "descriptions": {},
+    "specialClasses": [],
+    "unified": true,
+    "singleColumn": false,
+    "singleRow": false,
+    "verticalSorted": false,
+    "showSpecialClassesLast": false,
+    "dynamicDescription": false,
+    "type": "equalnumber",
+    "numberOfItems": 6,
+    "position": "side",
+    "title": "Legend"
+  },
+  "filters": [
+    {
+      "order": "asc",
+      "label": "Year",
+      "columnName": "YEAR",
+      "values": [
+        "2019",
+        "2020"
+      ],
+      "active": "2019",
+      "filterStyle": "dropdown"
+    }
+  ],
+  "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": "",
+    "shapeGroups": [
+      {
+        "legendTitle": "",
+        "legendDescription": "",
+        "items": [
+          {
+            "key": "",
+            "shape": "Arrow Up",
+            "column": "",
+            "operator": "=",
+            "value": ""
+          }
+        ]
+      }
+    ]
+  },
+  "filterBehavior": "Filter Change",
+  "datasets": {},
+  "dataFileName": "https://wcms-wp.cdc.gov/wcms/4.0/cdc-wp/data-presentation/data/county-year.csv",
+  "dataFileSourceType": "url",
+  "dataUrl": "http://localhost:8080/examples/county-year.csv",
+  "version": "4.24.4"
+}

package/index.html

@@ -13,16 +13,20 @@
         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/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/annotation/usa-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/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> -->
@@ -34,9 +38,9 @@
     <!-- <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/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-->
@@ -54,7 +58,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.5",
+  "version": "4.24.9",
   "description": "React component for visualizing tabular data on a map of the United States or the world.",
   "moduleName": "CdcMap",
   "main": "dist/cdcmap",
@@ -8,8 +8,9 @@
   "scripts": {
     "start": "vite --open",
     "build": "vite build",
-    "test": "vitest watch --reporter verbose",
-    "test:ui": "vitest --ui",
+    "test": "vitest run --reporter verbose",
+    "test-watch": "vitest watch --reporter verbose",
+    "test-watch:ui": "vitest --ui",
     "preview": "vite preview",
     "graph": "nx graph",
     "prepublishOnly": "lerna run --scope @cdc/map build"
@@ -24,7 +25,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@cdc/core": "^4.24.5",
+    "@cdc/core": "^4.24.9",
     "@emotion/core": "^10.0.28",
     "@emotion/react": "^11.1.5",
     "@hello-pangea/dnd": "^16.2.0",
@@ -51,5 +52,5 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
-  "gitHead": "def85aaf4cd9dc1983e80f2900199f35de82af95"
+  "gitHead": "c4b0402afe6ed209a85b7078711549b9fd7dae7d"
 }