@cdc/map 4.24.9 → 4.24.11

package/src/_stories/_mock/usa-state-gradient.json

@@ -0,0 +1,238 @@
+{
+  "annotations": [],
+  "general": {
+    "geoType": "us",
+    "type": "data",
+    "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",
+    "geoLabelOverride": "",
+    "hasRegions": false,
+    "fullBorder": false,
+    "convertFipsCodes": true,
+    "palette": { "isReversed": false },
+    "allowMapZoom": true,
+    "hideGeoColumnInTooltip": false,
+    "hidePrimaryColumnInTooltip": false,
+    "statePicked": { "fipsCode": "01", "stateName": "Alabama" },
+    "expandDataTable": false
+  },
+  "type": "map",
+  "color": "pinkpurple",
+  "columns": {
+    "geo": { "name": "STATE", "label": "Location", "tooltip": false, "dataTable": true },
+    "primary": {
+      "dataTable": true,
+      "tooltip": true,
+      "prefix": "",
+      "suffix": "",
+      "name": "Rate",
+      "label": "",
+      "roundToPlace": 0
+    },
+    "navigate": { "name": "" },
+    "latitude": { "name": "" },
+    "longitude": { "name": "" }
+  },
+  "legend": {
+    "descriptions": {},
+    "specialClasses": [],
+    "unified": false,
+    "singleColumn": false,
+    "singleRow": false,
+    "verticalSorted": false,
+    "showSpecialClassesLast": false,
+    "dynamicDescription": false,
+    "type": "equalnumber",
+    "numberOfItems": 3,
+    "position": "top",
+    "title": "",
+    "style": "gradient",
+    "subStyle": "linear blocks",
+    "tickRotation": "",
+    "singleColumnLegend": false,
+    "hideBorder": true
+  },
+  "filters": [],
+  "table": {
+    "wrapColumns": false,
+    "label": "Data Table",
+    "expanded": false,
+    "limitHeight": false,
+    "height": "",
+    "caption": "",
+    "showDownloadUrl": false,
+    "showDataTableLink": true,
+    "showDownloadLinkBelow": true,
+    "showFullGeoNameInCSV": false,
+    "forceDisplay": true,
+    "download": true,
+    "indexLabel": ""
+  },
+  "tooltips": { "appearanceType": "hover", "linkLabel": "Learn More", "capitalizeLabels": true, "opacity": 90 },
+  "runtime": { "editorErrorMessage": [] },
+  "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": {},
+  "isResponsiveTicks": false,
+  "barThickness": "0.37",
+  "xAxis": { "type": "categorical", "size": 75, "maxTickRotation": 45, "labelOffset": 0 },
+  "data": [
+    { "STATE": "Overall", "Rate": "55", "Location": "Vehicle", "URL": "https://www.cdc.gov" },
+    { "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",
+  "formattedData": [
+    { "STATE": "Overall", "Rate": "55", "Location": "Vehicle", "URL": "https://www.cdc.gov" },
+    { "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/" }
+  ],
+  "dataDescription": { "horizontal": false, "series": false },
+  "version": "4.24.10"
+}

package/src/_stories/_mock/wastewater-map.json

@@ -0,0 +1,208 @@
+{
+	"annotations": [],
+	"general": {
+		"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": "State/Territory",
+		"hasRegions": false,
+		"fullBorder": false,
+		"type": "map",
+		"convertFipsCodes": true,
+		"palette": { "isReversed": false },
+		"allowMapZoom": true,
+		"hideGeoColumnInTooltip": false,
+		"hidePrimaryColumnInTooltip": false,
+		"statePicked": { "fipsCode": "01", "stateName": "Alabama" },
+		"expandDataTable": false,
+		"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>. "
+	},
+	"type": "map",
+	"color": "greenbluereverse",
+	"columns": {
+		"geo": {
+			"name": "State",
+			"label": "Location",
+			"tooltip": false,
+			"dataTable": true
+		},
+		"primary": {
+			"dataTable": true,
+			"tooltip": true,
+			"prefix": "",
+			"suffix": "",
+			"name": "activity_level_label",
+			"label": "Viral Activity Level",
+			"roundToPlace": 0
+		},
+		"navigate": { "name": "" },
+		"latitude": { "name": "" },
+		"longitude": { "name": "" },
+		"additionalColumn1": {
+			"label": "Sites Currently Reporting",
+			"dataTable": true,
+			"tooltips": false,
+			"prefix": "",
+			"suffix": "",
+			"name": "num_sites",
+			"tooltip": true
+		},
+		"additionalColumn2": {
+			"label": "Limited Coverage",
+			"dataTable": true,
+			"tooltips": false,
+			"prefix": "",
+			"suffix": "",
+			"tooltip": false,
+			"name": "hatch"
+		},
+		"additionalColumn3": {
+			"label": "",
+			"dataTable": false,
+			"tooltips": false,
+			"prefix": "",
+			"suffix": "",
+			"tooltip": true,
+			"useCommas": true,
+			"name": "hatch"
+		}
+	},
+	"legend": {
+		"descriptions": {},
+		"specialClasses": [],
+		"unified": false,
+		"singleColumn": false,
+		"singleRow": true,
+		"verticalSorted": false,
+		"showSpecialClassesLast": true,
+		"dynamicDescription": false,
+		"type": "category",
+		"numberOfItems": 8,
+		"position": "bottom",
+		"title": "Wastewater Viral Activity Level",
+		"categoryValuesOrder": [
+			"Very High",
+			"High",
+			"Moderate",
+			"Low",
+			"Minimal",
+			"No Data"
+		],
+		"additionalCategories": [
+			"No Data",
+			"Minimal",
+			"Low",
+			"Moderate",
+			"High",
+			"Very High"
+		],
+		"description": "",
+		"style": "gradient",
+		"subStyle": "linear blocks",
+		"tickRotation": "",
+		"singleColumnLegend": false,
+		"hideBorder": false
+	},
+	"filters": [
+		{
+			"order": "asc",
+			"label": "Select a virus from the dropdown:",
+			"columnName": "pathogen",
+			"values": ["COVID-19", "Influenza A", "RSV"],
+			"active": "COVID-19",
+			"filterStyle": "dropdown"
+		}
+	],
+	"table": {
+		"label": "Data Table",
+		"expanded": false,
+		"limitHeight": true,
+		"height": "500",
+		"caption": "",
+		"showDownloadUrl": true,
+		"showDataTableLink": true,
+		"showFullGeoNameInCSV": false,
+		"forceDisplay": true,
+		"download": true,
+		"indexLabel": "State/Territory",
+		"wrapColumns": false
+	},
+	"tooltips": {
+		"appearanceType": "hover",
+		"linkLabel": "Learn More",
+		"capitalizeLabels": true,
+		"opacity": 90
+	},
+	"visual": {
+		"minBubbleSize": 1,
+		"maxBubbleSize": 20,
+		"extraBubbleBorder": false,
+		"cityStyle": "circle",
+		"geoCodeCircleSize": 2,
+		"showBubbleZeros": false,
+		"cityStyleLabel": "",
+		"additionalCityStyles": []
+	},
+	"mapPosition": { "coordinates": [0, 30], "zoom": 1 },
+	"map": {
+		"layers": [],
+		"patterns": [
+			{
+				"dataKey": "hatch",
+				"pattern": "lines",
+				"dataValue": "Limited Coverage",
+				"label": "Limited Coverage*",
+				"size": "medium"
+			}
+		]
+	},
+	"hexMap": {
+		"type": "",
+		"shapeGroups": [
+			{
+				"legendTitle": "",
+				"legendDescription": "",
+				"items": [
+					{
+						"key": "",
+						"shape": "Arrow Up",
+						"column": "",
+						"operator": "=",
+						"value": ""
+					}
+				]
+			}
+		]
+	},
+	"filterBehavior": "Filter Change",
+	"customColors": [
+		"#34547B",
+		"#4B7F9B",
+		"#4B7F9B",
+		"#6BB0BD",
+		"#9FDAD0",
+		"#C8EFDA",
+		"#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.24.9",
+	"dataUrl": "https://www.cdc.gov/wcms/vizdata/ncezid_didri/NWSSStateMapCombined.json"
+}

package/src/components/Annotation/AnnotationDropdown.styles.css

@@ -1,6 +1,5 @@
 .cdc-open-viz-module {
   .annotation__dropdown-list {
-    border: 1px solid red;
     list-style: none;
   }
 

package/src/components/CityList.tsx

@@ -8,7 +8,18 @@ import { getFilterControllingStatePicked } from './UsaMap/helpers/map'
 
 import ConfigContext from '../context'
 
-const CityList = ({ data, geoClickHandler, applyTooltipsToGeo, displayGeoName, applyLegendToRow, titleCase, setSharedFilterValue, isFilterValueSupported, tooltipId, projection }) => {
+const CityList = ({
+  data,
+  geoClickHandler,
+  applyTooltipsToGeo,
+  displayGeoName,
+  applyLegendToRow,
+  titleCase,
+  setSharedFilterValue,
+  isFilterValueSupported,
+  tooltipId,
+  projection
+}) => {
   const [citiesData, setCitiesData] = useState({})
   const { scale, state, topoData, runtimeData, position } = useContext(ConfigContext)
   if (!projection) return
@@ -28,7 +39,9 @@ const CityList = ({ data, geoClickHandler, applyTooltipsToGeo, displayGeoName, a
 
   if (state.general.type === 'bubble') {
     const maxDataValue = Math.max(...(data ? Object.keys(data).map(key => data[key][state.columns.primary.name]) : [0]))
-    const sortedRuntimeData = Object.values(data).sort((a, b) => (a[state.columns.primary.name] < b[state.columns.primary.name] ? 1 : -1))
+    const sortedRuntimeData = Object.values(data).sort((a, b) =>
+      a[state.columns.primary.name] < b[state.columns.primary.name] ? 1 : -1
+    )
     if (!sortedRuntimeData) return
 
     // Set bubble sizes
@@ -84,7 +97,12 @@ const CityList = ({ data, geoClickHandler, applyTooltipsToGeo, displayGeoName, a
 
     let transform = ''
 
-    if (!geoData?.[state.columns.longitude.name] && !geoData?.[state.columns.latitude.name] && city && supportedCities[city.toUpperCase()]) {
+    if (
+      !geoData?.[state.columns.longitude.name] &&
+      !geoData?.[state.columns.latitude.name] &&
+      city &&
+      supportedCities[city.toUpperCase()]
+    ) {
       transform = `translate(${projection(supportedCities[city.toUpperCase()])})`
     }
 
@@ -96,7 +114,11 @@ const CityList = ({ data, geoClickHandler, applyTooltipsToGeo, displayGeoName, a
       needsPointer = true
     }
 
-    if (geoData?.[state.columns.longitude.name] && geoData?.[state.columns.latitude.name] && state.general.geoType === 'single-state') {
+    if (
+      geoData?.[state.columns.longitude.name] &&
+      geoData?.[state.columns.latitude.name] &&
+      state.general.geoType === 'single-state'
+    ) {
       const statePicked = getFilterControllingStatePicked(state, runtimeData)
       const _statePickedData = topoData?.states?.find(s => s.properties.name === statePicked)
       // SVG ITEMS
@@ -112,8 +134,9 @@ const CityList = ({ data, geoClickHandler, applyTooltipsToGeo, displayGeoName, a
         _statePickedData
       )
       let coords = [Number(geoData?.[state.columns.longitude.name]), Number(geoData?.[state.columns.latitude.name])]
-      console.log('COORDINATES', coords)
-      transform = `translate(${newProjection(coords)}) scale(${state.visual.geoCodeCircleSize / (position.zoom > 1 ? position.zoom : 1)})`
+      transform = `translate(${newProjection(coords)}) scale(${
+        state.visual.geoCodeCircleSize / (position.zoom > 1 ? position.zoom : 1)
+      })`
       needsPointer = true
     }
 
@@ -123,8 +146,20 @@ const CityList = ({ data, geoClickHandler, applyTooltipsToGeo, displayGeoName, a
 
     const styles = {
       fill: legendColors[0],
-      opacity: setSharedFilterValue && isFilterValueSupported && data[city] && data[city][state.columns.geo.name] !== setSharedFilterValue ? 0.5 : 1,
-      stroke: setSharedFilterValue && isFilterValueSupported && data[city] && data[city][state.columns.geo.name] === setSharedFilterValue ? 'rgba(0, 0, 0, 1)' : 'rgba(0, 0, 0, 0.4)',
+      opacity:
+        setSharedFilterValue &&
+        isFilterValueSupported &&
+        data[city] &&
+        data[city][state.columns.geo.name] !== setSharedFilterValue
+          ? 0.5
+          : 1,
+      stroke:
+        setSharedFilterValue &&
+        isFilterValueSupported &&
+        data[city] &&
+        data[city][state.columns.geo.name] === setSharedFilterValue
+          ? 'rgba(0, 0, 0, 1)'
+          : 'rgba(0, 0, 0, 0.4)',
       '&:hover': {
         fill: legendColors[1],
         outline: 0
@@ -137,7 +172,10 @@ const CityList = ({ data, geoClickHandler, applyTooltipsToGeo, displayGeoName, a
     }
 
     // If we need to add a cursor pointer
-    if ((state.columns.navigate && geoData?.[state.columns.navigate.name] && geoData[state.columns.navigate.name]) || state.tooltips.appearanceType === 'click') {
+    if (
+      (state.columns.navigate && geoData?.[state.columns.navigate.name] && geoData[state.columns.navigate.name]) ||
+      state.tooltips.appearanceType === 'click'
+    ) {
       styles.cursor = 'pointer'
     }
 
@@ -174,8 +212,14 @@ const CityList = ({ data, geoClickHandler, applyTooltipsToGeo, displayGeoName, a
       })
 
     if (cityStyle !== undefined && cityStyle.shape) {
-      if (!geoData?.[state.columns.longitude.name] && !geoData?.[state.columns.latitude.name] && city && supportedCities[city.toUpperCase()]) {
+      if (
+        !geoData?.[state.columns.longitude.name] &&
+        !geoData?.[state.columns.latitude.name] &&
+        city &&
+        supportedCities[city.toUpperCase()]
+      ) {
         let translate = `translate(${projection(supportedCities[city.toUpperCase()])})`
+
         return (
           <g key={i} transform={translate} style={styles} className='geo-point' tabIndex={-1}>
             {cityStyleShapes[cityStyle.shape.toLowerCase()]}
@@ -186,6 +230,7 @@ const CityList = ({ data, geoClickHandler, applyTooltipsToGeo, displayGeoName, a
       if (geoData?.[state.columns.longitude.name] && geoData?.[state.columns.latitude.name]) {
         const coords = [Number(geoData?.[state.columns.longitude.name]), Number(geoData?.[state.columns.latitude.name])]
         let translate = `translate(${projection(coords)})`
+        console.log(translate, 'translate')
         return (
           <g key={i} transform={translate} style={styles} className='geo-point' tabIndex={-1}>
             {cityStyleShapes[cityStyle.shape.toLowerCase()]}