@cdc/map 4.24.10 → 4.24.12

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/CityList.tsx

@@ -7,6 +7,7 @@ import { GlyphStar, GlyphTriangle, GlyphDiamond, GlyphSquare, GlyphCircle } from
 import { getFilterControllingStatePicked } from './UsaMap/helpers/map'
 
 import ConfigContext from '../context'
+import { getGeoStrokeColor } from '../helpers/colors'
 
 const CityList = ({
   data,
@@ -79,6 +80,8 @@ const CityList = ({
       fillOpacity: state.general.type === 'bubble' ? 0.4 : 1
     }
 
+    const geoStrokeColor = getGeoStrokeColor(state)
+
     const pin = (
       <path
         className='marker'
@@ -88,7 +91,7 @@ const CityList = ({
         data-tooltip-id={`tooltip__${tooltipId}`}
         data-tooltip-html={toolTip}
         transform={`scale(${radius / 9})`}
-        stroke={state.general.geoBorderColor === 'sameAsBackground' ? '#ffffff' : '#000000'}
+        stroke={geoStrokeColor}
         strokeWidth={'2px'}
         tabIndex='-1'
         {...additionalProps}
@@ -185,7 +188,7 @@ const CityList = ({
       title: 'Select for more information',
       'data-tooltip-id': `tooltip__${tooltipId}`,
       'data-tooltip-html': toolTip,
-      stroke: state.general.geoBorderColor === 'sameAsBackground' ? '#ffffff' : '#000000',
+      stroke: geoStrokeColor,
       strokeWidth: '2px',
       tabIndex: -1,
       ...additionalProps