@databiosphere/findable-ui 5.0.0 → 7.0.0

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;

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 {};