@cdc/dashboard 4.23.7 → 4.23.8

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.
package/index.html CHANGED
@@ -21,8 +21,8 @@
21
21
  <body>
22
22
  <!-- <div class="react-container" data-config="/examples/default.json"></div> -->
23
23
  <!-- <div class="react-container" data-config="/examples/default-multi-dataset.json"></div> -->
24
- <!-- <div class="react-container" data-config="/examples/default-filter-control.json"></div> -->
25
- <div class="react-container" data-config="/examples/shared-filters.json"></div>
24
+ <div class="react-container" data-config="/examples/default-filter-control.json"></div>
25
+ <!-- <div class="react-container" data-config="/examples/private/bar-color.json"></div> -->
26
26
  <!-- <div class="react-container" data-config="/examples/private/totals.json"></div> -->
27
27
  <!-- <div class="react-container" data-config="/examples/private/totals-two.json"></div> -->
28
28
  <script type="module" src="./src/index.jsx"></script>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cdc/dashboard",
3
- "version": "4.23.7",
3
+ "version": "4.23.8",
4
4
  "description": "React component for combining multiple visualizations into a single dashboard",
5
5
  "moduleName": "CdcDashboard",
6
6
  "main": "dist/cdcdashboard",
@@ -25,13 +25,13 @@
25
25
  },
26
26
  "license": "Apache-2.0",
27
27
  "dependencies": {
28
- "@cdc/chart": "^4.23.7",
29
- "@cdc/core": "^4.23.7",
30
- "@cdc/data-bite": "^4.23.7",
31
- "@cdc/filtered-text": "^4.23.7",
32
- "@cdc/map": "^4.23.7",
33
- "@cdc/markup-include": "^4.23.7",
34
- "@cdc/waffle-chart": "^4.23.7",
28
+ "@cdc/chart": "^4.23.8",
29
+ "@cdc/core": "^4.23.8",
30
+ "@cdc/data-bite": "^4.23.8",
31
+ "@cdc/filtered-text": "^4.23.8",
32
+ "@cdc/map": "^4.23.8",
33
+ "@cdc/markup-include": "^4.23.8",
34
+ "@cdc/waffle-chart": "^4.23.8",
35
35
  "html-react-parser": "^3.0.8",
36
36
  "js-base64": "^2.5.2",
37
37
  "papaparse": "^5.3.0",
@@ -47,5 +47,5 @@
47
47
  "react": "^18.2.0",
48
48
  "react-dom": "^18.2.0"
49
49
  },
50
- "gitHead": "6c7ac5215dcf3bc1cc7d199089c8c2e75f53a93e"
50
+ "gitHead": "ba0a072a40c430baf121ad5ece0165f52a414b86"
51
51
  }
@@ -418,7 +418,7 @@ export default function CdcDashboard({ configUrl = '', config: configObj = undef
418
418
  setConfig(updatedConfig)
419
419
  }
420
420
 
421
- const Filters = ({hide}) => {
421
+ const Filters = ({ hide }) => {
422
422
  const changeFilterActive = (index, value) => {
423
423
  let dashboardConfig = { ...config.dashboard }
424
424
 
@@ -634,15 +634,13 @@ export default function CdcDashboard({ configUrl = '', config: configObj = undef
634
634
  {/* Title */}
635
635
  {title && (
636
636
  <div role='heading' aria-level='3' className={`dashboard-title ${config.dashboard.theme ?? 'theme-blue'}`}>
637
- {title}
637
+ {parse(title)}
638
638
  </div>
639
639
  )}
640
640
  {/* Description */}
641
641
  {description && <div className='subtext'>{parse(description)}</div>}
642
642
  {/* Filters */}
643
- {config.dashboard.sharedFilters && Object.keys(config.visualizations).filter(vizKey => config.visualizations[vizKey].visualizationType === 'filter-dropdowns').length === 0 && (
644
- <Filters />
645
- )}
643
+ {config.dashboard.sharedFilters && Object.keys(config.visualizations).filter(vizKey => config.visualizations[vizKey].visualizationType === 'filter-dropdowns').length === 0 && <Filters />}
646
644
 
647
645
  {/* Visualizations */}
648
646
  {config.rows &&
@@ -757,9 +755,7 @@ export default function CdcDashboard({ configUrl = '', config: configObj = undef
757
755
  isDashboard={true}
758
756
  />
759
757
  )}
760
- {visualizationConfig.type === 'filter-dropdowns' && (
761
- <Filters hide={visualizationConfig.hide} />
762
- )}
758
+ {visualizationConfig.type === 'filter-dropdowns' && <Filters hide={visualizationConfig.hide} />}
763
759
  </div>
764
760
  </React.Fragment>
765
761
  )