@databiosphere/findable-ui 35.2.0 → 37.0.0

package/src/components/Table/components/TableFeatures/GlobalFilter/types.ts

@@ -0,0 +1,9 @@
+import { OutlinedInputProps } from "@mui/material";
+import { RowData, Table } from "@tanstack/react-table";
+import { BaseComponentProps } from "components/types";
+
+export interface GlobalFilterProps<T extends RowData>
+  extends BaseComponentProps,
+    OutlinedInputProps {
+  table: Table<T>;
+}

package/src/components/Table/coreOptions/state/pagination/constants.ts

@@ -0,0 +1,8 @@
+import { PaginationTableState } from "@tanstack/react-table";
+
+export const PAGINATION_TABLE_STATE: PaginationTableState = {
+  pagination: {
+    pageIndex: 0,
+    pageSize: 10,
+  },
+};

package/src/components/Table/coreOptions/state/pagination/utils.ts

@@ -0,0 +1,21 @@
+import { InitialTableState, PaginationTableState } from "@tanstack/react-table";
+import { PAGINATION_TABLE_STATE } from "./constants";
+
+/**
+ * Initializes pagination state by merging default values with initial state.
+ * TanStack Table always applies a default pagination of `{ pageIndex: 0, pageSize: 10 }`,
+ * so this function ensures custom pagination state is properly initialized from the initial state.
+ * @param initialState - The initial state.
+ * @returns The initialized pagination state.
+ */
+export function initPaginationState(
+  initialState?: InitialTableState
+): PaginationTableState {
+  if (!initialState?.pagination) return PAGINATION_TABLE_STATE;
+  return {
+    pagination: {
+      ...PAGINATION_TABLE_STATE.pagination,
+      ...initialState.pagination,
+    },
+  };
+}

package/src/components/common/AnchorLink/anchorLink.styles.ts

@@ -2,7 +2,7 @@ import styled from "@emotion/styled";
 import Link from "next/link";
 import { inkLight } from "../../../styles/common/mixins/colors";
 
-export const AnchorLink = styled(Link)`
+export const StyledNextLink = styled(Link)`
   color: ${inkLight};
   margin-left: 4px;
   opacity: 0;

package/src/components/common/AnchorLink/anchorLink.tsx

@@ -1,6 +1,7 @@
 import { LinkRounded } from "@mui/icons-material";
+import { useRouter } from "next/router";
 import React from "react";
-import { AnchorLink as Link } from "./anchorLink.styles";
+import { StyledNextLink } from "./anchorLink.styles";
 
 /**
  * An anchor link component that provides deep linking functionality.
@@ -18,9 +19,14 @@ export const AnchorLink = ({
   anchorLink,
   className,
 }: AnchorLinkProps): JSX.Element => {
+  const { query } = useRouter();
   return (
-    <Link aria-label={anchorLink} className={className} href={`#${anchorLink}`}>
+    <StyledNextLink
+      aria-label={anchorLink}
+      className={className}
+      href={{ hash: anchorLink, query }}
+    >
       <LinkRounded fontSize="xsmall" />
-    </Link>
+    </StyledNextLink>
   );
 };

package/src/components/common/CustomIcon/components/SearchIcon/searchIcon.tsx

@@ -1,6 +1,5 @@
-import { SvgIcon } from "@mui/material";
+import { SvgIcon, SvgIconProps } from "@mui/material";
 import React from "react";
-import { CustomSVGIconProps } from "../../common/entities";
 
 /**
  * Custom search icon.
@@ -10,7 +9,7 @@ export const SearchIcon = ({
   fontSize = "xsmall",
   viewBox = "0 0 20 20",
   ...props /* Spread props to allow for Mui SvgIconProps specific prop overrides e.g. "htmlColor". */
-}: CustomSVGIconProps): JSX.Element => {
+}: SvgIconProps): JSX.Element => {
   return (
     <SvgIcon fontSize={fontSize} viewBox={viewBox} {...props}>
       <path

package/src/components/common/OutlinedInput/components/InputAdornment/components/ClearInputAdornment/clearInputAdornment.styles.ts

@@ -0,0 +1,12 @@
+import styled from "@emotion/styled";
+import { InputAdornment } from "@mui/material";
+import { PALETTE } from "../../../../../../../styles/common/constants/palette";
+
+export const StyledInputAdornment = styled(InputAdornment)`
+  color: ${PALETTE.INK_LIGHT};
+  margin: 0;
+
+  .MuiIconButton-root {
+    margin-right: -10px;
+  }
+`;

package/src/components/common/OutlinedInput/components/InputAdornment/components/ClearInputAdornment/clearInputAdornment.tsx

@@ -0,0 +1,21 @@
+import { CloseRounded } from "@mui/icons-material";
+import { IconButton } from "@mui/material";
+import React from "react";
+import { SVG_ICON_PROPS } from "../constants";
+import { StyledInputAdornment } from "./clearInputAdornment.styles";
+import { ICON_BUTTON_PROPS, INPUT_ADORNMENT_PROPS } from "./constants";
+import { ClearInputAdornmentProps } from "./types";
+
+export const ClearInputAdornment = ({
+  in: isIn,
+  onClick,
+}: ClearInputAdornmentProps): JSX.Element | null => {
+  if (!isIn) return null;
+  return (
+    <StyledInputAdornment {...INPUT_ADORNMENT_PROPS}>
+      <IconButton {...ICON_BUTTON_PROPS} onClick={onClick}>
+        <CloseRounded {...SVG_ICON_PROPS} />
+      </IconButton>
+    </StyledInputAdornment>
+  );
+};

package/src/components/common/OutlinedInput/components/InputAdornment/components/ClearInputAdornment/constants.ts

@@ -0,0 +1,13 @@
+import { IconButtonProps, InputAdornmentProps } from "@mui/material";
+import { ICON_BUTTON_PROPS as MUI_ICON_BUTTON_PROPS } from "../../../../../../../styles/common/mui/iconButton";
+import { INPUT_ADORNMENT_PROPS as MUI_INPUT_ADORNMENT_PROPS } from "../../../../../../../styles/common/mui/inputAdornment";
+
+export const ICON_BUTTON_PROPS: IconButtonProps = {
+  color: MUI_ICON_BUTTON_PROPS.COLOR.INHERIT,
+  edge: MUI_ICON_BUTTON_PROPS.EDGE.END,
+  size: MUI_ICON_BUTTON_PROPS.SIZE.MEDIUM,
+};
+
+export const INPUT_ADORNMENT_PROPS: InputAdornmentProps = {
+  position: MUI_INPUT_ADORNMENT_PROPS.POSITION.END,
+};

package/src/components/common/OutlinedInput/components/InputAdornment/components/ClearInputAdornment/types.ts

@@ -0,0 +1,4 @@
+export interface ClearInputAdornmentProps {
+  in?: boolean;
+  onClick: () => void;
+}

package/src/components/common/OutlinedInput/components/InputAdornment/components/SearchInputAdornment/constants.ts

@@ -0,0 +1,7 @@
+import { InputAdornmentProps } from "@mui/material";
+import { INPUT_ADORNMENT_PROPS as MUI_INPUT_ADORNMENT_PROPS } from "../../../../../../../styles/common/mui/inputAdornment";
+
+export const INPUT_ADORNMENT_PROPS: InputAdornmentProps = {
+  disablePointerEvents: true,
+  position: MUI_INPUT_ADORNMENT_PROPS.POSITION.START,
+};

package/src/components/common/OutlinedInput/components/InputAdornment/components/SearchInputAdornment/searchInputAdornment.tsx

@@ -0,0 +1,13 @@
+import React from "react";
+import { SearchIcon } from "../../../../../CustomIcon/components/SearchIcon/searchIcon";
+import { StyledInputAdornment } from "../../inputAdornment.styles";
+import { SVG_ICON_PROPS } from "../constants";
+import { INPUT_ADORNMENT_PROPS } from "./constants";
+
+export const SearchInputAdornment = (): JSX.Element => {
+  return (
+    <StyledInputAdornment {...INPUT_ADORNMENT_PROPS}>
+      <SearchIcon {...SVG_ICON_PROPS} />
+    </StyledInputAdornment>
+  );
+};

package/src/components/common/OutlinedInput/components/InputAdornment/components/constants.ts

@@ -0,0 +1,7 @@
+import { SvgIconProps } from "@mui/material";
+import { SVG_ICON_PROPS as MUI_SVG_ICON_PROPS } from "../../../../../../styles/common/mui/svgIcon";
+
+export const SVG_ICON_PROPS: SvgIconProps = {
+  color: MUI_SVG_ICON_PROPS.COLOR.INHERIT,
+  fontSize: MUI_SVG_ICON_PROPS.FONT_SIZE.SMALL,
+};

package/src/components/common/OutlinedInput/components/InputAdornment/inputAdornment.styles.ts

@@ -0,0 +1,6 @@
+import styled from "@emotion/styled";
+import { InputAdornment } from "@mui/material";
+
+export const StyledInputAdornment = styled(InputAdornment)`
+  color: inherit;
+`;

package/src/components/common/OutlinedInput/outlinedInput.styles.ts

@@ -0,0 +1,24 @@
+import { css } from "@emotion/react";
+import styled from "@emotion/styled";
+import { OutlinedInput } from "@mui/material";
+import { PALETTE } from "../../../styles/common/constants/palette";
+
+interface Props {
+  hasValue: boolean;
+}
+
+export const StyledOutlinedInput = styled(OutlinedInput, {
+  shouldForwardProp: (prop) => prop !== "hasValue",
+})<Props>`
+  ${({ hasValue }) =>
+    hasValue &&
+    css`
+      & {
+        color: ${PALETTE.INK_MAIN};
+
+        .MuiOutlinedInput-input {
+          color: inherit;
+        }
+      }
+    `};
+`;

package/src/hooks/stateSyncManager/hooks/UseMetaCommands/hook.ts

@@ -17,11 +17,11 @@ export const useMetaCommands = <Action>({
     switch (command) {
       case META_COMMAND.STATE_TO_URL_PUSH:
         Router.push({ query }, undefined, { shallow: true });
-        dispatch(actions.clearMeta());
+        dispatch?.(actions.clearMeta());
         break;
       case META_COMMAND.STATE_TO_URL_REPLACE:
         Router.replace({ query }, undefined, { shallow: true });
-        dispatch(actions.clearMeta());
+        dispatch?.(actions.clearMeta());
         break;
       default:
         break;

package/src/hooks/stateSyncManager/hooks/UseStateSync/hook.ts

@@ -33,7 +33,7 @@ export const useStateSync = <Action>({
     // Dispatch action sync URL >> state.
     if (wasPop(basePath, pathname, popRef.current)) {
       // When the user navigates with the back/forward buttons.
-      dispatch(actions.urlToState({ query }));
+      dispatch?.(actions.urlToState({ query }));
       onClearPopRef();
       return;
     }
@@ -41,12 +41,12 @@ export const useStateSync = <Action>({
     // Dispatch action sync URL >> state.
     if (hasParams(query, paramKeys)) {
       // When the URL has parameters.
-      dispatch(actions.urlToState({ query }));
+      dispatch?.(actions.urlToState({ query }));
       return;
     }
 
     // Otherwise, dispatch action sync URL << state.
-    dispatch(actions.stateToUrl({ method: ROUTER_METHOD.REPLACE }));
+    dispatch?.(actions.stateToUrl({ method: ROUTER_METHOD.REPLACE }));
     // eslint-disable-next-line react-hooks/exhaustive-deps -- deliberate omission of `state.query`, `state.paramKeys`, `actions` and `dispatch` from dependencies, hook is only expected to run when the Next.js router changes.
   }, [basePath, isReady, pathname, query]);
 };

package/src/hooks/stateSyncManager/types.ts

@@ -29,6 +29,6 @@ export interface StateSyncManagerContext {
 
 export interface UseStateSyncManagerProps<Action> {
   actions: StateSyncManagerActions<Action>;
-  dispatch: Dispatch<Action>;
+  dispatch: Dispatch<Action> | null;
   state: StateSyncManagerContext;
 }

package/src/hooks/useFileManifest/useFileManifestFileCount.ts

@@ -0,0 +1,65 @@
+import { useEffect, useState } from "react";
+import { Filters } from "../../common/entities";
+import { FileManifestActionKind } from "../../providers/fileManifestState";
+import { useCatalog } from "../useCatalog";
+import { useFileManifestState } from "../useFileManifestState";
+import { useFetchSummary } from "./useFetchSummary";
+
+/**
+ * Fetches the latest file count from the summary endpoint, excluding filters
+ * that match the provided species and file facet names, and updates the file manifest state.
+ *
+ * @param initialFilters - The initial set of filters to apply.
+ * @param speciesFacetName - The facet name representing species to exclude from the summary request.
+ * @param fileFacetName - The facet name representing file type to exclude from the summary request.
+ */
+export const useFileManifestFileCount = (
+  initialFilters: Filters | undefined,
+  speciesFacetName: string,
+  fileFacetName: string
+): void => {
+  // Initial file manifest filter.
+  const [initFilters] = useState(() => initialFilters);
+
+  // File manifest dispatch.
+  const { fileManifestDispatch } = useFileManifestState();
+
+  // Determine catalog.
+  const catalog = useCatalog() as string; // catalog should be defined.
+
+  // Get filters required for fetching the summary.
+  const filters = excludeFacetsFromFilters(initFilters, [
+    speciesFacetName,
+    fileFacetName,
+  ]);
+
+  // Fetch file count from summary.
+  const { summary: { fileCount } = {} } = useFetchSummary(
+    filters,
+    catalog,
+    true
+  );
+
+  useEffect(() => {
+    fileManifestDispatch({
+      payload: { fileCount },
+      type: FileManifestActionKind.UpdateFileCount,
+    });
+  }, [fileCount, fileManifestDispatch]);
+};
+
+/**
+ * Returns a new filters array with the specified facet names excluded.
+ *
+ * @param filters - The list of filters to process.
+ * @param facetNames - The facet names to exclude from the filters.
+ * @returns The filters array excluding any filters matching the provided facet names.
+ */
+function excludeFacetsFromFilters(
+  filters: Filters | undefined,
+  facetNames: string[]
+): Filters {
+  return (filters || []).filter(
+    ({ categoryKey }) => !facetNames.includes(categoryKey)
+  );
+}

package/src/hooks/useRequestManifest/utils.ts

@@ -12,36 +12,41 @@ import { REQUEST_MANIFEST } from "./constants";
 import { UseRequestManifest } from "./types";
 
 /**
- * Returns true if all form facets have all their terms selected.
- * @param formFacet - Form related file facets.
- * @returns true if all form facets have all their terms selected.
+ * Determines whether all files are selected by comparing the file count to the summary file count.
+ *
+ * @param state - The file manifest state object.
+ * @returns True if all files are selected; otherwise, false.
  */
-export function areAllFormFilterTermsSelected(formFacet: FormFacet): boolean {
-  return Object.values(formFacet)
-    .filter(Boolean)
-    .every(
-      ({ selectedTermCount, termCount }: FileFacet) =>
-        selectedTermCount === termCount
-    );
+export function areAllFilesSelected(state: FileManifestState): boolean {
+  const { fileCount, summary } = state;
+
+  // Return false if file count or summary file count is undefined.
+  if (fileCount === undefined || summary?.fileCount === undefined) return false;
+
+  // Return true if file count equals summary file count.
+  return fileCount === summary.fileCount;
 }
 
 /**
- * Generates the filters for a request URL based on the file manifest state.
- * - **all form facets have all their terms selected** - returns filters from state without form filters.
- * - **at least one form facet has an unselected term** - returns filters from state.
- * @param state - File manifest state.
- * @param formFacet - Form related file facets.
- * @returns filters for the request URL.
+ * Builds the filters object for a request URL based on the file manifest state and form facets.
+ *
+ * - If all files are selected, returns filters from state excluding fully selected form filters.
+ * - If only some files are selected, returns the current filters from state.
+ *
+ * @param state - The file manifest state object.
+ * @param formFacet - The form-related file facets.
+ * @returns The filters to use for the request URL.
  */
 export function buildRequestFilters(
   state: FileManifestState,
   formFacet: FormFacet
 ): Filters {
-  // Form terms are fully selected; return filters excluding form filters.
-  if (areAllFormFilterTermsSelected(formFacet)) {
+  // Return filters from state excluding form filters if all files are selected.
+  if (areAllFilesSelected(state)) {
     return excludeFullySelectedFormFilters(state, formFacet);
   }
-  // Form terms are partially selected; return filters.
+
+  // Return current filters from state.
   return state.filters;
 }
 
@@ -115,16 +120,24 @@ export function isCatalogReady(catalog: string | undefined): boolean {
 }
 
 /**
- * Returns true if the file manifest state is ready for a request.
- * A file manifest state is considered ready if it is both enabled (`isEnabled` is `true`)
- * and not currently loading (`isLoading` is `false`).
+ * Determines if the file manifest state is ready to be used in a request.
+ *
+ * The state is considered ready when:
+ * - isEnabled is true
+ * - fileCount is defined
+ * - isLoading is false
+ *
  * @param fileManifestState - File manifest state.
- * @returns true if the file manifest state is ready for a request.
+ * @returns true if the file manifest state is ready.
  */
 export function isFileManifestStateReady(
   fileManifestState: FileManifestState
 ): boolean {
-  return fileManifestState.isEnabled && !fileManifestState.isLoading;
+  return (
+    fileManifestState.isEnabled &&
+    fileManifestState.fileCount !== undefined &&
+    !fileManifestState.isLoading
+  );
 }
 
 /**

package/src/mocks/useRequestFileManifest.mocks.ts

@@ -79,9 +79,11 @@ export const FILTERS: Record<string, Filters> = {
 };
 
 export const FILE_MANIFEST_STATE = {
+  fileCount: 10,
   filters: FILTERS.FORM_INITIAL_SET,
   isEnabled: true,
   isLoading: false,
+  summary: { fileCount: 10 },
 } as FileManifestState;
 
 export const FORM_FACET: Record<string, FormFacet> = {

package/src/providers/dataDictionary/context.ts

@@ -0,0 +1,6 @@
+import { createContext } from "react";
+import { DataDictionaryContextProps } from "./types";
+
+export const DataDictionaryContext = createContext<DataDictionaryContextProps>({
+  dictionary: "",
+});

package/src/providers/dataDictionary/hook.ts

@@ -0,0 +1,11 @@
+import { useContext } from "react";
+import { DataDictionaryContext } from "./context";
+import { DataDictionaryContextProps } from "./types";
+
+/**
+ * Returns data dictionary context.
+ * @returns data dictionary context.
+ */
+export const useDataDictionary = (): DataDictionaryContextProps => {
+  return useContext(DataDictionaryContext);
+};

package/src/providers/dataDictionary/types.ts

@@ -0,0 +1,6 @@
+export interface DataDictionaryContextProps {
+  // Dictionary key; used to identify the dictionary currently rendered.
+  // Propagates the dictionary key to child components via context without
+  // having to pass it explicitly with props.
+  dictionary: string;
+}

package/src/providers/dataDictionaryState/actions/clearMeta/action.ts

@@ -0,0 +1,18 @@
+import { DataDictionaryState } from "../../types";
+import { ClearMetaPayload } from "./types";
+
+/**
+ * Reducer function to handle the "clear meta" action.
+ * @param state - Data Dictionary State.
+ * @param payload - Payload.
+ * @returns data dictionary state.
+ */
+export function clearMetaAction(
+  state: DataDictionaryState,
+  payload: ClearMetaPayload
+): DataDictionaryState {
+  return {
+    ...state,
+    meta: payload,
+  };
+}

package/src/providers/dataDictionaryState/actions/clearMeta/dispatch.ts

@@ -0,0 +1,13 @@
+import { DataDictionaryActionKind } from "../types";
+import { ClearMetaAction } from "./types";
+
+/**
+ * Action creator for clearing meta in the state.
+ * @returns Action with payload and action type.
+ */
+export function clearMeta(): ClearMetaAction {
+  return {
+    payload: null,
+    type: DataDictionaryActionKind.ClearMeta,
+  };
+}

package/src/providers/dataDictionaryState/actions/clearMeta/types.ts

@@ -0,0 +1,8 @@
+import { DataDictionaryActionKind } from "../types";
+
+export type ClearMetaAction = {
+  payload: ClearMetaPayload;
+  type: DataDictionaryActionKind.ClearMeta;
+};
+
+export type ClearMetaPayload = null;

package/src/providers/dataDictionaryState/actions/stateToUrl/action.ts

@@ -0,0 +1,20 @@
+import { META_COMMAND } from "../../../../hooks/stateSyncManager/hooks/UseMetaCommands/types";
+import { DataDictionaryState } from "../../types";
+import { ROUTER_METHOD, StateToUrlPayload } from "./types";
+
+/**
+ * Reducer function to handle the "state >> URL sync" action.
+ * @param state - State.
+ * @param payload - Payload.
+ * @returns state.
+ */
+export function stateToUrlAction(
+  state: DataDictionaryState,
+  payload: StateToUrlPayload
+): DataDictionaryState {
+  const command =
+    payload.method === ROUTER_METHOD.PUSH
+      ? META_COMMAND.STATE_TO_URL_PUSH
+      : META_COMMAND.STATE_TO_URL_REPLACE;
+  return { ...state, meta: { command } };
+}

package/src/providers/dataDictionaryState/actions/stateToUrl/dispatch.ts

@@ -0,0 +1,14 @@
+import { DataDictionaryActionKind } from "../types";
+import { StateToUrlAction, StateToUrlPayload } from "./types";
+
+/**
+ * Action creator for state >> URL sync.
+ * @param payload - Payload.
+ * @returns Action with payload and action type.
+ */
+export function stateToUrl(payload: StateToUrlPayload): StateToUrlAction {
+  return {
+    payload,
+    type: DataDictionaryActionKind.StateToUrl,
+  };
+}

package/src/providers/dataDictionaryState/actions/stateToUrl/types.ts

@@ -0,0 +1,15 @@
+import { DataDictionaryActionKind } from "../types";
+
+export enum ROUTER_METHOD {
+  PUSH = "push",
+  REPLACE = "replace",
+}
+
+export type StateToUrlAction = {
+  payload: StateToUrlPayload;
+  type: DataDictionaryActionKind.StateToUrl;
+};
+
+export type StateToUrlPayload = {
+  method: ROUTER_METHOD;
+};

package/src/providers/dataDictionaryState/actions/types.ts

@@ -0,0 +1,20 @@
+import { ClearMetaAction } from "./clearMeta/types";
+import { StateToUrlAction } from "./stateToUrl/types";
+import { UpdateColumnFiltersAction } from "./updateColumnFilters/types";
+import { UpdateGlobalFilterAction } from "./updateGlobalFilter/types";
+import { UrlToStateAction } from "./urlToState/types";
+
+export type DataDictionaryAction =
+  | ClearMetaAction
+  | StateToUrlAction
+  | UpdateColumnFiltersAction
+  | UpdateGlobalFilterAction
+  | UrlToStateAction;
+
+export enum DataDictionaryActionKind {
+  ClearMeta = "CLEAR_META",
+  StateToUrl = "STATE_TO_URL",
+  UpdateColumnFilters = "UPDATE_COLUMN_FILTERS",
+  UpdateGlobalFilter = "UPDATE_GLOBAL_FILTER",
+  UrlToState = "URL_TO_STATE",
+}

package/src/providers/dataDictionaryState/actions/updateColumnFilters/action.ts

@@ -0,0 +1,24 @@
+import { META_COMMAND } from "../../../../hooks/stateSyncManager/hooks/UseMetaCommands/types";
+import { buildNextDictionaries } from "../../dictionaries/state";
+import { DataDictionaryState } from "../../types";
+import { UpdateColumnFiltersPayload } from "./types";
+import { buildNextColumnFilters } from "./utils";
+
+/**
+ * Reducer function to handle the "update column filters" action.
+ * @param state - Data dictionary state.
+ * @param payload - Payload.
+ * @returns data dictionary state.
+ */
+export function updateColumnFiltersAction(
+  state: DataDictionaryState,
+  payload: UpdateColumnFiltersPayload
+): DataDictionaryState {
+  return {
+    ...state,
+    dictionaries: buildNextDictionaries(state, payload.dictionary, {
+      columnFilters: buildNextColumnFilters(state, payload),
+    }),
+    meta: { command: META_COMMAND.STATE_TO_URL_PUSH },
+  };
+}

package/src/providers/dataDictionaryState/actions/updateColumnFilters/dispatch.ts

@@ -0,0 +1,16 @@
+import { DataDictionaryActionKind } from "../types";
+import { UpdateColumnFiltersAction, UpdateColumnFiltersPayload } from "./types";
+
+/**
+ * Action creator for updating column filters in the state.
+ * @param payload - Payload.
+ * @returns Action with payload and action type.
+ */
+export function updateColumnFilters(
+  payload: UpdateColumnFiltersPayload
+): UpdateColumnFiltersAction {
+  return {
+    payload,
+    type: DataDictionaryActionKind.UpdateColumnFilters,
+  };
+}

package/src/providers/dataDictionaryState/actions/updateColumnFilters/types.ts

@@ -0,0 +1,12 @@
+import { ColumnFiltersState, Updater } from "@tanstack/react-table";
+import { DataDictionaryActionKind } from "../types";
+
+export type UpdateColumnFiltersAction = {
+  payload: UpdateColumnFiltersPayload;
+  type: DataDictionaryActionKind.UpdateColumnFilters;
+};
+
+export interface UpdateColumnFiltersPayload {
+  dictionary: string;
+  updaterOrValue: Updater<ColumnFiltersState>;
+}