@databiosphere/findable-ui 6.0.0 → 7.0.0

package/lib/hooks/useSummary.js

@@ -1,25 +1,22 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSummary = void 0;
-const react_1 = require("react");
-const useAsync_1 = require("./useAsync");
-const useAuthentication_1 = require("./useAuthentication/useAuthentication");
-const useConfig_1 = require("./useConfig");
-const useEntityService_1 = require("./useEntityService");
-const useExploreState_1 = require("./useExploreState");
+import { useEffect } from "react";
+import { useAsync } from "./useAsync";
+import { useAuthentication } from "./useAuthentication/useAuthentication";
+import { useConfig } from "./useConfig";
+import { useEntityService } from "./useEntityService";
+import { useExploreState } from "./useExploreState";
 /**
  * Hook responsible for handling the load of the summary values displayed on an entity index page.
  * @returns an object with the loaded data and a flag indicating is the data is loading
  */
-const useSummary = () => {
-    const { token } = (0, useAuthentication_1.useAuthentication)();
-    const { config } = (0, useConfig_1.useConfig)();
-    const { exploreState } = (0, useExploreState_1.useExploreState)();
+export const useSummary = () => {
+    const { token } = useAuthentication();
+    const { config } = useConfig();
+    const { exploreState } = useExploreState();
     const { filterState } = exploreState;
     const { summaryConfig } = config;
-    const { data: response, isLoading: apiIsLoading, run, } = (0, useAsync_1.useAsync)();
-    const { catalog, fetchSummary } = (0, useEntityService_1.useEntityService)(); // Determine type of fetch to be executed, either API endpoint or TSV.
-    (0, react_1.useEffect)(() => {
+    const { data: response, isLoading: apiIsLoading, run, } = useAsync();
+    const { catalog, fetchSummary } = useEntityService(); // Determine type of fetch to be executed, either API endpoint or TSV.
+    useEffect(() => {
         if (summaryConfig) {
             run(fetchSummary(filterState, catalog, token));
         }
@@ -34,4 +31,3 @@ const useSummary = () => {
         response,
     };
 };
-exports.useSummary = useSummary;

package/lib/hooks/useSystemStatus.js

@@ -1,13 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSystemStatus = void 0;
-const react_1 = require("react");
-const systemStatus_1 = require("../providers/systemStatus");
+import { useContext } from "react";
+import { SystemStatusContext } from "../providers/systemStatus";
 /**
  * Returns system status.
  * @returns system status.
  */
-const useSystemStatus = () => {
-    return (0, react_1.useContext)(systemStatus_1.SystemStatusContext);
+export const useSystemStatus = () => {
+    return useContext(SystemStatusContext);
 };
-exports.useSystemStatus = useSystemStatus;

package/lib/hooks/useURLFilterParams.js

@@ -1,22 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useURLFilterParams = void 0;
-const router_1 = require("next/router");
-const react_1 = require("react");
-const useLocation_1 = require("./useLocation");
+import { useRouter } from "next/router";
+import { useCallback } from "react";
+import { useLocation } from "./useLocation";
 /**
  * useURLFilterParams hook is used to keep track of the url search params, and update them,
  * if needed
  * @returns an object containing a update function and the current filter
  */
-const useURLFilterParams = () => {
-    var _a, _b, _c;
-    const { basePath, push } = (0, router_1.useRouter)();
-    const { href, pathname, search } = (0, useLocation_1.useLocation)() || {};
-    const featureFlagParam = (_a = search === null || search === void 0 ? void 0 : search.get("ff")) !== null && _a !== void 0 ? _a : undefined;
-    const filterParam = (_b = search === null || search === void 0 ? void 0 : search.get("filter")) !== null && _b !== void 0 ? _b : "[]";
-    const catalogParam = (_c = search === null || search === void 0 ? void 0 : search.get("catalog")) !== null && _c !== void 0 ? _c : undefined;
-    const updateFilterQueryString = (0, react_1.useCallback)((catalogState, featureFlagState, filterState) => {
+export const useURLFilterParams = () => {
+    const { basePath, push } = useRouter();
+    const { href, pathname, search } = useLocation() || {};
+    const featureFlagParam = search?.get("ff") ?? undefined;
+    const filterParam = search?.get("filter") ?? "[]";
+    const catalogParam = search?.get("catalog") ?? undefined;
+    const updateFilterQueryString = useCallback((catalogState, featureFlagState, filterState) => {
         if (catalogParam !== catalogState ||
             featureFlagParam !== featureFlagState ||
             filterParam !== JSON.stringify(filterState)) {
@@ -24,8 +20,8 @@ const useURLFilterParams = () => {
             const filter = filterState.length > 0 ? { filter: JSON.stringify(filterState) } : {};
             const catalog = catalogState ? { catalog: catalogState } : {};
             push({
-                pathname: pathname === null || pathname === void 0 ? void 0 : pathname.replace(basePath, ""),
-                query: Object.assign(Object.assign(Object.assign({}, catalog), featureFlag), filter),
+                pathname: pathname?.replace(basePath, ""),
+                query: { ...catalog, ...featureFlag, ...filter },
             }, undefined, {
                 shallow: true,
             });
@@ -40,4 +36,3 @@ const useURLFilterParams = () => {
         updateFilterQueryString,
     };
 };
-exports.useURLFilterParams = useURLFilterParams;

package/lib/hooks/useUpdateURLCatalogParam.js

@@ -1,48 +1,21 @@
-"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.useUpdateURLCatalogParams = void 0;
-const router_1 = __importStar(require("next/router"));
-const react_1 = require("react");
-const useExploreState_1 = require("./useExploreState");
+import Router, { useRouter } from "next/router";
+import { useEffect } from "react";
+import { useExploreState } from "./useExploreState";
 /**
  * Updates URL catalog params.
  */
-const useUpdateURLCatalogParams = () => {
-    const { exploreState } = (0, useExploreState_1.useExploreState)();
-    const { basePath, pathname, query } = (0, router_1.useRouter)();
+export const useUpdateURLCatalogParams = () => {
+    const { exploreState } = useExploreState();
+    const { basePath, pathname, query } = useRouter();
     const { catalogState } = exploreState;
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (!catalogState)
             return;
         if ("catalog" in query && query.catalog === catalogState)
             return;
-        router_1.default.replace({
-            pathname: pathname === null || pathname === void 0 ? void 0 : pathname.replace(basePath, ""),
-            query: Object.assign(Object.assign({}, query), { catalog: catalogState }),
+        Router.replace({
+            pathname: pathname?.replace(basePath, ""),
+            query: { ...query, catalog: catalogState },
         });
     }, [basePath, catalogState, pathname, query]);
 };
-exports.useUpdateURLCatalogParams = useUpdateURLCatalogParams;

package/lib/hooks/useUpdateURLSearchParams.js

@@ -1,21 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useUpdateURLSearchParams = void 0;
-const react_1 = require("react");
-const useExploreState_1 = require("./useExploreState");
-const useURLFilterParams_1 = require("./useURLFilterParams");
+import { useEffect } from "react";
+import { useExploreState } from "./useExploreState";
+import { useURLFilterParams } from "./useURLFilterParams";
 /**
  * Updates URL search params when the filter state changes.
  */
-const useUpdateURLSearchParams = () => {
-    const { exploreState } = (0, useExploreState_1.useExploreState)();
-    const { updateFilterQueryString } = (0, useURLFilterParams_1.useURLFilterParams)();
+export const useUpdateURLSearchParams = () => {
+    const { exploreState } = useExploreState();
+    const { updateFilterQueryString } = useURLFilterParams();
     const { catalogState, featureFlagState, filterState } = exploreState;
     /**
      * Update the URL search params when the filter state changes.
      */
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         updateFilterQueryString(catalogState, featureFlagState, filterState);
     }, [catalogState, featureFlagState, filterState, updateFilterQueryString]);
 };
-exports.useUpdateURLSearchParams = useUpdateURLSearchParams;

package/lib/hooks/useWindowResize.js

@@ -1,16 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWindowResize = void 0;
-const react_1 = require("react");
+import { useEffect, useRef, useState } from "react";
 /**
  * Listens to window resize event and returns window height and width values.
  * @param timeout - Timeout in milliseconds to wait before recalculating window size.
  * @returns window height and width values.
  */
-const useWindowResize = (timeout = 200) => {
-    const timeoutRef = (0, react_1.useRef)();
-    const [windowSize, setWindowSize] = (0, react_1.useState)(getWindowSize());
-    (0, react_1.useEffect)(() => {
+export const useWindowResize = (timeout = 200) => {
+    const timeoutRef = useRef();
+    const [windowSize, setWindowSize] = useState(getWindowSize());
+    useEffect(() => {
         /**
          * Resize event fired; window size recalculated.
          */
@@ -31,7 +28,6 @@ const useWindowResize = (timeout = 200) => {
     }, [timeout]);
     return windowSize;
 };
-exports.useWindowResize = useWindowResize;
 /**
  * Returns window height and width.
  * @returns window height and width.

package/lib/index.js

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

package/lib/providers/authentication.js

@@ -1,59 +1,33 @@
-"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.shouldReleaseToken = exports.AuthProvider = exports.AuthContext = exports.ROUTE_LOGIN = void 0;
-const router_1 = __importStar(require("next/router"));
-const react_1 = __importStar(require("react"));
-const react_idle_timer_1 = require("react-idle-timer");
-const constants_1 = require("../hooks/useAuthentication/common/constants");
-const entities_1 = require("../hooks/useAuthentication/common/entities");
-const useAuthenticationComplete_1 = require("../hooks/useAuthentication/useAuthenticationComplete");
-const useAuthenticationStatus_1 = require("../hooks/useAuthentication/useAuthenticationStatus");
-const useFetchGoogleProfile_1 = require("../hooks/useAuthentication/useFetchGoogleProfile");
-const useFetchTerraNIHProfile_1 = require("../hooks/useAuthentication/useFetchTerraNIHProfile");
-const useFetchTerraProfile_1 = require("../hooks/useAuthentication/useFetchTerraProfile");
-const useFetchTerraTermsOfService_1 = require("../hooks/useAuthentication/useFetchTerraTermsOfService");
-const useTokenClient_1 = require("../hooks/useAuthentication/useTokenClient");
-const useConfig_1 = require("../hooks/useConfig");
-const useSessionTimeout_1 = require("../hooks/useSessionTimeout");
+import Router, { useRouter } from "next/router";
+import React, { createContext, useCallback } from "react";
+import { useIdleTimer } from "react-idle-timer";
+import { LOGIN_STATUS_NOT_STARTED } from "../hooks/useAuthentication/common/constants";
+import { AUTHENTICATION_STATUS, } from "../hooks/useAuthentication/common/entities";
+import { useAuthenticationComplete } from "../hooks/useAuthentication/useAuthenticationComplete";
+import { useAuthenticationStatus } from "../hooks/useAuthentication/useAuthenticationStatus";
+import { useFetchGoogleProfile, } from "../hooks/useAuthentication/useFetchGoogleProfile";
+import { useFetchTerraNIHProfile, } from "../hooks/useAuthentication/useFetchTerraNIHProfile";
+import { useFetchTerraProfile, } from "../hooks/useAuthentication/useFetchTerraProfile";
+import { useFetchTerraTermsOfService, } from "../hooks/useAuthentication/useFetchTerraTermsOfService";
+import { useTokenClient } from "../hooks/useAuthentication/useTokenClient";
+import { useConfig } from "../hooks/useConfig";
+import { INACTIVITY_PARAM } from "../hooks/useSessionTimeout";
 // Template constants
-exports.ROUTE_LOGIN = "/login";
+export const ROUTE_LOGIN = "/login";
 /**
  * Auth context for storing and using auth-related state.
  */
-exports.AuthContext = (0, react_1.createContext)({
+export const AuthContext = createContext({
     // eslint-disable-next-line @typescript-eslint/no-empty-function -- allow dummy function for default state.
     authenticateUser: () => { },
-    authenticationStatus: entities_1.AUTHENTICATION_STATUS.INCOMPLETE,
+    authenticationStatus: AUTHENTICATION_STATUS.INCOMPLETE,
     isAuthenticated: false,
     isEnabled: true,
     // eslint-disable-next-line @typescript-eslint/no-empty-function -- allow dummy function for default state.
     requestAuthentication: () => { },
-    terraNIHProfileLoginStatus: constants_1.LOGIN_STATUS_NOT_STARTED,
-    terraProfileLoginStatus: constants_1.LOGIN_STATUS_NOT_STARTED,
-    terraTOSLoginStatus: constants_1.LOGIN_STATUS_NOT_STARTED,
+    terraNIHProfileLoginStatus: LOGIN_STATUS_NOT_STARTED,
+    terraProfileLoginStatus: LOGIN_STATUS_NOT_STARTED,
+    terraTOSLoginStatus: LOGIN_STATUS_NOT_STARTED,
     token: undefined,
     userProfile: undefined,
 });
@@ -64,26 +38,26 @@ exports.AuthContext = (0, react_1.createContext)({
  * @param props.sessionTimeout - If provided, will set the value for a session timeout (in milliseconds).
  * @returns Provider element to be used by consumers to both update authentication state and subscribe to changes in authentication state.
  */
-function AuthProvider({ children, sessionTimeout }) {
-    const { config } = (0, useConfig_1.useConfig)();
+export function AuthProvider({ children, sessionTimeout }) {
+    const { config } = useConfig();
     const { authentication, redirectRootToPath } = config;
-    const { basePath } = (0, router_1.useRouter)();
-    const { token, tokenClient } = (0, useTokenClient_1.useTokenClient)();
-    const terraNIHProfileLoginStatus = (0, useFetchTerraNIHProfile_1.useFetchTerraNIHProfile)(token);
-    const terraProfileLoginStatus = (0, useFetchTerraProfile_1.useFetchTerraProfile)(token);
-    const terraTOSLoginStatus = (0, useFetchTerraTermsOfService_1.useFetchTerraTermsOfService)(token);
-    const userProfileLoginStatus = (0, useFetchGoogleProfile_1.useFetchGoogleProfile)(token);
+    const { basePath } = useRouter();
+    const { token, tokenClient } = useTokenClient();
+    const terraNIHProfileLoginStatus = useFetchTerraNIHProfile(token);
+    const terraProfileLoginStatus = useFetchTerraProfile(token);
+    const terraTOSLoginStatus = useFetchTerraTermsOfService(token);
+    const userProfileLoginStatus = useFetchGoogleProfile(token);
     const isEnabled = Boolean(authentication);
     const isAuthenticated = userProfileLoginStatus.isSuccess;
     const releaseToken = shouldReleaseToken(userProfileLoginStatus, terraProfileLoginStatus, terraTOSLoginStatus);
-    const authenticationStatus = (0, useAuthenticationStatus_1.useAuthenticationStatus)(userProfileLoginStatus, terraProfileLoginStatus, terraTOSLoginStatus, terraNIHProfileLoginStatus);
+    const authenticationStatus = useAuthenticationStatus(userProfileLoginStatus, terraProfileLoginStatus, terraTOSLoginStatus, terraNIHProfileLoginStatus);
     // Handle completion of authentication process.
-    (0, useAuthenticationComplete_1.useAuthenticationComplete)(authenticationStatus);
+    useAuthenticationComplete(authenticationStatus);
     /**
      * If sessionTimeout is set and user is authenticated, the app will reload and redirect to
      * origin, including base path, root path, and query param.
      */
-    (0, react_idle_timer_1.useIdleTimer)({
+    useIdleTimer({
         onIdle: () => isAuthenticated &&
             sessionTimeout &&
             (window.location.href =
@@ -91,22 +65,22 @@ function AuthProvider({ children, sessionTimeout }) {
                     basePath +
                     redirectRootToPath +
                     "?" +
-                    `${useSessionTimeout_1.INACTIVITY_PARAM}=true`),
+                    `${INACTIVITY_PARAM}=true`),
         timeout: sessionTimeout,
     });
     /**
      * Requests access token and authenticates user.
      */
-    const authenticateUser = (0, react_1.useCallback)(() => {
+    const authenticateUser = useCallback(() => {
         tokenClient.requestAccessToken();
     }, [tokenClient]);
     /**
      * Navigates to login page.
      */
-    const requestAuthentication = (0, react_1.useCallback)(() => {
-        router_1.default.push(exports.ROUTE_LOGIN);
+    const requestAuthentication = useCallback(() => {
+        Router.push(ROUTE_LOGIN);
     }, []);
-    return (react_1.default.createElement(exports.AuthContext.Provider, { value: {
+    return (React.createElement(AuthContext.Provider, { value: {
             authenticateUser,
             authenticationStatus,
             isAuthenticated,
@@ -119,7 +93,6 @@ function AuthProvider({ children, sessionTimeout }) {
             userProfile: userProfileLoginStatus.response,
         } }, children));
 }
-exports.AuthProvider = AuthProvider;
 /**
  * Token is released for the following conditions:
  * - Terra endpoint is configured and the terms of service response is successful, or
@@ -129,10 +102,9 @@ exports.AuthProvider = AuthProvider;
  * @param terraTOSLoginStatus - Terra terms of service login status.
  * @returns true if the token should be released.
  */
-function shouldReleaseToken(userProfileLoginStatus, terraProfileLoginStatus, terraTOSLoginStatus) {
+export function shouldReleaseToken(userProfileLoginStatus, terraProfileLoginStatus, terraTOSLoginStatus) {
     if (terraProfileLoginStatus.isSupported) {
         return terraTOSLoginStatus.isSuccess;
     }
     return userProfileLoginStatus.isSuccess;
 }
-exports.shouldReleaseToken = shouldReleaseToken;

package/lib/providers/config.js

@@ -1,47 +1,20 @@
-"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.ConfigProvider = exports.ConfigContext = void 0;
-const react_1 = __importStar(require("react"));
-const utils_1 = require("../config/utils");
-exports.ConfigContext = (0, react_1.createContext)({
-    config: (0, utils_1.getDefaultConfig)(),
+import React, { createContext } from "react";
+import { getDefaultConfig, getDefaultEntityConfig, getEntityConfig, } from "../config/utils";
+export const ConfigContext = createContext({
+    config: getDefaultConfig(),
     defaultEntityListType: "",
-    entityConfig: (0, utils_1.getDefaultEntityConfig)(),
+    entityConfig: getDefaultEntityConfig(),
     entityListType: "",
 });
-function ConfigProvider({ children, config, entityListType, }) {
+export function ConfigProvider({ children, config, entityListType, }) {
     const { entities } = config;
     const defaultEntityListType = config.redirectRootToPath.slice(1);
     const entityName = entityListType || defaultEntityListType;
-    const entityConfig = (0, utils_1.getEntityConfig)(entities, entityName);
-    return (react_1.default.createElement(exports.ConfigContext.Provider, { value: {
+    const entityConfig = getEntityConfig(entities, entityName);
+    return (React.createElement(ConfigContext.Provider, { value: {
             config,
             defaultEntityListType,
             entityConfig,
             entityListType,
         } }, children));
 }
-exports.ConfigProvider = ConfigProvider;

package/lib/providers/exploreState/constants.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SELECT_CATEGORY_KEY = void 0;
-exports.SELECT_CATEGORY_KEY = {
+export const SELECT_CATEGORY_KEY = {
     SAVED_FILTERS: "savedFilters",
 };

package/lib/providers/exploreState/entities.js

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

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

@@ -1,19 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.INITIAL_STATE = exports.DEFAULT_PAGINATION_STATE = exports.DEFAULT_ENTITY_STATE = exports.DEFAULT_CATEGORY_GROUP_SAVED_FILTERS = void 0;
-const constants_1 = require("../constants");
-exports.DEFAULT_CATEGORY_GROUP_SAVED_FILTERS = {
+import { SELECT_CATEGORY_KEY } from "../constants";
+export const DEFAULT_CATEGORY_GROUP_SAVED_FILTERS = {
     categoryConfigs: [
-        { key: constants_1.SELECT_CATEGORY_KEY.SAVED_FILTERS, label: "Saved Filters" },
+        { key: SELECT_CATEGORY_KEY.SAVED_FILTERS, label: "Saved Filters" },
     ],
 };
-exports.DEFAULT_ENTITY_STATE = {
+export const DEFAULT_ENTITY_STATE = {
     categoryViews: [],
     filterState: [],
     savedFilterState: [],
     savedSelectCategories: [],
 };
-exports.DEFAULT_PAGINATION_STATE = {
+export const DEFAULT_PAGINATION_STATE = {
     currentPage: 1,
     index: null,
     nextIndex: null,
@@ -22,7 +19,7 @@ exports.DEFAULT_PAGINATION_STATE = {
     previousIndex: null,
     rows: 0,
 };
-exports.INITIAL_STATE = {
+export const INITIAL_STATE = {
     catalogState: undefined,
     categoryViews: [],
     entityPageState: {},
@@ -32,7 +29,7 @@ exports.INITIAL_STATE = {
     filterState: [],
     listItems: [],
     loading: true,
-    paginationState: exports.DEFAULT_PAGINATION_STATE,
+    paginationState: DEFAULT_PAGINATION_STATE,
     rowPreview: undefined,
     tabValue: "",
 };