@databiosphere/findable-ui 6.0.0 → 8.0.0

package/lib/providers/exploreState/utils.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-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");
+import { ACCESSOR_KEYS } from "../../components/TableCreator/common/constants";
+import { DEFAULT_ENTITY_STATE } from "./initializer/constants";
 /**
  * Returns the entity state saved filter state for the given category key.
  * @param categoryKey - Category key.
@@ -10,12 +7,11 @@ const constants_2 = require("./initializer/constants");
  * @param selected - True if value is selected, false if de-selected.
  * @returns entity state saved filter state.
  */
-function buildEntityStateSavedFilterState(categoryKey, selectedValue, selected) {
+export function buildEntityStateSavedFilterState(categoryKey, selectedValue, selected) {
     if (!selected)
         return [];
     return [{ categoryKey, value: [selectedValue] }];
 }
-exports.buildEntityStateSavedFilterState = buildEntityStateSavedFilterState;
 /**
  * Build new set of selected filters on de/select of a "saved filter" filter.
  * @param state - Explore state.
@@ -23,59 +19,53 @@ exports.buildEntityStateSavedFilterState = buildEntityStateSavedFilterState;
  * @param selected - True if value is selected, false if de-selected.
  * @returns new selected filters.
  */
-function buildNextSavedFilterState(state, selectedValue, selected) {
+export function buildNextSavedFilterState(state, selectedValue, selected) {
     if (!selected)
         return []; // Clears all filters on de-select of saved filter.
     const savedFilter = getEntityStateSavedFilter(state, selectedValue);
-    return (savedFilter === null || savedFilter === void 0 ? void 0 : savedFilter.filters) || [];
+    return 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) {
+export 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.
  * @param entityPageState - Entity page state mapper.
  * @returns category group config key.
  */
-function getEntityCategoryGroupConfigKey(entityPath, entityPageState) {
+export function getEntityCategoryGroupConfigKey(entityPath, entityPageState) {
     return entityPageState[entityPath].categoryGroupConfigKey;
 }
-exports.getEntityCategoryGroupConfigKey = getEntityCategoryGroupConfigKey;
 /**
  * Returns the entity state for the current entity.
  * @param state - Explore state.
  * @param categoryGroupConfigKey - Category group config key.
  * @returns entity state.
  */
-function getEntityState(state, categoryGroupConfigKey = getEntityCategoryGroupConfigKey(state.tabValue, state.entityPageState)) {
+export function getEntityState(state, categoryGroupConfigKey = getEntityCategoryGroupConfigKey(state.tabValue, state.entityPageState)) {
     return (state.entityStateByCategoryGroupConfigKey.get(categoryGroupConfigKey) ||
-        constants_2.DEFAULT_ENTITY_STATE);
+        DEFAULT_ENTITY_STATE);
 }
-exports.getEntityState = getEntityState;
 /**
  * Returns the saved filter/sorting for the given category key.
  * @param state - Explore state.
  * @param categoryValueKey - Category key.
  * @returns saved filter/sorting for the category key.
  */
-function getEntityStateSavedFilter(state, categoryValueKey) {
-    var _a;
+export function getEntityStateSavedFilter(state, categoryValueKey) {
     const entityState = getEntityState(state);
-    return (_a = entityState.savedFilterByCategoryValueKey) === null || _a === void 0 ? void 0 : _a.get(categoryValueKey);
+    return entityState.savedFilterByCategoryValueKey?.get(categoryValueKey);
 }
-exports.getEntityStateSavedFilter = getEntityStateSavedFilter;
 /**
  * Returns entity state "saved filter" sorting for the given category value key.
  * @param state - Explore state.
@@ -83,22 +73,20 @@ exports.getEntityStateSavedFilter = getEntityStateSavedFilter;
  * @param selected - True if value is selected, false if de-selected.
  * @returns sorting.
  */
-function getEntityStateSavedSorting(state, selectedValue, selected) {
+export function getEntityStateSavedSorting(state, selectedValue, selected) {
     if (!selected)
         return;
     const savedFilter = getEntityStateSavedFilter(state, selectedValue);
-    return savedFilter === null || savedFilter === void 0 ? void 0 : savedFilter.sorting;
+    return savedFilter?.sorting;
 }
-exports.getEntityStateSavedSorting = getEntityStateSavedSorting;
 /**
  * Returns the filter count.
  * @param filterState - Filter state.
  * @returns filter count.
  */
-function getFilterCount(filterState) {
+export function getFilterCount(filterState) {
     return filterState.reduce((acc, filter) => acc + filter.value.length, 0);
 }
-exports.getFilterCount = getFilterCount;
 /**
  * Returns list items with updated list items patched.
  * @param listItems - List items.
@@ -106,7 +94,7 @@ exports.getFilterCount = getFilterCount;
  * @param listItemKey - List item key identifier to map list items.
  * @returns list items with updated list items patched.
  */
-function patchEntityListItems(listItems, updatedListItems, listItemKey) {
+export function patchEntityListItems(listItems, updatedListItems, listItemKey) {
     if (!listItems || !updatedListItems)
         return listItems;
     const listItemById = new Map(listItems.map((listItem) => [listItem[listItemKey], listItem]));
@@ -115,19 +103,17 @@ function patchEntityListItems(listItems, updatedListItems, listItemKey) {
     });
     return [...listItemById.values()];
 }
-exports.patchEntityListItems = patchEntityListItems;
 /**
  * Resets pagination.
  * @param paginationState - Pagination state.
  * @returns a reset pagination state.
  */
-function resetPage(paginationState) {
-    const nextPaginationState = Object.assign({}, paginationState);
+export function resetPage(paginationState) {
+    const nextPaginationState = { ...paginationState };
     nextPaginationState.index = null;
     nextPaginationState.currentPage = 1;
     return nextPaginationState;
 }
-exports.resetPage = resetPage;
 /**
  * Sets entity state for the given category group config key.
  * @param categoryGroupConfigKey - Category group config key.
@@ -144,11 +130,16 @@ function setEntityStateByCategoryGroupConfigKey(categoryGroupConfigKey, state, n
  * @param nextEntityPageState - Partial next entity page state.
  * @returns updated entity page state.
  */
-function updateEntityPageState(entityPath, // entityListType.
+export function updateEntityPageState(entityPath, // entityListType.
 entityPageState, nextEntityPageState) {
-    return Object.assign(Object.assign({}, entityPageState), { [entityPath]: Object.assign(Object.assign({}, entityPageState[entityPath]), nextEntityPageState) });
+    return {
+        ...entityPageState,
+        [entityPath]: {
+            ...entityPageState[entityPath],
+            ...nextEntityPageState,
+        },
+    };
 }
-exports.updateEntityPageState = updateEntityPageState;
 /**
  * Updates entity page state for the current entity and entities that share the same category group config key.
  * @param state - Explore state.
@@ -156,15 +147,17 @@ exports.updateEntityPageState = updateEntityPageState;
  * @param categoryGroupConfigKey - Category group config key.
  * @returns entity page state.
  */
-function updateEntityPageStateWithCommonCategoryGroupConfigKey(state, nextEntityPageState, categoryGroupConfigKey = getEntityCategoryGroupConfigKey(state.tabValue, state.entityPageState)) {
+export 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), nextEntityPageState) });
+            return {
+                ...acc,
+                [entityPath]: { ...entityPageState, ...nextEntityPageState },
+            };
         }
-        return Object.assign(Object.assign({}, acc), { [entityPath]: entityPageState });
+        return { ...acc, [entityPath]: entityPageState };
     }, {});
 }
-exports.updateEntityPageStateWithCommonCategoryGroupConfigKey = updateEntityPageStateWithCommonCategoryGroupConfigKey;
 /**
  * Updates entity state by category group config key.
  * @param state - Explore state.
@@ -172,13 +165,15 @@ exports.updateEntityPageStateWithCommonCategoryGroupConfigKey = updateEntityPage
  * @param categoryGroupConfigKey - Category group config key.
  * @returns updated entity state by category group config key.
  */
-function updateEntityStateByCategoryGroupConfigKey(state, nextEntityState, categoryGroupConfigKey = getEntityCategoryGroupConfigKey(state.tabValue, state.entityPageState)) {
+export function updateEntityStateByCategoryGroupConfigKey(state, nextEntityState, categoryGroupConfigKey = getEntityCategoryGroupConfigKey(state.tabValue, state.entityPageState)) {
     const entityState = getEntityState(state, categoryGroupConfigKey);
     if (entityState) {
-        setEntityStateByCategoryGroupConfigKey(categoryGroupConfigKey, state, Object.assign(Object.assign({}, entityState), nextEntityState));
+        setEntityStateByCategoryGroupConfigKey(categoryGroupConfigKey, state, {
+            ...entityState,
+            ...nextEntityState,
+        });
     }
 }
-exports.updateEntityStateByCategoryGroupConfigKey = updateEntityStateByCategoryGroupConfigKey;
 /**
  *  Updates the entity page state for each entity with row selection enabled,
  *  by updating the visibility of the "select" column based on user access and resetting row selection state.
@@ -186,12 +181,21 @@ exports.updateEntityStateByCategoryGroupConfigKey = updateEntityStateByCategoryG
  * @param canEdit - User has edit access.
  * @returns new entity page state mapper with updated column visibility and row selection state.
  */
-function updateSelectColumnVisibility(state, canEdit) {
+export function updateSelectColumnVisibility(state, canEdit) {
     return Object.entries(state.entityPageState).reduce((acc, [entityPath, entityPageState]) => {
         if (entityPageState.enableRowSelection) {
-            return Object.assign(Object.assign({}, acc), { [entityPath]: Object.assign(Object.assign({}, entityPageState), { columnsVisibility: Object.assign(Object.assign({}, entityPageState.columnsVisibility), { [constants_1.ACCESSOR_KEYS.SELECT]: canEdit }), rowSelection: {} }) });
+            return {
+                ...acc,
+                [entityPath]: {
+                    ...entityPageState,
+                    columnsVisibility: {
+                        ...entityPageState.columnsVisibility,
+                        [ACCESSOR_KEYS.SELECT]: canEdit,
+                    },
+                    rowSelection: {},
+                },
+            };
         }
-        return Object.assign(Object.assign({}, acc), { [entityPath]: entityPageState });
+        return { ...acc, [entityPath]: entityPageState };
     }, {});
 }
-exports.updateSelectColumnVisibility = updateSelectColumnVisibility;

package/lib/providers/exploreState.js

@@ -1,41 +1,15 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExploreActionKind = exports.ExploreStateProvider = exports.ExploreStateContext = void 0;
-const react_1 = __importStar(require("react"));
-const useAuthentication_1 = require("../hooks/useAuthentication/useAuthentication");
-const useCategoryFilter_1 = require("../hooks/useCategoryFilter");
-const useConfig_1 = require("../hooks/useConfig");
-const useURLFilterParams_1 = require("../hooks/useURLFilterParams");
-const constants_1 = require("./exploreState/initializer/constants");
-const utils_1 = require("./exploreState/initializer/utils");
-const utils_2 = require("./exploreState/utils");
+import React, { createContext, useEffect, useMemo, useReducer, useState, } from "react";
+import { useAuthentication } from "../hooks/useAuthentication/useAuthentication";
+import { buildCategoryViews, buildNextFilterState, } from "../hooks/useCategoryFilter";
+import { useConfig } from "../hooks/useConfig";
+import { useURLFilterParams } from "../hooks/useURLFilterParams";
+import { DEFAULT_PAGINATION_STATE, INITIAL_STATE, } from "./exploreState/initializer/constants";
+import { initReducerArguments } from "./exploreState/initializer/utils";
+import { buildEntityStateSavedFilterState, buildNextSavedFilterState, closeRowPreview, getEntityCategoryGroupConfigKey, getEntityState, getEntityStateSavedSorting, getFilterCount, patchEntityListItems, resetPage, updateEntityPageState, updateEntityPageStateWithCommonCategoryGroupConfigKey, updateEntityStateByCategoryGroupConfigKey, updateSelectColumnVisibility, } from "./exploreState/utils";
 /**
  * Explore state context for storing and using filter-related and explore state.
  */
-exports.ExploreStateContext = (0, react_1.createContext)({
+export const ExploreStateContext = createContext({
     /**
      * The defaultValue argument is only used when a component does not have a matching Provider
      * above it in the tree. This default value can be helpful for testing components
@@ -45,7 +19,7 @@ exports.ExploreStateContext = (0, react_1.createContext)({
      */
     // eslint-disable-next-line @typescript-eslint/no-empty-function -- default note used
     exploreDispatch: () => { },
-    exploreState: constants_1.INITIAL_STATE,
+    exploreState: INITIAL_STATE,
 });
 /**
  * Explore state provider for consuming components to subscribe to changes in filter-related and explore-related state.
@@ -54,22 +28,22 @@ exports.ExploreStateContext = (0, react_1.createContext)({
  * @param props.entityListType - type of list to display
  * @returns Provider element to be used by consumers to both update explore state and subscribe to changes in explore state.
  */
-function ExploreStateProvider({ children, entityListType, }) {
-    const { config, defaultEntityListType } = (0, useConfig_1.useConfig)();
-    const { decodedCatalogParam, decodedFeatureFlagParam, decodedFilterParam } = (0, useURLFilterParams_1.useURLFilterParams)();
-    const { isEnabled: isAuthEnabled, token } = (0, useAuthentication_1.useAuthentication)();
+export function ExploreStateProvider({ children, entityListType, }) {
+    const { config, defaultEntityListType } = useConfig();
+    const { decodedCatalogParam, decodedFeatureFlagParam, decodedFilterParam } = useURLFilterParams();
+    const { isEnabled: isAuthEnabled, token } = useAuthentication();
     const entityList = entityListType || defaultEntityListType;
-    const [initializerArg] = (0, react_1.useState)(() => (0, utils_1.initReducerArguments)(config, entityList, decodedFilterParam, decodedCatalogParam, decodedFeatureFlagParam));
-    const [exploreState, exploreDispatch] = (0, react_1.useReducer)((s, a) => exploreReducer(s, a, {
+    const [initializerArg] = useState(() => initReducerArguments(config, entityList, decodedFilterParam, decodedCatalogParam, decodedFeatureFlagParam));
+    const [exploreState, exploreDispatch] = useReducer((s, a) => exploreReducer(s, a, {
         config,
         entityList,
     }), initializerArg);
     // does this help? https://hswolff.com/blog/how-to-usecontext-with-usereducer/
-    const exploreContextValue = (0, react_1.useMemo)(() => {
+    const exploreContextValue = useMemo(() => {
         return { exploreDispatch, exploreState };
     }, [exploreDispatch, exploreState]);
     // Reset explore response when token changes.
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (!isAuthEnabled)
             return;
         exploreDispatch({
@@ -77,13 +51,12 @@ function ExploreStateProvider({ children, entityListType, }) {
             type: ExploreActionKind.ResetExploreResponse,
         });
     }, [exploreDispatch, isAuthEnabled, token]);
-    return (react_1.default.createElement(exports.ExploreStateContext.Provider, { value: exploreContextValue }, children));
+    return (React.createElement(ExploreStateContext.Provider, { value: exploreContextValue }, children));
 }
-exports.ExploreStateProvider = ExploreStateProvider;
 /**
  * Explore action kind.
  */
-var ExploreActionKind;
+export var ExploreActionKind;
 (function (ExploreActionKind) {
     ExploreActionKind["ApplySavedFilter"] = "APPLY_SAVED_FILTER";
     ExploreActionKind["ClearFilters"] = "CLEAR_FILTERS";
@@ -100,7 +73,7 @@ var ExploreActionKind;
     ExploreActionKind["UpdateRowPreview"] = "UPDATE_ROW_PREVIEW";
     ExploreActionKind["UpdateRowSelection"] = "UPDATE_ROW_SELECTION";
     ExploreActionKind["UpdateSorting"] = "UPDATE_SORTING";
-})(ExploreActionKind = exports.ExploreActionKind || (exports.ExploreActionKind = {}));
+})(ExploreActionKind || (ExploreActionKind = {}));
 /**
  * Explore reducer.
  * @param state - Explore state.
@@ -116,17 +89,24 @@ function exploreReducer(state, action, exploreContext) {
          * Apply saved filter
          **/
         case ExploreActionKind.ApplySavedFilter: {
-            const filterState = (0, utils_2.buildNextSavedFilterState)(state, payload.selectedValue, payload.selected);
-            const rowPreview = (0, utils_2.closeRowPreview)(state.rowPreview);
+            const filterState = buildNextSavedFilterState(state, payload.selectedValue, payload.selected);
+            const rowPreview = closeRowPreview(state.rowPreview);
             const rowSelection = {};
-            const savedFilterState = (0, utils_2.buildEntityStateSavedFilterState)(payload.categoryKey, payload.selectedValue, payload.selected);
-            const savedSorting = (0, utils_2.getEntityStateSavedSorting)(state, payload.selectedValue, payload.selected);
+            const savedFilterState = buildEntityStateSavedFilterState(payload.categoryKey, payload.selectedValue, payload.selected);
+            const savedSorting = getEntityStateSavedSorting(state, payload.selectedValue, payload.selected);
             const sorting = savedSorting || []; // Reset sorting to default if saved sorting is not available.
-            (0, utils_2.updateEntityStateByCategoryGroupConfigKey)(state, {
+            updateEntityStateByCategoryGroupConfigKey(state, {
                 filterState,
                 savedFilterState,
             });
-            return Object.assign(Object.assign({}, state), { entityPageState: (0, utils_2.updateEntityPageStateWithCommonCategoryGroupConfigKey)(state, { rowPreview, rowSelection, sorting }), filterCount: (0, utils_2.getFilterCount)(filterState), filterState, paginationState: (0, utils_2.resetPage)(state.paginationState), rowPreview });
+            return {
+                ...state,
+                entityPageState: updateEntityPageStateWithCommonCategoryGroupConfigKey(state, { rowPreview, rowSelection, sorting }),
+                filterCount: getFilterCount(filterState),
+                filterState,
+                paginationState: resetPage(state.paginationState),
+                rowPreview,
+            };
         }
         /**
          * Clear all filters
@@ -134,21 +114,27 @@ function exploreReducer(state, action, exploreContext) {
         case ExploreActionKind.ClearFilters: {
             const filterCount = 0;
             const filterState = [];
-            const rowPreview = (0, utils_2.closeRowPreview)(state.rowPreview);
+            const rowPreview = closeRowPreview(state.rowPreview);
             const rowSelection = {};
             const savedFilterState = [];
-            (0, utils_2.updateEntityStateByCategoryGroupConfigKey)(state, {
+            updateEntityStateByCategoryGroupConfigKey(state, {
                 filterState,
                 savedFilterState,
             });
-            return Object.assign(Object.assign({}, state), { entityPageState: (0, utils_2.updateEntityPageStateWithCommonCategoryGroupConfigKey)(state, { rowPreview, rowSelection }), filterCount,
-                filterState, paginationState: (0, utils_2.resetPage)(state.paginationState), rowPreview });
+            return {
+                ...state,
+                entityPageState: updateEntityPageStateWithCommonCategoryGroupConfigKey(state, { rowPreview, rowSelection }),
+                filterCount,
+                filterState,
+                paginationState: resetPage(state.paginationState),
+                rowPreview,
+            };
         }
         /**
          * Paginate table
          **/
         case ExploreActionKind.PaginateTable: {
-            const nextPaginationState = Object.assign({}, state.paginationState);
+            const nextPaginationState = { ...state.paginationState };
             if (payload == "next") {
                 nextPaginationState.currentPage++;
                 nextPaginationState.index = nextPaginationState.nextIndex;
@@ -157,44 +143,68 @@ function exploreReducer(state, action, exploreContext) {
                 nextPaginationState.currentPage--;
                 nextPaginationState.index = nextPaginationState.previousIndex;
             }
-            const rowPreview = (0, utils_2.closeRowPreview)(state.rowPreview);
-            return Object.assign(Object.assign({}, state), { entityPageState: (0, utils_2.updateEntityPageState)(state.tabValue, state.entityPageState, { rowPreview }), paginationState: nextPaginationState, rowPreview });
+            const rowPreview = closeRowPreview(state.rowPreview);
+            return {
+                ...state,
+                entityPageState: updateEntityPageState(state.tabValue, state.entityPageState, { rowPreview }),
+                paginationState: nextPaginationState,
+                rowPreview,
+            };
         }
         /**
          * Patch explore response
          */
         case ExploreActionKind.PatchExploreResponse: {
-            return Object.assign(Object.assign({}, state), { entityPageState: (0, utils_2.updateEntityPageState)(state.tabValue, state.entityPageState, { rowSelection: {} }), listItems: (0, utils_2.patchEntityListItems)(state.listItems, payload.updatedListItems, payload.listItemKey) });
+            return {
+                ...state,
+                entityPageState: updateEntityPageState(state.tabValue, state.entityPageState, { rowSelection: {} }),
+                listItems: patchEntityListItems(state.listItems, payload.updatedListItems, payload.listItemKey),
+            };
         }
         /**
          * Process explore response
          **/
         case ExploreActionKind.ProcessExploreResponse: {
             const entityPageState = state.entityPageState[state.tabValue];
-            const entityState = (0, utils_2.getEntityState)(state);
+            const entityState = getEntityState(state);
             const nextCategoryViews = payload.selectCategories
-                ? (0, useCategoryFilter_1.buildCategoryViews)([
+                ? buildCategoryViews([
                     ...payload.selectCategories,
                     ...entityState.savedSelectCategories, // "savedFilter" select categories are built from config at reducer initialization.
                 ], entityState.categoryConfigs, [...state.filterState, ...entityState.savedFilterState])
                 : state.categoryViews;
             const rowPreview = entityPageState.rowPreview;
-            (0, utils_2.updateEntityStateByCategoryGroupConfigKey)(state, {
+            updateEntityStateByCategoryGroupConfigKey(state, {
                 categoryViews: nextCategoryViews,
             });
-            return Object.assign(Object.assign({}, state), { categoryViews: nextCategoryViews, listItems: payload.loading ? [] : payload.listItems, loading: payload.loading, paginationState: Object.assign(Object.assign({}, state.paginationState), payload.paginationResponse), rowPreview });
+            return {
+                ...state,
+                categoryViews: nextCategoryViews,
+                listItems: payload.loading ? [] : payload.listItems,
+                loading: payload.loading,
+                paginationState: {
+                    ...state.paginationState,
+                    ...payload.paginationResponse,
+                },
+                rowPreview,
+            };
         }
         /**
          * Reset explore response.
          **/
         case ExploreActionKind.ResetExploreResponse: {
-            return Object.assign(Object.assign({}, state), { listItems: [], loading: true, paginationState: constants_1.DEFAULT_PAGINATION_STATE });
+            return {
+                ...state,
+                listItems: [],
+                loading: true,
+                paginationState: DEFAULT_PAGINATION_STATE,
+            };
         }
         /**
          * Reset the current state to the initial
          */
         case ExploreActionKind.ResetState: {
-            return (0, utils_1.initReducerArguments)(config, entityList, "");
+            return initReducerArguments(config, entityList, "");
         }
         /**
          * Select entity type
@@ -203,16 +213,30 @@ function exploreReducer(state, action, exploreContext) {
             if (payload === state.tabValue) {
                 return state;
             }
-            const entityState = (0, utils_2.getEntityState)(state, (0, utils_2.getEntityCategoryGroupConfigKey)(payload, state.entityPageState));
-            const rowPreview = (0, utils_2.closeRowPreview)(state.rowPreview); // Close row preview, without updating the entity page state row preview.
-            return Object.assign(Object.assign({}, state), { categoryGroups: entityState.categoryGroups, categoryViews: entityState.categoryViews, filterCount: (0, utils_2.getFilterCount)(entityState.filterState), filterState: entityState.filterState, listItems: [], loading: true, paginationState: Object.assign(Object.assign({}, (0, utils_2.resetPage)(state.paginationState)), { rows: 0 }), rowPreview, tabValue: payload });
+            const entityState = getEntityState(state, getEntityCategoryGroupConfigKey(payload, state.entityPageState));
+            const rowPreview = closeRowPreview(state.rowPreview); // Close row preview, without updating the entity page state row preview.
+            return {
+                ...state,
+                categoryGroups: entityState.categoryGroups,
+                categoryViews: entityState.categoryViews,
+                filterCount: getFilterCount(entityState.filterState),
+                filterState: entityState.filterState,
+                listItems: [],
+                loading: true,
+                paginationState: { ...resetPage(state.paginationState), rows: 0 },
+                rowPreview,
+                tabValue: payload,
+            };
         }
         /**
          * Update column visibility
          **/
         case ExploreActionKind.UpdateColumnVisibility: {
             const columnsVisibility = payload;
-            return Object.assign(Object.assign({}, state), { entityPageState: (0, utils_2.updateEntityPageState)(state.tabValue, state.entityPageState, { columnsVisibility }) });
+            return {
+                ...state,
+                entityPageState: updateEntityPageState(state.tabValue, state.entityPageState, { columnsVisibility }),
+            };
         }
         /**
          * Update entity filters.
@@ -227,57 +251,83 @@ function exploreReducer(state, action, exploreContext) {
          */
         case ExploreActionKind.UpdateEntityFilters: {
             const { entityListType, filters: filterState, sorting } = payload;
-            const categoryGroupConfigKey = (0, utils_2.getEntityCategoryGroupConfigKey)(entityListType, state.entityPageState);
-            const rowPreview = (0, utils_2.closeRowPreview)(state.entityPageState[entityListType].rowPreview);
+            const categoryGroupConfigKey = getEntityCategoryGroupConfigKey(entityListType, state.entityPageState);
+            const rowPreview = closeRowPreview(state.entityPageState[entityListType].rowPreview);
             const rowSelection = {};
             const savedFilterState = [];
-            (0, utils_2.updateEntityStateByCategoryGroupConfigKey)(state, {
+            updateEntityStateByCategoryGroupConfigKey(state, {
                 filterState,
                 savedFilterState,
             }, categoryGroupConfigKey);
-            return Object.assign(Object.assign({}, state), { entityPageState: (0, utils_2.updateEntityPageStateWithCommonCategoryGroupConfigKey)(state, { rowPreview, rowSelection, sorting }, categoryGroupConfigKey), rowPreview: (0, utils_2.closeRowPreview)(state.rowPreview) });
+            return {
+                ...state,
+                entityPageState: updateEntityPageStateWithCommonCategoryGroupConfigKey(state, { rowPreview, rowSelection, sorting }, categoryGroupConfigKey),
+                rowPreview: closeRowPreview(state.rowPreview),
+            };
         }
         /**
          * Update entity view access
          **/
         case ExploreActionKind.UpdateEntityViewAccess: {
-            return Object.assign(Object.assign({}, state), { entityPageState: (0, utils_2.updateSelectColumnVisibility)(state, payload.canEdit) });
+            return {
+                ...state,
+                entityPageState: updateSelectColumnVisibility(state, payload.canEdit),
+            };
         }
         /**
          * Update filter
          **/
         case ExploreActionKind.UpdateFilter: {
-            const filterState = (0, useCategoryFilter_1.buildNextFilterState)(state.filterState, payload.categoryKey, payload.selectedValue, payload.selected);
-            const rowPreview = (0, utils_2.closeRowPreview)(state.rowPreview);
+            const filterState = buildNextFilterState(state.filterState, payload.categoryKey, payload.selectedValue, payload.selected);
+            const rowPreview = closeRowPreview(state.rowPreview);
             const rowSelection = {};
             const savedFilterState = []; // Clear saved filter state.
-            (0, utils_2.updateEntityStateByCategoryGroupConfigKey)(state, {
+            updateEntityStateByCategoryGroupConfigKey(state, {
                 filterState,
                 savedFilterState,
             });
-            return Object.assign(Object.assign({}, state), { entityPageState: (0, utils_2.updateEntityPageStateWithCommonCategoryGroupConfigKey)(state, { rowPreview, rowSelection }), filterCount: (0, utils_2.getFilterCount)(filterState), filterState, paginationState: (0, utils_2.resetPage)(state.paginationState), rowPreview });
+            return {
+                ...state,
+                entityPageState: updateEntityPageStateWithCommonCategoryGroupConfigKey(state, { rowPreview, rowSelection }),
+                filterCount: getFilterCount(filterState),
+                filterState,
+                paginationState: resetPage(state.paginationState),
+                rowPreview,
+            };
         }
         /**
          * Update row preview
          */
         case ExploreActionKind.UpdateRowPreview: {
             const rowPreview = payload;
-            return Object.assign(Object.assign({}, state), { entityPageState: (0, utils_2.updateEntityPageState)(state.tabValue, state.entityPageState, { rowPreview }), rowPreview });
+            return {
+                ...state,
+                entityPageState: updateEntityPageState(state.tabValue, state.entityPageState, { rowPreview }),
+                rowPreview,
+            };
         }
         /**
          * Update row selection
          */
         case ExploreActionKind.UpdateRowSelection: {
             const rowSelection = payload;
-            return Object.assign(Object.assign({}, state), { entityPageState: (0, utils_2.updateEntityPageState)(state.tabValue, state.entityPageState, { rowSelection }) });
+            return {
+                ...state,
+                entityPageState: updateEntityPageState(state.tabValue, state.entityPageState, { rowSelection }),
+            };
         }
         /**
          * Update sorting
          **/
         case ExploreActionKind.UpdateSorting: {
-            const rowPreview = (0, utils_2.closeRowPreview)(state.rowPreview);
+            const rowPreview = closeRowPreview(state.rowPreview);
             const sorting = payload;
-            return Object.assign(Object.assign({}, state), { entityPageState: (0, utils_2.updateEntityPageState)(state.tabValue, state.entityPageState, { rowPreview, sorting }), paginationState: (0, utils_2.resetPage)(state.paginationState), rowPreview });
+            return {
+                ...state,
+                entityPageState: updateEntityPageState(state.tabValue, state.entityPageState, { rowPreview, sorting }),
+                paginationState: resetPage(state.paginationState),
+                rowPreview,
+            };
         }
         default:
             return state;