@databiosphere/findable-ui 4.0.0 → 6.0.0

package/lib/components/Table/table.js

@@ -44,6 +44,7 @@ const pagination_1 = require("./components/Pagination/pagination");
 const tableBody_1 = require("./components/TableBody/tableBody");
 const tableHead_1 = require("./components/TableHead/tableHead");
 const tableToolbar_1 = require("./components/TableToolbar/tableToolbar");
+const constants_2 = require("./features/RowPreview/constants");
 const table_styles_1 = require("./table.styles");
 /**
  * This table can be Controlled or Uncontrolled based on the set of props passed to it.
@@ -55,21 +56,21 @@ const table_styles_1 = require("./table.styles");
  * @param tableProps.initialState - Initial table state.
  * @param tableProps.items - Row data to display.
  * @param tableProps.listView - List view configuration.
- * @param tableProps.total - Total number of rows in the result set.
  * @returns Configured table element for display.
  */
-const TableComponent = ({ columns, getRowId, initialState, items, listView, total, }) => {
+const TableComponent = ({ columns, getRowId, initialState, items, listView, }) => {
     const tabletDown = (0, useBreakpointHelper_1.useBreakpointHelper)(useBreakpointHelper_1.BREAKPOINT_FN_NAME.DOWN, breakpoints_1.TABLET);
     const exploreMode = (0, useExploreMode_1.useExploreMode)();
     const { exploreDispatch, exploreState } = (0, useExploreState_1.useExploreState)();
-    const { entityPageState, filterState, isRelatedView, listItems, loading, paginationState, tabValue, } = exploreState;
+    const { entityPageState, filterState, listItems, loading, paginationState, rowPreview, tabValue, } = exploreState;
     const { columnsVisibility, enableRowSelection, rowSelection, sorting } = entityPageState[tabValue];
-    const { currentPage, pages, pageSize } = paginationState;
-    const { disablePagination = false } = listView || {};
+    const { currentPage, pages, pageSize, rows: pageCount } = paginationState;
+    const { disablePagination = false, enableRowPreview = false } = listView || {};
     const clientFiltering = (0, utils_1.isClientFilteringEnabled)(exploreMode);
     const rowDirection = tabletDown
         ? entities_2.ROW_DIRECTION.VERTICAL
         : entities_2.ROW_DIRECTION.DEFAULT;
+    const pagination = (0, react_1.useMemo)(() => (0, utils_1.getTableStatePagination)(currentPage - 1, pageSize), [currentPage, pageSize]);
     const onSortingChange = (updater) => {
         exploreDispatch({
             payload: typeof updater === "function" ? updater(sorting) : updater,
@@ -90,6 +91,12 @@ const TableComponent = ({ columns, getRowId, initialState, items, listView, tota
             type: exploreState_1.ExploreActionKind.UpdateColumnVisibility,
         });
     };
+    const onRowPreviewChange = (updater) => {
+        exploreDispatch({
+            payload: typeof updater === "function" ? updater(rowPreview) : updater,
+            type: exploreState_1.ExploreActionKind.UpdateRowPreview,
+        });
+    };
     const onRowSelectionChange = (updater) => {
         exploreDispatch({
             payload: typeof updater === "function" ? updater(rowSelection) : updater,
@@ -98,19 +105,19 @@ const TableComponent = ({ columns, getRowId, initialState, items, listView, tota
     };
     const state = {
         columnVisibility: columnsVisibility,
-        pagination: {
-            pageIndex: 0,
-            pageSize: disablePagination ? Number.MAX_SAFE_INTEGER : pageSize,
-        },
+        pagination,
+        rowPreview,
         rowSelection,
         sorting,
     };
     const tableInstance = (0, react_table_1.useReactTable)({
+        _features: [constants_2.ROW_PREVIEW],
         columns,
         data: items,
         enableColumnFilters: true,
         enableFilters: true,
-        enableMultiSort: false,
+        enableMultiSort: clientFiltering,
+        enableRowPreview,
         enableRowSelection,
         enableSorting: true,
         enableSortingRemoval: false,
@@ -124,12 +131,13 @@ const TableComponent = ({ columns, getRowId, initialState, items, listView, tota
         getRowId,
         getSortedRowModel: clientFiltering ? (0, react_table_1.getSortedRowModel)() : undefined,
         initialState,
-        manualPagination: clientFiltering,
+        manualPagination: true,
         manualSorting: !clientFiltering,
         onColumnVisibilityChange,
+        onRowPreviewChange,
         onRowSelectionChange,
         onSortingChange,
-        pageCount: total,
+        pageCount,
         state,
     });
     const { getAllColumns, getRowModel, getState, getVisibleFlatColumns, nextPage: tableNextPage, previousPage: tablePreviousPage, } = tableInstance;
@@ -155,7 +163,6 @@ const TableComponent = ({ columns, getRowId, initialState, items, listView, tota
                 [entities_1.EVENT_PARAM.PAGINATION_DIRECTION]: entities_1.PAGINATION_DIRECTION.NEXT,
             });
         }
-        // const nextPage = pagination?.nextPage ?? tableNextPage;
         nextPage();
         scrollTop();
     };
@@ -176,26 +183,17 @@ const TableComponent = ({ columns, getRowId, initialState, items, listView, tota
         previousPage();
         scrollTop();
     };
-    // Sets or resets react table column filters `columnFilters` state - for client-side filtering only - with update of filterState.
-    // - `columnFilters` state is "cleared" for related view, and
-    // - `columnFilters` state is "set" for all other views.
+    // Sets react table column filters `columnFilters` state - for client-side filtering only - with update of filterState.
     (0, react_1.useEffect)(() => {
         if (clientFiltering) {
-            if (isRelatedView) {
-                tableInstance.resetColumnFilters();
-            }
-            else {
-                tableInstance.setColumnFilters(filterState.map(({ categoryKey, value }) => ({
-                    id: categoryKey,
-                    value,
-                })));
-            }
+            tableInstance.setColumnFilters(filterState.map(({ categoryKey, value }) => ({
+                id: categoryKey,
+                value,
+            })));
         }
-    }, [clientFiltering, filterState, isRelatedView, tableInstance]);
+    }, [clientFiltering, filterState, tableInstance]);
     // Process explore response - client-side filtering only.
     (0, react_1.useEffect)(() => {
-        if (isRelatedView)
-            return;
         if (!listItems || listItems.length === 0)
             return;
         if (clientFiltering) {
@@ -214,26 +212,16 @@ const TableComponent = ({ columns, getRowId, initialState, items, listView, tota
         clientFiltering,
         columnFilters,
         exploreDispatch,
-        isRelatedView,
         listItems,
         results,
     ]);
-    // Unmount - reset entity view to "exact".
-    (0, react_1.useEffect)(() => {
-        return () => {
-            exploreDispatch({
-                payload: exploreState_1.ENTITY_VIEW.EXACT,
-                type: exploreState_1.ExploreActionKind.ToggleEntityView,
-            });
-        };
-    }, [exploreDispatch]);
     function canNextPage() {
         return currentPage < pages;
     }
     function canPreviousPage() {
         return currentPage > 1;
     }
-    return noResults ? (react_1.default.createElement(noResults_1.NoResults, { Paper: paper_styles_1.FluidPaper, title: "No Results found" })) : (react_1.default.createElement(paper_styles_1.FluidPaper, null,
+    return noResults ? (react_1.default.createElement(noResults_1.NoResults, { Paper: paper_styles_1.FluidPaper, title: "No Results found" })) : (react_1.default.createElement(paper_styles_1.FluidPaper, { variant: "table" },
         react_1.default.createElement(paper_styles_1.GridPaper, null,
             react_1.default.createElement(tableToolbar_1.TableToolbar, { listView: listView, rowDirection: rowDirection, tableInstance: tableInstance }),
             react_1.default.createElement(material_1.TableContainer, null,

package/lib/components/TableCreator/common/entities.d.ts

@@ -1,4 +1,4 @@
-import { ColumnMeta } from "@tanstack/table-core";
+import { ColumnMeta } from "@tanstack/react-table";
 import { ColumnConfig } from "../../../config/entities";
 export interface BaseColumnConfig<T, TValue> extends ColumnConfig<T> {
     meta?: ColumnMeta<T, TValue>;

package/lib/components/TableCreator/tableCreator.d.ts

@@ -1,7 +1,5 @@
 /// <reference types="react" />
-import { ColumnSort } from "@tanstack/react-table";
-import { CoreOptions } from "@tanstack/table-core";
-import { Pagination } from "../../common/entities";
+import { ColumnSort, CoreOptions } from "@tanstack/react-table";
 import { ColumnConfig, ListViewConfig } from "../../config/entities";
 export interface TableCreatorProps<T> {
     columns: ColumnConfig<T>[];
@@ -10,10 +8,5 @@ export interface TableCreatorProps<T> {
     items: T[];
     listView?: ListViewConfig;
     loading?: boolean;
-    pageCount?: number;
-    pages: number;
-    pageSize: number;
-    pagination?: Pagination;
-    total?: number;
 }
-export declare const TableCreator: <T extends object>({ columns, defaultSort, getRowId, items, listView, loading, pageCount, pages, pageSize, pagination, total, }: TableCreatorProps<T>) => JSX.Element;
+export declare const TableCreator: <T extends unknown>({ columns, defaultSort, getRowId, items, listView, loading, }: TableCreatorProps<T>) => JSX.Element;

package/lib/components/TableCreator/tableCreator.js

@@ -35,8 +35,8 @@ const table_1 = require("../Table/table");
 const constants_1 = require("./common/constants");
 const utils_2 = require("./common/utils");
 const tableCreator_styles_1 = require("./tableCreator.styles");
-const createCell = (config) => function CellCreator({ row }) {
-    return (react_1.default.createElement(ComponentCreator_1.ComponentCreator, { components: [config.componentConfig], response: row.original }));
+const createCell = (config) => function CellCreator(cellContext) {
+    return (react_1.default.createElement(ComponentCreator_1.ComponentCreator, { components: [config.componentConfig], response: cellContext.row.original, viewContext: { cellContext } }));
 };
 const createHeaderSelectionCell = () => function CellCreator({ table }) {
     return react_1.default.createElement(headSelectionCell_1.HeadSelectionCell, { tableInstance: table });
@@ -44,7 +44,7 @@ const createHeaderSelectionCell = () => function CellCreator({ table }) {
 const createRowSelectionCell = () => function CellCreator({ row }) {
     return react_1.default.createElement(rowSelectionCell_1.RowSelectionCell, { row: row });
 };
-const TableCreator = ({ columns, defaultSort, getRowId, items, listView, loading, pageCount, pages, pageSize, pagination, total, }) => {
+const TableCreator = ({ columns, defaultSort, getRowId, items, listView, loading, }) => {
     const columnDefs = (0, react_1.useMemo)(() => columns.reduce((acc, columnConfig) => {
         acc.push(Object.assign(Object.assign({}, (0, utils_2.buildBaseColumnDef)(columnConfig)), { cell: createCell(columnConfig), filterFn: utils_1.arrIncludesSome, sortingFn: utils_1.sortingFn }));
         return acc;
@@ -54,6 +54,6 @@ const TableCreator = ({ columns, defaultSort, getRowId, items, listView, loading
     const initialState = (0, utils_1.getInitialState)(columns, defaultSort);
     return (react_1.default.createElement(tableCreator_styles_1.TableCreator, null,
         react_1.default.createElement(loading_1.Loading, { appear: false, loading: loading || false, panelStyle: paper_1.PAPER_PANEL_STYLE.FLUID }),
-        react_1.default.createElement(table_1.Table, { columns: columnDefs, count: pageCount, getRowId: getRowId, initialState: initialState, items: items, listView: listView, loading: loading, pages: pages, pageSize: pageSize, pagination: pagination, total: total })));
+        react_1.default.createElement(table_1.Table, { columns: columnDefs, getRowId: getRowId, initialState: initialState, items: items, listView: listView, loading: loading })));
 };
 exports.TableCreator = TableCreator;

package/lib/components/common/Button/button.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps as MButtonProps } from "@mui/material/Button/Button";
+import { ButtonProps as MButtonProps } from "@mui/material";
 import React, { ElementType } from "react";
 /**
  * Basic button component.

package/lib/components/common/Drawer/components/DrawerTitle/drawerTitle.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+export interface DrawerTitleProps {
+    className?: string;
+    onClose?: () => void;
+    title?: ReactNode;
+}
+export declare const DrawerTitle: ({ className, onClose, title, }: DrawerTitleProps) => JSX.Element;

package/lib/components/common/Drawer/components/DrawerTitle/drawerTitle.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerTitle = void 0;
+const CloseRounded_1 = __importDefault(require("@mui/icons-material/CloseRounded"));
+const material_1 = require("@mui/material");
+const react_1 = __importDefault(require("react"));
+const drawerTitle_styles_1 = require("./drawerTitle.styles");
+const DrawerTitle = ({ className, onClose, title, }) => {
+    return (react_1.default.createElement(drawerTitle_styles_1.DrawerTitle, { className: className },
+        title,
+        onClose && (react_1.default.createElement(material_1.IconButton, { color: "ink", edge: "end", onClick: onClose, size: "xsmall" },
+            react_1.default.createElement(CloseRounded_1.default, { color: "inkLight", fontSize: "small" })))));
+};
+exports.DrawerTitle = DrawerTitle;

package/lib/components/common/Drawer/components/DrawerTitle/drawerTitle.styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const DrawerTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/common/Drawer/components/DrawerTitle/drawerTitle.styles.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerTitle = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+exports.DrawerTitle = styled_1.default.div `
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  padding: 14px 24px;
+
+  .MuiIconButton-root {
+    margin-right: -12px;
+  }
+`;

package/lib/components/common/Drawer/components/drawer.styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const DrawerContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/common/Drawer/components/drawer.styles.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerContent = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+exports.DrawerContent = styled_1.default.div `
+  overflow-y: auto;
+  overscroll-behavior: none;
+`;

package/lib/components/common/Drawer/drawer.d.ts

@@ -0,0 +1,7 @@
+import { DrawerProps as MDrawerProps } from "@mui/material";
+import { ReactNode } from "react";
+export interface DrawerProps extends MDrawerProps {
+    children?: ReactNode | ReactNode[];
+    className?: string;
+}
+export declare const Drawer: ({ children, className, onClose, open, ...props }: DrawerProps) => JSX.Element;

package/lib/components/common/Drawer/drawer.js

@@ -0,0 +1,24 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Drawer = void 0;
+const material_1 = require("@mui/material");
+const react_1 = __importDefault(require("react"));
+const Drawer = (_a) => {
+    var { children, className, onClose, open } = _a, props = __rest(_a, ["children", "className", "onClose", "open"]) /* Spread props to allow for Mui Drawer specific prop overrides e.g. "hideBackdrop". */;
+    return (react_1.default.createElement(material_1.Drawer, Object.assign({ className: className, onClose: onClose, open: open }, props), children));
+};
+exports.Drawer = Drawer;

package/lib/components/common/Grid/grid.d.ts

@@ -1,7 +1,7 @@
 import { SxProps } from "@mui/material";
 import { ReactNode } from "react";
 export interface GridProps {
-    children?: ReactNode | ReactNode[];
+    children: ReactNode | ReactNode[];
     gridSx?: SxProps;
 }
 /**

package/lib/components/common/Typography/common/entities.d.ts

@@ -0,0 +1,2 @@
+import { TypographyProps as MTypographyProps } from "@mui/material";
+export declare type TypographyProps = Omit<MTypographyProps, "children" | "component" | "ref"> | undefined;

package/lib/components/common/Typography/common/entities.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/config/entities.d.ts

@@ -1,7 +1,7 @@
 import { TabProps as MTabProps, Theme, ThemeOptions } from "@mui/material";
-import { ColumnSort } from "@tanstack/react-table";
+import { CellContext, ColumnSort, RowData } from "@tanstack/react-table";
 import { JSXElementConstructor, ReactNode } from "react";
-import { CategoryKey, SelectCategoryValueView, SelectedFilter, SelectedFilterValue } from "../common/entities";
+import { SelectCategoryValueView, SelectedFilter } from "../common/entities";
 import { HeroTitle } from "../components/common/Title/title";
 import { FooterProps } from "../components/Layout/components/Footer/footer";
 import { HeaderProps } from "../components/Layout/components/Header/header";
@@ -91,7 +91,7 @@ export interface ComponentConfig<T extends keyof JSX.IntrinsicElements | JSXElem
     children?: ComponentConfig[];
     component: React.FC<React.ComponentProps<T>>;
     props?: React.ComponentProps<T>;
-    viewBuilder?: (model: D, viewContext?: ViewContext) => React.ComponentProps<T>;
+    viewBuilder?: (model: D, viewContext?: ViewContext<D>) => React.ComponentProps<T>;
 }
 /**
  * Type to determine the array of components that will be created on using @see ComponentCreator.
@@ -210,9 +210,10 @@ export interface ListConfig<T = any> {
 export interface ListViewConfig {
     disablePagination?: boolean;
     enableDownload?: boolean;
+    enableRowPreview?: boolean;
     enableRowSelection?: boolean;
     listHero?: ComponentsConfig;
-    relatedView?: RelatedViewConfig;
+    rowPreviewView?: ComponentsConfig;
     rowSelectionView?: ComponentsConfig;
     subTitleHero?: ComponentsConfig;
 }
@@ -244,13 +245,9 @@ export interface Override {
     supersededBy?: string;
     withdrawn?: boolean;
 }
-/**
- * Related search function.
- */
-declare type RelatedSearchFunction = (searchKey: CategoryKey | undefined, resultKey: CategoryKey | undefined, selectedCategoryValues: SelectedFilterValue | undefined) => Promise<RelatedSearchResult | undefined>;
 export interface SavedFilter {
     filters: SelectedFilter[];
-    sort?: ColumnSort;
+    sorting?: ColumnSort[];
     title: string;
 }
 /**
@@ -282,22 +279,6 @@ interface TrackingConfig {
     trackFilterApplied?: TrackFilterAppliedFunction;
     trackFilterOpened?: TrackFilterOpenedFunction;
 }
-/**
- * Product of the related search function.
- */
-export interface RelatedSearchResult {
-    resultKey: CategoryKey;
-    searchKey: CategoryKey;
-    values: string[];
-}
-/**
- * Related view configuration.
- */
-export interface RelatedViewConfig {
-    relatedSearchFn: RelatedSearchFunction;
-    resultKey: CategoryKey;
-    searchKey: CategoryKey;
-}
 /**
  * Interface that will hold the whole configuration for a given site.
  */
@@ -373,8 +354,9 @@ export declare type ThemeOptionsFn = (theme: Theme) => ThemeOptions;
 /**
  * View context.
  */
-export interface ViewContext {
+export interface ViewContext<T extends RowData, TData = unknown> {
     authState: Pick<AuthContextProps, "authenticationStatus" | "isAuthenticated">;
+    cellContext?: CellContext<T, TData>;
     entityConfig: EntityConfig;
     exploreState: ExploreState;
     fileManifestState: FileManifestState;

package/lib/providers/exploreState/entities.d.ts

@@ -1,11 +1,12 @@
-import { ColumnSort, RowSelectionState } from "@tanstack/react-table";
-import { VisibilityState } from "@tanstack/table-core/src/features/Visibility";
+import { ColumnSort, RowSelectionState, VisibilityState } from "@tanstack/react-table";
 import { CategoryValueKey, SelectCategory, SelectCategoryView, SelectedFilter } from "../../common/entities";
+import { RowPreviewState } from "../../components/Table/features/RowPreview/entities";
 import { CategoryConfig, CategoryGroup, CategoryGroupConfig, EntityPath, SavedFilter } from "../../config/entities";
 export interface EntityPageState {
     categoryGroupConfigKey: CategoryGroupConfigKey;
     columnsVisibility: VisibilityState;
     enableRowSelection: boolean;
+    rowPreview: RowPreviewState;
     rowSelection: RowSelectionState;
     sorting: ColumnSort[];
 }

package/lib/providers/exploreState/initializer/constants.js

@@ -30,11 +30,9 @@ exports.INITIAL_STATE = {
     featureFlagState: undefined,
     filterCount: 0,
     filterState: [],
-    isRelatedView: false,
     listItems: [],
-    listView: undefined,
     loading: true,
     paginationState: exports.DEFAULT_PAGINATION_STATE,
-    relatedListItems: undefined,
+    rowPreview: undefined,
     tabValue: "",
 };

package/lib/providers/exploreState/initializer/utils.js

@@ -48,8 +48,7 @@ function buildSavedFilterByCategoryValueKey(savedFilters) {
     if (!savedFilters)
         return;
     const savedFilterByCategoryValueKey = new Map();
-    for (const { filters, sort, title } of savedFilters) {
-        const sorting = sort ? [sort] : undefined;
+    for (const { filters, sorting, title } of savedFilters) {
         savedFilterByCategoryValueKey.set(title, { filters, sorting, title });
     }
     return savedFilterByCategoryValueKey;
@@ -114,6 +113,7 @@ function initEntityPageState(config) {
                 categoryGroupConfigKey: initCategoryGroupConfigKey(config, entity),
                 columnsVisibility: initColumnVisibility(entity),
                 enableRowSelection: Boolean((_a = entity.listView) === null || _a === void 0 ? void 0 : _a.enableRowSelection),
+                rowPreview: undefined,
                 rowSelection: {},
                 sorting: (0, utils_2.getDefaultSorting)(entity),
             } });

package/lib/providers/exploreState/payloads/entities.d.ts

@@ -1,6 +1,7 @@
 import { ColumnSort, RowSelectionState, VisibilityState } from "@tanstack/react-table";
 import { CategoryKey, CategoryValueKey, PaginationDirectionType, SelectCategory, SelectedFilter } from "../../../common/entities";
-import { ENTITY_VIEW, ListItems, PaginationResponse, RelatedListItems } from "../../exploreState";
+import { RowPreviewState } from "../../../components/Table/features/RowPreview/entities";
+import { ListItems, PaginationResponse } from "../../exploreState";
 import { ListItem } from "../entities";
 /**
  * Apply saved filter payload.
@@ -30,20 +31,10 @@ export interface ProcessExploreResponsePayload {
     paginationResponse: PaginationResponse;
     selectCategories?: SelectCategory[];
 }
-/**
- * Process related response payload
- */
-export interface ProcessRelatedResponsePayload {
-    relatedListItems: RelatedListItems;
-}
 /**
  * Reset explore response payload.
  */
 export declare type ResetExploreResponsePayload = undefined;
-/**
- * Toggle entity view payload.
- */
-export declare type ToggleEntityViewPayload = ENTITY_VIEW;
 /**
  * Update column visibility payload.
  */
@@ -54,6 +45,7 @@ export declare type UpdateColumnVisibilityPayload = VisibilityState;
 export interface UpdateEntityFiltersPayload {
     entityListType: string;
     filters: SelectedFilter[];
+    sorting?: ColumnSort[];
 }
 /**
  * Update entity view access payload.
@@ -69,6 +61,10 @@ export interface UpdateFilterPayload {
     selected: boolean;
     selectedValue: CategoryValueKey;
 }
+/**
+ * Update row preview payload.
+ */
+export declare type UpdateRowPreviewPayload = RowPreviewState;
 /**
  * Update row selection payload.
  */

package/lib/providers/exploreState/utils.d.ts

@@ -1,5 +1,6 @@
 import { ColumnSort } from "@tanstack/react-table";
 import { CategoryKey, CategoryValueKey, SelectedFilter } from "../../common/entities";
+import { RowPreviewState } from "../../components/Table/features/RowPreview/entities";
 import { ExploreState, ListItems, PaginationState } from "../exploreState";
 import { CategoryGroupConfigKey, EntityPageState, EntityPageStateMapper, EntityState, EntityStateSavedFilter, ListItem } from "./entities";
 /**
@@ -18,6 +19,13 @@ export declare function buildEntityStateSavedFilterState(categoryKey: CategoryKe
  * @returns new selected filters.
  */
 export declare function buildNextSavedFilterState(state: ExploreState, selectedValue: CategoryValueKey, selected: boolean): SelectedFilter[];
+/**
+ * Closes row preview, if row preview is enabled.
+ * If row preview is enabled, the row preview state value is set to false.
+ * @param rowPreview - Row preview state.
+ * @returns row preview state with row preview value set to false.
+ */
+export declare function closeRowPreview(rowPreview: RowPreviewState): RowPreviewState;
 /**
  * Returns the category group config key for the current entity.
  * @param entityPath - Entity path.
@@ -67,13 +75,6 @@ export declare function patchEntityListItems(listItems: ListItems, updatedListIt
  * @returns a reset pagination state.
  */
 export declare function resetPage(paginationState: PaginationState): PaginationState;
-/**
- * Resets row selection for the current entity and entities that share the same category group config key.
- * @param state - Explore state.
- * @param categoryGroupConfigKey - Category group config key.
- * @returns entity page state mapper with row selection reset.
- */
-export declare function resetRowSelection(state: ExploreState, categoryGroupConfigKey?: string): EntityPageStateMapper;
 /**
  * Updates entity page state for the given entity path.
  * @param entityPath - Entity path.
@@ -84,12 +85,13 @@ export declare function resetRowSelection(state: ExploreState, categoryGroupConf
 export declare function updateEntityPageState(entityPath: string, // entityListType.
 entityPageState: EntityPageStateMapper, nextEntityPageState: Partial<EntityPageState>): EntityPageStateMapper;
 /**
- * Updates entity page state sorting for all entities with the same category group config key.
+ * Updates entity page state for the current entity and entities that share the same category group config key.
  * @param state - Explore state.
- * @param sorting - Sorting.
+ * @param nextEntityPageState - Partial next entity page state.
+ * @param categoryGroupConfigKey - Category group config key.
  * @returns entity page state.
  */
-export declare function updateEntityPageStateSorting(state: ExploreState, sorting?: EntityPageState["sorting"]): EntityPageStateMapper;
+export declare function updateEntityPageStateWithCommonCategoryGroupConfigKey(state: ExploreState, nextEntityPageState: Partial<EntityPageState>, categoryGroupConfigKey?: string): EntityPageStateMapper;
 /**
  * Updates entity state by category group config key.
  * @param state - Explore state.