@cdc/dashboard 4.25.11 → 4.26.1

package/src/components/VisualizationRow.tsx

@@ -93,6 +93,63 @@ const VisualizationRow: React.FC<VizRowProps> = ({
     if (row.toggle) setToggled(0)
   }, [config.activeDashboard, index])
 
+  useEffect(() => {
+    // Trigger window resize event when tab changes to force chart re-render
+    if (row.toggle && toggledRow !== undefined) {
+      // Use setTimeout to ensure the d-none class has been removed first
+      setTimeout(() => {
+        window.dispatchEvent(new Event('resize'))
+      }, 50)
+    }
+  }, [toggledRow, row.toggle])
+
+  // Equalize TP5 data bite title heights in the same row
+  useEffect(() => {
+    const rowElement = document.querySelector(`[data-row-index="${index}"]`)
+    if (!rowElement) return
+
+    const tp5Titles = Array.from(rowElement.querySelectorAll('.bite__style--tp5 .cdc-callout__heading'))
+    if (tp5Titles.length <= 1) return // No need to equalize if there's only one or none
+
+    const equalizeTP5Titles = () => {
+      // Reset heights first
+      tp5Titles.forEach((title: HTMLElement) => {
+        title.style.minHeight = ''
+      })
+
+      // Calculate max height after reset
+      let maxHeight = 0
+      tp5Titles.forEach((title: HTMLElement) => {
+        const height = title.offsetHeight
+        if (height > maxHeight) maxHeight = height
+      })
+
+      // Apply max height to all titles
+      if (maxHeight > 0) {
+        tp5Titles.forEach((title: HTMLElement) => {
+          title.style.minHeight = `${maxHeight}px`
+        })
+      }
+    }
+
+    // Initial equalization
+    equalizeTP5Titles()
+
+    // Use ResizeObserver to watch for size changes in any of the titles
+    const resizeObserver = new ResizeObserver(() => {
+      equalizeTP5Titles()
+    })
+
+    // Observe all titles
+    tp5Titles.forEach(title => {
+      resizeObserver.observe(title as Element)
+    })
+
+    return () => {
+      resizeObserver.disconnect()
+    }
+  }, [index, row, config, filteredDataOverride])
+
   const show = useMemo(() => {
     if (row.toggle) {
       return row.columns.map((col, i) => i === toggledRow)
@@ -166,13 +223,18 @@ const VisualizationRow: React.FC<VizRowProps> = ({
   }
 
   return (
-    <div className={`row${row.equalHeight ? ' equal-height' : ''}${row.toggle ? ' toggle' : ''}`} key={`row__${index}`}>
+    <div
+      className={`row${row.equalHeight ? ' equal-height' : ''}${row.toggle ? ' toggle' : ''}`}
+      key={`row__${index}`}
+      data-row-index={index}
+    >
       {row.toggle && !inNoDataState && (
         <Toggle row={row} visualizations={config.visualizations} active={toggledRow} setToggled={setToggled} />
       )}
       {row.columns.map((col, colIndex) => {
         if (col.width) {
-          if (!col.widget) return <div key={`row__${index}__col__${colIndex}`} className={`col col-${col.width}`}></div>
+          if (!col.widget)
+            return <div key={`row__${index}__col__${colIndex}`} className={`col-12 col-md-${col.width}`}></div>
 
           const visualizationConfig = getVizConfig(
             col.widget,
@@ -212,9 +274,14 @@ const VisualizationRow: React.FC<VizRowProps> = ({
             </a>
           )
 
+          // Markup-includes with external URLs don't depend on dashboard data
+          const isMarkupIncludeWithoutDataDependency =
+            type === 'markup-include' && !visualizationConfig.dataKey && !visualizationConfig.data?.length
+
           const hideVisualization =
             inNoDataState &&
             filterBehavior !== 'Apply Button' &&
+            !isMarkupIncludeWithoutDataDependency &&
             (type !== 'dashboardFilters' || applyButtonNotClicked(visualizationConfig))
 
           const shouldShow = row.toggle === undefined || (row.toggle && show[colIndex])
@@ -224,11 +291,10 @@ const VisualizationRow: React.FC<VizRowProps> = ({
             sharedFilterIndexes &&
             sharedFilterIndexes.filter(idx => config.dashboard.sharedFilters?.[idx]?.showDropdown === false).length ===
               sharedFilterIndexes.length
-          const hasMarginBottom = !isLastRow && !hiddenDashboardFilters
 
           const vizWrapperClass = `col-12 col-md-${col.width}${!shouldShow ? ' d-none' : ''}${
-            hideVisualization ? ' hide-parent-visualization' : hasMarginBottom ? ' mb-4' : ''
-          }`
+            hideVisualization ? ' hide-parent-visualization' : ''
+          }${hiddenDashboardFilters ? ' hidden-dashboard-filters' : ''}`
           const link =
             config.table && config.table.show && config.datasets && table && table.showDataTableLink
               ? tableLink

package/src/components/VisualizationsPanel/VisualizationsPanel.tsx

@@ -51,7 +51,6 @@ const addVisualization = (type, subType) => {
         markupVariables: [],
         showHeader: true,
         srcUrl: '#example',
-        title: 'Markup Include',
         useInlineHTML: true
       }
       newVisualizationConfig.theme = 'theme-blue'
@@ -81,7 +80,7 @@ const addVisualization = (type, subType) => {
 
 const VisualizationsPanel = () => {
   const [advancedEditing, setAdvancedEditing] = useState(false)
-  const { config } = useContext(DashboardContext)
+  const { config, isEditor } = useContext(DashboardContext)
   const dispatch = useContext(DashboardDispatchContext)
   const loadConfig = incomingConfig => {
     const newConfig = !incomingConfig.multiDashboards
@@ -124,7 +123,7 @@ const VisualizationsPanel = () => {
         loadConfig={loadConfig}
         config={config}
         convertStateToConfig={() => undefined}
-        stripConfig={stripConfig}
+        stripConfig={cfg => stripConfig(cfg, isEditor)}
         onExpandCollapse={() => {
           setAdvancedEditing(!advancedEditing)
         }}

package/src/components/Widget/Widget.tsx

@@ -123,7 +123,7 @@ const Widget = ({
     if (!widgetConfig) return
     dispatch({
       type: 'UPDATE_VISUALIZATION',
-      payload: { vizKey: widgetConfig.uid as string, configureData: { editing: true } }
+      payload: { vizKey: widgetConfig.uid as string, configureData: { editing: true, showEditorPanel: true } }
     })
     loadSampleData()
   }

package/src/data/initial-state.js

@@ -1,6 +1,7 @@
 export default {
   dashboard: {
     theme: 'theme-blue',
+    titleStyle: 'small',
     sharedFilters: []
   },
   rows: [[{ width: 12 }, {}, {}]],

package/src/helpers/addValuesToDashboardFilters.ts

@@ -1,5 +1,5 @@
 import _ from 'lodash'
-import { getQueryStringFilterValue } from '@cdc/core/helpers/queryStringUtils'
+import { getQueryStringFilterValue, isFilterHiddenByQuery } from '@cdc/core/helpers/queryStringUtils'
 import { SharedFilter } from '../types/SharedFilter'
 import { handleSorting } from '@cdc/core/components/Filters'
 import { mergeCustomOrderValues } from '@cdc/core/helpers/mergeCustomOrderValues'
@@ -39,7 +39,11 @@ export const addValuesToDashboardFilters = (
     if (filtersToSkip.includes(index)) return filter
     if (filter.type === 'urlfilter') return filter
     const filterCopy = _.cloneDeep(filter)
-    const filterValues = generateValuesForFilter(getSelector(filter), data)
+
+    // Only generate values from data if not pre-configured
+    const hasPreConfiguredValues = filter.values && filter.values.length > 0
+    const filterValues = hasPreConfiguredValues ? filter.values : generateValuesForFilter(getSelector(filter), data)
+
     filterCopy.values = filterValues
 
     // Merge new values with existing custom order (fixes DEV-11740 & DEV-11376)
@@ -54,32 +58,21 @@ export const addValuesToDashboardFilters = (
         const active: string[] = Array.isArray(filterCopy.active) ? filterCopy.active : [filterCopy.active]
         filterCopy.active = active.filter(val => defaultValues.includes(val))
       } else {
-        // Preserve existing active value if it's valid in the new filter values
-        const currentActive = filterCopy.active as string
-        const isResetLabelValue = currentActive && currentActive === filterCopy.resetLabel
-        const isCurrentActiveValid = currentActive && (filterValues.includes(currentActive) || isResetLabelValue)
-
-        // Check if this is an intentional clear (empty string, but not undefined during initial load)
-        const isIntentionalClear = currentActive === ''
-
-        // Priority: defaultValue > valid current active > reset label > first value
+        // Initialize active from defaultValue if not already set
+        // OR if defaultValue exists, always use it (overrides stale active from saved config)
         if (filterCopy.defaultValue) {
-          // If defaultValue is explicitly set, always use it
           filterCopy.active = filterCopy.defaultValue
-        } else if (isCurrentActiveValid) {
-          // Keep the current active value if valid
-          filterCopy.active = currentActive
-        } else if (isIntentionalClear) {
-          // Don't override intentional clears
-          filterCopy.active = currentActive
-        } else {
-          // Set to reset label or first value
-          const defaultValue = filterCopy.resetLabel || filterCopy.values[0]
-          filterCopy.active = defaultValue
+        } else if (!filterCopy.active) {
+          filterCopy.active = filterCopy.resetLabel || filterCopy.values[0]
         }
       }
     }
 
+    // Check if filter should be hidden by query parameter
+    if (isFilterHiddenByQuery(filterCopy)) {
+      filterCopy.showDropdown = false
+    }
+
     // Handle nested dropdown subGrouping.active property
     if (filterCopy.subGrouping && filterCopy.subGrouping.valuesLookup) {
       const groupName = filterCopy.active as string

package/src/helpers/changeFilterActive.ts

@@ -1,65 +1,67 @@
-import _ from 'lodash'
-import { FilterBehavior } from '../helpers/FilterBehavior'
-import {
-  getQueryParams,
-  removeQueryParam,
-  updateQueryParam,
-  updateQueryString
-} from '@cdc/core/helpers/queryStringUtils'
-import { SharedFilter } from '../types/SharedFilter'
-import { DashboardFilters } from '../types/DashboardFilters'
-import { FILTER_STYLE } from '../types/FilterStyles'
-
-const handleChildren = (sharedFilters: SharedFilter[], parentIndex: number) => {
-  const parentKey = sharedFilters[parentIndex].key
-  const childFilterIndexes = sharedFilters
-    .map((filter, index) => (filter.parents?.includes(parentKey) ? index : null))
-    .filter(i => i !== null)
-  if (childFilterIndexes.length) {
-    childFilterIndexes.forEach(filterIndex => {
-      const cur = sharedFilters[filterIndex]
-      if (cur.setByQueryParameter) removeQueryParam(cur.setByQueryParameter)
-      cur.active = ''
-      if (cur.subGrouping) {
-        cur.subGrouping.active = ''
-      }
-    })
-  }
-  return childFilterIndexes
-}
-
-export const changeFilterActive = (
-  filterIndex: number,
-  value: string | string[],
-  sharedFilters: SharedFilter[],
-  vizConfig: DashboardFilters
-): [SharedFilter[], number[]] => {
-  const sharedFiltersCopy = _.cloneDeep(sharedFilters)
-  const currentFilter = sharedFiltersCopy[filterIndex]
-  if (vizConfig.filterBehavior !== FilterBehavior.Apply || vizConfig.autoLoad) {
-    if (currentFilter?.filterStyle === FILTER_STYLE.nestedDropdown) {
-      sharedFiltersCopy[filterIndex].active = value[0]
-      sharedFiltersCopy[filterIndex].subGrouping.active = value[1]
-    } else {
-      sharedFiltersCopy[filterIndex].active = value
-      handleChildren(sharedFiltersCopy, filterIndex)
-      const queryParams = getQueryParams()
-      if (
-        currentFilter.setByQueryParameter &&
-        queryParams[currentFilter.setByQueryParameter] !== currentFilter.active
-      ) {
-        queryParams[currentFilter.setByQueryParameter] = currentFilter.active
-        updateQueryString(queryParams)
-      }
-    }
-  } else if (currentFilter.subGrouping) {
-    updateQueryParam(currentFilter.setByQueryParameter, value[0])
-    updateQueryParam(currentFilter.subGrouping.setByQueryParameter, value[1])
-    sharedFiltersCopy[filterIndex].queuedActive = value
-  } else {
-    const paramVal = Array.isArray(value) ? value.join(',') : value
-    if (currentFilter.setByQueryParameter) updateQueryParam(currentFilter.setByQueryParameter, paramVal)
-    sharedFiltersCopy[filterIndex].queuedActive = value
-  }
-  return [sharedFiltersCopy, handleChildren(sharedFiltersCopy, filterIndex)]
-}
+import _ from 'lodash'
+import { FilterBehavior } from '../helpers/FilterBehavior'
+import {
+  getQueryParams,
+  removeQueryParam,
+  updateQueryParam,
+  updateQueryString
+} from '@cdc/core/helpers/queryStringUtils'
+import { SharedFilter } from '../types/SharedFilter'
+import { DashboardFilters } from '../types/DashboardFilters'
+import { FILTER_STYLE } from '../types/FilterStyles'
+
+const handleChildren = (sharedFilters: SharedFilter[], parentIndex: number) => {
+  const parentKey = sharedFilters[parentIndex].key
+  const childFilterIndexes = sharedFilters
+    .map((filter, index) => (filter.parents?.includes(parentKey) ? index : null))
+    .filter(i => i !== null)
+  if (childFilterIndexes.length) {
+    childFilterIndexes.forEach(filterIndex => {
+      const cur = sharedFilters[filterIndex]
+      if (cur.type === 'urlfilter') {
+        if (cur.setByQueryParameter) removeQueryParam(cur.setByQueryParameter)
+        cur.active = ''
+        if (cur.subGrouping) {
+          cur.subGrouping.active = ''
+        }
+      }
+    })
+  }
+  return childFilterIndexes
+}
+
+export const changeFilterActive = (
+  filterIndex: number,
+  value: string | string[],
+  sharedFilters: SharedFilter[],
+  vizConfig: DashboardFilters
+): [SharedFilter[], number[]] => {
+  const sharedFiltersCopy = _.cloneDeep(sharedFilters)
+  const currentFilter = sharedFiltersCopy[filterIndex]
+  if (vizConfig.filterBehavior !== FilterBehavior.Apply || vizConfig.autoLoad) {
+    if (currentFilter?.filterStyle === FILTER_STYLE.nestedDropdown) {
+      sharedFiltersCopy[filterIndex].active = value[0]
+      sharedFiltersCopy[filterIndex].subGrouping.active = value[1]
+    } else {
+      sharedFiltersCopy[filterIndex].active = value
+      handleChildren(sharedFiltersCopy, filterIndex)
+      const queryParams = getQueryParams()
+      if (
+        currentFilter.setByQueryParameter &&
+        queryParams[currentFilter.setByQueryParameter] !== currentFilter.active
+      ) {
+        queryParams[currentFilter.setByQueryParameter] = currentFilter.active
+        updateQueryString(queryParams)
+      }
+    }
+  } else if (currentFilter.subGrouping) {
+    updateQueryParam(currentFilter.setByQueryParameter, value[0])
+    updateQueryParam(currentFilter.subGrouping.setByQueryParameter, value[1])
+    sharedFiltersCopy[filterIndex].queuedActive = value
+  } else {
+    const paramVal = Array.isArray(value) ? value.join(',') : value
+    if (currentFilter.setByQueryParameter) updateQueryParam(currentFilter.setByQueryParameter, paramVal)
+    sharedFiltersCopy[filterIndex].queuedActive = value
+  }
+  return [sharedFiltersCopy, handleChildren(sharedFiltersCopy, filterIndex)]
+}

package/src/helpers/formatConfigBeforeSave.ts

@@ -17,11 +17,12 @@ const cleanDashboardFootnotes = (config: DashboardConfig) => {
   }
 }
 
-const cleanDashboardData = (config: DashboardConfig) => {
+const cleanDashboardData = (config: DashboardConfig, isEditor = false) => {
   if (config.datasets) {
     Object.keys(config.datasets).forEach(datasetKey => {
       delete config.datasets[datasetKey].formattedData
-      if (config.datasets[datasetKey].dataUrl) {
+      // Only delete data when not in editor mode
+      if (config.datasets[datasetKey].dataUrl && !isEditor) {
         delete config.datasets[datasetKey].data
       }
     })
@@ -104,12 +105,12 @@ const removeRuntimeDataURLs = (config: DashboardConfig) => {
   }
 }
 
-export const stripConfig = configToStrip => {
+export const stripConfig = (configToStrip, isEditor = false) => {
   const strippedConfig = cloneConfig(configToStrip)
   if (strippedConfig.type === 'dashboard') {
     if (strippedConfig.multiDashboards) {
       strippedConfig.multiDashboards.forEach((multiDashboard, i) => {
-        cleanDashboardData(strippedConfig.multiDashboards[i])
+        cleanDashboardData(strippedConfig.multiDashboards[i], isEditor)
         cleanSharedFilters(strippedConfig.multiDashboards[i])
         cleanDashboardFootnotes(strippedConfig.multiDashboards[i])
         cleanVisualizationFilters(strippedConfig.multiDashboards[i])
@@ -120,7 +121,7 @@ export const stripConfig = configToStrip => {
       delete strippedConfig.label
     }
     delete strippedConfig.activeDashboard
-    cleanDashboardData(strippedConfig)
+    cleanDashboardData(strippedConfig, isEditor)
     cleanSharedFilters(strippedConfig)
     cleanDashboardFootnotes(strippedConfig)
     cleanVisualizationFilters(strippedConfig)

package/src/helpers/getUpdateConfig.ts

@@ -1,91 +1,91 @@
-import { DashboardState } from '../store/dashboard.reducer'
-import { DashboardConfig as Config, DashboardConfig } from '../types/DashboardConfig'
-import { filterData } from './filterData'
-import { generateValuesForFilter } from './generateValuesForFilter'
-import { getFormattedData } from './getFormattedData'
-import { getVizKeys } from './getVizKeys'
-import { getVizRowColumnLocator } from './getVizRowColumnLocator'
-
-import { getQueryStringFilterValue } from '@cdc/core/helpers/queryStringUtils'
-
-type UpdateState = Omit<DashboardState, 'config'> & {
-  config?: DashboardConfig
-}
-
-export const getUpdateConfig =
-  (state: UpdateState) =>
-  (newConfig, dataOverride?: Object): [Config, Object] => {
-    let newFilteredData = {}
-    let visualizationKeys = getVizKeys(newConfig)
-
-    const vizRowColumnLocator = getVizRowColumnLocator(newConfig.rows)
-
-    if (newConfig.dashboard.sharedFilters) {
-      newConfig.dashboard.sharedFilters.forEach((filter, i) => {
-        const filterIsSetByVizData = !!visualizationKeys.find(key => key === filter.setBy)
-        const _filter = newConfig.dashboard.sharedFilters[i]
-
-        const setValuesAndActive = filterValues => {
-          _filter.values = filterValues
-          if (filterValues.length > 0) {
-            const defaultValues = _filter.pivot ? _filter.values : _filter.values[0]
-
-            const queryStringFilterValue = getQueryStringFilterValue(_filter)
-            if (queryStringFilterValue) {
-              _filter.active = queryStringFilterValue
-            } else {
-              _filter.active = _filter.active || defaultValues
-            }
-          }
-        }
-
-        const filterValues = generateValuesForFilter(filter.columnName, dataOverride || state.data)
-        if (filterIsSetByVizData) {
-          if (_filter.order === 'asc') {
-            filterValues.sort()
-          }
-          if (_filter.order === 'desc') {
-            filterValues.sort().reverse()
-          }
-
-          setValuesAndActive(filterValues)
-        } else if ((!filter.values || filter.values.length === 0) && filter.showDropdown) {
-          setValuesAndActive(filterValues)
-        }
-      })
-
-      visualizationKeys.forEach(visualizationKey => {
-        const row = vizRowColumnLocator[visualizationKey]
-        if (newConfig.rows[row]?.datakey) return // data configured on the row level
-        const applicableFilters = newConfig.dashboard.sharedFilters.filter(
-          sharedFilter => sharedFilter.usedBy && sharedFilter.usedBy.indexOf(visualizationKey) !== -1
-        )
-
-        if (applicableFilters.length > 0) {
-          const visualization = newConfig.visualizations[visualizationKey]
-          const _newConfigDataSet = newConfig.datasets[visualization.dataKey]
-          const formattedData = getFormattedData(
-            _newConfigDataSet?.data || visualization.data,
-            visualization.dataDescription
-          )
-          const _data = formattedData || (dataOverride || state.data)[visualization.dataKey]
-          newFilteredData[visualizationKey] = filterData(applicableFilters, _data)
-        }
-      })
-
-      newConfig.rows.forEach((row, rowIndex) => {
-        const applicableFilters = newConfig.dashboard.sharedFilters.filter(
-          sharedFilter => sharedFilter.usedBy && sharedFilter.usedBy.indexOf(rowIndex) !== -1
-        )
-
-        if (applicableFilters.length > 0) {
-          const formattedData = getFormattedData(row.data, row.dataDescription)
-          const _data = formattedData || (dataOverride || state.data)[rowIndex]
-          newFilteredData[rowIndex] = filterData(applicableFilters, _data)
-        }
-      })
-    }
-    //Enforce default values that need to be calculated at runtime
-    newConfig.runtime = {}
-    return [newConfig, newFilteredData]
-  }
+import { DashboardState } from '../store/dashboard.reducer'
+import { DashboardConfig as Config, DashboardConfig } from '../types/DashboardConfig'
+import { filterData } from './filterData'
+import { generateValuesForFilter } from './generateValuesForFilter'
+import { getFormattedData } from './getFormattedData'
+import { getVizKeys } from './getVizKeys'
+import { getVizRowColumnLocator } from './getVizRowColumnLocator'
+
+import { getQueryStringFilterValue } from '@cdc/core/helpers/queryStringUtils'
+
+type UpdateState = Omit<DashboardState, 'config'> & {
+  config?: DashboardConfig
+}
+
+export const getUpdateConfig =
+  (state: UpdateState) =>
+  (newConfig, dataOverride?: Object): [Config, Object] => {
+    let newFilteredData = {}
+    let visualizationKeys = getVizKeys(newConfig)
+
+    const vizRowColumnLocator = getVizRowColumnLocator(newConfig.rows)
+
+    if (newConfig.dashboard.sharedFilters) {
+      newConfig.dashboard.sharedFilters.forEach((filter, i) => {
+        const filterIsSetByVizData = !!visualizationKeys.find(key => key === filter.setBy)
+        const _filter = newConfig.dashboard.sharedFilters[i]
+
+        const setValuesAndActive = filterValues => {
+          _filter.values = filterValues
+          if (filterValues.length > 0) {
+            const defaultValues = _filter.pivot ? _filter.values : _filter.values[0]
+
+            const queryStringFilterValue = getQueryStringFilterValue(_filter)
+            if (queryStringFilterValue) {
+              _filter.active = queryStringFilterValue
+            } else {
+              _filter.active = _filter.active || defaultValues
+            }
+          }
+        }
+
+        const filterValues = generateValuesForFilter(filter.columnName, dataOverride || state.data)
+        if (filterIsSetByVizData) {
+          if (_filter.order === 'asc') {
+            filterValues.sort()
+          }
+          if (_filter.order === 'desc') {
+            filterValues.sort().reverse()
+          }
+
+          setValuesAndActive(filterValues)
+        } else if ((!filter.values || filter.values.length === 0) && filter.showDropdown) {
+          setValuesAndActive(filterValues)
+        }
+      })
+
+      visualizationKeys.forEach(visualizationKey => {
+        const row = vizRowColumnLocator[visualizationKey]
+        if (newConfig.rows[row]?.datakey) return // data configured on the row level
+        const applicableFilters = newConfig.dashboard.sharedFilters.filter(
+          sharedFilter => sharedFilter.usedBy && sharedFilter.usedBy.indexOf(visualizationKey) !== -1
+        )
+
+        if (applicableFilters.length > 0) {
+          const visualization = newConfig.visualizations[visualizationKey]
+          const _newConfigDataSet = newConfig.datasets[visualization.dataKey]
+          const formattedData = getFormattedData(
+            _newConfigDataSet?.data || visualization.data,
+            visualization.dataDescription
+          )
+          const _data = formattedData || (dataOverride || state.data)[visualization.dataKey]
+          newFilteredData[visualizationKey] = filterData(applicableFilters, _data)
+        }
+      })
+
+      newConfig.rows.forEach((row, rowIndex) => {
+        const applicableFilters = newConfig.dashboard.sharedFilters.filter(
+          sharedFilter => sharedFilter.usedBy && sharedFilter.usedBy.indexOf(rowIndex) !== -1
+        )
+
+        if (applicableFilters.length > 0) {
+          const formattedData = getFormattedData(row.data, row.dataDescription)
+          const _data = formattedData || (dataOverride || state.data)[rowIndex]
+          newFilteredData[rowIndex] = filterData(applicableFilters, _data)
+        }
+      })
+    }
+    //Enforce default values that need to be calculated at runtime
+    newConfig.runtime = {}
+    return [newConfig, newFilteredData]
+  }