npm - @cdc/map - Versions diffs - 4.25.10 → 4.25.11 - Mend

@cdc/map 4.25.10 → 4.25.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (88) hide show

package/.claude/agents/typescript-organizer.md +118 -0
package/dist/{cdcmap-fce76882.es.js → cdcmap-BnB1QM5d.es.js} +6 -13
package/dist/{cdcmap-c55ac1ea.es.js → cdcmap-D6CG2-Hb.es.js} +5 -12
package/dist/{cdcmap-31a33da1.es.js → cdcmap-MXgURbdZ.es.js} +6 -13
package/dist/{cdcmap-1a1724a1.es.js → cdcmap-dgT_1dIT.es.js} +136 -151
package/dist/cdcmap.js +27405 -25783
package/examples/example-city-state.json +9 -1
package/examples/multi-country-centering.json +45 -0
package/examples/private/colors-2.json +221 -0
package/examples/private/colors.json +221 -0
package/index.html +2 -1
package/package.json +4 -4
package/src/CdcMapComponent.tsx +44 -20
package/src/_stories/CdcMap.ColumnWrap.stories.tsx +31 -0
package/src/_stories/CdcMap.DistrictOfColumbia.stories.tsx +320 -0
package/src/_stories/CdcMap.Editor.stories.tsx +3371 -0
package/src/_stories/CdcMap.SmallMultiples.stories.tsx +35 -0
package/src/_stories/CdcMap.stories.tsx +22 -4
package/src/_stories/_mock/column-wrap-test.json +265 -0
package/src/_stories/_mock/multi-country-hide.json +78 -0
package/src/_stories/_mock/multi-country.json +95 -0
package/src/_stories/_mock/multi-state.json +887 -20403
package/src/_stories/_mock/small_multiples/multi-state-small-multiples.json +8399 -0
package/src/_stories/_mock/small_multiples/region-small-multiples.json +657 -0
package/src/_stories/_mock/small_multiples/wastewater-map-small-multiples.json +221 -0
package/src/_stories/_mock/usa-state-gradient.json +2 -4
package/src/components/BubbleList.tsx +1 -1
package/src/components/EditorPanel/components/EditorPanel.tsx +630 -564
package/src/components/EditorPanel/components/HexShapeSettings.tsx +55 -93
package/src/components/EditorPanel/components/Panels/Panel.PatternSettings.tsx +27 -37
package/src/components/EditorPanel/components/Panels/Panel.SmallMultiples.tsx +354 -0
package/src/components/EditorPanel/components/Panels/index.tsx +3 -1
package/src/components/Geo.tsx +20 -3
package/src/components/Legend/components/Legend.tsx +34 -34
package/src/components/Legend/components/index.scss +1 -1
package/src/components/NavigationMenu.tsx +16 -13
package/src/components/SmallMultiples/SmallMultipleTile.tsx +163 -0
package/src/components/SmallMultiples/SmallMultiples.css +32 -0
package/src/components/SmallMultiples/SmallMultiples.tsx +150 -0
package/src/components/SmallMultiples/SynchronizedTooltip.tsx +105 -0
package/src/components/SmallMultiples/index.tsx +3 -0
package/src/components/UsaMap/components/SingleState/SingleState.CountyOutput.tsx +18 -3
package/src/components/UsaMap/components/TerritoriesSection.tsx +26 -12
package/src/components/UsaMap/components/Territory/Territory.Hexagon.tsx +30 -4
package/src/components/UsaMap/components/Territory/Territory.Rectangle.tsx +23 -4
package/src/components/UsaMap/components/Territory/TerritoryShape.ts +6 -0
package/src/components/UsaMap/components/UsaMap.County.tsx +14 -2
package/src/components/UsaMap/components/UsaMap.Region.tsx +14 -1
package/src/components/UsaMap/components/UsaMap.SingleState.tsx +25 -5
package/src/components/UsaMap/components/UsaMap.State.tsx +26 -3
package/src/components/UsaMap/helpers/map.ts +2 -2
package/src/components/UsaMap/helpers/shapes.ts +9 -6
package/src/components/WorldMap/WorldMap.tsx +81 -11
package/src/data/initial-state.js +10 -0
package/src/data/supported-geos.js +8 -76
package/src/helpers/addUIDs.ts +13 -2
package/src/helpers/applyColorToLegend.ts +25 -1
package/src/helpers/constants.ts +1 -15
package/src/helpers/displayGeoName.ts +19 -4
package/src/helpers/generateRuntimeLegend.ts +0 -2
package/src/helpers/getCountriesPicked.ts +103 -0
package/src/helpers/getMapContainerClasses.ts +7 -0
package/src/helpers/getPatternForRow.ts +2 -5
package/src/helpers/index.ts +1 -9
package/src/helpers/smallMultiplesHelpers.ts +359 -0
package/src/helpers/tests/titleCase.test.ts +76 -0
package/src/helpers/titleCase.ts +13 -13
package/src/helpers/urlDataHelpers.ts +1 -1
package/src/hooks/useCountryZoom.tsx +241 -0
package/src/hooks/useGeoClickHandler.ts +1 -1
package/src/hooks/useProgrammaticMapTooltip.ts +110 -0
package/src/hooks/useResizeObserver.ts +5 -2
package/src/hooks/useStateZoom.tsx +5 -2
package/src/hooks/useSynchronizedGeographies.ts +56 -0
package/src/index.jsx +1 -0
package/src/scss/editor-panel.scss +4 -440
package/src/scss/main.scss +1 -1
package/src/scss/map.scss +12 -15
package/src/store/map.actions.ts +7 -7
package/src/types/MapConfig.ts +30 -11
package/src/types/MapContext.ts +6 -0
package/src/types/runtimeLegend.ts +1 -1
package/src/components/DataTable.tsx +0 -413
package/src/components/EditorPanel/components/Inputs.tsx +0 -59
package/src/hooks/useActiveElement.ts +0 -19
package/src/scss/mixins.scss +0 -47
package/src/types/Annotations.ts +0 -24
/package/dist/{cdcmap-548642e6.es.js → cdcmap-Ct2SB0vL.es.js} +0 -0

package/src/_stories/_mock/small_multiples/region-small-multiples.json ADDED Viewed

@@ -0,0 +1,657 @@
+{
+  "annotations": [],
+  "general": {
+    "geoType": "us-region",
+    "type": "data",
+    "noStateFoundMessage": "Map Unavailable",
+    "annotationDropdownText": "Annotations",
+    "geoBorderColor": "darkGray",
+    "headerColor": "theme-blue",
+    "title": "Small Multiples - US Regions by Pathogen",
+    "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,
+    "subtext": "Showing positivity rates by US region, tiled by pathogen type."
+  },
+  "type": "map",
+  "color": "pinkpurple",
+  "columns": {
+    "geo": {
+      "name": "State",
+      "label": "Location",
+      "tooltip": false,
+      "dataTable": true
+    },
+    "primary": {
+      "dataTable": true,
+      "tooltip": true,
+      "prefix": "",
+      "suffix": "",
+      "name": "Current Week Positivity",
+      "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": 5,
+    "position": "top",
+    "title": "Positivity rate",
+    "style": "gradient",
+    "subStyle": "linear blocks",
+    "tickRotation": "",
+    "singleColumnLegend": false,
+    "hideBorder": true,
+    "groupBy": ""
+  },
+  "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": [
+    {
+      "Current Week Positivity": "20",
+      "State": "REGION 1",
+      "Change": "0.2",
+      "Pathogen": "COVID-19"
+    },
+    {
+      "Current Week Positivity": "27",
+      "State": "REGION 1",
+      "Change": "0.5",
+      "Pathogen": "Influenza"
+    },
+    {
+      "Current Week Positivity": "14",
+      "State": "REGION 1",
+      "Change": "0",
+      "Pathogen": "RSV"
+    },
+    {
+      "Current Week Positivity": "30",
+      "State": "REGION 1",
+      "Change": "0.5",
+      "Pathogen": "Measles"
+    },
+    {
+      "Current Week Positivity": "27",
+      "State": "region 2",
+      "Change": "-0.5",
+      "Pathogen": "COVID-19"
+    },
+    {
+      "Current Week Positivity": "30",
+      "State": "region 2",
+      "Change": "1.5",
+      "Pathogen": "Influenza"
+    },
+    {
+      "Current Week Positivity": "27",
+      "State": "region 2",
+      "Change": "-1.2",
+      "Pathogen": "RSV"
+    },
+    {
+      "Current Week Positivity": "20",
+      "State": "region 2",
+      "Change": "0.05",
+      "Pathogen": "Measles"
+    },
+    {
+      "Current Week Positivity": "26",
+      "State": "region 3",
+      "Change": "-.08",
+      "Pathogen": "COVID-19"
+    },
+    {
+      "Current Week Positivity": "25",
+      "State": "region 3",
+      "Change": "-1.2",
+      "Pathogen": "Influenza"
+    },
+    {
+      "Current Week Positivity": "20",
+      "State": "region 3",
+      "Change": "0.8",
+      "Pathogen": "RSV"
+    },
+    {
+      "Current Week Positivity": "14",
+      "State": "region 3",
+      "Change": "-.08",
+      "Pathogen": "Measles"
+    },
+    {
+      "Current Week Positivity": "30",
+      "State": "region 4",
+      "Change": "0.8",
+      "Pathogen": "COVID-19"
+    },
+    {
+      "Current Week Positivity": "12",
+      "State": "region 4",
+      "Change": "-.08",
+      "Pathogen": "Influenza"
+    },
+    {
+      "Current Week Positivity": "14",
+      "State": "region 4",
+      "Change": "0.5",
+      "Pathogen": "RSV"
+    },
+    {
+      "Current Week Positivity": "12",
+      "State": "region 4",
+      "Change": "-0.5",
+      "Pathogen": "Measles"
+    },
+    {
+      "Current Week Positivity": "14",
+      "State": "region 5",
+      "Change": "0.5",
+      "Pathogen": "COVID-19"
+    },
+    {
+      "Current Week Positivity": "14",
+      "State": "region 5",
+      "Change": "0.05",
+      "Pathogen": "Influenza"
+    },
+    {
+      "Current Week Positivity": "0",
+      "State": "region 5",
+      "Change": "0.2",
+      "Pathogen": "RSV"
+    },
+    {
+      "Current Week Positivity": "27",
+      "State": "region 5",
+      "Change": "0.2",
+      "Pathogen": "Measles"
+    },
+    {
+      "Current Week Positivity": "25",
+      "State": "region 6",
+      "Change": "0.05",
+      "Pathogen": "COVID-19"
+    },
+    {
+      "Current Week Positivity": "0",
+      "State": "region 6",
+      "Change": "0.5",
+      "Pathogen": "Influenza"
+    },
+    {
+      "Current Week Positivity": "25",
+      "State": "region 6",
+      "Change": "0.5",
+      "Pathogen": "RSV"
+    },
+    {
+      "Current Week Positivity": "28",
+      "State": "region 6",
+      "Change": "0",
+      "Pathogen": "Measles"
+    },
+    {
+      "Current Week Positivity": "0",
+      "State": "region 7",
+      "Change": "0",
+      "Pathogen": "COVID-19"
+    },
+    {
+      "Current Week Positivity": "26",
+      "State": "region 7",
+      "Change": "-0.5",
+      "Pathogen": "Influenza"
+    },
+    {
+      "Current Week Positivity": "30",
+      "State": "region 7",
+      "Change": "0.05",
+      "Pathogen": "RSV"
+    },
+    {
+      "Current Week Positivity": "0",
+      "State": "region 7",
+      "Change": "0.8",
+      "Pathogen": "Measles"
+    },
+    {
+      "Current Week Positivity": "14",
+      "State": "region 8",
+      "Change": "-1.2",
+      "Pathogen": "COVID-19"
+    },
+    {
+      "Current Week Positivity": "14",
+      "State": "region 8",
+      "Change": "0.2",
+      "Pathogen": "Influenza"
+    },
+    {
+      "Current Week Positivity": "28",
+      "State": "region 8",
+      "Change": "1.5",
+      "Pathogen": "RSV"
+    },
+    {
+      "Current Week Positivity": "14",
+      "State": "region 8",
+      "Change": "1.5",
+      "Pathogen": "Measles"
+    },
+    {
+      "Current Week Positivity": "28",
+      "State": "region 9",
+      "Change": "1.5",
+      "Pathogen": "COVID-19"
+    },
+    {
+      "Current Week Positivity": "20",
+      "State": "region 9",
+      "Change": "0",
+      "Pathogen": "Influenza"
+    },
+    {
+      "Current Week Positivity": "12",
+      "State": "region 9",
+      "Change": "-0.5",
+      "Pathogen": "RSV"
+    },
+    {
+      "Current Week Positivity": "26",
+      "State": "region 9",
+      "Change": "-1.2",
+      "Pathogen": "Measles"
+    },
+    {
+      "Current Week Positivity": "12",
+      "State": "region 10",
+      "Change": "0.5",
+      "Pathogen": "COVID-19"
+    },
+    {
+      "Current Week Positivity": "28",
+      "State": "region 10",
+      "Change": "0.8",
+      "Pathogen": "Influenza"
+    },
+    {
+      "Current Week Positivity": "26",
+      "State": "region 10",
+      "Change": "-.08",
+      "Pathogen": "RSV"
+    },
+    {
+      "Current Week Positivity": "25",
+      "State": "region 10",
+      "Change": "0.5",
+      "Pathogen": "Measles"
+    }
+  ],
+  "dataFileName": "valid-region-data.json",
+  "dataFileSourceType": "file",
+  "formattedData": [
+    {
+      "Current Week Positivity": "20",
+      "State": "REGION 1",
+      "Change": "0.2",
+      "Pathogen": "COVID-19"
+    },
+    {
+      "Current Week Positivity": "27",
+      "State": "REGION 1",
+      "Change": "0.5",
+      "Pathogen": "Influenza"
+    },
+    {
+      "Current Week Positivity": "14",
+      "State": "REGION 1",
+      "Change": "0",
+      "Pathogen": "RSV"
+    },
+    {
+      "Current Week Positivity": "30",
+      "State": "REGION 1",
+      "Change": "0.5",
+      "Pathogen": "Measles"
+    },
+    {
+      "Current Week Positivity": "27",
+      "State": "region 2",
+      "Change": "-0.5",
+      "Pathogen": "COVID-19"
+    },
+    {
+      "Current Week Positivity": "30",
+      "State": "region 2",
+      "Change": "1.5",
+      "Pathogen": "Influenza"
+    },
+    {
+      "Current Week Positivity": "27",
+      "State": "region 2",
+      "Change": "-1.2",
+      "Pathogen": "RSV"
+    },
+    {
+      "Current Week Positivity": "20",
+      "State": "region 2",
+      "Change": "0.05",
+      "Pathogen": "Measles"
+    },
+    {
+      "Current Week Positivity": "26",
+      "State": "region 3",
+      "Change": "-.08",
+      "Pathogen": "COVID-19"
+    },
+    {
+      "Current Week Positivity": "25",
+      "State": "region 3",
+      "Change": "-1.2",
+      "Pathogen": "Influenza"
+    },
+    {
+      "Current Week Positivity": "20",
+      "State": "region 3",
+      "Change": "0.8",
+      "Pathogen": "RSV"
+    },
+    {
+      "Current Week Positivity": "14",
+      "State": "region 3",
+      "Change": "-.08",
+      "Pathogen": "Measles"
+    },
+    {
+      "Current Week Positivity": "30",
+      "State": "region 4",
+      "Change": "0.8",
+      "Pathogen": "COVID-19"
+    },
+    {
+      "Current Week Positivity": "12",
+      "State": "region 4",
+      "Change": "-.08",
+      "Pathogen": "Influenza"
+    },
+    {
+      "Current Week Positivity": "14",
+      "State": "region 4",
+      "Change": "0.5",
+      "Pathogen": "RSV"
+    },
+    {
+      "Current Week Positivity": "12",
+      "State": "region 4",
+      "Change": "-0.5",
+      "Pathogen": "Measles"
+    },
+    {
+      "Current Week Positivity": "14",
+      "State": "region 5",
+      "Change": "0.5",
+      "Pathogen": "COVID-19"
+    },
+    {
+      "Current Week Positivity": "14",
+      "State": "region 5",
+      "Change": "0.05",
+      "Pathogen": "Influenza"
+    },
+    {
+      "Current Week Positivity": "0",
+      "State": "region 5",
+      "Change": "0.2",
+      "Pathogen": "RSV"
+    },
+    {
+      "Current Week Positivity": "27",
+      "State": "region 5",
+      "Change": "0.2",
+      "Pathogen": "Measles"
+    },
+    {
+      "Current Week Positivity": "25",
+      "State": "region 6",
+      "Change": "0.05",
+      "Pathogen": "COVID-19"
+    },
+    {
+      "Current Week Positivity": "0",
+      "State": "region 6",
+      "Change": "0.5",
+      "Pathogen": "Influenza"
+    },
+    {
+      "Current Week Positivity": "25",
+      "State": "region 6",
+      "Change": "0.5",
+      "Pathogen": "RSV"
+    },
+    {
+      "Current Week Positivity": "28",
+      "State": "region 6",
+      "Change": "0",
+      "Pathogen": "Measles"
+    },
+    {
+      "Current Week Positivity": "0",
+      "State": "region 7",
+      "Change": "0",
+      "Pathogen": "COVID-19"
+    },
+    {
+      "Current Week Positivity": "26",
+      "State": "region 7",
+      "Change": "-0.5",
+      "Pathogen": "Influenza"
+    },
+    {
+      "Current Week Positivity": "30",
+      "State": "region 7",
+      "Change": "0.05",
+      "Pathogen": "RSV"
+    },
+    {
+      "Current Week Positivity": "0",
+      "State": "region 7",
+      "Change": "0.8",
+      "Pathogen": "Measles"
+    },
+    {
+      "Current Week Positivity": "14",
+      "State": "region 8",
+      "Change": "-1.2",
+      "Pathogen": "COVID-19"
+    },
+    {
+      "Current Week Positivity": "14",
+      "State": "region 8",
+      "Change": "0.2",
+      "Pathogen": "Influenza"
+    },
+    {
+      "Current Week Positivity": "28",
+      "State": "region 8",
+      "Change": "1.5",
+      "Pathogen": "RSV"
+    },
+    {
+      "Current Week Positivity": "14",
+      "State": "region 8",
+      "Change": "1.5",
+      "Pathogen": "Measles"
+    },
+    {
+      "Current Week Positivity": "28",
+      "State": "region 9",
+      "Change": "1.5",
+      "Pathogen": "COVID-19"
+    },
+    {
+      "Current Week Positivity": "20",
+      "State": "region 9",
+      "Change": "0",
+      "Pathogen": "Influenza"
+    },
+    {
+      "Current Week Positivity": "12",
+      "State": "region 9",
+      "Change": "-0.5",
+      "Pathogen": "RSV"
+    },
+    {
+      "Current Week Positivity": "26",
+      "State": "region 9",
+      "Change": "-1.2",
+      "Pathogen": "Measles"
+    },
+    {
+      "Current Week Positivity": "12",
+      "State": "region 10",
+      "Change": "0.5",
+      "Pathogen": "COVID-19"
+    },
+    {
+      "Current Week Positivity": "28",
+      "State": "region 10",
+      "Change": "0.8",
+      "Pathogen": "Influenza"
+    },
+    {
+      "Current Week Positivity": "26",
+      "State": "region 10",
+      "Change": "-.08",
+      "Pathogen": "RSV"
+    },
+    {
+      "Current Week Positivity": "25",
+      "State": "region 10",
+      "Change": "0.5",
+      "Pathogen": "Measles"
+    }
+  ],
+  "dataDescription": {
+    "horizontal": false,
+    "series": false
+  },
+  "version": "4.24.11",
+  "smallMultiples": {
+    "mode": "by-column",
+    "tileColumn": "Pathogen",
+    "tilesPerRowDesktop": 2,
+    "tilesPerRowMobile": 1,
+    "tileOrderType": "asc",
+    "tileOrder": [],
+    "tileTitles": {},
+    "synchronizedTooltips": true
+  }
+}