@databiosphere/findable-ui 35.2.0 → 36.0.0

package/lib/components/Table/components/TableFeatures/ColumnFilter/components/ColumnFilterTag/columnFilterTag.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const StyledChip: import("@emotion/styled").StyledComponent<import("@mui/material").ChipOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "label" | "style" | "className" | "classes" | "tabIndex" | "color" | "children" | "sx" | "variant" | "disabled" | "size" | "avatar" | "clickable" | "deleteIcon" | "icon" | "onDelete" | "skipFocusWhenDisabled"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/lib/components/Table/components/TableFeatures/ColumnFilter/components/ColumnFilterTag/columnFilterTag.styles.js

@@ -0,0 +1,24 @@
+import styled from "@emotion/styled";
+import { Chip } from "@mui/material";
+import { PALETTE } from "../../../../../../../styles/common/constants/palette";
+export const StyledChip = styled(Chip) `
+  border-radius: 4px;
+  box-shadow: 0 0 0 2px ${PALETTE.COMMON_WHITE};
+  cursor: pointer;
+  gap: 4px;
+  justify-self: flex-start;
+  padding: 0 8px;
+
+  .MuiChip-label {
+    padding: 0;
+  }
+
+  .MuiChip-deleteIcon {
+    font-size: 16px;
+    margin: 0 -4px 0 0;
+
+    &:hover {
+      color: inherit;
+    }
+  }
+`;

package/lib/components/Table/components/TableFeatures/ColumnFilter/components/ColumnFilterTag/constants.d.ts

@@ -0,0 +1,3 @@
+import { ChipProps, SvgIconProps } from "@mui/material";
+export declare const CHIP_PROPS: ChipProps;
+export declare const SVG_ICON_PROPS: SvgIconProps;

package/lib/components/Table/components/TableFeatures/ColumnFilter/components/ColumnFilterTag/constants.js

@@ -0,0 +1,10 @@
+import { CHIP_PROPS as MUI_CHIP_PROPS } from "../../../../../../../styles/common/mui/chip";
+import { SVG_ICON_PROPS as MUI_SVG_ICON_PROPS } from "../../../../../../../styles/common/mui/svgIcon";
+export const CHIP_PROPS = {
+    clickable: false,
+    color: MUI_CHIP_PROPS.COLOR.DEFAULT,
+    size: MUI_CHIP_PROPS.SIZE.MEDIUM,
+};
+export const SVG_ICON_PROPS = {
+    color: MUI_SVG_ICON_PROPS.COLOR.INHERIT,
+};

package/lib/components/Table/components/TableFeatures/ColumnFilter/components/ColumnFilterTag/stories/columFilterTag.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { ColumnFilterTag } from "../columnFilterTag";
+declare const meta: Meta<typeof ColumnFilterTag>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/lib/components/Table/components/TableFeatures/ColumnFilter/components/ColumnFilterTag/stories/columFilterTag.stories.js

@@ -0,0 +1,17 @@
+import { Box } from "@mui/material";
+import React from "react";
+import { BIONETWORK } from "../../../../../../../DataDictionary/components/Filters/stories/constants";
+import { ColumnFilterTag } from "../columnFilterTag";
+const meta = {
+    component: ColumnFilterTag,
+    decorators: [
+        (Story) => (React.createElement(Box, { sx: { display: "grid", gap: 2, gridAutoFlow: "column" } },
+            React.createElement(Story, null))),
+    ],
+};
+export default meta;
+export const Default = {
+    args: {
+        column: BIONETWORK,
+    },
+};

package/lib/components/Table/components/TableFeatures/ColumnFilter/components/ColumnFilterTag/types.d.ts

@@ -0,0 +1,6 @@
+import { ChipProps } from "@mui/material";
+import { Column, RowData } from "@tanstack/react-table";
+import { BaseComponentProps } from "../../../../../../types";
+export interface ColumnFilterTagProps<T extends RowData> extends BaseComponentProps, ChipProps {
+    column: Column<T>;
+}

package/lib/components/Table/components/TableFeatures/ColumnFilter/components/ColumnFilterTag/types.js

@@ -0,0 +1 @@
+export {};

package/lib/components/Table/components/TableFeatures/ColumnFilter/constants.d.ts

@@ -1,2 +1,3 @@
-import { MenuProps } from "@mui/material";
+import { GridProps, MenuProps } from "@mui/material";
+export declare const GRID_PROPS: GridProps;
 export declare const MENU_PROPS: Omit<MenuProps, "anchorEl" | "onClose" | "open">;

package/lib/components/Table/components/TableFeatures/ColumnFilter/constants.js

@@ -1,3 +1,9 @@
+export const GRID_PROPS = {
+    alignItems: "center",
+    container: true,
+    direction: "row",
+    gap: 1,
+};
 export const MENU_PROPS = {
     anchorOrigin: {
         horizontal: "right",

package/lib/components/Table/components/TableFeatures/ColumnFilter/types.d.ts

@@ -1,7 +1,8 @@
-import { Button, MenuProps } from "@mui/material";
+import { MenuProps } from "@mui/material";
 import { Column, RowData } from "@tanstack/react-table";
 import { BaseComponentProps } from "../../../../types";
+import { StyledButton } from "./columnFilter.styles";
 export interface ColumnFilterProps<T extends RowData> extends BaseComponentProps, Omit<MenuProps, "anchorEl" | "onClose" | "open"> {
-    Button?: typeof Button;
+    Button?: typeof StyledButton;
     column: Column<T>;
 }

package/lib/components/Table/components/TableFeatures/GlobalFilter/constants.d.ts

@@ -0,0 +1,2 @@
+import { OutlinedInputProps } from "@mui/material";
+export declare const OUTLINED_INPUT_PROPS: OutlinedInputProps;

package/lib/components/Table/components/TableFeatures/GlobalFilter/constants.js

@@ -0,0 +1,6 @@
+import { OUTLINED_INPUT_PROPS as MUI_OUTLINED_INPUT_PROPS } from "../../../../../styles/common/mui/outlinedInput";
+export const OUTLINED_INPUT_PROPS = {
+    color: MUI_OUTLINED_INPUT_PROPS.COLOR.SECONDARY,
+    fullWidth: true,
+    id: "global-filter",
+};

package/lib/components/Table/components/TableFeatures/GlobalFilter/globalFilter.d.ts

@@ -0,0 +1,3 @@
+import { RowData } from "@tanstack/react-table";
+import { GlobalFilterProps } from "./types";
+export declare const GlobalFilter: <T extends RowData>({ className, table, ...props }: GlobalFilterProps<T>) => JSX.Element;

package/lib/components/Table/components/TableFeatures/GlobalFilter/globalFilter.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { ClearInputAdornment } from "../../../../common/OutlinedInput/components/InputAdornment/components/ClearInputAdornment/clearInputAdornment";
+import { SearchInputAdornment } from "../../../../common/OutlinedInput/components/InputAdornment/components/SearchInputAdornment/searchInputAdornment";
+import { StyledOutlinedInput } from "../../../../common/OutlinedInput/outlinedInput.styles";
+import { OUTLINED_INPUT_PROPS } from "./constants";
+export const GlobalFilter = ({ className, table, ...props /* MuiOutlinedInputProps */ }) => {
+    const { getState, setGlobalFilter } = table;
+    const { globalFilter } = getState();
+    return (React.createElement(StyledOutlinedInput, { ...OUTLINED_INPUT_PROPS, className: className, endAdornment: React.createElement(ClearInputAdornment, { in: !!globalFilter, onClick: () => setGlobalFilter(undefined) }), hasValue: !!globalFilter, onChange: (e) => setGlobalFilter(e.target.value), startAdornment: React.createElement(SearchInputAdornment, null), value: globalFilter ?? "", ...props }));
+};

package/lib/components/Table/components/TableFeatures/GlobalFilter/types.d.ts

@@ -0,0 +1,6 @@
+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/lib/components/Table/components/TableFeatures/GlobalFilter/types.js

@@ -0,0 +1 @@
+export {};

package/lib/components/Table/coreOptions/state/pagination/constants.d.ts

@@ -0,0 +1,2 @@
+import { PaginationTableState } from "@tanstack/react-table";
+export declare const PAGINATION_TABLE_STATE: PaginationTableState;

package/lib/components/Table/coreOptions/state/pagination/constants.js

@@ -0,0 +1,6 @@
+export const PAGINATION_TABLE_STATE = {
+    pagination: {
+        pageIndex: 0,
+        pageSize: 10,
+    },
+};

package/lib/components/Table/coreOptions/state/pagination/utils.d.ts

@@ -0,0 +1,9 @@
+import { InitialTableState, PaginationTableState } from "@tanstack/react-table";
+/**
+ * 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 declare function initPaginationState(initialState?: InitialTableState): PaginationTableState;

package/lib/components/Table/coreOptions/state/pagination/utils.js

@@ -0,0 +1,18 @@
+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) {
+    if (!initialState?.pagination)
+        return PAGINATION_TABLE_STATE;
+    return {
+        pagination: {
+            ...PAGINATION_TABLE_STATE.pagination,
+            ...initialState.pagination,
+        },
+    };
+}

package/lib/components/common/AnchorLink/anchorLink.js

@@ -1,7 +1,9 @@
 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";
 export const AnchorLink = ({ anchorLink, className, }) => {
-    return (React.createElement(Link, { "aria-label": anchorLink, className: className, href: `#${anchorLink}` },
+    const { query } = useRouter();
+    return (React.createElement(StyledNextLink, { "aria-label": anchorLink, className: className, href: { hash: anchorLink, query } },
         React.createElement(LinkRounded, { fontSize: "xsmall" })));
 };

package/lib/components/common/AnchorLink/anchorLink.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const AnchorLink: import("@emotion/styled").StyledComponent<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, keyof {
+export declare const StyledNextLink: import("@emotion/styled").StyledComponent<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, keyof {
     href: string | import("url").UrlObject;
     as?: string | import("url").UrlObject;
     replace?: boolean;

package/lib/components/common/AnchorLink/anchorLink.styles.js

@@ -1,7 +1,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/lib/components/common/CustomIcon/components/SearchIcon/searchIcon.d.ts

@@ -1,5 +1,5 @@
-import { CustomSVGIconProps } from "../../common/entities";
+import { SvgIconProps } from "@mui/material";
 /**
  * Custom search icon.
  */
-export declare const SearchIcon: ({ fontSize, viewBox, ...props }: CustomSVGIconProps) => JSX.Element;
+export declare const SearchIcon: ({ fontSize, viewBox, ...props }: SvgIconProps) => JSX.Element;

package/lib/components/common/OutlinedInput/components/InputAdornment/components/ClearInputAdornment/clearInputAdornment.d.ts

@@ -0,0 +1,2 @@
+import { ClearInputAdornmentProps } from "./types";
+export declare const ClearInputAdornment: ({ in: isIn, onClick, }: ClearInputAdornmentProps) => JSX.Element | null;

package/lib/components/common/OutlinedInput/components/InputAdornment/components/ClearInputAdornment/clearInputAdornment.js

@@ -0,0 +1,13 @@
+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";
+export const ClearInputAdornment = ({ in: isIn, onClick, }) => {
+    if (!isIn)
+        return null;
+    return (React.createElement(StyledInputAdornment, { ...INPUT_ADORNMENT_PROPS },
+        React.createElement(IconButton, { ...ICON_BUTTON_PROPS, onClick: onClick },
+            React.createElement(CloseRounded, { ...SVG_ICON_PROPS }))));
+};

package/lib/components/common/OutlinedInput/components/InputAdornment/components/ClearInputAdornment/clearInputAdornment.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const StyledInputAdornment: import("@emotion/styled").StyledComponent<import("@mui/material").InputAdornmentOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "style" | "className" | "classes" | "children" | "position" | "sx" | "variant" | "disableTypography" | "disablePointerEvents"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/lib/components/common/OutlinedInput/components/InputAdornment/components/ClearInputAdornment/clearInputAdornment.styles.js

@@ -0,0 +1,11 @@
+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/lib/components/common/OutlinedInput/components/InputAdornment/components/ClearInputAdornment/constants.d.ts

@@ -0,0 +1,3 @@
+import { IconButtonProps, InputAdornmentProps } from "@mui/material";
+export declare const ICON_BUTTON_PROPS: IconButtonProps;
+export declare const INPUT_ADORNMENT_PROPS: InputAdornmentProps;

package/lib/components/common/OutlinedInput/components/InputAdornment/components/ClearInputAdornment/constants.js

@@ -0,0 +1,10 @@
+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 = {
+    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 = {
+    position: MUI_INPUT_ADORNMENT_PROPS.POSITION.END,
+};

package/lib/components/common/OutlinedInput/components/InputAdornment/components/ClearInputAdornment/types.d.ts

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

package/lib/components/common/OutlinedInput/components/InputAdornment/components/ClearInputAdornment/types.js

@@ -0,0 +1 @@
+export {};

package/lib/components/common/OutlinedInput/components/InputAdornment/components/SearchInputAdornment/constants.d.ts

@@ -0,0 +1,2 @@
+import { InputAdornmentProps } from "@mui/material";
+export declare const INPUT_ADORNMENT_PROPS: InputAdornmentProps;

package/lib/components/common/OutlinedInput/components/InputAdornment/components/SearchInputAdornment/constants.js

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

package/lib/components/common/OutlinedInput/components/InputAdornment/components/SearchInputAdornment/searchInputAdornment.d.ts

@@ -0,0 +1 @@
+export declare const SearchInputAdornment: () => JSX.Element;

package/lib/components/common/OutlinedInput/components/InputAdornment/components/SearchInputAdornment/searchInputAdornment.js

@@ -0,0 +1,9 @@
+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 = () => {
+    return (React.createElement(StyledInputAdornment, { ...INPUT_ADORNMENT_PROPS },
+        React.createElement(SearchIcon, { ...SVG_ICON_PROPS })));
+};

package/lib/components/common/OutlinedInput/components/InputAdornment/components/constants.d.ts

@@ -0,0 +1,2 @@
+import { SvgIconProps } from "@mui/material";
+export declare const SVG_ICON_PROPS: SvgIconProps;

package/lib/components/common/OutlinedInput/components/InputAdornment/components/constants.js

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

package/lib/components/common/OutlinedInput/components/InputAdornment/inputAdornment.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const StyledInputAdornment: import("@emotion/styled").StyledComponent<import("@mui/material").InputAdornmentOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "style" | "className" | "classes" | "children" | "position" | "sx" | "variant" | "disableTypography" | "disablePointerEvents"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/lib/components/common/OutlinedInput/components/InputAdornment/inputAdornment.styles.js

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

package/lib/components/common/OutlinedInput/outlinedInput.styles.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    hasValue: boolean;
+}
+export declare const StyledOutlinedInput: import("@emotion/styled").StyledComponent<import("@mui/material").OutlinedInputProps & {
+    theme?: import("@emotion/react").Theme;
+} & Props, {}, {}>;
+export {};

package/lib/components/common/OutlinedInput/outlinedInput.styles.js

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

package/lib/hooks/stateSyncManager/hooks/UseMetaCommands/hook.js

@@ -10,11 +10,11 @@ export const useMetaCommands = ({ actions, dispatch, state, }) => {
         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/lib/hooks/stateSyncManager/hooks/UseStateSync/hook.js

@@ -23,18 +23,18 @@ export const useStateSync = ({ actions, dispatch, state, }) => {
         // 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;
         }
         // 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/lib/hooks/stateSyncManager/types.d.ts

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

package/lib/providers/dataDictionary/context.d.ts

@@ -0,0 +1,2 @@
+import { DataDictionaryContextProps } from "./types";
+export declare const DataDictionaryContext: import("react").Context<DataDictionaryContextProps>;

package/lib/providers/dataDictionary/context.js

@@ -0,0 +1,4 @@
+import { createContext } from "react";
+export const DataDictionaryContext = createContext({
+    dictionary: "",
+});

package/lib/providers/dataDictionary/hook.d.ts

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

package/lib/providers/dataDictionary/hook.js

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

package/lib/providers/dataDictionary/types.d.ts

@@ -0,0 +1,3 @@
+export interface DataDictionaryContextProps {
+    dictionary: string;
+}

package/lib/providers/dataDictionary/types.js

@@ -0,0 +1 @@
+export {};

package/lib/providers/dataDictionaryState/actions/clearMeta/action.d.ts

@@ -0,0 +1,9 @@
+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 declare function clearMetaAction(state: DataDictionaryState, payload: ClearMetaPayload): DataDictionaryState;

package/lib/providers/dataDictionaryState/actions/clearMeta/action.js

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

package/lib/providers/dataDictionaryState/actions/clearMeta/dispatch.d.ts

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

package/lib/providers/dataDictionaryState/actions/clearMeta/dispatch.js

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

package/lib/providers/dataDictionaryState/actions/clearMeta/types.d.ts

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

package/lib/providers/dataDictionaryState/actions/clearMeta/types.js

@@ -0,0 +1 @@
+export {};

package/lib/providers/dataDictionaryState/actions/stateToUrl/action.d.ts

@@ -0,0 +1,9 @@
+import { DataDictionaryState } from "../../types";
+import { StateToUrlPayload } from "./types";
+/**
+ * Reducer function to handle the "state >> URL sync" action.
+ * @param state - State.
+ * @param payload - Payload.
+ * @returns state.
+ */
+export declare function stateToUrlAction(state: DataDictionaryState, payload: StateToUrlPayload): DataDictionaryState;

package/lib/providers/dataDictionaryState/actions/stateToUrl/action.js

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

package/lib/providers/dataDictionaryState/actions/stateToUrl/dispatch.d.ts

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

package/lib/providers/dataDictionaryState/actions/stateToUrl/dispatch.js

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

package/lib/providers/dataDictionaryState/actions/stateToUrl/types.d.ts

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

package/lib/providers/dataDictionaryState/actions/stateToUrl/types.js

@@ -0,0 +1,5 @@
+export var ROUTER_METHOD;
+(function (ROUTER_METHOD) {
+    ROUTER_METHOD["PUSH"] = "push";
+    ROUTER_METHOD["REPLACE"] = "replace";
+})(ROUTER_METHOD || (ROUTER_METHOD = {}));

package/lib/providers/dataDictionaryState/actions/types.d.ts

@@ -0,0 +1,13 @@
+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 declare enum DataDictionaryActionKind {
+    ClearMeta = "CLEAR_META",
+    StateToUrl = "STATE_TO_URL",
+    UpdateColumnFilters = "UPDATE_COLUMN_FILTERS",
+    UpdateGlobalFilter = "UPDATE_GLOBAL_FILTER",
+    UrlToState = "URL_TO_STATE"
+}