[DEV-8698] Applies Filters on MultiDash Switch

packages/dashboard/src/CdcDashboardComponent.tsx

@@ -261,10 +261,11 @@ export default function CdcDashboard({ initialState, isEditor = false, isDebug =
     if (config.filterBehavior !== FilterBehavior.Apply) {
       reloadURLData()
     }
-    // run addValuesToFilters to set Data Filters.
+
     const sharedFiltersWithValues = addValuesToFilters<SharedFilter>(config.dashboard.sharedFilters, state.data)
     loadAPIFilters(sharedFiltersWithValues)
-  }, [isEditor, isPreview])
+    updateDataFilters()
+  }, [isEditor, isPreview, state.config?.activeDashboard])
 
   const updateChildConfig = (visualizationKey, newConfig) => {
     const config = _.cloneDeep(state.config)
@@ -287,6 +288,98 @@ export default function CdcDashboard({ initialState, isEditor = false, isDebug =
     }
   }
 
+  const applyFilters = () => {
+    const dashboardConfig = _.cloneDeep(state.config.dashboard)
+    const autoLoadViz = getAutoLoadVisualization(state.config.visualizations)
+    const nonAutoLoadFilterIndexes = autoLoadViz?.hide || []
+    const allRequiredFiltersSelected = !dashboardConfig.sharedFilters.some((filter, filterIndex) => {
+      if (nonAutoLoadFilterIndexes.includes(filterIndex)) {
+        return !filter.active && !filter.queuedActive
+      } else {
+        // autoload filters don't need to be selected to apply filters
+        return false
+      }
+    })
+    if (allRequiredFiltersSelected) {
+      if (state.config.filterBehavior === FilterBehavior.Apply) {
+        const queryParams = getQueryParams()
+        let needsQueryUpdate = false
+        dashboardConfig.sharedFilters.forEach((sharedFilter, index) => {
+          if (sharedFilter.queuedActive) {
+            dashboardConfig.sharedFilters[index].active = sharedFilter.queuedActive
+            delete dashboardConfig.sharedFilters[index].queuedActive
+
+            if (sharedFilter.setByQueryParameter && queryParams[sharedFilter.setByQueryParameter] !== sharedFilter.active) {
+              queryParams[sharedFilter.setByQueryParameter] = sharedFilter.active
+              needsQueryUpdate = true
+            }
+          }
+        })
+
+        if (needsQueryUpdate) {
+          updateQueryString(queryParams)
+        }
+      }
+
+      dispatch({ type: 'SET_SHARED_FILTERS', payload: dashboardConfig.sharedFilters })
+      updateFilteredData()
+      loadAPIFilters(dashboardConfig.sharedFilters)
+        .then(newFilters => {
+          reloadURLData(newFilters)
+        })
+        .catch(e => {
+          console.error(e)
+        })
+    } else {
+      // TODO noftify of required fields
+    }
+  }
+
+  const updateFilteredData = (sharedFilters?) => {
+    const clonedState = _.cloneDeep(state)
+    if (sharedFilters) clonedState.config.dashboard.sharedFilters = sharedFilters
+    const newFilteredData = getFilteredData(clonedState)
+    dispatch({ type: 'SET_FILTERED_DATA', payload: newFilteredData })
+  }
+
+  const updateDataFilters = (sharedFilters = undefined) => {
+    const clonedState = _.cloneDeep(state)
+    if (sharedFilters) clonedState.config.dashboard.sharedFilters = sharedFilters
+    const newFilteredData = getFilteredData(clonedState)
+    dispatch({ type: 'SET_FILTERED_DATA', payload: newFilteredData })
+  }
+
+  const handleOnChange = (index: number, value: string | string[]) => {
+    const config = _.cloneDeep(state.config)
+    let newSharedFilters = changeFilterActive(index, value, config)
+
+    if (config.filterBehavior === FilterBehavior.Apply) {
+      const isAutoSelectFilter = autoLoadFilterIndexes.includes(index)
+      const missingFilterSelections = config.dashboard.sharedFilters.some(f => !f.active)
+      if (isAutoSelectFilter && !missingFilterSelections) {
+        // a dropdown has been selected that doesn't
+        // require the Go Button
+        loadAPIFilters(newSharedFilters).then(filters => {
+          reloadURLData(filters)
+        })
+      } else {
+        if (Array.isArray(value)) throw Error(`Cannot set active values on urlfilters. expected: ${JSON.stringify(value)} to be a single value.`)
+        newSharedFilters[index].queuedActive = value
+        // setData to empty object because we no longer have a data state.
+        dispatch({ type: 'SET_DATA', payload: {} })
+        dispatch({ type: 'SET_FILTERED_DATA', payload: {} })
+        loadAPIFilters(newSharedFilters)
+      }
+    } else {
+      if (newSharedFilters[index].apiFilter) {
+        reloadURLData(newSharedFilters)
+      } else {
+        updateFilteredData(newSharedFilters)
+        dispatch({ type: 'SET_SHARED_FILTERS', payload: newSharedFilters })
+      }
+    }
+  }
+
   const resizeObserver = new ResizeObserver(entries => {
     for (let entry of entries) {
       let newViewport = getViewport(entry.contentRect.width)