@databiosphere/findable-ui 2.0.0 → 2.1.0

package/lib/components/Filter/components/FilterLabel/filterLabel.styles.js

@@ -8,7 +8,7 @@ const styled_1 = __importDefault(require("@emotion/styled"));
 const material_1 = require("@mui/material");
 const breakpoints_1 = require("../../../../styles/common/mixins/breakpoints");
 exports.FilterLabel = (0, styled_1.default)(material_1.Button) `
-  color: ${({ theme }) => theme.palette.ink.main};
+  font-weight: inherit;
   gap: 0;
   justify-content: space-between;
   padding: 10px 16px;
@@ -20,7 +20,6 @@ exports.FilterLabel = (0, styled_1.default)(material_1.Button) `
   }
 
   &.Mui-disabled {
-    color: ${({ theme }) => theme.palette.ink.main};
     opacity: 0.3;
   }
 

package/lib/components/Filter/components/Filters/filters.js

@@ -65,11 +65,13 @@ const Filters = ({ categoryFilters, closeAncestor, disabled = false, onFilter, t
     const { height: windowHeight } = (0, useWindowResize_1.useWindowResize)();
     const filterListRef = (0, react_1.useRef)(null);
     const [height, setHeight] = (0, react_1.useState)(0);
+    const isLabeled = (0, react_1.useMemo)(() => isCategoryViewsLabeled(categoryFilters), [categoryFilters]);
     (0, react_1.useEffect)(() => {
         setHeight(calculateListHeight(windowHeight, filterListRef.current));
     }, [windowHeight]);
-    return (react_1.default.createElement(filters_styles_1.Filters, { disabled: disabled, height: height, ref: filterListRef }, categoryFilters.map(({ categoryViews, label }, i) => (react_1.default.createElement(react_1.Fragment, { key: i },
+    return (react_1.default.createElement(filters_styles_1.Filters, { disabled: disabled, height: height, isBaseStyle: !isLabeled, ref: filterListRef }, categoryFilters.map(({ categoryViews, label }, i) => (react_1.default.createElement(react_1.Fragment, { key: i },
         i !== 0 && react_1.default.createElement(material_1.Divider, null),
+        label && react_1.default.createElement(filters_styles_1.CategoryViewsLabel, null, label),
         categoryViews.map((categoryView) => (react_1.default.createElement(filter_1.Filter, { key: categoryView.key, categorySection: label, categoryView: categoryView, closeAncestor: closeAncestor, isFilterDrawer: isFilterDrawer, onFilter: onFilter, trackFilterOpened: trackFilterOpened, tags: renderFilterTags(categoryView, onFilter) }))))))));
 };
 exports.Filters = Filters;
@@ -83,3 +85,11 @@ function calculateListHeight(windowHeight, filterListEl) {
     var _a, _b;
     return windowHeight - ((_b = (_a = filterListEl === null || filterListEl === void 0 ? void 0 : filterListEl.getBoundingClientRect()) === null || _a === void 0 ? void 0 : _a.top) !== null && _b !== void 0 ? _b : 0);
 }
+/**
+ * Returns true if any category views are labelled.
+ * @param categoryFilters - Category filters.
+ * @returns true if any category views are labelled.
+ */
+function isCategoryViewsLabeled(categoryFilters) {
+    return categoryFilters.some(({ label }) => label);
+}

package/lib/components/Filter/components/Filters/filters.styles.d.ts

@@ -2,9 +2,14 @@
 interface Props {
     disabled: boolean;
     height: number;
+    isBaseStyle: boolean;
 }
 export declare const Filters: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & Props, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CategoryViewsLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

package/lib/components/Filter/components/Filters/filters.styles.js

@@ -3,13 +3,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Filters = void 0;
+exports.CategoryViewsLabel = exports.Filters = void 0;
 const react_1 = require("@emotion/react");
 const styled_1 = __importDefault(require("@emotion/styled"));
 const breakpoints_1 = require("../../../../styles/common/mixins/breakpoints");
+const colors_1 = require("../../../../styles/common/mixins/colors");
+const fonts_1 = require("../../../../styles/common/mixins/fonts");
 exports.Filters = (0, styled_1.default)("div", {
     shouldForwardProp: (prop) => prop !== "height",
 }) `
+  ${(props) => (props.isBaseStyle ? (0, fonts_1.textBody500)(props) : (0, fonts_1.textBody400)(props))};
+  color: ${(props) => (props.isBaseStyle ? (0, colors_1.inkMain)(props) : (0, colors_1.inkLight)(props))};
   height: ${({ height }) => height}px;
   margin: 8px 0;
   overflow: auto;
@@ -31,3 +35,12 @@ exports.Filters = (0, styled_1.default)("div", {
     padding: 0 12px 0 16px;
   }
 `;
+exports.CategoryViewsLabel = (0, styled_1.default)("div") `
+  ${fonts_1.textBody500};
+  color: ${colors_1.inkMain};
+  padding: 8px 16px;
+
+  ${breakpoints_1.mediaDesktopSmallUp} {
+    padding: 8px 0;
+  }
+`;

package/lib/components/Table/table.js

@@ -34,7 +34,7 @@ const useExploreMode_1 = require("../../hooks/useExploreMode");
 const useExploreState_1 = require("../../hooks/useExploreState");
 const useScroll_1 = require("../../hooks/useScroll");
 const exploreState_1 = require("../../providers/exploreState");
-const constants_1 = require("../../providers/exploreState/constants");
+const constants_1 = require("../../providers/exploreState/initializer/constants");
 const breakpoints_1 = require("../../theme/common/breakpoints");
 const paper_styles_1 = require("../common/Paper/paper.styles");
 const noResults_1 = require("../NoResults/noResults");

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

@@ -11,6 +11,7 @@ exports.AnchorLink = (0, styled_1.default)(link_1.default) `
   color: ${colors_1.inkLight};
   margin-left: 4px;
   opacity: 0;
+  position: absolute;
   transition: opacity 0.2s ease-in-out;
 
   svg {

package/lib/config/entities.d.ts

@@ -46,9 +46,16 @@ export interface BackPageTabConfig extends TabConfig {
     sideColumn?: ComponentsConfig;
 }
 /**
- * Model of grouped configured categories in site config.
+ * Model of category group config in site config.
  */
 export interface CategoryGroupConfig {
+    categoryGroups: CategoryGroup[];
+    key: string;
+}
+/**
+ * Model of grouped configured categories in site config.
+ */
+export interface CategoryGroup {
     categoryConfigs: CategoryConfig[];
     label?: string;
 }
@@ -115,7 +122,7 @@ export declare type EntityPath = string;
  */
 export interface EntityConfig<T = any, I = any> extends TabConfig {
     apiPath?: EntityPath;
-    categoryGroupConfigs?: CategoryGroupConfig[];
+    categoryGroupConfig?: CategoryGroupConfig;
     detail: BackPageConfig;
     entityMapper?: EntityMapper<T, I>;
     exploreMode: ExploreMode;
@@ -290,7 +297,7 @@ export interface SiteConfig {
     appTitle: string;
     authentication?: AuthenticationConfig;
     browserURL: string;
-    categoryGroupConfigs?: CategoryGroupConfig[];
+    categoryGroupConfig?: CategoryGroupConfig;
     contentDir?: string;
     contentThemeOptionsFn?: ThemeOptionsFn;
     dataSource: DataSourceConfig;

package/lib/hooks/useEntityList.js

@@ -5,7 +5,7 @@ const react_1 = require("react");
 const filterTransformer_1 = require("../apis/azul/common/filterTransformer");
 const utils_1 = require("../config/utils");
 const exploreState_1 = require("../providers/exploreState");
-const constants_1 = require("../providers/exploreState/constants");
+const constants_1 = require("../providers/exploreState/initializer/constants");
 const useAsync_1 = require("./useAsync");
 const useAuthentication_1 = require("./useAuthentication/useAuthentication");
 const useConfig_1 = require("./useConfig");

package/lib/hooks/useSessionTimeout.js

@@ -1,7 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSessionTimeout = exports.INACTIVITY_PARAM = void 0;
+const router_1 = __importDefault(require("next/router"));
 const react_1 = require("react");
+const useConfig_1 = require("./useConfig");
 const useLocation_1 = require("./useLocation");
 exports.INACTIVITY_PARAM = "inactivityTimeout";
 /**
@@ -9,14 +14,16 @@ exports.INACTIVITY_PARAM = "inactivityTimeout";
  * @returns flag indicating if the session has timed out.
  */
 const useSessionTimeout = () => {
+    const { config: { redirectRootToPath }, } = (0, useConfig_1.useConfig)();
     const [isSessionTimeout, setIsSessionTimeout] = (0, react_1.useState)(false);
     // Get the session timeout from URL parameters.
     const { search } = (0, useLocation_1.useLocation)() || {};
     const sessionTimeout = search === null || search === void 0 ? void 0 : search.get(exports.INACTIVITY_PARAM);
     // Clears session timeout state.
-    const clearSessionTimeout = () => {
+    const clearSessionTimeout = (0, react_1.useCallback)(() => {
         setIsSessionTimeout(false);
-    };
+        router_1.default.replace(redirectRootToPath);
+    }, [redirectRootToPath]);
     (0, react_1.useEffect)(() => {
         setIsSessionTimeout(sessionTimeout === "true");
     }, [sessionTimeout]);

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

@@ -0,0 +1,19 @@
+import { ColumnSort } from "@tanstack/react-table";
+import { SelectCategory, SelectedFilter } from "../../common/entities";
+import { CategoryConfig, CategoryGroup, CategoryGroupConfig, EntityPath } from "../../config/entities";
+export interface EntityPageState {
+    categoryGroupConfigKey: CategoryGroupConfigKey;
+    columnsVisibility: Record<string, boolean>;
+    sorting: ColumnSort[];
+}
+export interface EntityPageStateMapper {
+    [key: EntityPath]: EntityPageState;
+}
+export interface EntityState {
+    categoryConfigs?: CategoryConfig[];
+    categoryGroups?: CategoryGroup[];
+    categoryViews: SelectCategory[];
+    filterState: SelectedFilter[];
+}
+export declare type EntityStateByCategoryGroupConfigKey = Map<CategoryGroupConfigKey, EntityState>;
+export declare type CategoryGroupConfigKey = CategoryGroupConfig["key"];

package/lib/providers/exploreState/entities.js

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

package/lib/providers/exploreState/initializer/constants.d.ts

@@ -0,0 +1,5 @@
+import { ExploreState, PaginationState } from "../../exploreState";
+import { EntityState } from "../entities";
+export declare const DEFAULT_ENTITY_STATE: EntityState;
+export declare const DEFAULT_PAGINATION_STATE: PaginationState;
+export declare const INITIAL_STATE: ExploreState;

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.INITIAL_STATE = exports.DEFAULT_PAGINATION_STATE = exports.DEFAULT_ENTITY_STATE = void 0;
+exports.DEFAULT_ENTITY_STATE = {
+    categoryViews: [],
+    filterState: [],
+};
+exports.DEFAULT_PAGINATION_STATE = {
+    currentPage: 1,
+    index: null,
+    nextIndex: null,
+    pageSize: 25,
+    pages: 1,
+    previousIndex: null,
+    rows: 0,
+};
+exports.INITIAL_STATE = {
+    catalogState: undefined,
+    categoryViews: [],
+    entityPageState: {},
+    entityStateByCategoryGroupConfigKey: new Map(),
+    featureFlagState: undefined,
+    filterCount: 0,
+    filterState: [],
+    isRelatedView: false,
+    listItems: [],
+    listView: undefined,
+    loading: true,
+    paginationState: exports.DEFAULT_PAGINATION_STATE,
+    relatedListItems: undefined,
+    tabValue: "",
+};

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

@@ -0,0 +1,12 @@
+import { SiteConfig } from "../../../config/entities";
+import { ExploreState } from "../../exploreState";
+/**
+ * Returns the explore state reducer initial arguments.
+ * @param config - Site config.
+ * @param entityListType - Entity list type.
+ * @param decodedFilterParam - Decoded filter parameter.
+ * @param decodedCatalogParam - Decoded catalog parameter.
+ * @param decodedFeatureFlagParam - Decoded feature flag parameter.
+ * @returns explore state reducer initial arguments.
+ */
+export declare function initReducerArguments(config: SiteConfig, entityListType: string, decodedFilterParam: string, decodedCatalogParam?: string, decodedFeatureFlagParam?: string): ExploreState;

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

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initReducerArguments = void 0;
+const utils_1 = require("../../../components/Table/common/utils");
+const utils_2 = require("../../../config/utils");
+const utils_3 = require("../utils");
+const constants_1 = require("./constants");
+/**
+ * Returns entity related configured category group config where entity config takes precedence over site config.
+ * @param siteConfig - Site config.
+ * @param entityConfig - Entity config.
+ * @returns entity related category group config.
+ */
+function getEntityCategoryGroupConfig(siteConfig, entityConfig) {
+    const siteCategoryGroupConfig = siteConfig.categoryGroupConfig;
+    const entityCategoryGroupConfig = entityConfig.categoryGroupConfig;
+    return entityCategoryGroupConfig !== null && entityCategoryGroupConfig !== void 0 ? entityCategoryGroupConfig : siteCategoryGroupConfig;
+}
+/**
+ * Returns configured category groups as a list of configured categories.
+ * @param categoryGroups - Configured category groups.
+ * @returns a list of configured categories.
+ */
+function flattenCategoryGroups(categoryGroups) {
+    return categoryGroups === null || categoryGroups === void 0 ? void 0 : categoryGroups.flatMap(({ categoryConfigs }) => categoryConfigs);
+}
+/**
+ * Initializes category group config key for the entity.
+ * @param siteConfig - Site config.
+ * @param entityConfig - Entity config.
+ * @returns category group config key.
+ */
+function initCategoryGroupConfigKey(siteConfig, entityConfig) {
+    const categoryGroupConfig = getEntityCategoryGroupConfig(siteConfig, entityConfig);
+    return (categoryGroupConfig === null || categoryGroupConfig === void 0 ? void 0 : categoryGroupConfig.key) || entityConfig.route;
+}
+/**
+ * Initializes category groups for the current entity.
+ * @param entityStateByCategoryGroupConfigKey - Entity state by category group config key.
+ * @param categoryGroupConfigKey - Category group config key.
+ * @returns category groups.
+ */
+function initCategoryGroups(entityStateByCategoryGroupConfigKey, categoryGroupConfigKey) {
+    var _a;
+    return (_a = entityStateByCategoryGroupConfigKey.get(categoryGroupConfigKey)) === null || _a === void 0 ? void 0 : _a.categoryGroups;
+}
+/**
+ * Initializes entity page state.
+ * @param config - Site config.
+ * @returns entity page state.
+ */
+function initEntityPageState(config) {
+    return config.entities.reduce((acc, entity) => {
+        return Object.assign(Object.assign({}, acc), { [entity.route]: {
+                categoryGroupConfigKey: initCategoryGroupConfigKey(config, entity),
+                columnsVisibility: (0, utils_1.getInitialTableColumnVisibility)(entity.list.columns),
+                sorting: (0, utils_2.getDefaultSorting)(entity),
+            } });
+    }, {});
+}
+/**
+ * Initializes entity state by category group config key.
+ * @param config - Site config.
+ * @param categoryGroupConfigKey - Category group config key.
+ * @param filterState - Filter state.
+ * @returns entity state by category group config key.
+ */
+function initEntityStateByCategoryGroupConfigKey(config, categoryGroupConfigKey, filterState) {
+    const entityStateByCategoryGroupConfigKey = new Map();
+    for (const entity of config.entities) {
+        const categoryGroupConfig = getEntityCategoryGroupConfig(config, entity);
+        if (!categoryGroupConfig)
+            continue;
+        const { categoryGroups, key } = categoryGroupConfig;
+        if (entityStateByCategoryGroupConfigKey.has(key))
+            continue;
+        entityStateByCategoryGroupConfigKey.set(key, Object.assign(Object.assign({}, constants_1.DEFAULT_ENTITY_STATE), { categoryConfigs: flattenCategoryGroups(categoryGroups), categoryGroups, filterState: key === categoryGroupConfigKey ? filterState : [] }));
+    }
+    return entityStateByCategoryGroupConfigKey;
+}
+/**
+ * Initializes filter state from URL "filter" parameter.
+ * @param decodedFilterParam - Decoded filter parameter.
+ * @returns filter state.
+ */
+function initFilterState(decodedFilterParam) {
+    // Define filter state, from URL "filter" parameter, if present and valid.
+    let filterState = [];
+    try {
+        filterState = JSON.parse(decodedFilterParam);
+    }
+    catch (_a) {
+        // do nothing
+    }
+    return filterState;
+}
+/**
+ * Returns the explore state reducer initial arguments.
+ * @param config - Site config.
+ * @param entityListType - Entity list type.
+ * @param decodedFilterParam - Decoded filter parameter.
+ * @param decodedCatalogParam - Decoded catalog parameter.
+ * @param decodedFeatureFlagParam - Decoded feature flag parameter.
+ * @returns explore state reducer initial arguments.
+ */
+function initReducerArguments(config, entityListType, decodedFilterParam, decodedCatalogParam, decodedFeatureFlagParam) {
+    const filterState = initFilterState(decodedFilterParam);
+    const entityPageState = initEntityPageState(config);
+    const categoryGroupConfigKey = (0, utils_3.getEntityCategoryGroupConfigKey)(entityListType, entityPageState);
+    const entityStateByCategoryGroupConfigKey = initEntityStateByCategoryGroupConfigKey(config, categoryGroupConfigKey, filterState);
+    const categoryGroups = initCategoryGroups(entityStateByCategoryGroupConfigKey, categoryGroupConfigKey);
+    return Object.assign(Object.assign({}, constants_1.INITIAL_STATE), { catalogState: decodedCatalogParam, categoryGroups,
+        entityPageState,
+        entityStateByCategoryGroupConfigKey, featureFlagState: decodedFeatureFlagParam, filterCount: (0, utils_3.getFilterCount)(filterState), filterState, tabValue: entityListType });
+}
+exports.initReducerArguments = initReducerArguments;

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

@@ -1,37 +1,52 @@
 import { SelectedFilter } from "../../common/entities";
-import { SiteConfig } from "../../config/entities";
-import { EntityPageStateMapper, ExploreState, PaginationState } from "../exploreState";
+import { CategoryConfig } from "../../config/entities";
+import { ExploreState, PaginationState } from "../exploreState";
+import { CategoryGroupConfigKey, EntityPageState, EntityPageStateMapper, EntityState } from "./entities";
 /**
- * Returns the filter count.
- * @param filterState - Filter state.
- * @returns filter count.
+ * Returns the category group config key for the current entity.
+ * @param entityPath - Entity path.
+ * @param entityPageState - Entity page state mapper.
+ * @returns category group config key.
  */
-export declare function getFilterCount(filterState: SelectedFilter[]): number;
+export declare function getEntityCategoryGroupConfigKey(entityPath: string, entityPageState: EntityPageStateMapper): CategoryGroupConfigKey;
 /**
- * Returns the initial explore state.
- * @param config - Site config.
- * @param entityListType - Entity list type.
- * @param decodedFilterParam - Decoded filter parameter.
- * @param decodedCatalogParam - Decoded catalog parameter.
- * @param decodedFeatureFlagParam - Decoded feature flag parameter.
- * @returns explore state.
+ * Returns the category configs for the current entity.
+ * @param state - Explore state.
+ * @returns category configs.
  */
-export declare function initExploreState(config: SiteConfig, entityListType: string, decodedFilterParam: string, decodedCatalogParam?: string, decodedFeatureFlagParam?: string): ExploreState;
+export declare function getEntityCategoryConfigs(state: ExploreState): CategoryConfig[] | undefined;
 /**
- * Initializes filter state from URL "filter" parameter.
- * @param decodedFilterParam - Decoded filter parameter.
- * @returns filter state.
+ * Returns the entity state for the given category group config key.
+ * @param categoryGroupConfigKey - Category group config key.
+ * @param state - Explore state.
+ * @returns entity state.
  */
-export declare function initFilterState(decodedFilterParam: string): SelectedFilter[];
+export declare function getEntityState(categoryGroupConfigKey: CategoryGroupConfigKey, state: ExploreState): EntityState;
 /**
- * Initializes entity page state.
- * @param config - Site config.
- * @returns entity page state.
+ * Returns the filter count.
+ * @param filterState - Filter state.
+ * @returns filter count.
  */
-export declare function initEntityPageState(config: SiteConfig): EntityPageStateMapper;
+export declare function getFilterCount(filterState: SelectedFilter[]): number;
 /**
  * Resets pagination.
  * @param paginationState - Pagination state.
  * @returns a reset pagination state.
  */
 export declare function resetPage(paginationState: PaginationState): PaginationState;
+/**
+ * Updates entity page state for the given entity path.
+ * @param entityPath - Entity path.
+ * @param entityPageState - Entity page state.
+ * @param nextEntityPageState - Partial next entity page state.
+ * @returns updated entity page state.
+ */
+export declare function updateEntityPageState(entityPath: string, // entityListType.
+entityPageState: EntityPageStateMapper, nextEntityPageState: Partial<EntityPageState>): EntityPageStateMapper;
+/**
+ * Updates entity state by category group config key.
+ * @param state - Explore state.
+ * @param nextEntityState - Partial next entity state.
+ * @returns updated entity state by category group config key.
+ */
+export declare function updateEntityStateByCategoryGroupConfigKey(state: ExploreState, nextEntityState: Partial<EntityState>): void;

package/lib/providers/exploreState/utils.js

@@ -1,82 +1,46 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.resetPage = exports.initEntityPageState = exports.initFilterState = exports.initExploreState = exports.getFilterCount = void 0;
-const utils_1 = require("../../components/Table/common/utils");
-const utils_2 = require("../../config/utils");
-const exploreState_1 = require("../exploreState");
-const constants_1 = require("./constants");
+exports.updateEntityStateByCategoryGroupConfigKey = exports.updateEntityPageState = exports.resetPage = exports.getFilterCount = exports.getEntityState = exports.getEntityCategoryConfigs = exports.getEntityCategoryGroupConfigKey = void 0;
+const constants_1 = require("./initializer/constants");
 /**
- * Returns the filter count.
- * @param filterState - Filter state.
- * @returns filter count.
- */
-function getFilterCount(filterState) {
-    return filterState.reduce((acc, filter) => acc + filter.value.length, 0);
-}
-exports.getFilterCount = getFilterCount;
-/**
- * Returns the initial explore state.
- * @param config - Site config.
- * @param entityListType - Entity list type.
- * @param decodedFilterParam - Decoded filter parameter.
- * @param decodedCatalogParam - Decoded catalog parameter.
- * @param decodedFeatureFlagParam - Decoded feature flag parameter.
- * @returns explore state.
+ * Returns the category group config key for the current entity.
+ * @param entityPath - Entity path.
+ * @param entityPageState - Entity page state mapper.
+ * @returns category group config key.
  */
-function initExploreState(config, entityListType, decodedFilterParam, decodedCatalogParam, decodedFeatureFlagParam) {
-    const entityPageState = initEntityPageState(config);
-    const filterState = initFilterState(decodedFilterParam);
-    const filterCount = getFilterCount(filterState);
-    return Object.assign(Object.assign({}, constants_1.INITIAL_STATE), { catalogState: decodedCatalogParam, categoryGroupConfigs: entityPageState[entityListType].categoryGroupConfigs, entityPageState: initEntityPageState(config), featureFlagState: decodedFeatureFlagParam, filterCount,
-        filterState, listView: exploreState_1.ENTITY_VIEW.EXACT, tabValue: entityListType });
+function getEntityCategoryGroupConfigKey(entityPath, entityPageState) {
+    return entityPageState[entityPath].categoryGroupConfigKey;
 }
-exports.initExploreState = initExploreState;
+exports.getEntityCategoryGroupConfigKey = getEntityCategoryGroupConfigKey;
 /**
- * Returns configured grouped configured categories as a list of configured categories.
- * @param categoryGroupConfigs - Configured category groups.
- * @returns a list of configured categories.
+ * Returns the category configs for the current entity.
+ * @param state - Explore state.
+ * @returns category configs.
  */
-function flattenCategoryGroupConfigs(categoryGroupConfigs) {
-    return categoryGroupConfigs === null || categoryGroupConfigs === void 0 ? void 0 : categoryGroupConfigs.flatMap(({ categoryConfigs }) => categoryConfigs);
+function getEntityCategoryConfigs(state) {
+    return getEntityState(getEntityCategoryGroupConfigKey(state.tabValue, state.entityPageState), state).categoryConfigs;
 }
+exports.getEntityCategoryConfigs = getEntityCategoryConfigs;
 /**
- * Initializes filter state from URL "filter" parameter.
- * @param decodedFilterParam - Decoded filter parameter.
- * @returns filter state.
+ * Returns the entity state for the given category group config key.
+ * @param categoryGroupConfigKey - Category group config key.
+ * @param state - Explore state.
+ * @returns entity state.
  */
-function initFilterState(decodedFilterParam) {
-    // Define filter state, from URL "filter" parameter, if present and valid.
-    let filterState = [];
-    try {
-        filterState = JSON.parse(decodedFilterParam);
-    }
-    catch (_a) {
-        // do nothing
-    }
-    return filterState;
+function getEntityState(categoryGroupConfigKey, state) {
+    return (state.entityStateByCategoryGroupConfigKey.get(categoryGroupConfigKey) ||
+        constants_1.DEFAULT_ENTITY_STATE);
 }
-exports.initFilterState = initFilterState;
+exports.getEntityState = getEntityState;
 /**
- * Initializes entity page state.
- * @param config - Site config.
- * @returns entity page state.
+ * Returns the filter count.
+ * @param filterState - Filter state.
+ * @returns filter count.
  */
-function initEntityPageState(config) {
-    const { categoryGroupConfigs } = config;
-    return config.entities.reduce((acc, entity) => {
-        var _a, _b;
-        return (Object.assign(Object.assign({}, acc), { [entity.route]: {
-                categoryConfigs: flattenCategoryGroupConfigs((_a = entity.categoryGroupConfigs) !== null && _a !== void 0 ? _a : categoryGroupConfigs),
-                categoryGroupConfigs: (_b = entity.categoryGroupConfigs) !== null && _b !== void 0 ? _b : categoryGroupConfigs,
-                categoryViews: [],
-                columnsVisibility: (0, utils_1.getInitialTableColumnVisibility)(entity.list.columns),
-                filterCount: 0,
-                filterState: [],
-                sorting: (0, utils_2.getDefaultSorting)(entity),
-            } }));
-    }, {});
+function getFilterCount(filterState) {
+    return filterState.reduce((acc, filter) => acc + filter.value.length, 0);
 }
-exports.initEntityPageState = initEntityPageState;
+exports.getFilterCount = getFilterCount;
 /**
  * Resets pagination.
  * @param paginationState - Pagination state.
@@ -89,3 +53,38 @@ function resetPage(paginationState) {
     return nextPaginationState;
 }
 exports.resetPage = resetPage;
+/**
+ * Sets entity state for the given category group config key.
+ * @param categoryGroupConfigKey - Category group config key.
+ * @param state - Explore state.
+ * @param nextEntityState - Next entity state.
+ */
+function setEntityStateByCategoryGroupConfigKey(categoryGroupConfigKey, state, nextEntityState) {
+    state.entityStateByCategoryGroupConfigKey.set(categoryGroupConfigKey, nextEntityState);
+}
+/**
+ * Updates entity page state for the given entity path.
+ * @param entityPath - Entity path.
+ * @param entityPageState - Entity page state.
+ * @param nextEntityPageState - Partial next entity page state.
+ * @returns updated entity page state.
+ */
+function updateEntityPageState(entityPath, // entityListType.
+entityPageState, nextEntityPageState) {
+    return Object.assign(Object.assign({}, entityPageState), { [entityPath]: Object.assign(Object.assign({}, entityPageState[entityPath]), nextEntityPageState) });
+}
+exports.updateEntityPageState = updateEntityPageState;
+/**
+ * Updates entity state by category group config key.
+ * @param state - Explore state.
+ * @param nextEntityState - Partial next entity state.
+ * @returns updated entity state by category group config key.
+ */
+function updateEntityStateByCategoryGroupConfigKey(state, nextEntityState) {
+    const categoryGroupConfigKey = getEntityCategoryGroupConfigKey(state.tabValue, state.entityPageState);
+    const entityState = getEntityState(categoryGroupConfigKey, state);
+    if (entityState) {
+        setEntityStateByCategoryGroupConfigKey(categoryGroupConfigKey, state, Object.assign(Object.assign({}, entityState), nextEntityState));
+    }
+}
+exports.updateEntityStateByCategoryGroupConfigKey = updateEntityStateByCategoryGroupConfigKey;