@databiosphere/findable-ui 5.0.0 → 7.0.0

package/lib/hooks/useAuthentication/useAuthenticationStatus.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAuthenticationStatus = exports.useAuthenticationStatus = void 0;
-const entities_1 = require("./common/entities");
+import { AUTHENTICATION_STATUS, REQUEST_STATUS, } from "./common/entities";
 /**
  * Handles the status of the authentication process.
  * @param userProfileLoginStatus - User profile login status.
@@ -10,7 +7,7 @@ const entities_1 = require("./common/entities");
  * @param terraNIHProfileLoginStatus - Terra NIH profile login status.
  * @returns authentication status.
  */
-const useAuthenticationStatus = (userProfileLoginStatus, terraProfileLoginStatus, terraTOSLoginStatus, terraNIHProfileLoginStatus) => {
+export const useAuthenticationStatus = (userProfileLoginStatus, terraProfileLoginStatus, terraTOSLoginStatus, terraNIHProfileLoginStatus) => {
     return getAuthenticationStatus([
         terraNIHProfileLoginStatus,
         terraProfileLoginStatus,
@@ -18,20 +15,18 @@ const useAuthenticationStatus = (userProfileLoginStatus, terraProfileLoginStatus
         userProfileLoginStatus,
     ]);
 };
-exports.useAuthenticationStatus = useAuthenticationStatus;
 /**
  * Returns the authentication status ("INCOMPLETE" or "COMPLETE").
  * @param loginStatuses - Login statuses.
  * @returns authentication status.
  */
-function getAuthenticationStatus(loginStatuses) {
+export function getAuthenticationStatus(loginStatuses) {
     for (const loginStatus of loginStatuses) {
         if (!loginStatus.isSupported)
             continue;
-        if (loginStatus.requestStatus === entities_1.REQUEST_STATUS.NOT_STARTED) {
-            return entities_1.AUTHENTICATION_STATUS.INCOMPLETE;
+        if (loginStatus.requestStatus === REQUEST_STATUS.NOT_STARTED) {
+            return AUTHENTICATION_STATUS.INCOMPLETE;
         }
     }
-    return entities_1.AUTHENTICATION_STATUS.COMPLETED;
+    return AUTHENTICATION_STATUS.COMPLETED;
 }
-exports.getAuthenticationStatus = getAuthenticationStatus;

package/lib/hooks/useAuthentication/useFetchGoogleProfile.js

@@ -1,34 +1,36 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFetchGoogleProfile = void 0;
-const react_1 = require("react");
-const useAuthenticationConfig_1 = require("../useAuthenticationConfig");
-const constants_1 = require("./common/constants");
-const entities_1 = require("./common/entities");
-const utils_1 = require("./common/utils");
+import { useCallback, useEffect, useState } from "react";
+import { useAuthenticationConfig } from "../useAuthenticationConfig";
+import { LOGIN_STATUS_FAILED, LOGIN_STATUS_NOT_STARTED, } from "./common/constants";
+import { REQUEST_STATUS } from "./common/entities";
+import { getAuthenticationRequestOptions } from "./common/utils";
 /**
  * Returns user profile login status from configured endpoint.
  * @param token - Token.
  * @returns google profile login status.
  */
-const useFetchGoogleProfile = (token) => {
-    const authenticationConfig = (0, useAuthenticationConfig_1.useAuthenticationConfig)();
+export const useFetchGoogleProfile = (token) => {
+    const authenticationConfig = useAuthenticationConfig();
     const { googleGISAuthConfig: { googleProfileEndpoint: endpoint } = {} } = authenticationConfig;
-    const [loginStatus, setLoginStatus] = (0, react_1.useState)(constants_1.LOGIN_STATUS_NOT_STARTED);
+    const [loginStatus, setLoginStatus] = useState(LOGIN_STATUS_NOT_STARTED);
     // Fetch google user profile.
-    const fetchEndpointData = (0, react_1.useCallback)((endpoint, accessToken) => {
-        fetch(endpoint, (0, utils_1.getAuthenticationRequestOptions)(accessToken))
+    const fetchEndpointData = useCallback((endpoint, accessToken) => {
+        fetch(endpoint, getAuthenticationRequestOptions(accessToken))
             .then((response) => response.json())
             .then((profile) => {
-            setLoginStatus((prevStatus) => (Object.assign(Object.assign({}, prevStatus), { isSuccess: true, requestStatus: entities_1.REQUEST_STATUS.COMPLETED, response: profile })));
+            setLoginStatus((prevStatus) => ({
+                ...prevStatus,
+                isSuccess: true,
+                requestStatus: REQUEST_STATUS.COMPLETED,
+                response: profile,
+            }));
         })
             .catch((err) => {
             console.log(err); // TODO handle error.
-            setLoginStatus(constants_1.LOGIN_STATUS_FAILED);
+            setLoginStatus(LOGIN_STATUS_FAILED);
         });
     }, []);
     // Fetches user profile.
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (!token)
             return;
         if (!endpoint)
@@ -37,4 +39,3 @@ const useFetchGoogleProfile = (token) => {
     }, [endpoint, fetchEndpointData, token]);
     return loginStatus;
 };
-exports.useFetchGoogleProfile = useFetchGoogleProfile;

package/lib/hooks/useAuthentication/useFetchTerraNIHProfile.js

@@ -1,39 +1,41 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFetchTerraNIHProfile = void 0;
-const react_1 = require("react");
-const useAuthenticationConfig_1 = require("../useAuthenticationConfig");
-const constants_1 = require("./common/constants");
-const entities_1 = require("./common/entities");
-const utils_1 = require("./common/utils");
+import { useCallback, useEffect, useState } from "react";
+import { useAuthenticationConfig } from "../useAuthenticationConfig";
+import { LOGIN_STATUS_FAILED } from "./common/constants";
+import { REQUEST_STATUS, } from "./common/entities";
+import { getAuthenticationRequestOptions, initLoginStatus, } from "./common/utils";
 /**
  * Returns Terra NIH login status from configured endpoint.
  * @param token - Token.
  * @returns Terra NIH login status.
  */
-const useFetchTerraNIHProfile = (token) => {
-    const authenticationConfig = (0, useAuthenticationConfig_1.useAuthenticationConfig)();
+export const useFetchTerraNIHProfile = (token) => {
+    const authenticationConfig = useAuthenticationConfig();
     const { terraAuthConfig: { terraNIHProfileEndpoint: endpoint } = {} } = authenticationConfig;
-    const [loginStatus, setLoginStatus] = (0, react_1.useState)((0, utils_1.initLoginStatus)(endpoint));
+    const [loginStatus, setLoginStatus] = useState(initLoginStatus(endpoint));
     // Fetch Terra NIH account profile.
-    const fetchEndpointData = (0, react_1.useCallback)((endpoint, accessToken) => {
-        fetch(endpoint, (0, utils_1.getAuthenticationRequestOptions)(accessToken))
+    const fetchEndpointData = useCallback((endpoint, accessToken) => {
+        fetch(endpoint, getAuthenticationRequestOptions(accessToken))
             .then((response) => response.json())
             .then((response) => {
             if (isResponseError(response)) {
-                setLoginStatus(constants_1.LOGIN_STATUS_FAILED);
+                setLoginStatus(LOGIN_STATUS_FAILED);
             }
             else {
-                setLoginStatus((prevStatus) => (Object.assign(Object.assign({}, prevStatus), { isSuccess: isResponseSuccess(response), requestStatus: entities_1.REQUEST_STATUS.COMPLETED, response })));
+                setLoginStatus((prevStatus) => ({
+                    ...prevStatus,
+                    isSuccess: isResponseSuccess(response),
+                    requestStatus: REQUEST_STATUS.COMPLETED,
+                    response,
+                }));
             }
         })
             .catch((err) => {
             console.log(err); // TODO handle error.
-            setLoginStatus(constants_1.LOGIN_STATUS_FAILED);
+            setLoginStatus(LOGIN_STATUS_FAILED);
         });
     }, []);
     // Fetches Terra NIH account profile.
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (!token)
             return;
         if (!endpoint)
@@ -42,7 +44,6 @@ const useFetchTerraNIHProfile = (token) => {
     }, [endpoint, fetchEndpointData, token]);
     return loginStatus;
 };
-exports.useFetchTerraNIHProfile = useFetchTerraNIHProfile;
 /**
  * Returns true if response is an error response.
  * @param response - Response.

package/lib/hooks/useAuthentication/useFetchTerraProfile.js

@@ -1,39 +1,41 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFetchTerraProfile = void 0;
-const react_1 = require("react");
-const useAuthenticationConfig_1 = require("../useAuthenticationConfig");
-const constants_1 = require("./common/constants");
-const entities_1 = require("./common/entities");
-const utils_1 = require("./common/utils");
+import { useCallback, useEffect, useState } from "react";
+import { useAuthenticationConfig } from "../useAuthenticationConfig";
+import { LOGIN_STATUS_FAILED } from "./common/constants";
+import { REQUEST_STATUS, } from "./common/entities";
+import { getAuthenticationRequestOptions, initLoginStatus, } from "./common/utils";
 /**
  * Returns Terra profile login status from configured endpoint.
  * @param token - Token.
  * @returns Terra profile login status.
  */
-const useFetchTerraProfile = (token) => {
-    const authenticationConfig = (0, useAuthenticationConfig_1.useAuthenticationConfig)();
+export const useFetchTerraProfile = (token) => {
+    const authenticationConfig = useAuthenticationConfig();
     const { terraAuthConfig: { terraProfileEndpoint: endpoint } = {} } = authenticationConfig;
-    const [loginStatus, setLoginStatus] = (0, react_1.useState)((0, utils_1.initLoginStatus)(endpoint));
+    const [loginStatus, setLoginStatus] = useState(initLoginStatus(endpoint));
     // Fetch Terra profile.
-    const fetchEndpointData = (0, react_1.useCallback)((endpoint, accessToken) => {
-        fetch(endpoint, (0, utils_1.getAuthenticationRequestOptions)(accessToken))
+    const fetchEndpointData = useCallback((endpoint, accessToken) => {
+        fetch(endpoint, getAuthenticationRequestOptions(accessToken))
             .then((response) => response.json())
             .then((response) => {
             if (isResponseError(response)) {
-                setLoginStatus(constants_1.LOGIN_STATUS_FAILED);
+                setLoginStatus(LOGIN_STATUS_FAILED);
             }
             else {
-                setLoginStatus((prevStatus) => (Object.assign(Object.assign({}, prevStatus), { isSuccess: isResponseSuccess(response), requestStatus: entities_1.REQUEST_STATUS.COMPLETED, response: response })));
+                setLoginStatus((prevStatus) => ({
+                    ...prevStatus,
+                    isSuccess: isResponseSuccess(response),
+                    requestStatus: REQUEST_STATUS.COMPLETED,
+                    response: response,
+                }));
             }
         })
             .catch((err) => {
             console.log(err); // TODO handle error.
-            setLoginStatus(constants_1.LOGIN_STATUS_FAILED);
+            setLoginStatus(LOGIN_STATUS_FAILED);
         });
     }, []);
     // Fetches Terra profile.
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (!token)
             return;
         if (!endpoint)
@@ -42,7 +44,6 @@ const useFetchTerraProfile = (token) => {
     }, [endpoint, fetchEndpointData, token]);
     return loginStatus;
 };
-exports.useFetchTerraProfile = useFetchTerraProfile;
 /**
  * Returns true if response is an error response.
  * @param response - Response.
@@ -57,6 +58,5 @@ function isResponseError(response) {
  * @returns true if response is successful.
  */
 function isResponseSuccess(response) {
-    var _a;
-    return Boolean((_a = response.enabled) === null || _a === void 0 ? void 0 : _a.google);
+    return Boolean(response.enabled?.google);
 }

package/lib/hooks/useAuthentication/useFetchTerraTermsOfService.js

@@ -1,39 +1,41 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFetchTerraTermsOfService = void 0;
-const react_1 = require("react");
-const useAuthenticationConfig_1 = require("../useAuthenticationConfig");
-const constants_1 = require("./common/constants");
-const entities_1 = require("./common/entities");
-const utils_1 = require("./common/utils");
+import { useCallback, useEffect, useState } from "react";
+import { useAuthenticationConfig } from "../useAuthenticationConfig";
+import { LOGIN_STATUS_FAILED } from "./common/constants";
+import { REQUEST_STATUS, } from "./common/entities";
+import { getAuthenticationRequestOptions, initLoginStatus, } from "./common/utils";
 /**
  * Returns Terra terms of service login status from configured endpoint.
  * @param token - Token.
  * @returns Terra terms of service login status.
  */
-const useFetchTerraTermsOfService = (token) => {
-    const authenticationConfig = (0, useAuthenticationConfig_1.useAuthenticationConfig)();
+export const useFetchTerraTermsOfService = (token) => {
+    const authenticationConfig = useAuthenticationConfig();
     const { terraAuthConfig: { termsOfServiceEndpoint: endpoint } = {} } = authenticationConfig;
-    const [loginStatus, setLoginStatus] = (0, react_1.useState)((0, utils_1.initLoginStatus)(endpoint));
+    const [loginStatus, setLoginStatus] = useState(initLoginStatus(endpoint));
     // Fetch Terra terms of service.
-    const fetchEndpointData = (0, react_1.useCallback)((endpoint, accessToken) => {
-        fetch(endpoint, (0, utils_1.getAuthenticationRequestOptions)(accessToken))
+    const fetchEndpointData = useCallback((endpoint, accessToken) => {
+        fetch(endpoint, getAuthenticationRequestOptions(accessToken))
             .then((response) => response.json())
             .then((response) => {
             if (isResponseError(response)) {
-                setLoginStatus(constants_1.LOGIN_STATUS_FAILED);
+                setLoginStatus(LOGIN_STATUS_FAILED);
             }
             else {
-                setLoginStatus((prevStatus) => (Object.assign(Object.assign({}, prevStatus), { isSuccess: isResponseSuccess(response), requestStatus: entities_1.REQUEST_STATUS.COMPLETED, response })));
+                setLoginStatus((prevStatus) => ({
+                    ...prevStatus,
+                    isSuccess: isResponseSuccess(response),
+                    requestStatus: REQUEST_STATUS.COMPLETED,
+                    response,
+                }));
             }
         })
             .catch((err) => {
             console.log(err); // TODO handle error.
-            setLoginStatus(constants_1.LOGIN_STATUS_FAILED);
+            setLoginStatus(LOGIN_STATUS_FAILED);
         });
     }, []);
     // Fetches Terra terms of service.
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (!token)
             return;
         if (!endpoint)
@@ -42,7 +44,6 @@ const useFetchTerraTermsOfService = (token) => {
     }, [endpoint, fetchEndpointData, token]);
     return loginStatus;
 };
-exports.useFetchTerraTermsOfService = useFetchTerraTermsOfService;
 /**
  * Returns true if response is an error response.
  * @param response - Response.

package/lib/hooks/useAuthentication/useTokenClient.js

@@ -1,19 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTokenClient = void 0;
-const react_1 = require("react");
-const useAuthenticationConfig_1 = require("../useAuthenticationConfig");
+import { useEffect, useState } from "react";
+import { useAuthenticationConfig } from "../useAuthenticationConfig";
 /**
  * Initializes the token client, sets token from token client callback.
  * @returns initialized token client.
  */
-const useTokenClient = () => {
-    const [token, setToken] = (0, react_1.useState)();
-    const [tokenClient, setTokenClient] = (0, react_1.useState)();
-    const authenticationConfig = (0, useAuthenticationConfig_1.useAuthenticationConfig)();
+export const useTokenClient = () => {
+    const [token, setToken] = useState();
+    const [tokenClient, setTokenClient] = useState();
+    const authenticationConfig = useAuthenticationConfig();
     const { googleGISAuthConfig: { clientId, scope } = {} } = authenticationConfig;
     // Initializes token client - (authorization client id must be configured).
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (clientId) {
             setTokenClient(google.accounts.oauth2.initTokenClient({
                 callback: (tokenResponse) => {
@@ -30,4 +27,3 @@ const useTokenClient = () => {
         tokenClient,
     };
 };
-exports.useTokenClient = useTokenClient;

package/lib/hooks/useAuthenticationConfig.js

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAuthenticationConfig = void 0;
-const useConfig_1 = require("./useConfig");
+import { useConfig } from "./useConfig";
 /**
  * Hook to get the authentication config
  * @returns @see AuthenticationConfig used in the current config.
  */
-const useAuthenticationConfig = () => {
-    const { config } = (0, useConfig_1.useConfig)();
+export const useAuthenticationConfig = () => {
+    const { config } = useConfig();
     if (!config.authentication) {
         return {
             title: "",
@@ -15,4 +12,3 @@ const useAuthenticationConfig = () => {
     }
     return config.authentication;
 };
-exports.useAuthenticationConfig = useAuthenticationConfig;

package/lib/hooks/useBreakpointHelper.js

@@ -1,18 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useBreakpointHelper = exports.BREAKPOINT_FN_NAME = void 0;
-const material_1 = require("@mui/material");
+import { useMediaQuery } from "@mui/material";
 /**
  * Hook utilising Mui's breakpoint helper (media query hook).
  * https://mui.com/material-ui/react-use-media-query/#using-muis-breakpoint-helpers
  */
-var BREAKPOINT_FN_NAME;
+export var BREAKPOINT_FN_NAME;
 (function (BREAKPOINT_FN_NAME) {
     BREAKPOINT_FN_NAME["DOWN"] = "down";
     BREAKPOINT_FN_NAME["ONLY"] = "only";
     BREAKPOINT_FN_NAME["UP"] = "up";
-})(BREAKPOINT_FN_NAME = exports.BREAKPOINT_FN_NAME || (exports.BREAKPOINT_FN_NAME = {}));
-const useBreakpointHelper = (fnName, breakpointKey) => {
-    return (0, material_1.useMediaQuery)((theme) => theme.breakpoints[fnName](breakpointKey));
+})(BREAKPOINT_FN_NAME || (BREAKPOINT_FN_NAME = {}));
+export const useBreakpointHelper = (fnName, breakpointKey) => {
+    return useMediaQuery((theme) => theme.breakpoints[fnName](breakpointKey));
 };
-exports.useBreakpointHelper = useBreakpointHelper;

package/lib/hooks/useCatalog.js

@@ -1,18 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCatalog = void 0;
-const useConfig_1 = require("./useConfig");
-const useExploreState_1 = require("./useExploreState");
+import { useConfig } from "./useConfig";
+import { useExploreState } from "./useExploreState";
 /**
  * Returns configured catalog value.
  * @returns catalog value.
  */
-const useCatalog = () => {
-    const { config } = (0, useConfig_1.useConfig)();
-    const { exploreState: { catalogState }, } = (0, useExploreState_1.useExploreState)();
+export const useCatalog = () => {
+    const { config } = useConfig();
+    const { exploreState: { catalogState }, } = useExploreState();
     const { dataSource } = config;
     const { defaultParams } = dataSource || {};
     const { catalog } = defaultParams || {};
     return catalogState || catalog;
 };
-exports.useCatalog = useCatalog;

package/lib/hooks/useCategoryFilter.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getSelectCategoryValue = exports.buildNextFilterState = exports.buildCategoryViews = void 0;
-const constants_1 = require("../common/constants");
+import { COLLATOR_CASE_INSENSITIVE } from "../common/constants";
 /**
  * Build the view-specific model of the given category value.
  * @param categoryValue - The category value to build a view model of.
@@ -28,7 +25,7 @@ function buildCategoryValueView(categoryValue, categorySelectedFilter) {
  */
 function buildCategoryView(category, categoryValueViews, categoryConfigs) {
     const categoryConfig = findCategoryConfig(category.key, categoryConfigs);
-    const mapSelectCategoryValue = (categoryConfig === null || categoryConfig === void 0 ? void 0 : categoryConfig.mapSelectCategoryValue) || getSelectCategoryValue;
+    const mapSelectCategoryValue = categoryConfig?.mapSelectCategoryValue || getSelectCategoryValue;
     return {
         isDisabled: false,
         key: category.key,
@@ -43,7 +40,7 @@ function buildCategoryView(category, categoryValueViews, categoryConfigs) {
  * @param filterState - Current set of selected category and category values.
  * @returns Array of category view objects.
  */
-function buildCategoryViews(categories, categoryConfigs, filterState) {
+export function buildCategoryViews(categories, categoryConfigs, filterState) {
     if (!categories || !categoryConfigs) {
         return [];
     }
@@ -63,7 +60,6 @@ function buildCategoryViews(categories, categoryConfigs, filterState) {
     views.sort(sortCategoryViews);
     return views;
 }
-exports.buildCategoryViews = buildCategoryViews;
 /**
  * Build new set of selected filters on de/select of filter.
  * @param filterState - Current set of selected category and category values.
@@ -72,7 +68,7 @@ exports.buildCategoryViews = buildCategoryViews;
  * @param selected - True if value is selected, false if de-selected.
  * @returns New filter state generated from the current set of selected values and the newly selected value.
  */
-function buildNextFilterState(filterState, categoryKey, selectedValue, selected) {
+export function buildNextFilterState(filterState, categoryKey, selectedValue, selected) {
     // Check if the selected category already has selected values.
     const categorySelectedFilter = getCategorySelectedFilter(categoryKey, filterState);
     // Create a copy of the current filter state. Remove the selected filter for the selected category, if any.
@@ -96,7 +92,6 @@ function buildNextFilterState(filterState, categoryKey, selectedValue, selected)
     }
     return nextFilterState;
 }
-exports.buildNextFilterState = buildNextFilterState;
 /**
  * Get the selected values for the given category, if any.
  * @param categoryKey - Key of category to check if it has any selected category values.
@@ -123,10 +118,9 @@ function getCategoryLabel(key, categoryConfig) {
  * @param selectCategoryValue - Select category value.
  * @returns original select category value.
  */
-function getSelectCategoryValue(selectCategoryValue) {
+export function getSelectCategoryValue(selectCategoryValue) {
     return selectCategoryValue;
 }
-exports.getSelectCategoryValue = getSelectCategoryValue;
 /**
  * Returns the category config for the given category config key.
  * @param key - Category config key.
@@ -164,7 +158,7 @@ function isCategoryAcceptListed(category, categoryConfigs) {
  * @returns Number indicating sort precedence of cv0 vs cv1.
  */
 function sortCategoryValueViews(cvv0, cvv1) {
-    return constants_1.COLLATOR_CASE_INSENSITIVE.compare(cvv0.label, cvv1.label);
+    return COLLATOR_CASE_INSENSITIVE.compare(cvv0.label, cvv1.label);
 }
 /**
  * Sort category views by display label, ascending.
@@ -173,5 +167,5 @@ function sortCategoryValueViews(cvv0, cvv1) {
  * @returns Number indicating sort precedence of c0 vs c1.
  */
 function sortCategoryViews(c0, c1) {
-    return constants_1.COLLATOR_CASE_INSENSITIVE.compare(c0.label, c1.label);
+    return COLLATOR_CASE_INSENSITIVE.compare(c0.label, c1.label);
 }

package/lib/hooks/useConfig.js

@@ -1,13 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useConfig = void 0;
-const react_1 = require("react");
-const config_1 = require("../providers/config");
+import { useContext } from "react";
+import { ConfigContext } from "../providers/config";
 /**
  * Returns configuration context.
  * @returns configuration context.
  */
-const useConfig = () => {
-    return (0, react_1.useContext)(config_1.ConfigContext);
+export const useConfig = () => {
+    return useContext(ConfigContext);
 };
-exports.useConfig = useConfig;

package/lib/hooks/useCurrentDetailTab.js

@@ -1,24 +1,19 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCurrentDetailTab = void 0;
-const router_1 = require("next/router");
-const constants_1 = require("../common/constants");
-const useConfig_1 = require("./useConfig");
+import { useRouter } from "next/router";
+import { PARAMS_INDEX_TAB } from "../common/constants";
+import { useConfig } from "./useConfig";
 /**
  * Hook to get the current tab and its route that will be used to create the detail page.
  * @returns Current tab and current tab route.
  */
-const useCurrentDetailTab = () => {
-    var _a, _b;
-    const router = (0, router_1.useRouter)();
-    const { entityConfig } = (0, useConfig_1.useConfig)();
+export const useCurrentDetailTab = () => {
+    const router = useRouter();
+    const { entityConfig } = useConfig();
     const { detail } = entityConfig;
     const { tabs } = detail;
-    const tabRoute = (_b = (_a = router.query.params) === null || _a === void 0 ? void 0 : _a[constants_1.PARAMS_INDEX_TAB]) !== null && _b !== void 0 ? _b : "";
+    const tabRoute = router.query.params?.[PARAMS_INDEX_TAB] ?? "";
     const currentTab = tabs.find(({ route }) => route === tabRoute) || tabs[0];
     return {
         currentTab,
         route: tabRoute,
     };
 };
-exports.useCurrentDetailTab = useCurrentDetailTab;

package/lib/hooks/useDownloadStatus.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDownloadStatus = void 0;
-const useSystemStatus_1 = require("./useSystemStatus");
+import { useSystemStatus } from "./useSystemStatus";
 var DOWNLOAD_STATUS;
 (function (DOWNLOAD_STATUS) {
     DOWNLOAD_STATUS["DEFAULT"] = "DEFAULT";
@@ -15,8 +12,8 @@ const DOWNLOAD_STATUS_MESSAGE = {
  * Returns download status.
  * @returns download status.
  */
-const useDownloadStatus = () => {
-    const { indexing, loading: isLoading } = (0, useSystemStatus_1.useSystemStatus)();
+export const useDownloadStatus = () => {
+    const { indexing, loading: isLoading } = useSystemStatus();
     const status = indexing ? DOWNLOAD_STATUS.INDEXING : DOWNLOAD_STATUS.DEFAULT;
     return {
         disabled: indexing,
@@ -24,4 +21,3 @@ const useDownloadStatus = () => {
         message: DOWNLOAD_STATUS_MESSAGE[status],
     };
 };
-exports.useDownloadStatus = useDownloadStatus;

package/lib/hooks/useEntityHeadTitle.js

@@ -1,27 +1,23 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useEntityHeadTitle = void 0;
-const react_1 = require("react");
-const useConfig_1 = require("./useConfig");
-const useCurrentDetailTab_1 = require("./useCurrentDetailTab");
+import { useMemo } from "react";
+import { useConfig } from "./useConfig";
+import { useCurrentDetailTab } from "./useCurrentDetailTab";
 /**
  * Returns dynamically generated title for use in the <Head> component.
  * The title combines the entity title, current tab name, and application title, if available.
  * @param response - Entity response.
  * @returns dynamically generated title for use in the <Head> component.
  */
-const useEntityHeadTitle = (response) => {
-    const { config, entityConfig } = (0, useConfig_1.useConfig)();
-    const { currentTab } = (0, useCurrentDetailTab_1.useCurrentDetailTab)();
+export const useEntityHeadTitle = (response) => {
+    const { config, entityConfig } = useConfig();
+    const { currentTab } = useCurrentDetailTab();
     const { appTitle } = config;
     const { getTitle: getEntityTitle } = entityConfig;
     // Get the tab name from the current tab.
     const tabName = getTabName(currentTab);
     // Get the entity title from the response.
-    const entityTitle = getEntityTitle === null || getEntityTitle === void 0 ? void 0 : getEntityTitle(response);
-    return (0, react_1.useMemo)(() => getTitle(appTitle, tabName, entityTitle), [appTitle, tabName, entityTitle]);
+    const entityTitle = getEntityTitle?.(response);
+    return useMemo(() => getTitle(appTitle, tabName, entityTitle), [appTitle, tabName, entityTitle]);
 };
-exports.useEntityHeadTitle = useEntityHeadTitle;
 /**
  * Returns the tab name as a string for the current tab, from the given tab configuration.
  * For the case where tab label is not a string, default to tab name.