@databiosphere/findable-ui 6.0.0 → 7.0.0

package/lib/hooks/useFileManifest/useFileManifestDownload.js

@@ -1,31 +1,28 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFileManifestDownload = void 0;
-const react_1 = require("react");
-const entities_1 = require("../../apis/azul/common/entities");
-const entities_2 = require("../../components/Export/common/entities");
-const useCatalog_1 = require("../useCatalog");
-const buildFileManifestRequestURL_1 = require("./common/buildFileManifestRequestURL");
-const useFileManifest_1 = require("./useFileManifest");
-const useFileManifestURL_1 = require("./useFileManifestURL");
+import { useEffect } from "react";
+import { MANIFEST_DOWNLOAD_FORMAT } from "../../apis/azul/common/entities";
+import { BULK_DOWNLOAD_EXECUTION_ENVIRONMENT } from "../../components/Export/common/entities";
+import { useCatalog } from "../useCatalog";
+import { buildFileManifestRequestURL } from "./common/buildFileManifestRequestURL";
+import { useFileManifest } from "./useFileManifest";
+import { useFileManifestURL } from "./useFileManifestURL";
 /**
  * Returns file manifest download url and file name.
  * @param filters - Filters.
  * @param disabled - Disabled.
  * @returns file manifest download url and file name.
  */
-const useFileManifestDownload = (filters, disabled) => {
+export const useFileManifestDownload = (filters, disabled) => {
     // Determine file manifest request data URL.
-    const URL = (0, useFileManifestURL_1.useFileManifestURL)();
+    const URL = useFileManifestURL();
     // Determine catalog.
-    const catalog = (0, useCatalog_1.useCatalog)(); // catalog should be defined.
+    const catalog = useCatalog(); // catalog should be defined.
     // Build request URL.
-    const { requestURL } = (0, buildFileManifestRequestURL_1.buildFileManifestRequestURL)(URL, filters, catalog, entities_1.MANIFEST_DOWNLOAD_FORMAT.COMPACT) || {};
-    const { data, isIdle, isLoading, run } = (0, useFileManifest_1.useFileManifest)(requestURL);
+    const { requestURL } = buildFileManifestRequestURL(URL, filters, catalog, MANIFEST_DOWNLOAD_FORMAT.COMPACT) || {};
+    const { data, isIdle, isLoading, run } = useFileManifest(requestURL);
     const manifestURL = getManifestDownloadURL(data);
     const fileName = getManifestDownloadFileName(data);
     // Requests file manifest.
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (disabled)
             return;
         run();
@@ -37,7 +34,6 @@ const useFileManifestDownload = (filters, disabled) => {
         manifestURL,
     };
 };
-exports.useFileManifestDownload = useFileManifestDownload;
 /**
  * Returns the manifest download URL for the generated manifest.
  * @param fileLocation - Request file location.
@@ -71,7 +67,7 @@ function getFileNameFromBash(commandLine) {
     if (!commandLine) {
         return;
     }
-    return commandLine[entities_2.BULK_DOWNLOAD_EXECUTION_ENVIRONMENT.BASH]
+    return commandLine[BULK_DOWNLOAD_EXECUTION_ENVIRONMENT.BASH]
         .split("'")
         .filter((b) => b.includes("tsv"))
         .shift();
@@ -88,5 +84,5 @@ function getFileNameFromLocation(location) {
         return;
     }
     const match = paramValue.match(/filename=([^&;]*)/);
-    return match === null || match === void 0 ? void 0 : match[1].replace(/"/g, "");
+    return match?.[1].replace(/"/g, "");
 }

package/lib/hooks/useFileManifest/useFileManifestSpreadsheet.js

@@ -1,39 +1,35 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFileManifestSpreadsheet = void 0;
-const react_1 = require("react");
-const entities_1 = require("../../apis/azul/common/entities");
-const service_1 = require("../../entity/common/service");
-const fetchQueryParams_1 = require("../../utils/fetchQueryParams");
-const useAsync_1 = require("../useAsync");
-const useCatalog_1 = require("../useCatalog");
-const useFetchRequestURL_1 = require("../useFetchRequestURL");
+import { useEffect, useMemo } from "react";
+import { APIEndpoints, } from "../../apis/azul/common/entities";
+import { fetchEntitiesFromURL } from "../../entity/common/service";
+import { fetchQueryParams } from "../../utils/fetchQueryParams";
+import { useAsync } from "../useAsync";
+import { useCatalog } from "../useCatalog";
+import { useFetchRequestURL } from "../useFetchRequestURL";
 /**
  * Returns file manifest spreadsheet.
  * @param filters - Filters.
  * @param disabled - Disabled.
  * @returns file manifest spreadsheet.
  */
-const useFileManifestSpreadsheet = (filters, disabled) => {
+export const useFileManifestSpreadsheet = (filters, disabled) => {
     // Determine catalog.
-    const catalog = (0, useCatalog_1.useCatalog)(); // catalog should be defined.
+    const catalog = useCatalog(); // catalog should be defined.
     // Build request params.
-    const requestParams = (0, fetchQueryParams_1.fetchQueryParams)(filters, catalog, { size: "25" });
+    const requestParams = fetchQueryParams(filters, catalog, { size: "25" });
     // Build request URL.
-    const requestURL = (0, useFetchRequestURL_1.useFetchRequestURL)(entities_1.APIEndpoints.FILES, requestParams);
+    const requestURL = useFetchRequestURL(APIEndpoints.FILES, requestParams);
     // Fetch files to determine if file exists.
-    const { data, run } = (0, useAsync_1.useAsync)();
+    const { data, run } = useAsync();
     // Grab manifest spreadsheet.
-    const manifestSpreadsheet = (0, react_1.useMemo)(() => getManifestSpreadsheet(data === null || data === void 0 ? void 0 : data.hits), [data]);
+    const manifestSpreadsheet = useMemo(() => getManifestSpreadsheet(data?.hits), [data]);
     // Fetch response from files endpoint.
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (disabled)
             return;
-        run((0, service_1.fetchEntitiesFromURL)(requestURL, undefined));
+        run(fetchEntitiesFromURL(requestURL, undefined));
     }, [disabled, requestURL, run]);
     return manifestSpreadsheet;
 };
-exports.useFileManifestSpreadsheet = useFileManifestSpreadsheet;
 /**
  * Prepend "/fetch" to the path of the specified file URL, if not already included.
  * @param fileUrl - File URL.
@@ -45,8 +41,8 @@ function buildFetchFileUrl(fileUrl) {
     }
     const url = new URL(fileUrl);
     const path = url.pathname;
-    if (path.indexOf(entities_1.APIEndpoints.FETCH) !== 0) {
-        url.pathname = `${entities_1.APIEndpoints.FETCH}${path}`;
+    if (path.indexOf(APIEndpoints.FETCH) !== 0) {
+        url.pathname = `${APIEndpoints.FETCH}${path}`;
     }
     return url.toString();
 }
@@ -56,7 +52,6 @@ function buildFetchFileUrl(fileUrl) {
  * @returns manifest spreadsheet.
  */
 function getManifestSpreadsheet(files) {
-    var _a, _b, _c;
     if (!files) {
         return;
     }
@@ -70,8 +65,8 @@ function getManifestSpreadsheet(files) {
     const file = files[0];
     return {
         exists: true,
-        fileFormat: (_a = file.files[0]) === null || _a === void 0 ? void 0 : _a.format,
-        fileName: (_b = file.files[0]) === null || _b === void 0 ? void 0 : _b.name,
-        fileUrl: buildFetchFileUrl((_c = file.files[0]) === null || _c === void 0 ? void 0 : _c.url),
+        fileFormat: file.files[0]?.format,
+        fileName: file.files[0]?.name,
+        fileUrl: buildFetchFileUrl(file.files[0]?.url),
     };
 }

package/lib/hooks/useFileManifest/useFileManifestURL.js

@@ -1,15 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFileManifestURL = void 0;
-const useConfig_1 = require("../useConfig");
+import { useConfig } from "../useConfig";
 /**
  * Returns data URL for the integrations end point.
  * @returns data URL for the integrations end point.
  */
-const useFileManifestURL = () => {
-    const { config } = (0, useConfig_1.useConfig)();
+export const useFileManifestURL = () => {
+    const { config } = useConfig();
     const { dataSource } = config;
     const { url } = dataSource;
     return url;
 };
-exports.useFileManifestURL = useFileManifestURL;

package/lib/hooks/useFileManifest/useRequestFileManifest.js

@@ -1,34 +1,31 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRequestFileManifest = void 0;
-const react_1 = require("react");
-const fileManifestState_1 = require("../../providers/fileManifestState");
-const useFileManifestState_1 = require("../useFileManifestState");
+import { useEffect, useState } from "react";
+import { FileManifestActionKind } from "../../providers/fileManifestState";
+import { useFileManifestState } from "../useFileManifestState";
 /**
  * Initializes and fetches file manifest comprising file facets and summary for the given file manifest format.
  * @param fileManifestFormat - File manifest format.
  * @param initialFilters - Filters to initialize file manifest request.
  * @param fileSummaryFacetName - File summary facet name.
  */
-const useRequestFileManifest = (fileManifestFormat, initialFilters = [], fileSummaryFacetName) => {
+export const useRequestFileManifest = (fileManifestFormat, initialFilters = [], fileSummaryFacetName) => {
     // Initial file manifest filter.
-    const [initFilters] = (0, react_1.useState)(() => initialFilters);
+    const [initFilters] = useState(() => initialFilters);
     // File manifest state.
-    const { fileManifestDispatch } = (0, useFileManifestState_1.useFileManifestState)();
+    const { fileManifestDispatch } = useFileManifestState();
     // Fetches file manifest with the given file manifest filters, format.
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         fileManifestDispatch({
             payload: {
                 fileManifestFormat,
                 fileSummaryFacetName,
                 filters: initFilters,
             },
-            type: fileManifestState_1.FileManifestActionKind.FetchFileManifest,
+            type: FileManifestActionKind.FetchFileManifest,
         });
         return () => {
             fileManifestDispatch({
                 payload: undefined,
-                type: fileManifestState_1.FileManifestActionKind.ClearFileManifest,
+                type: FileManifestActionKind.ClearFileManifest,
             });
         };
     }, [
@@ -38,4 +35,3 @@ const useRequestFileManifest = (fileManifestFormat, initialFilters = [], fileSum
         initFilters,
     ]);
 };
-exports.useRequestFileManifest = useRequestFileManifest;

package/lib/hooks/useFileManifestState.js

@@ -1,13 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFileManifestState = void 0;
-const react_1 = require("react");
-const fileManifestState_1 = require("../providers/fileManifestState");
+import { useContext } from "react";
+import { FileManifestStateContext, } from "../providers/fileManifestState";
 /**
  * Returns file manifest state context.
  * @returns file manifest  state context.
  */
-const useFileManifestState = () => {
-    return (0, react_1.useContext)(fileManifestState_1.FileManifestStateContext);
+export const useFileManifestState = () => {
+    return useContext(FileManifestStateContext);
 };
-exports.useFileManifestState = useFileManifestState;

package/lib/hooks/useLayoutState.js

@@ -1,13 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLayoutState = void 0;
-const react_1 = require("react");
-const layoutState_1 = require("../providers/layoutState");
+import { useContext } from "react";
+import { LayoutStateContext, } from "../providers/layoutState";
 /**
  * Returns layout state context.
  * @returns layout state context.
  */
-const useLayoutState = () => {
-    return (0, react_1.useContext)(layoutState_1.LayoutStateContext);
+export const useLayoutState = () => {
+    return useContext(LayoutStateContext);
 };
-exports.useLayoutState = useLayoutState;

package/lib/hooks/useLocalStorage/common/utils.js

@@ -1,27 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setLocalStorage = exports.getLocalStorage = void 0;
 /**
  * Return the value for the specified key.
  * @param key - Key.
  * @returns value.
  */
-function getLocalStorage(key) {
-    var _a, _b;
+export function getLocalStorage(key) {
     if (typeof window === "undefined")
         return null;
-    return (_b = (_a = window === null || window === void 0 ? void 0 : window.localStorage) === null || _a === void 0 ? void 0 : _a.getItem(key)) !== null && _b !== void 0 ? _b : null;
+    return window?.localStorage?.getItem(key) ?? null;
 }
-exports.getLocalStorage = getLocalStorage;
 /**
  * Set the value for the specified key.
  * @param key - Key.
  * @param value - Value.
  */
-function setLocalStorage(key, value) {
-    var _a;
+export function setLocalStorage(key, value) {
     if (typeof window === "undefined")
         return;
-    (_a = window === null || window === void 0 ? void 0 : window.localStorage) === null || _a === void 0 ? void 0 : _a.setItem(key, value);
+    window?.localStorage?.setItem(key, value);
 }
-exports.setLocalStorage = setLocalStorage;

package/lib/hooks/useLocalStorage/useLocalStorage.js

@@ -1,18 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLocalStorage = void 0;
-const react_1 = require("react");
-const utils_1 = require("./common/utils");
+import { useEffect, useState } from "react";
+import { getLocalStorage } from "./common/utils";
 /**
  * Determine local storage value.
  * @param key - Local storage key.
  * @returns local storage value.
  */
-function useLocalStorage(key) {
-    const [value, setValue] = (0, react_1.useState)(null);
-    (0, react_1.useEffect)(() => {
-        setValue((0, utils_1.getLocalStorage)(key));
+export function useLocalStorage(key) {
+    const [value, setValue] = useState(null);
+    useEffect(() => {
+        setValue(getLocalStorage(key));
     }, [key]);
     return value;
 }
-exports.useLocalStorage = useLocalStorage;

package/lib/hooks/useLocation.js

@@ -1,15 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLocation = void 0;
-const ssr_1 = require("../utils/ssr");
+import { isSSR } from "../utils/ssr";
 /**
  * Hook used to get the url properties from the location object
  * Most of the time you can get the same result with useRouter(). This hook has a single use case:
  *  - When you need to get the url properties ready on the first render, before ReactDOM.hydrate
  * @returns an object containing url's pathname and search params
  */
-const useLocation = () => {
-    if ((0, ssr_1.isSSR)()) {
+export const useLocation = () => {
+    if (isSSR()) {
         return null;
     }
     const { href, pathname, search } = window.location;
@@ -19,4 +16,3 @@ const useLocation = () => {
         search: new URLSearchParams(search),
     };
 };
-exports.useLocation = useLocation;

package/lib/hooks/useRequestFileLocation.js

@@ -1,24 +1,12 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRequestFileLocation = exports.getFileLocation = exports.METHOD = void 0;
-const react_1 = require("react");
-const constants_1 = require("../apis/azul/common/constants");
-const useAsync_1 = require("./useAsync");
-const useAuthentication_1 = require("./useAuthentication/useAuthentication");
-var METHOD;
+import { useCallback, useEffect, useRef } from "react";
+import { FILE_LOCATION_PENDING, FILE_LOCATION_SUCCESSFULLY, } from "../apis/azul/common/constants";
+import { useAsync } from "./useAsync";
+import { useAuthentication } from "./useAuthentication/useAuthentication";
+export var METHOD;
 (function (METHOD) {
     METHOD["GET"] = "GET";
     METHOD["PUT"] = "PUT";
-})(METHOD = exports.METHOD || (exports.METHOD = {}));
+})(METHOD || (METHOD = {}));
 /**
  * Returns fetch request options.
  * @param accessToken - Access token.
@@ -38,18 +26,17 @@ function createFetchOptions(accessToken, method) {
  * @param method - Method to be used by the request
  * @returns @see FileLocation
  */
-const getFileLocation = (url, accessToken, method) => __awaiter(void 0, void 0, void 0, function* () {
+export const getFileLocation = async (url, accessToken, method) => {
     const options = createFetchOptions(accessToken, method);
-    const res = yield fetch(url, options);
-    const jsonRes = yield res.json();
+    const res = await fetch(url, options);
+    const jsonRes = await res.json();
     return {
         commandLine: jsonRes.CommandLine,
         location: jsonRes.Location,
         retryAfter: jsonRes["Retry-After"],
         status: jsonRes.Status,
     };
-});
-exports.getFileLocation = getFileLocation;
+};
 /**
  * Function that will recursively keep making requests to get the file location until gets a 302 or an error.
  * @param url - url for the get request
@@ -62,8 +49,8 @@ exports.getFileLocation = getFileLocation;
  */
 const scheduleFileLocation = (url, accessToken, resolve, reject, active, retryAfter = 0, method = METHOD.GET) => {
     setTimeout(() => {
-        (0, exports.getFileLocation)(url, accessToken, method).then((result) => {
-            if (result.status === constants_1.FILE_LOCATION_PENDING) {
+        getFileLocation(url, accessToken, method).then((result) => {
+            if (result.status === FILE_LOCATION_PENDING) {
                 if (!active.current) {
                     reject({
                         location: "",
@@ -73,7 +60,7 @@ const scheduleFileLocation = (url, accessToken, resolve, reject, active, retryAf
                 }
                 scheduleFileLocation(result.location, accessToken, resolve, reject, active, result.retryAfter);
             }
-            else if (result.status === constants_1.FILE_LOCATION_SUCCESSFULLY) {
+            else if (result.status === FILE_LOCATION_SUCCESSFULLY) {
                 resolve(result);
             }
             else {
@@ -88,18 +75,18 @@ const scheduleFileLocation = (url, accessToken, resolve, reject, active, retryAf
  * @param method - Method to be used by the request
  * @returns data object with the file location
  */
-const useRequestFileLocation = (url, method) => {
+export const useRequestFileLocation = (url, method) => {
     // Grab token from authentication.
-    const { token } = (0, useAuthentication_1.useAuthentication)();
-    const { data, isIdle, isLoading, isSuccess, run: runAsync, } = (0, useAsync_1.useAsync)();
-    const active = (0, react_1.useRef)(true);
-    (0, react_1.useEffect)(() => {
+    const { token } = useAuthentication();
+    const { data, isIdle, isLoading, isSuccess, run: runAsync, } = useAsync();
+    const active = useRef(true);
+    useEffect(() => {
         active.current = true;
         return () => {
             active.current = false;
         };
     }, []);
-    const run = (0, react_1.useCallback)(() => {
+    const run = useCallback(() => {
         if (url) {
             runAsync(new Promise((resolve, reject) => {
                 scheduleFileLocation(url, token, resolve, reject, active, 0, method);
@@ -108,4 +95,3 @@ const useRequestFileLocation = (url, method) => {
     }, [runAsync, token, url, method]);
     return { data, isIdle, isLoading, isSuccess, run };
 };
-exports.useRequestFileLocation = useRequestFileLocation;

package/lib/hooks/useResetableState.js

@@ -1,17 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useResetableState = void 0;
-const react_1 = require("react");
+import { useEffect, useState } from "react";
 /**
  * useState hook wrapper that will keep the state updated if the defaultValue changes
  * @param defaultState - param that determine the default and current state
  * @returns current state the setter function
  */
-const useResetableState = (defaultState) => {
-    const [state, setState] = (0, react_1.useState)(defaultState);
-    (0, react_1.useEffect)(() => {
+export const useResetableState = (defaultState) => {
+    const [state, setState] = useState(defaultState);
+    useEffect(() => {
         setState(defaultState);
     }, [defaultState]);
     return [state, setState];
 };
-exports.useResetableState = useResetableState;

package/lib/hooks/useResizeObserver.js

@@ -1,25 +1,22 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getNextElementRect = exports.getContentRect = exports.getBorderBoxSizeHeight = exports.getBorderBoxSize = exports.useResizeObserver = void 0;
-const react_1 = require("react");
+import { useCallback, useEffect, useRef, useState } from "react";
 /**
  * Element resizing and repositioning observer.
  * @param ref - element to be observed for changes to its size or position.
  * @param onResizeFn - action to be performed when the observed element is resized or repositioned.
  * @returns Element size and position properties for the given element.
  */
-function useResizeObserver(ref, onResizeFn) {
-    const [elementRect, setElementRect] = (0, react_1.useState)();
-    const observerRef = (0, react_1.useRef)();
+export function useResizeObserver(ref, onResizeFn) {
+    const [elementRect, setElementRect] = useState();
+    const observerRef = useRef();
     // Observed element is resized or repositioned - set state elementRect with the element's new dimensions or position.
-    const onResize = (0, react_1.useCallback)((entries) => {
+    const onResize = useCallback((entries) => {
         if (entries && entries.length > 0) {
             const nextElementRect = onResizeFn(entries);
             setElementRect((elRect) => getNextElementRect(elRect, nextElementRect));
         }
     }, [onResizeFn]);
     // Creates a new ResizeObserver object which can be used to report changes to an "observed" element's dimensions or position.
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (!ref.current)
             return;
         observerRef.current = new ResizeObserver(onResize);
@@ -32,13 +29,12 @@ function useResizeObserver(ref, onResizeFn) {
     }, [onResize, ref]);
     return elementRect;
 }
-exports.useResizeObserver = useResizeObserver;
 /**
  * Return's the observed element's border box size.
  * @param entries - Resize observer entries.
  * @returns observed element's border box size.
  */
-function getBorderBoxSize(entries) {
+export function getBorderBoxSize(entries) {
     const entry = entries[0]; // grab the first entry; observing a single element.
     const borderBoxSize = entry.borderBoxSize[0];
     return {
@@ -46,42 +42,40 @@ function getBorderBoxSize(entries) {
         width: borderBoxSize.inlineSize,
     };
 }
-exports.getBorderBoxSize = getBorderBoxSize;
 /**
  * Return's the observed element's border box height.
  * @param entries - Resize observer entries.
  * @returns observed element's border box height.
  */
-function getBorderBoxSizeHeight(entries) {
+export function getBorderBoxSizeHeight(entries) {
     const { height } = getBorderBoxSize(entries);
     return { height };
 }
-exports.getBorderBoxSizeHeight = getBorderBoxSizeHeight;
 /**
  * Return's the observed element's size and position properties.
  * @param entries - Resize observer entries.
  * @returns the observed element's size and position properties.
  */
-function getContentRect(entries) {
+export function getContentRect(entries) {
     const entry = entries[0]; // grab the first entry; observing a single element
     const contentRect = entry.contentRect.toJSON();
-    return Object.assign({}, contentRect);
+    return {
+        ...contentRect,
+    };
 }
-exports.getContentRect = getContentRect;
 /**
  * Return's the next observed element's size and position properties.
  * @param elementRect - Current observed element's rect properties.
  * @param nextElementRect - Next observed element's rect properties.
  * @returns the next observed element's size and position properties.
  */
-function getNextElementRect(elementRect, nextElementRect) {
+export function getNextElementRect(elementRect, nextElementRect) {
     if (!nextElementRect)
         return elementRect;
     for (const [key, value] of Object.entries(nextElementRect)) {
-        if ((elementRect === null || elementRect === void 0 ? void 0 : elementRect[key]) !== value) {
-            return Object.assign(Object.assign({}, elementRect), nextElementRect);
+        if (elementRect?.[key] !== value) {
+            return { ...elementRect, ...nextElementRect };
         }
     }
     return elementRect;
 }
-exports.getNextElementRect = getNextElementRect;

package/lib/hooks/useScroll.js

@@ -1,16 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useScroll = void 0;
-const react_1 = require("react");
+import { useCallback } from "react";
 /**
  * Hook used to scroll the to top or bottom of the page.
  * This hook can only be used on the client-side.
  * @param scrollType - top or bottom of the page. Default = top
  * @returns scroll function
  */
-const useScroll = (scrollType = "top") => {
-    return (0, react_1.useCallback)(() => window.scrollTo({
+export const useScroll = (scrollType = "top") => {
+    return useCallback(() => window.scrollTo({
         top: scrollType === "top" ? 0 : document.body.scrollHeight,
     }), [scrollType]);
 };
-exports.useScroll = useScroll;

package/lib/hooks/useSessionTimeout.js

@@ -1,30 +1,24 @@
-"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";
+import Router from "next/router";
+import { useCallback, useEffect, useState } from "react";
+import { useConfig } from "./useConfig";
+import { useLocation } from "./useLocation";
+export const INACTIVITY_PARAM = "inactivityTimeout";
 /**
  * Session timeout hook.
  * @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);
+export const useSessionTimeout = () => {
+    const { config: { redirectRootToPath }, } = useConfig();
+    const [isSessionTimeout, setIsSessionTimeout] = 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);
+    const { search } = useLocation() || {};
+    const sessionTimeout = search?.get(INACTIVITY_PARAM);
     // Clears session timeout state.
-    const clearSessionTimeout = (0, react_1.useCallback)(() => {
+    const clearSessionTimeout = useCallback(() => {
         setIsSessionTimeout(false);
-        router_1.default.replace(redirectRootToPath);
+        Router.replace(redirectRootToPath);
     }, [redirectRootToPath]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         setIsSessionTimeout(sessionTimeout === "true");
     }, [sessionTimeout]);
     return {
@@ -32,4 +26,3 @@ const useSessionTimeout = () => {
         isSessionTimeout,
     };
 };
-exports.useSessionTimeout = useSessionTimeout;