@cdc/dashboard 4.24.12-2 → 4.25.1

package/examples/private/bird-flu.json

@@ -0,0 +1,413 @@
+{
+  "dashboard": {
+    "theme": "theme-blue",
+    "sharedFilters": [
+      {
+        "key": "Confirmed or probable cases",
+        "showDropdown": true,
+        "values": [
+          "Confirmed",
+          "Probable"
+        ],
+        "type": "datafilter",
+        "columnName": "Confirmed or Probable",
+        "usedBy": [
+          "map1738173988574",
+          "markup-include1738174007337"
+        ],
+        "tier": 1,
+        "setByQueryParameter": "confirmed",
+        "parents": ""
+      },
+      {
+        "key": "State or Territory",
+        "showDropdown": true,
+        "values": [
+          "Arizona",
+          "California",
+          "Colorado",
+          "Delaware",
+          "Iowa",
+          "Louisiana",
+          "Michigan",
+          "Missouri",
+          "Oregon",
+          "Texas",
+          "Washington",
+          "Wisconsin"
+        ],
+        "type": "datafilter",
+        "columnName": "State",
+        "setBy": "map1738173988574",
+        "usedBy": [
+          "markup-include1738174007337"
+        ],
+        "tier": 1
+      }
+    ],
+    "title": ""
+  },
+  "rows": [
+    {
+      "columns": [
+        {
+          "width": 12,
+          "widget": "dashboardFilters1738174818296"
+        }
+      ],
+      "uuid": 1738261640288
+    },
+    {
+      "columns": [
+        {
+          "width": 4,
+          "widget": "markup-include1738174007337"
+        },
+        {
+          "width": 8,
+          "widget": "map1738173988574"
+        }
+      ],
+      "uuid": 1738261639358
+    }
+  ],
+  "visualizations": {
+    "map1738173988574": {
+      "annotations": [],
+      "general": {
+        "geoType": "us",
+        "noStateFoundMessage": "Map Unavailable",
+        "annotationDropdownText": "Annotations",
+        "geoBorderColor": "darkGray",
+        "headerColor": "theme-blue",
+        "title": "",
+        "showTitle": false,
+        "showSidebar": true,
+        "showDownloadButton": true,
+        "showDownloadMediaButton": false,
+        "displayAsHex": false,
+        "displayStateLabels": false,
+        "territoriesLabel": "Territories",
+        "territoriesAlwaysShow": false,
+        "language": "en",
+        "geoLabelOverride": "State/Territory",
+        "hasRegions": false,
+        "fullBorder": false,
+        "type": "data",
+        "convertFipsCodes": true,
+        "palette": {
+          "isReversed": false
+        },
+        "allowMapZoom": true,
+        "hideGeoColumnInTooltip": false,
+        "hidePrimaryColumnInTooltip": false,
+        "statePicked": {
+          "fipsCode": "01",
+          "stateName": "Alabama"
+        },
+        "expandDataTable": false
+      },
+      "type": "map",
+      "color": "sequential-blue-2(MPX)",
+      "columns": {
+        "geo": {
+          "name": "State",
+          "label": "Location",
+          "tooltip": false,
+          "dataTable": true
+        },
+        "primary": {
+          "dataTable": false,
+          "tooltip": false,
+          "prefix": "",
+          "suffix": "",
+          "name": "Category",
+          "label": "",
+          "roundToPlace": 0
+        },
+        "navigate": {
+          "name": ""
+        },
+        "latitude": {
+          "name": ""
+        },
+        "longitude": {
+          "name": ""
+        },
+        "additionalColumn1": {
+          "label": "Total Cases",
+          "dataTable": true,
+          "tooltips": false,
+          "prefix": "",
+          "suffix": "",
+          "name": "State Total",
+          "tooltip": true
+        },
+        "additionalColumn2": {
+          "label": "Dairy Herds (Cattle)*",
+          "dataTable": true,
+          "tooltips": false,
+          "prefix": "",
+          "suffix": "",
+          "name": "Dairy Herds",
+          "tooltip": true
+        },
+        "additionalColumn3": {
+          "label": "Poultry Farms and Culling Operations*",
+          "dataTable": true,
+          "tooltips": false,
+          "prefix": "",
+          "suffix": "",
+          "name": "Poultry Farms and Culling Operations",
+          "tooltip": true
+        },
+        "additionalColumn4": {
+          "label": "Other Animal Exposure†",
+          "dataTable": true,
+          "tooltips": false,
+          "prefix": "",
+          "suffix": "",
+          "name": "Other Animal Exposure",
+          "tooltip": true
+        },
+        "additionalColumn5": {
+          "label": "Exposure Source Unknown‡",
+          "dataTable": true,
+          "tooltips": false,
+          "prefix": "",
+          "suffix": "",
+          "name": "Exposure Source Unknown",
+          "tooltip": true
+        }
+      },
+      "legend": {
+        "descriptions": {},
+        "specialClasses": [],
+        "unified": false,
+        "singleColumn": false,
+        "singleRow": false,
+        "verticalSorted": false,
+        "showSpecialClassesLast": false,
+        "dynamicDescription": false,
+        "type": "category",
+        "numberOfItems": 3,
+        "position": "bottom",
+        "title": "Total Cases",
+        "style": "gradient",
+        "subStyle": "linear blocks",
+        "tickRotation": "",
+        "singleColumnLegend": false,
+        "hideBorder": false,
+        "additionalCategories": [
+          "0"
+        ],
+        "categoryValuesOrder": [
+          "0",
+          "1-5",
+          "6-10",
+          ">10"
+        ]
+      },
+      "filters": [],
+      "table": {
+        "wrapColumns": false,
+        "label": "Data Table",
+        "expanded": false,
+        "limitHeight": false,
+        "height": "",
+        "caption": "",
+        "showDownloadUrl": false,
+        "showDataTableLink": false,
+        "showDownloadLinkBelow": 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",
+      "filterIntro": "",
+      "openModal": true,
+      "uid": "map1738173988574",
+      "dataDescription": {
+        "horizontal": false,
+        "series": false
+      },
+      "dataKey": "/examples/private/exposure-source-h5-data.csv",
+      "version": "4.24.10",
+      "customColors": [
+        "#DFE1E2",
+        "#DFE1E2",
+        "#C0F2FD",
+        "#C0F2FD",
+        "#5EBAD4",
+        "#5EBAD4",
+        "#083352",
+        "#083352"
+      ]
+    },
+    "markup-include1738174007337": {
+      "filters": [],
+      "filterBehavior": "Filter Change",
+      "openModal": false,
+      "uid": "markup-include1738174007337",
+      "type": "markup-include",
+      "contentEditor": {
+        "inlineHTML": "<p class=\"h4\">{{state}} Total Cases: {{total}} </p>\n<table class=\"table\">\n  <tbody>\n    <tr>\n      <th>Cases</th>\n      <th>Exposure Source</th>\n    </tr>\n    <tr>\n      <td>{{dairy}}</td>\n      <td>Dairy Herds (Cattle)*</td>\n    </tr>\n    <tr>\n      <td>{{poultry}}</td>\n      <td>Poultry Farms and Culling Operations*</td>\n    </tr>\n    <tr>\n      <td>{{other}}</td>\n      <td>Other Animal Exposure†</td>\n    </tr>   \n    <tr>\n      <td>{{unknown}}</td>\n      <td>Exposure Source Unknown‡</td>\n    </tr>\n  </tbody>\n</table>\n\n<p class=\"mt-2\">NOTE: One additional case was previously detected in a poultry worker in Colorado in 2022. Louisiana reported the first H5 bird flu death in the U.S.</p>\n\n<p class=\"mt-2\">*Exposure Associated with Commercial Agriculture and Related Operations<br/>\n<sup>†</sup>Exposure was related to other animals such as backyard flocks, wild birds, or other mammals<br/>\n<sup>‡</sup>Exposure source was not able to be identified\n</p>",
+        "markupVariables": [
+          {
+            "columnName": "Dairy Herds",
+            "conditions": [],
+            "name": "dairy",
+            "tag": "{{dairy}}"
+          },
+          {
+            "columnName": "Poultry Farms and Culling Operations",
+            "conditions": [],
+            "name": "poultry",
+            "tag": "{{poultry}}"
+          },
+          {
+            "columnName": "Other Animal Exposure",
+            "conditions": [],
+            "name": "other",
+            "tag": "{{other}}"
+          },
+          {
+            "columnName": "Exposure Source Unknown",
+            "conditions": [],
+            "name": "unknown",
+            "tag": "{{unknown}}"
+          },
+          {
+            "columnName": "State Total",
+            "conditions": [],
+            "name": "total",
+            "tag": "{{total}}"
+          },
+          {
+            "columnName": "State",
+            "conditions": [],
+            "name": "state",
+            "tag": "{{state}}"
+          }
+        ],
+        "showHeader": true,
+        "srcUrl": "#example",
+        "title": "",
+        "useInlineHTML": true
+      },
+      "theme": "theme-blue",
+      "visual": {
+        "border": false,
+        "accent": false,
+        "background": false,
+        "hideBackgroundColor": false,
+        "borderColorTheme": false
+      },
+      "showEditorPanel": true,
+      "visualizationType": "markup-include",
+      "dataDescription": {
+        "horizontal": false,
+        "series": false
+      },
+      "dataKey": "/examples/private/exposure-source-h5-data.csv",
+      "version": "4.24.10"
+    },
+    "dashboardFilters1738174818296": {
+      "filters": [],
+      "filterBehavior": "Filter Change",
+      "newViz": true,
+      "openModal": true,
+      "uid": "dashboardFilters1738174818296",
+      "type": "dashboardFilters",
+      "sharedFilterIndexes": [
+        0,
+        1
+      ],
+      "visualizationType": "dashboardFilters",
+      "applyFiltersButtonText": "Apply",
+      "autoLoad": true
+    }
+  },
+  "table": {
+    "label": "Data Table",
+    "show": false,
+    "showDownloadUrl": false,
+    "showDownloadLinkBelow": true,
+    "showVertical": true
+  },
+  "errors": [],
+  "currentViewport": "lg",
+  "id": 15,
+  "category": "General",
+  "label": "Dashboard",
+  "type": "dashboard",
+  "subType": null,
+  "orientation": null,
+  "icon": {
+    "key": null,
+    "ref": null,
+    "props": {},
+    "_owner": null
+  },
+  "content": "Present multiple data visualizations with shared filter controls.",
+  "datasets": {
+    "/examples/private/exposure-source-h5-data.csv": {
+      "dataFileSize": 983,
+      "dataFileName": "/bird-flu/modules/situation-summary/exposure-source-h5-data.csv",
+      "dataFileSourceType": "url",
+      "dataFileFormat": "CSV",
+      "preview": true,
+      "dataUrl": "/examples/private/exposure-source-h5-data.csv"
+    }
+  },
+  "visualizationType": null,
+  "activeVizButtonID": 15,
+  "version": "4.24.10",
+  "uuid": 1738261637793
+}

package/examples/private/exposure-source-h5-data.csv

@@ -0,0 +1,26 @@
+State,Confirmed or Probable,Dairy Herds,Poultry Farms and Culling Operations,Other Animal Exposure,Exposure Source Unknown,State Total,Category,Deaths
+Arizona,Probable,0,2,0,0,2,1-5,0
+California,Confirmed,36,0,0,2,38,>10,0
+California,Probable,1,0,0,0,1,1-5,0
+Colorado,Confirmed,1,9,0,0,10,6-10,0
+Colorado,Probable,0,0,0,0,0,0,0
+Delaware,Confirmed,0,0,0,0,0,0,0
+Delaware,Probable,0,0,0,1,1,1-5,0
+Iowa,Confirmed,0,1,0,0,1,1-5,0
+Iowa,Probable,0,0,0,0,0,0,0
+Louisiana,Confirmed,0,0,1,0,1,1-5,0
+Louisiana,Probable,0,0,0,0,0,0,0
+Michigan,Confirmed,2,0,0,0,2,1-5,0
+Michigan,Probable,0,0,0,0,0,0,0
+Missouri,Confirmed,0,0,0,1,1,1-5,0
+Missouri,Probable,0,0,0,0,0,0,0
+National,Confirmed,40,23,1,3,67,>10,1
+National,Probable,1,5,0,1,7,6-10,0
+Oregon,Confirmed,0,1,0,0,1,1-5,0
+Oregon,Probable,0,0,0,0,0,0,0
+Texas,Confirmed,1,0,0,0,1,1-5,0
+Texas,Probable,0,0,0,0,0,0,0
+Washington,Confirmed,0,11,0,0,11,>10,0
+Washington,Probable,0,3,0,0,3,1-5,0
+Wisconsin,Confirmed,0,1,0,0,1,1-5,0
+Wisconsin,Probable,0,0,0,0,0,0,0

package/index.html

@@ -17,11 +17,7 @@
       }
     </style>
     <link rel="stylesheet prefetch" href="examples/custom/css/respiratory.css" />
-    <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" />
+    <link rel="stylesheet prefetch" href="https://www.cdc.gov/TemplatePackage/5.0/css/app.min.css?_=71669" />
   </head>
 
   <body>
@@ -34,7 +30,7 @@
     <!-- <div class="react-container" data-config="/examples/dev-8332.json"></div> -->
     <!-- <div class="react-container" data-config="/examples/dashboard-gallery.json"></div> -->
     <!-- <div class="react-container" data-config="/examples/filtered-dash.json"></div> -->
-    <div class="react-container" data-config="/examples/all-components.json"></div>
+    <div class="react-container" data-config="/examples/private/art-dashboard.json"></div>
     <!-- <div class="react-container" data-config="/examples/sankey.json"></div> -->
     <!-- <div class="react-container" data-config="/examples/DEV-6574.json"></div> -->
     <!-- <div class="react-container" data-config="/examples/default-multi-dataset-2.json"></div> -->

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdc/dashboard",
-  "version": "4.24.12-2",
+  "version": "4.25.1",
   "description": "React component for combining multiple visualizations into a single dashboard",
   "moduleName": "CdcDashboard",
   "main": "dist/cdcdashboard",
@@ -27,13 +27,13 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@cdc/chart": "^4.24.12-2",
-    "@cdc/core": "^4.24.12-2",
-    "@cdc/data-bite": "^4.24.12-2",
-    "@cdc/filtered-text": "^4.24.12-2",
-    "@cdc/map": "^4.24.12-2",
-    "@cdc/markup-include": "^4.24.12-2",
-    "@cdc/waffle-chart": "^4.24.12-2",
+    "@cdc/chart": "^4.25.1",
+    "@cdc/core": "^4.25.1",
+    "@cdc/data-bite": "^4.25.1",
+    "@cdc/filtered-text": "^4.25.1",
+    "@cdc/map": "^4.25.1",
+    "@cdc/markup-include": "^4.25.1",
+    "@cdc/waffle-chart": "^4.25.1",
     "html-react-parser": "^3.0.8",
     "js-base64": "^2.5.2",
     "papaparse": "^5.3.0",
@@ -49,5 +49,5 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
-  "gitHead": "a60edf1148396309eb473ac9f65426ee40797ddf"
+  "gitHead": "c32d727f516fe3525178e3a6480abbe70b2a20d6"
 }

package/src/CdcDashboardComponent.tsx

@@ -19,7 +19,7 @@ import Loading from '@cdc/core/components/Loading'
 import { DataTransform } from '@cdc/core/helpers/DataTransform'
 import getViewport from '@cdc/core/helpers/getViewport'
 
-import CdcChart from '@cdc/chart/src/CdcChart'
+import CdcChart from '@cdc/chart/src/CdcChartComponent'
 import CdcDataBite from '@cdc/data-bite/src/CdcDataBite'
 import CdcMap from '@cdc/map/src/CdcMap'
 import CdcWaffleChart from '@cdc/waffle-chart/src/CdcWaffleChart'
@@ -228,7 +228,15 @@ export default function CdcDashboard({ initialState, isEditor = false, isDebug =
       )
       dispatch({ type: 'SET_FILTERED_DATA', payload: filteredData })
       const visualizations = reloadURLHelpers.getVisualizationsWithFormattedData(config.visualizations, newData)
-      dispatch({ type: 'SET_CONFIG', payload: { dashboard: dashboardConfig, datasets: newDatasets, visualizations } })
+      dispatch({
+        type: 'SET_CONFIG',
+        payload: {
+          dashboard: dashboardConfig,
+          datasets: newDatasets,
+          visualizations,
+          activeDashboard: config.activeDashboard
+        }
+      })
       setAPILoading(false)
     }
   }
@@ -268,7 +276,7 @@ export default function CdcDashboard({ initialState, isEditor = false, isDebug =
     const loadAllFilters = shouldLoadAllFilters(config, isEditor && !isPreview)
     const sharedFiltersWithValues = addValuesToDashboardFilters(config.dashboard.sharedFilters, state.data)
 
-    loadAPIFilters(sharedFiltersWithValues, apiFilterDropdowns, loadAllFilters).then(newFilters => {
+    loadAPIFilters(sharedFiltersWithValues, apiFilterDropdowns, loadAllFilters)?.then(newFilters => {
       const allValuesSelected = newFilters.every(filter => {
         return filter.type === 'datafilter' || filter.active
       })
@@ -534,7 +542,7 @@ export default function CdcDashboard({ initialState, isEditor = false, isDebug =
               classes={[`dashboard-title`, `${config.dashboard.theme ?? 'theme-blue'}`]}
             />
             {/* Description */}
-            {description && <div className='subtext'>{parse(description)}</div>}
+            {description && <div className='subtext mb-3'>{parse(description)}</div>}
             {/* Visualizations */}
             {config.rows &&
               config.rows

package/src/_stories/Dashboard.stories.tsx

@@ -24,6 +24,10 @@ import { ConfigRow } from '../types/ConfigRow'
 import BumpChartConfig from './_mock/bump-chart.json'
 import MethodologyConfig from './_mock/methodology.json'
 import methodologyAPI from './_mock/methodologyAPI'
+import TopSpacing_1 from './_mock/data-bite-dash-test.json'
+import TopSpacing_2 from './_mock/data-bite-dash-test_1.json'
+import TopSpacing_3 from './_mock/data-bite-dash-test_1_1.json'
+import TopSpacing_4 from './_mock/data-bite-dash-test_1_1_1.json'
 
 const meta: Meta<typeof Dashboard> = {
   title: 'Components/Pages/Dashboard',
@@ -403,4 +407,32 @@ export const RegressionMultiVisualization: Story = {
   }
 }
 
+export const Top_Spacing_1: Story = {
+  args: {
+    config: TopSpacing_1,
+    isEditor: false
+  }
+}
+
+export const Top_Spacing_2: Story = {
+  args: {
+    config: TopSpacing_2,
+    isEditor: false
+  }
+}
+
+export const Top_Spacing_3: Story = {
+  args: {
+    config: TopSpacing_3,
+    isEditor: false
+  }
+}
+
+export const Top_Spacing_4: Story = {
+  args: {
+    config: TopSpacing_4,
+    isEditor: false
+  }
+}
+
 export default meta

package/src/_stories/_mock/data-bite-dash-test.json

@@ -0,0 +1 @@
+{"dashboard":{"theme":"theme-blue","sharedFilters":[],"description":"Dash Description","title":"Dashboard Name"},"rows":[{"columns":[{"width":6,"widget":"data-bite1722537849962"},{"width":6,"widget":"data-bite1728059122204"}],"dataDescription":{"horizontal":false,"series":true,"singleRow":true},"dataKey":"/bird-flu/modules/situation-summary/national-flu-surveillance.csv"}],"visualizations":{"data-bite1722537849962":{"type":"data-bite","dataBite":"","dataFunction":"Sum","dataColumn":"specimens tested","bitePosition":"Left","biteFontSize":24,"fontSize":"medium","biteBody":"specimens tested that would have detected influenza A(H5) or other novel influenza viruses","imageData":{"display":"none","url":"","alt":"","options":[]},"dataFormat":{"roundToPlace":0,"commas":true,"prefix":"","suffix":"+"},"biteStyle":"title","filters":[],"subtext":"","title":"Specimens tested","theme":"theme-blue","shadow":false,"visual":{"border":false,"accent":false,"background":false,"hideBackgroundColor":false,"borderColorTheme":false},"general":{"isCompactStyle":false},"filterBehavior":"Filter Change","openModal":true,"uid":"data-bite1722537849962","visualizationType":"data-bite","dataDescription":{"horizontal":false,"series":true,"singleRow":true},"version":"4.24.10","dataKey":"/bird-flu/modules/situation-summary/national-flu-surveillance.csv"},"data-bite1728059122204":{"type":"data-bite","dataBite":"","dataFunction":"Sum","dataColumn":"Human cases","bitePosition":"Left","biteFontSize":24,"fontSize":"medium","biteBody":"case detected through national flu surveillance","imageData":{"display":"none","url":"","alt":"","options":[]},"dataFormat":{"roundToPlace":0,"commas":true,"prefix":"","suffix":""},"biteStyle":"title","filters":[],"subtext":"","title":"Human cases","theme":"theme-blue","shadow":false,"visual":{"border":false,"accent":false,"background":false,"hideBackgroundColor":false,"borderColorTheme":false},"general":{"isCompactStyle":false},"filterBehavior":"Filter Change","openModal":true,"uid":"data-bite1728059122204","visualizationType":"data-bite","dataDescription":{"horizontal":false,"series":true,"singleRow":true},"version":"4.24.10","dataKey":"/bird-flu/modules/situation-summary/national-flu-surveillance.csv"}},"table":{"label":"Data Table","show":false,"showDownloadUrl":false,"showVertical":true},"datasets":{"/bird-flu/modules/situation-summary/national-flu-surveillance.csv":{"dataFileSize":39,"dataFileName":"/bird-flu/modules/situation-summary/national-flu-surveillance.csv","dataFileSourceType":"url","dataFileFormat":"OCTET-STREAM","preview":true,"dataUrl":"/bird-flu/modules/situation-summary/national-flu-surveillance.csv"}},"type":"dashboard","version":"4.24.10","uuid":1722537847428}

package/src/_stories/_mock/data-bite-dash-test_1.json

@@ -0,0 +1 @@
+{"dashboard":{"theme":"theme-blue","sharedFilters":[],"description":"Dash Description","title":""},"rows":[{"columns":[{"width":6,"widget":"data-bite1722537849962"},{"width":6,"widget":"data-bite1728059122204"}],"dataDescription":{"horizontal":false,"series":true,"singleRow":true},"dataKey":"/bird-flu/modules/situation-summary/national-flu-surveillance.csv"}],"visualizations":{"data-bite1722537849962":{"type":"data-bite","dataBite":"","dataFunction":"Sum","dataColumn":"specimens tested","bitePosition":"Left","biteFontSize":24,"fontSize":"medium","biteBody":"specimens tested that would have detected influenza A(H5) or other novel influenza viruses","imageData":{"display":"none","url":"","alt":"","options":[]},"dataFormat":{"roundToPlace":0,"commas":true,"prefix":"","suffix":"+"},"biteStyle":"title","filters":[],"subtext":"","title":"Specimens tested","theme":"theme-blue","shadow":false,"visual":{"border":false,"accent":false,"background":false,"hideBackgroundColor":false,"borderColorTheme":false},"general":{"isCompactStyle":false},"filterBehavior":"Filter Change","openModal":true,"uid":"data-bite1722537849962","visualizationType":"data-bite","dataDescription":{"horizontal":false,"series":true,"singleRow":true},"version":"4.24.10","dataKey":"/bird-flu/modules/situation-summary/national-flu-surveillance.csv"},"data-bite1728059122204":{"type":"data-bite","dataBite":"","dataFunction":"Sum","dataColumn":"Human cases","bitePosition":"Left","biteFontSize":24,"fontSize":"medium","biteBody":"case detected through national flu surveillance","imageData":{"display":"none","url":"","alt":"","options":[]},"dataFormat":{"roundToPlace":0,"commas":true,"prefix":"","suffix":""},"biteStyle":"title","filters":[],"subtext":"","title":"Human cases","theme":"theme-blue","shadow":false,"visual":{"border":false,"accent":false,"background":false,"hideBackgroundColor":false,"borderColorTheme":false},"general":{"isCompactStyle":false},"filterBehavior":"Filter Change","openModal":true,"uid":"data-bite1728059122204","visualizationType":"data-bite","dataDescription":{"horizontal":false,"series":true,"singleRow":true},"version":"4.24.10","dataKey":"/bird-flu/modules/situation-summary/national-flu-surveillance.csv"}},"table":{"label":"Data Table","show":false,"showDownloadUrl":false,"showVertical":true},"datasets":{"/bird-flu/modules/situation-summary/national-flu-surveillance.csv":{"dataFileSize":39,"dataFileName":"/bird-flu/modules/situation-summary/national-flu-surveillance.csv","dataFileSourceType":"url","dataFileFormat":"OCTET-STREAM","preview":true,"dataUrl":"/bird-flu/modules/situation-summary/national-flu-surveillance.csv"}},"type":"dashboard","version":"4.24.10","uuid":1722537847428}

package/src/_stories/_mock/data-bite-dash-test_1_1.json

@@ -0,0 +1 @@
+{"dashboard":{"theme":"theme-blue","sharedFilters":[],"description":"","title":"Title no description"},"rows":[{"columns":[{"width":6,"widget":"data-bite1722537849962"},{"width":6,"widget":"data-bite1728059122204"}],"dataDescription":{"horizontal":false,"series":true,"singleRow":true},"dataKey":"/bird-flu/modules/situation-summary/national-flu-surveillance.csv"}],"visualizations":{"data-bite1722537849962":{"type":"data-bite","dataBite":"","dataFunction":"Sum","dataColumn":"specimens tested","bitePosition":"Left","biteFontSize":24,"fontSize":"medium","biteBody":"specimens tested that would have detected influenza A(H5) or other novel influenza viruses","imageData":{"display":"none","url":"","alt":"","options":[]},"dataFormat":{"roundToPlace":0,"commas":true,"prefix":"","suffix":"+"},"biteStyle":"title","filters":[],"subtext":"","title":"Specimens tested","theme":"theme-blue","shadow":false,"visual":{"border":false,"accent":false,"background":false,"hideBackgroundColor":false,"borderColorTheme":false},"general":{"isCompactStyle":false},"filterBehavior":"Filter Change","openModal":true,"uid":"data-bite1722537849962","visualizationType":"data-bite","dataDescription":{"horizontal":false,"series":true,"singleRow":true},"version":"4.24.10","dataKey":"/bird-flu/modules/situation-summary/national-flu-surveillance.csv"},"data-bite1728059122204":{"type":"data-bite","dataBite":"","dataFunction":"Sum","dataColumn":"Human cases","bitePosition":"Left","biteFontSize":24,"fontSize":"medium","biteBody":"case detected through national flu surveillance","imageData":{"display":"none","url":"","alt":"","options":[]},"dataFormat":{"roundToPlace":0,"commas":true,"prefix":"","suffix":""},"biteStyle":"title","filters":[],"subtext":"","title":"Human cases","theme":"theme-blue","shadow":false,"visual":{"border":false,"accent":false,"background":false,"hideBackgroundColor":false,"borderColorTheme":false},"general":{"isCompactStyle":false},"filterBehavior":"Filter Change","openModal":true,"uid":"data-bite1728059122204","visualizationType":"data-bite","dataDescription":{"horizontal":false,"series":true,"singleRow":true},"version":"4.24.10","dataKey":"/bird-flu/modules/situation-summary/national-flu-surveillance.csv"}},"table":{"label":"Data Table","show":false,"showDownloadUrl":false,"showVertical":true},"datasets":{"/bird-flu/modules/situation-summary/national-flu-surveillance.csv":{"dataFileSize":39,"dataFileName":"/bird-flu/modules/situation-summary/national-flu-surveillance.csv","dataFileSourceType":"url","dataFileFormat":"OCTET-STREAM","preview":true,"dataUrl":"/bird-flu/modules/situation-summary/national-flu-surveillance.csv"}},"type":"dashboard","version":"4.24.10","uuid":1722537847428}

package/src/_stories/_mock/data-bite-dash-test_1_1_1.json

@@ -0,0 +1 @@
+{"dashboard":{"theme":"theme-blue","sharedFilters":[],"description":"","title":""},"rows":[{"columns":[{"width":6,"widget":"data-bite1722537849962"},{"width":6,"widget":"data-bite1728059122204"}],"dataDescription":{"horizontal":false,"series":true,"singleRow":true},"dataKey":"/bird-flu/modules/situation-summary/national-flu-surveillance.csv"}],"visualizations":{"data-bite1722537849962":{"type":"data-bite","dataBite":"","dataFunction":"Sum","dataColumn":"specimens tested","bitePosition":"Left","biteFontSize":24,"fontSize":"medium","biteBody":"specimens tested that would have detected influenza A(H5) or other novel influenza viruses","imageData":{"display":"none","url":"","alt":"","options":[]},"dataFormat":{"roundToPlace":0,"commas":true,"prefix":"","suffix":"+"},"biteStyle":"title","filters":[],"subtext":"","title":"Specimens tested","theme":"theme-blue","shadow":false,"visual":{"border":false,"accent":false,"background":false,"hideBackgroundColor":false,"borderColorTheme":false},"general":{"isCompactStyle":false},"filterBehavior":"Filter Change","openModal":true,"uid":"data-bite1722537849962","visualizationType":"data-bite","dataDescription":{"horizontal":false,"series":true,"singleRow":true},"version":"4.24.10","dataKey":"/bird-flu/modules/situation-summary/national-flu-surveillance.csv"},"data-bite1728059122204":{"type":"data-bite","dataBite":"","dataFunction":"Sum","dataColumn":"Human cases","bitePosition":"Left","biteFontSize":24,"fontSize":"medium","biteBody":"case detected through national flu surveillance","imageData":{"display":"none","url":"","alt":"","options":[]},"dataFormat":{"roundToPlace":0,"commas":true,"prefix":"","suffix":""},"biteStyle":"title","filters":[],"subtext":"","title":"Human cases","theme":"theme-blue","shadow":false,"visual":{"border":false,"accent":false,"background":false,"hideBackgroundColor":false,"borderColorTheme":false},"general":{"isCompactStyle":false},"filterBehavior":"Filter Change","openModal":true,"uid":"data-bite1728059122204","visualizationType":"data-bite","dataDescription":{"horizontal":false,"series":true,"singleRow":true},"version":"4.24.10","dataKey":"/bird-flu/modules/situation-summary/national-flu-surveillance.csv"}},"table":{"label":"Data Table","show":false,"showDownloadUrl":false,"showVertical":true},"datasets":{"/bird-flu/modules/situation-summary/national-flu-surveillance.csv":{"dataFileSize":39,"dataFileName":"/bird-flu/modules/situation-summary/national-flu-surveillance.csv","dataFileSourceType":"url","dataFileFormat":"OCTET-STREAM","preview":true,"dataUrl":"/bird-flu/modules/situation-summary/national-flu-surveillance.csv"}},"type":"dashboard","version":"4.24.10","uuid":1722537847428}

package/src/components/CollapsibleVisualizationRow.tsx

@@ -1,5 +1,6 @@
 import React, { useState, useEffect } from 'react'
 import Icon from '../../../core/components/ui/Icon'
+import { appFontSize } from '@cdc/core/helpers/cove/fontSettings'
 
 type CollapsableVizRow = {
   allExpanded: boolean
@@ -16,8 +17,7 @@ const CollapsibleVisualizationRow: React.FC<CollapsableVizRow> = ({
   children
 }) => {
   const [isExpanded, setIsExpanded] = useState(allExpanded)
-  const fontSizes = { small: 16, medium: 18, large: 20 }
-  const titleFontSize = ['xs', 'xxs'].includes(currentViewport) ? '13px' : `${fontSizes[fontSize]}px`
+  const titleFontSize = ['xs', 'xxs'].includes(currentViewport) ? '13px' : `${appFontSize}px`
 
   useEffect(() => {
     setIsExpanded(allExpanded)