@databiosphere/findable-ui 5.0.0 → 6.0.0

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,10 +245,6 @@ 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[];
     sorting?: ColumnSort[];
@@ -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

@@ -113,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.
  */
@@ -70,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.

package/lib/providers/exploreState/utils.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateSelectColumnVisibility = exports.updateEntityStateByCategoryGroupConfigKey = exports.updateEntityPageStateSorting = exports.updateEntityPageState = exports.resetRowSelection = exports.resetPage = exports.patchEntityListItems = exports.getFilterCount = exports.getEntityStateSavedSorting = exports.getEntityStateSavedFilter = exports.getEntityState = exports.getEntityCategoryGroupConfigKey = exports.buildNextSavedFilterState = exports.buildEntityStateSavedFilterState = void 0;
+exports.updateSelectColumnVisibility = exports.updateEntityStateByCategoryGroupConfigKey = exports.updateEntityPageStateWithCommonCategoryGroupConfigKey = exports.updateEntityPageState = exports.resetPage = exports.patchEntityListItems = exports.getFilterCount = exports.getEntityStateSavedSorting = exports.getEntityStateSavedFilter = exports.getEntityState = exports.getEntityCategoryGroupConfigKey = exports.closeRowPreview = exports.buildNextSavedFilterState = exports.buildEntityStateSavedFilterState = void 0;
 const constants_1 = require("../../components/TableCreator/common/constants");
 const constants_2 = require("./initializer/constants");
 /**
@@ -30,6 +30,19 @@ function buildNextSavedFilterState(state, selectedValue, selected) {
     return (savedFilter === null || savedFilter === void 0 ? void 0 : savedFilter.filters) || [];
 }
 exports.buildNextSavedFilterState = buildNextSavedFilterState;
+/**
+ * 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.
+ */
+function closeRowPreview(rowPreview) {
+    if (!rowPreview)
+        return rowPreview;
+    const [[key]] = Object.entries(rowPreview);
+    return { [key]: false };
+}
+exports.closeRowPreview = closeRowPreview;
 /**
  * Returns the category group config key for the current entity.
  * @param entityPath - Entity path.
@@ -115,21 +128,6 @@ function resetPage(paginationState) {
     return nextPaginationState;
 }
 exports.resetPage = resetPage;
-/**
- * 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.
- */
-function resetRowSelection(state, categoryGroupConfigKey = getEntityCategoryGroupConfigKey(state.tabValue, state.entityPageState)) {
-    return Object.entries(state.entityPageState).reduce((acc, [entityPath, entityPageState]) => {
-        if (entityPageState.categoryGroupConfigKey === categoryGroupConfigKey) {
-            return Object.assign(Object.assign({}, acc), { [entityPath]: Object.assign(Object.assign({}, entityPageState), { rowSelection: {} }) });
-        }
-        return Object.assign(Object.assign({}, acc), { [entityPath]: entityPageState });
-    }, {});
-}
-exports.resetRowSelection = resetRowSelection;
 /**
  * Sets entity state for the given category group config key.
  * @param categoryGroupConfigKey - Category group config key.
@@ -152,23 +150,21 @@ entityPageState, nextEntityPageState) {
 }
 exports.updateEntityPageState = updateEntityPageState;
 /**
- * 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.
  */
-function updateEntityPageStateSorting(state, sorting) {
-    if (!sorting)
-        return state.entityPageState;
-    const categoryGroupConfigKey = getEntityCategoryGroupConfigKey(state.tabValue, state.entityPageState);
+function updateEntityPageStateWithCommonCategoryGroupConfigKey(state, nextEntityPageState, categoryGroupConfigKey = getEntityCategoryGroupConfigKey(state.tabValue, state.entityPageState)) {
     return Object.entries(state.entityPageState).reduce((acc, [entityPath, entityPageState]) => {
         if (entityPageState.categoryGroupConfigKey === categoryGroupConfigKey) {
-            return Object.assign(Object.assign({}, acc), { [entityPath]: Object.assign(Object.assign({}, entityPageState), { sorting }) });
+            return Object.assign(Object.assign({}, acc), { [entityPath]: Object.assign(Object.assign({}, entityPageState), nextEntityPageState) });
         }
         return Object.assign(Object.assign({}, acc), { [entityPath]: entityPageState });
     }, {});
 }
-exports.updateEntityPageStateSorting = updateEntityPageStateSorting;
+exports.updateEntityPageStateWithCommonCategoryGroupConfigKey = updateEntityPageStateWithCommonCategoryGroupConfigKey;
 /**
  * Updates entity state by category group config key.
  * @param state - Explore state.

package/lib/providers/exploreState.d.ts

@@ -1,17 +1,11 @@
 import React, { Dispatch, ReactNode } from "react";
 import { AzulSearchIndex } from "../apis/azul/common/entities";
 import { SelectCategoryView, SelectedFilter } from "../common/entities";
+import { RowPreviewState } from "../components/Table/features/RowPreview/entities";
 import { CategoryGroup, SiteConfig } from "../config/entities";
 import { EntityPageStateMapper, EntityStateByCategoryGroupConfigKey, ListItem } from "./exploreState/entities";
-import { ApplySavedFilterPayload, PaginateTablePayload, PatchExploreResponsePayload, ProcessExploreResponsePayload, ProcessRelatedResponsePayload, ResetExploreResponsePayload, ToggleEntityViewPayload, UpdateColumnVisibilityPayload, UpdateEntityFiltersPayload, UpdateEntityViewAccessPayload, UpdateFilterPayload, UpdateRowSelectionPayload, UpdateSortingPayload } from "./exploreState/payloads/entities";
+import { ApplySavedFilterPayload, PaginateTablePayload, PatchExploreResponsePayload, ProcessExploreResponsePayload, ResetExploreResponsePayload, UpdateColumnVisibilityPayload, UpdateEntityFiltersPayload, UpdateEntityViewAccessPayload, UpdateFilterPayload, UpdateRowPreviewPayload, UpdateRowSelectionPayload, UpdateSortingPayload } from "./exploreState/payloads/entities";
 export declare type CatalogState = string | undefined;
-/**
- * Entity view.
- */
-export declare enum ENTITY_VIEW {
-    EXACT = "EXACT",
-    RELATED = "RELATED"
-}
 /**
  * Explore context.
  */
@@ -31,12 +25,10 @@ export declare type ExploreState = {
     featureFlagState: FeatureFlagState;
     filterCount: number;
     filterState: SelectedFilter[];
-    isRelatedView: boolean;
     listItems: ListItems;
-    listView: ENTITY_VIEW | undefined;
     loading: boolean;
     paginationState: PaginationState;
-    relatedListItems: RelatedListItems;
+    rowPreview: RowPreviewState;
     tabValue: string;
 };
 /**
@@ -80,10 +72,6 @@ export interface PaginationState {
     previousIndex: PaginationIndex | null;
     rows: number;
 }
-/**
- * Related list items.
- */
-export declare type RelatedListItems = any[] | undefined;
 /**
  * Explore state context for storing and using filter-related and explore state.
  */
@@ -108,22 +96,21 @@ export declare enum ExploreActionKind {
     PaginateTable = "PAGINATE_TABLE",
     PatchExploreResponse = "PATCH_EXPLORE_RESPONSE",
     ProcessExploreResponse = "PROCESS_EXPLORE_RESPONSE",
-    ProcessRelatedResponse = "PROCESS_RELATED_RESPONSE",
     ResetExploreResponse = "RESET_EXPLORE_RESPONSE",
     ResetState = "RESET_STATE",
     SelectEntityType = "SELECT_ENTITY_TYPE",
-    ToggleEntityView = "TOGGLE_ENTITY_VIEW",
     UpdateColumnVisibility = "UPDATE_COLUMN_VISIBILITY",
     UpdateEntityFilters = "UPDATE_ENTITY_FILTERS",
     UpdateEntityViewAccess = "UPDATE_ENTITY_VIEW_ACCESS",
     UpdateFilter = "UPDATE_FILTER",
+    UpdateRowPreview = "UPDATE_ROW_PREVIEW",
     UpdateRowSelection = "UPDATE_ROW_SELECTION",
     UpdateSorting = "UPDATE_SORTING"
 }
 /**
  * Explore action.
  */
-export declare type ExploreAction = ApplySavedFilterAction | ClearFiltersAction | PaginateTableAction | PatchExploreResponseAction | ProcessExploreResponseAction | ProcessRelatedResponseAction | ResetExploreResponseAction | ResetStateAction | SelectEntityTypeAction | ToggleEntityViewAction | UpdateColumnVisibilityAction | UpdateEntityFiltersAction | UpdateEntityViewAccessAction | UpdateFilterAction | UpdateRowSelectionAction | UpdateSortingAction;
+export declare type ExploreAction = ApplySavedFilterAction | ClearFiltersAction | PaginateTableAction | PatchExploreResponseAction | ProcessExploreResponseAction | ResetExploreResponseAction | ResetStateAction | SelectEntityTypeAction | UpdateColumnVisibilityAction | UpdateEntityFiltersAction | UpdateEntityViewAccessAction | UpdateFilterAction | UpdateRowPreviewAction | UpdateRowSelectionAction | UpdateSortingAction;
 /**
  * Apply saved filter action.
  */
@@ -159,13 +146,6 @@ declare type ProcessExploreResponseAction = {
     payload: ProcessExploreResponsePayload;
     type: ExploreActionKind.ProcessExploreResponse;
 };
-/**
- * Process related response action.
- */
-declare type ProcessRelatedResponseAction = {
-    payload: ProcessRelatedResponsePayload;
-    type: ExploreActionKind.ProcessRelatedResponse;
-};
 /**
  * Reset explore response action.
  */
@@ -187,13 +167,6 @@ declare type SelectEntityTypeAction = {
     payload: string;
     type: ExploreActionKind.SelectEntityType;
 };
-/**
- * Toggle entity view action.
- */
-declare type ToggleEntityViewAction = {
-    payload: ToggleEntityViewPayload;
-    type: ExploreActionKind.ToggleEntityView;
-};
 /**
  * Update column visibility action.
  */
@@ -222,6 +195,13 @@ declare type UpdateFilterAction = {
     payload: UpdateFilterPayload;
     type: ExploreActionKind.UpdateFilter;
 };
+/**
+ * Update row preview action.
+ */
+export declare type UpdateRowPreviewAction = {
+    payload: UpdateRowPreviewPayload;
+    type: ExploreActionKind.UpdateRowPreview;
+};
 /**
  * Update row selection action.
  */