@cdc/dashboard 4.24.2 → 4.24.3

package/src/store/dashboard.actions.ts

@@ -1,5 +1,6 @@
 import type { DashboardConfig as Config } from '../types/DashboardConfig'
 import { type Action } from '@cdc/core/types/Action'
+import { Tab } from '../types/Tab'
 
 type SET_CONFIG = Action<'SET_CONFIG', Config>
 type UPDATE_CONFIG = Action<'UPDATE_CONFIG', [Config, Object?]>
@@ -7,7 +8,7 @@ type SET_DATA = Action<'SET_DATA', Object>
 type SET_LOADING = Action<'SET_LOADING', boolean>
 type SET_PREVIEW = Action<'SET_PREVIEW', boolean>
 type SET_FILTERED_DATA = Action<'SET_FILTERED_DATA', Object>
-type SET_TAB_SELECTED = Action<'SET_TAB_SELECTED', number>
+type SET_TAB_SELECTED = Action<'SET_TAB_SELECTED', Tab>
 type RENAME_DASHBOARD_TAB = Action<'RENAME_DASHBOARD_TAB', { current: string; new: string }>
 type INITIALIZE_MULTIDASHBOARDS = Action<'INITIALIZE_MULTIDASHBOARDS', undefined>
 type REMOVE_MULTIDASHBOARD_AT_INDEX = Action<'REMOVE_MULTIDASHBOARD_AT_INDEX', number>
@@ -15,6 +16,22 @@ type REORDER_MULTIDASHBOARDS = Action<'REORDER_MULTIDASHBOARDS', { currentIndex:
 type ADD_NEW_DASHBOARD = Action<'ADD_NEW_DASHBOARD', undefined>
 type SAVE_CURRENT_CHANGES = Action<'SAVE_CURRENT_CHANGES', undefined>
 type SWITCH_CONFIG = Action<'SWITCH_CONFIG', number>
+type TOGGLE_ROW = Action<'TOGGLE_ROW', { rowIndex: number; colIndex: number }>
 
-type DashboardActions = ADD_NEW_DASHBOARD | SET_CONFIG | UPDATE_CONFIG | REMOVE_MULTIDASHBOARD_AT_INDEX | RENAME_DASHBOARD_TAB | REORDER_MULTIDASHBOARDS | SAVE_CURRENT_CHANGES | SET_DATA | SET_LOADING | SET_PREVIEW | SET_FILTERED_DATA | SET_TAB_SELECTED | SWITCH_CONFIG | INITIALIZE_MULTIDASHBOARDS
+type DashboardActions =
+  | ADD_NEW_DASHBOARD
+  | SET_CONFIG
+  | UPDATE_CONFIG
+  | REMOVE_MULTIDASHBOARD_AT_INDEX
+  | RENAME_DASHBOARD_TAB
+  | REORDER_MULTIDASHBOARDS
+  | SAVE_CURRENT_CHANGES
+  | SET_DATA
+  | SET_LOADING
+  | SET_PREVIEW
+  | SET_FILTERED_DATA
+  | SET_TAB_SELECTED
+  | SWITCH_CONFIG
+  | INITIALIZE_MULTIDASHBOARDS
+  | TOGGLE_ROW
 export default DashboardActions

package/src/store/dashboard.reducer.ts

@@ -3,6 +3,7 @@ import { getUpdateConfig } from '../helpers/getUpdateConfig'
 import { MultiDashboardConfig } from '../types/MultiDashboard'
 import DashboardActions from './dashboard.actions'
 import { devToolsWrapper } from '@cdc/core/helpers/withDevTools'
+import { Tab } from '../types/Tab'
 
 const createBlankDashboard = () => ({
   dashboard: {
@@ -24,7 +25,7 @@ export type DashboardState = {
   filteredData: Object
   loading: boolean
   preview: boolean
-  tabSelected: number
+  tabSelected: Tab
 }
 
 const reducer = (state: DashboardState, action: DashboardActions): DashboardState => {
@@ -103,6 +104,13 @@ const reducer = (state: DashboardState, action: DashboardActions): DashboardStat
       const newConfigFields = state.config.multiDashboards[slot]
       return { ...state, config: { ...state.config, ...newConfigFields, activeDashboard: slot } }
     }
+    case 'TOGGLE_ROW': {
+      const { rowIndex, colIndex } = action.payload
+      const newRows = state.config.rows.map((row, index) => {
+        return index === rowIndex ? row.map((col, i) => ({ ...col, hide: i !== colIndex })) : row
+      })
+      return { ...state, config: { ...state.config, rows: newRows } }
+    }
     default:
       return state
   }

package/src/types/ConfigRow.ts

@@ -1,6 +1,8 @@
 export type ConfigRow = {
   equalHeight?: boolean
   width: number | null
+  toggle?: boolean
+  hide?: boolean
   widget?: string
   uuid?: string | number
 }[] & { uuid?: string | number }

package/src/types/DataSet.ts

@@ -1,8 +1,8 @@
 export type DataSet = {
-    data: Object[]
-    dataDescription: {}
-    dataUrl: string
-    runtimeDataUrl: string
-    dataFileSourceType: string
-    formattedData: Object[]
-}
+  data: Object[]
+  dataDescription: {}
+  dataUrl: string
+  runtimeDataUrl: string
+  dataFileSourceType: string
+  formattedData: Object[]
+}

package/src/types/InitialState.ts

@@ -1,4 +1,5 @@
 import { DashboardConfig } from './DashboardConfig'
+import { Tab } from './Tab'
 
 export type InitialState = {
   config: DashboardConfig
@@ -6,5 +7,5 @@ export type InitialState = {
   loading: boolean
   filteredData: Object
   preview: boolean
-  tabSelected: number
+  tabSelected: Tab
 }

package/src/types/SharedFilter.ts

@@ -1,14 +1,17 @@
 import { APIFilter } from './APIFilter'
 export type SharedFilter = {
   type?: 'urlfilter' | 'datafilter' | ''
-  fileName: string
+  fileName?: string
   filterBy?: 'Query String' | 'File Name'
   queryParameter?: string
-  active?: string
+  setByQueryParameter?: string
+  active?: string | string[]
   queuedActive?: string
   usedBy?: string[]
   parents?: string[]
+  pivot?: string
   setBy?: string
+  selectLimit?: number
   columnName?: string
   resetLabel?: string
   showDropdown?: boolean

package/src/types/Tab.ts

@@ -0,0 +1 @@
+export type Tab = 'Dashboard Description' | 'Dashboard Filters' | 'Data Table Settings' | 'Dashboard Preview'