@cdc/map 4.23.2 → 4.23.4

package/examples/testing-layer-2.json

@@ -0,0 +1 @@
+{"type":"Topology","arcs":[[[0,96],[101,-7],[-1,-89],[-87,12],[-13,84]]],"transform":{"scale":[0.13053063168316828,0.06265089895833335],"translate":[-105.5395304,42.6239805]},"objects":{"Untitled layer (2)":{"type":"GeometryCollection","geometries":[{"arcs":[[0]],"type":"Polygon","properties":{"name":"Polygon 3","styleUrl":"#poly-000000-1200-77-nodesc","fill-opacity":0.30196078431372547,"fill":"#000000","stroke-opacity":1,"stroke":"#000000","stroke-width":1.2}}]}}}

package/examples/testing-layer.json

@@ -0,0 +1,96 @@
+{
+  "type": "Topology",
+  "arcs": [
+    [
+      [
+        129,
+        163
+      ],
+      [
+        14,
+        -127
+      ],
+      [
+        -143,
+        114
+      ],
+      [
+        129,
+        13
+      ]
+    ],
+    [
+      [
+        245,
+        0
+      ],
+      [
+        -14,
+        49
+      ],
+      [
+        23,
+        -2
+      ],
+      [
+        9,
+        -42
+      ],
+      [
+        -18,
+        -5
+      ]
+    ]
+  ],
+  "transform": {
+    "scale": [
+      0.13050833117870725,
+      0.06478136993865032
+    ],
+    "translate": [
+      -116.2166096,
+      31.6689211
+    ]
+  },
+  "objects": {
+    "cove": {
+      "type": "GeometryCollection",
+      "geometries": [
+        {
+          "arcs": [
+            [
+              0
+            ]
+          ],
+          "type": "Polygon",
+          "properties": {
+            "name": "Polygon 2",
+            "styleUrl": "#poly-000000-1200-77-nodesc",
+            "fill-opacity": 0.30196078431372547,
+            "fill": "blue",
+            "stroke-opacity": 1,
+            "stroke": "red",
+            "stroke-width": 5
+          }
+        },
+        {
+          "arcs": [
+            [
+              1
+            ]
+          ],
+          "type": "Polygon",
+          "properties": {
+            "name": "Polygon 5",
+            "styleUrl": "#poly-000000-1200-77-nodesc",
+            "fill-opacity": 0.30196078431372547,
+            "fill": "green",
+            "stroke-opacity": 0,
+            "stroke": "#000000",
+            "stroke-width": 1.2
+          }
+        }
+      ]
+    }
+  }
+}

package/examples/world-geocode-data.json

@@ -0,0 +1,18 @@
+[
+  {
+    "Country": "Argentina",
+    "Cases": "100",
+    "Category": "Has not historically reported monkeypox",
+    "AsOf": "11 Jul 2022 5:00 PM EDT",
+    "longitude": "-63.6",
+    "latitude": "-38.4"
+  },
+  {
+    "Country": "New York City",
+    "Cases": "10",
+    "Category": "Has not historically reported monkeypox",
+    "AsOf": "11 Jul 2022 5:00 PM EDT",
+    "longitude": "-74.006",
+    "latitude": "40.712"
+  }
+]

package/examples/world-geocode.json

@@ -0,0 +1,108 @@
+{
+  "general": {
+    "title": "Default World Map",
+    "subtext": "",
+    "type": "world-geocode",
+    "geoType": "world",
+    "headerColor": "theme-blue",
+    "geoBorderColor": "darkGray",
+    "showSidebar": true,
+    "showTitle": true,
+    "showDownloadButton": true,
+    "expandDataTable": true,
+    "equalNumberOptIn": true,
+    "showDownloadMediaButton": false,
+    "displayAsHex": false,
+    "displayStateLabels": false,
+    "territoriesLabel": "Territories",
+    "language": "en",
+    "geoLabelOverride": "",
+    "hasRegions": false,
+    "fullBorder": false,
+    "palette": {
+      "isReversed": false
+    },
+    "allowMapZoom": true,
+    "hideGeoColumnInTooltip": false,
+    "hidePrimaryColumnInTooltip": false,
+    "statePicked": {
+      "fipsCode": "01",
+      "stateName": "Alabama"
+    }
+  },
+  "type": "map",
+  "color": "pinkpurple",
+  "columns": {
+    "geo": {
+      "name": "Country",
+      "label": "Location",
+      "tooltip": false,
+      "dataTable": true
+    },
+    "primary": {
+      "name": "Cases",
+      "label": "Data Label",
+      "prefix": "",
+      "suffix": "%",
+      "dataTable": true,
+      "tooltip": true
+    },
+    "navigate": {
+      "name": "Link",
+      "tooltip": false,
+      "dataTable": false
+    },
+    "latitude": {
+      "name": "latitude"
+    },
+    "longitude": {
+      "name": "longitude"
+    }
+  },
+  "legend": {
+    "numberOfItems": 3,
+    "position": "side",
+    "title": "Legend Title",
+    "description": "Legend Text",
+    "type": "equalnumber",
+    "specialClasses": [],
+    "separateZero": true,
+    "descriptions": {},
+    "unified": false,
+    "singleColumn": false,
+    "singleRow": false,
+    "dynamicDescription": false
+  },
+  "filters": [],
+  "dataTable": {
+    "title": "Data Table",
+    "forceDisplay": true
+  },
+  "table": {
+    "showDownloadUrl": false
+  },
+  "tooltips": {
+    "appearanceType": "hover",
+    "linkLabel": "Learn More",
+    "capitalizeLabels": true
+  },
+  "runtime": {
+    "editorErrorMessage": []
+  },
+  "visual": {
+    "minBubbleSize": 1,
+    "maxBubbleSize": 20,
+    "extraBubbleBorder": false,
+    "cityStyle": "circle",
+    "geoCodeCircleSize": 8,
+    "showBubbleZeros": false
+  },
+  "mapPosition": {
+    "coordinates": [
+      0,
+      30
+    ],
+    "zoom": 1
+  },
+  "dataUrl": "http://localhost:8080/examples/world-geocode-data.json"
+}

package/index.html

@@ -1,39 +1,45 @@
 <!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;
+      }
 
-<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;
-    }
+      .cdc-map-outer-container {
+        min-height: 100vh;
+      }
+    </style>
+  </head>
 
-    .cdc-map-outer-container {
-      min-height: 100vh;
-    }
-  </style>
-</head>
-
-<body>
-  <!-- DEFAULT EXAMPLES -->
-  <!-- <div class="react-container react-container--maps" data-config="/examples/default-county.json"></div> -->
-  <!--   <div class="react-container react-container&#45;&#45;maps" data-config="/examples/default-geocode.json"></div>-->
+  <body>
+    <!-- DEFAULT EXAMPLES -->
+    <!-- <div class="react-container react-container--maps" data-config="/examples/default-county.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-usa-regions.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/default-world.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> -->
+    <!-- <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/default-world.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> -->
 
-  <!-- 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-world-map.json"></div> -->
-  <!-- <div class="react-container react-container--maps" data-config="/examples/default-hex.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/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/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> -->
+    <!-- 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/default-hex.json"></div>  -->
 
-  <noscript>You need to enable JavaScript to run this app.</noscript>
-  <script type="module" src="./src/index.jsx"></script>
-</body>
+    <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>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdc/map",
-  "version": "4.23.2",
+  "version": "4.23.4",
   "description": "React component for visualizing tabular data on a map of the United States or the world.",
   "moduleName": "CdcMap",
   "main": "dist/cdcmap",
@@ -8,6 +8,8 @@
   "scripts": {
     "start": "vite --open",
     "build": "vite build",
+    "test": "vitest watch --reporter verbose",
+    "test:ui": "vitest --ui",
     "preview": "vite preview",
     "graph": "nx graph",
     "prepublishOnly": "lerna run --scope @cdc/map build"
@@ -22,7 +24,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@cdc/core": "^4.23.2",
+    "@cdc/core": "^4.23.4",
     "@emotion/core": "^10.0.28",
     "@emotion/react": "^11.1.5",
     "@hello-pangea/dnd": "^16.2.0",
@@ -35,6 +37,7 @@
     "d3-zoom": "^3.0.0",
     "html-react-parser": "^3.0.8",
     "html2canvas": "^1.0.0-rc.7",
+    "lodash.debounce": "^4.0.8",
     "papaparse": "^5.3.0",
     "react-accessible-accordion": "^3.0.1",
     "react-table": "^7.5.0",
@@ -48,5 +51,5 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
-  "gitHead": "cd4216f47b1c41bfbc1de3b704f70c52cc7293c2"
+  "gitHead": "dcd395d76f70b2d113f2b4c6fe50a52522655cd1"
 }