@cdc/dashboard 4.25.6-2 → 4.25.7-2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdc/dashboard",
-  "version": "4.25.6-2",
+  "version": "4.25.7-2",
   "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.25.6-2",
-    "@cdc/core": "^4.25.6-1",
-    "@cdc/data-bite": "^4.25.6-1",
-    "@cdc/filtered-text": "^4.25.6-1",
-    "@cdc/map": "^4.25.6-1",
-    "@cdc/markup-include": "^4.25.6-1",
-    "@cdc/waffle-chart": "^4.25.6-1",
+    "@cdc/chart": "^4.25.7",
+    "@cdc/core": "^4.25.7",
+    "@cdc/data-bite": "^4.25.7",
+    "@cdc/filtered-text": "^4.25.7",
+    "@cdc/map": "^4.25.7-2",
+    "@cdc/markup-include": "^4.25.7",
+    "@cdc/waffle-chart": "^4.25.7",
     "js-base64": "^2.5.2",
     "react-accessible-accordion": "^3.3.4",
     "react-dnd": "^14.0.2",
@@ -44,5 +44,5 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
-  "gitHead": "8183dee16aa930575befad47833cf0ce2bcb4edb"
+  "gitHead": "432a2d1acab22915fafe793cb9da1f10318ff793"
 }

package/src/CdcDashboardComponent.tsx

@@ -267,29 +267,32 @@ export default function CdcDashboard({ initialState, isEditor = false, isDebug =
     dispatch({ type: 'SET_SHARED_FILTERS', payload: newConfig.dashboard.sharedFilters })
   }
 
-  const setEventData = ({ detail }) => {
+  const setEventData = ({ detail }, data, filteredData) => {
+    // eslint-disable-next-line no-console
+    console.log('Event: cove_set_data', detail)
     try {
       const newDatasets = Object.keys(detail).reduce((acc, key) => {
-        if (state.data[key] !== undefined) {
+        if (data[key] !== undefined) {
           acc[key] = detail[key]
         }
         return acc
       }, {})
-      const newConfig = { ...state, data: { ...state.data, ...newDatasets } }
-      const newFilteredData = getFilteredData(newConfig, _.cloneDeep(state.filteredData))
+      const newConfig = { ...state, data: { ...data, ...newDatasets } }
+      const newFilteredData = getFilteredData(newConfig, _.cloneDeep(filteredData))
       dispatch({ type: 'SET_FILTERED_DATA', payload: newFilteredData })
-      dispatch({ type: 'SET_DATA', payload: { ...state.data, ...newDatasets } })
+      dispatch({ type: 'SET_DATA', payload: { ...data, ...newDatasets } })
     } catch (e) {
       console.error('Error setting event data: ', e)
     }
   }
 
   useEffect(() => {
-    subscribe('cove_set_data', setEventData)
+    const eventCallback = e => setEventData(e, state.data, state.filteredData)
+    subscribe('cove_set_data', eventCallback)
     return () => {
-      unsubscribe('cove_set_data', setEventData)
+      unsubscribe('cove_set_data', eventCallback)
     }
-  }, [])
+  }, [state.data, state.filteredData])
 
   useEffect(() => {
     const { config } = state

package/src/components/Header/Header.tsx

@@ -17,7 +17,6 @@ const Header = (props: HeaderProps) => {
   const tabs: Tab[] = ['Dashboard Description', 'Data Table Settings', 'Dashboard Preview']
   const { visualizationKey, subEditor } = props
   const { config, setParentConfig, tabSelected, data } = useContext(DashboardContext)
-  if (!config) return null
   const dispatch = useContext(DashboardDispatchContext)
   const back = () => {
     if (!visualizationKey) return
@@ -80,8 +79,9 @@ const Header = (props: HeaderProps) => {
     }
   }
 
-  const multiInitialized = !!config.multiDashboards
+  if (!config) return null
 
+  const multiInitialized = !!config.multiDashboards
   return (
     <div aria-level={2} role='heading' className={`editor-heading${subEditor ? ' sub-dashboard-viz' : ''}`}>
       {subEditor ? (