@databiosphere/findable-ui 5.0.0 → 7.0.0

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

@@ -1,24 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.sortTerms = exports.isFacetTermSelected = exports.getSelectedSearchTermsBySearchKey = exports.getFileFacet = exports.findFacet = exports.bindEntitySearchResultsResponse = void 0;
-const entities_1 = require("../../../apis/azul/common/entities");
-const constants_1 = require("../../../common/constants");
+import { LABEL, } from "../../../apis/azul/common/entities";
+import { COLLATOR_CASE_INSENSITIVE } from "../../../common/constants";
 /**
  * Parse the entity API response and build up entity search results.
  * @param entityResponse - Response model return from the given entity API.
  * @param filters - Selected filters.
  * @returns entity search results.
  */
-function bindEntitySearchResultsResponse(entityResponse, filters) {
+export function bindEntitySearchResultsResponse(entityResponse, filters) {
     // Grab the search terms by search key
     const searchTermsBySearchKey = getSelectedSearchTermsBySearchKey(filters);
     // Build up term facets
-    const facets = bindFacets(searchTermsBySearchKey, entityResponse === null || entityResponse === void 0 ? void 0 : entityResponse.termFacets);
+    const facets = bindFacets(searchTermsBySearchKey, entityResponse?.termFacets);
     return {
         facets,
     };
 }
-exports.bindEntitySearchResultsResponse = bindEntitySearchResultsResponse;
 /**
  * Map files API response into FileFacet objects, maintaining selected state of terms. This is specifically for
  * facets returned from the backend (which are facets with a corresponding list of terms) and not other types of
@@ -61,7 +57,7 @@ function bindFacetTerms(facetName, responseTerms, searchTermNames) {
  * @returns term name, or "Unspecified" if term name is null.
  */
 function bindTermName(termResponse) {
-    return termResponse.term === null ? entities_1.LABEL.UNSPECIFIED : termResponse.term;
+    return termResponse.term === null ? LABEL.UNSPECIFIED : termResponse.term;
 }
 /**
  * Build up file facet from response facet values, matching with current selected state of terms.
@@ -84,10 +80,9 @@ function buildFileFacet(facetName, searchTermsBySearchKey, responseFacet) {
  * @param facetName - Facet name.
  * @returns file facet.
  */
-function findFacet(filesFacets, facetName) {
+export function findFacet(filesFacets, facetName) {
     return filesFacets.find(({ name }) => name === facetName);
 }
-exports.findFacet = findFacet;
 /**
  * Returns file facet that contains a list of terms values from given facet name, total, and terms.
  * @param name - Facet name.
@@ -95,7 +90,7 @@ exports.findFacet = findFacet;
  * @param terms - List of terms.
  * @returns file facet.
  */
-function getFileFacet(name, total, terms) {
+export function getFileFacet(name, total, terms) {
     const selectedTerms = terms.filter(({ selected }) => selected);
     const selected = selectedTerms.length > 0;
     const termsByName = terms.reduce((acc, term) => {
@@ -114,31 +109,27 @@ function getFileFacet(name, total, terms) {
         total,
     };
 }
-exports.getFileFacet = getFileFacet;
 /**
  * Returns map of selected search terms by search key.
  * @param filters - Selected filters.
  * @returns map of selected search terms by search key.
  */
-function getSelectedSearchTermsBySearchKey(filters) {
+export function getSelectedSearchTermsBySearchKey(filters) {
     const selectedSearchTermsBySearchKey = new Map();
     for (const { categoryKey, value } of filters) {
         selectedSearchTermsBySearchKey.set(categoryKey, new Set(value));
     }
     return selectedSearchTermsBySearchKey;
 }
-exports.getSelectedSearchTermsBySearchKey = getSelectedSearchTermsBySearchKey;
 /**
  * Returns true if the file facet term name is selected.
  * @param fileFacet - File facet.
  * @param termName - Term name.
  * @returns true if the file facet term name is selected.
  */
-function isFacetTermSelected(fileFacet, termName) {
-    var _a;
-    return Boolean((_a = fileFacet.terms.find((term) => term.name === termName)) === null || _a === void 0 ? void 0 : _a.selected);
+export function isFacetTermSelected(fileFacet, termName) {
+    return Boolean(fileFacet.terms.find((term) => term.name === termName)?.selected);
 }
-exports.isFacetTermSelected = isFacetTermSelected;
 /**
  * Returns the selected search terms for the specified facet, if any.
  * @param {string} facetName - Facet name.
@@ -146,8 +137,7 @@ exports.isFacetTermSelected = isFacetTermSelected;
  * @returns selected search terms.
  */
 function listFacetSearchTermNames(facetName, searchTermsBySearchKey) {
-    var _a;
-    return [...((_a = searchTermsBySearchKey.get(facetName)) !== null && _a !== void 0 ? _a : [])];
+    return [...(searchTermsBySearchKey.get(facetName) ?? [])];
 }
 /**
  * Sorts terms by term name.
@@ -155,7 +145,6 @@ function listFacetSearchTermNames(facetName, searchTermsBySearchKey) {
  * @param c1 - Second term to compare.
  * @returns Number indicating sort precedence of c0 vs c1.
  */
-function sortTerms(c0, c1) {
-    return constants_1.COLLATOR_CASE_INSENSITIVE.compare(c0.name, c1.name);
+export function sortTerms(c0, c1) {
+    return COLLATOR_CASE_INSENSITIVE.compare(c0.name, c1.name);
 }
-exports.sortTerms = sortTerms;

package/lib/hooks/useFileManifest/useFetchFilesFacets.js

@@ -1,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFetchFilesFacets = 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 useAuthentication_1 = require("../useAuthentication/useAuthentication");
-const useFetchRequestURL_1 = require("../useFetchRequestURL");
-const utils_1 = require("./common/utils");
+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 { useAuthentication } from "../useAuthentication/useAuthentication";
+import { useFetchRequestURL } from "../useFetchRequestURL";
+import { bindEntitySearchResultsResponse } from "./common/utils";
 /**
  * Fetch files facets from files endpoint, to populate summary in download flows.
  * @param filters - Selected filters.
@@ -17,21 +14,21 @@ const utils_1 = require("./common/utils");
  * @param isEnabled - Enable fetch.
  * @returns files facets.
  */
-const useFetchFilesFacets = (filters, catalog, searchParams, isEnabled) => {
+export const useFetchFilesFacets = (filters, catalog, searchParams, isEnabled) => {
     // Grab token from authentication.
-    const { token } = (0, useAuthentication_1.useAuthentication)();
+    const { token } = useAuthentication();
     // Build request params.
-    const requestParams = (0, fetchQueryParams_1.fetchQueryParams)(filters, catalog, searchParams);
+    const requestParams = fetchQueryParams(filters, catalog, searchParams);
     // Build request URL.
-    const requestURL = (0, useFetchRequestURL_1.useFetchRequestURL)(entities_1.APIEndpoints.FILES, requestParams);
+    const requestURL = useFetchRequestURL(APIEndpoints.FILES, requestParams);
     // Fetch and bind facets.
-    const { data, isLoading, isSuccess, reset, run } = (0, useAsync_1.useAsync)();
+    const { data, isLoading, isSuccess, reset, run } = useAsync();
     // Bind facets.
-    const { facets } = (0, react_1.useMemo)(() => (0, utils_1.bindEntitySearchResultsResponse)(data, filters), [data, filters]);
+    const { facets } = useMemo(() => bindEntitySearchResultsResponse(data, filters), [data, filters]);
     // Fetch facets from files endpoint.
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (isEnabled) {
-            run((0, service_1.fetchEntitiesFromURL)(requestURL, token));
+            run(fetchEntitiesFromURL(requestURL, token));
         }
         else {
             reset();
@@ -43,4 +40,3 @@ const useFetchFilesFacets = (filters, catalog, searchParams, isEnabled) => {
         isSuccess,
     };
 };
-exports.useFetchFilesFacets = useFetchFilesFacets;

package/lib/hooks/useFileManifest/useFetchSummary.js

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFetchSummary = void 0;
-const react_1 = require("react");
-const entities_1 = require("../../apis/azul/common/entities");
-const service_1 = require("../../entity/api/service");
-const fetchQueryParams_1 = require("../../utils/fetchQueryParams");
-const useAsync_1 = require("../useAsync");
-const useAuthentication_1 = require("../useAuthentication/useAuthentication");
-const useFetchRequestURL_1 = require("../useFetchRequestURL");
+import { useEffect } from "react";
+import { APIEndpoints, } from "../../apis/azul/common/entities";
+import { fetchSummaryFromURL } from "../../entity/api/service";
+import { fetchQueryParams } from "../../utils/fetchQueryParams";
+import { useAsync } from "../useAsync";
+import { useAuthentication } from "../useAuthentication/useAuthentication";
+import { useFetchRequestURL } from "../useFetchRequestURL";
 /**
  * Fetch file summary from summary endpoint, to populate summary in download flows.
  * @param filters - Selected filters.
@@ -15,19 +12,19 @@ const useFetchRequestURL_1 = require("../useFetchRequestURL");
  * @param isEnabled - Enable fetch.
  * @returns file summaries.
  */
-const useFetchSummary = (filters, catalog, isEnabled) => {
+export const useFetchSummary = (filters, catalog, isEnabled) => {
     // Grab token from authentication.
-    const { token } = (0, useAuthentication_1.useAuthentication)();
+    const { token } = useAuthentication();
     // Build request params.
-    const requestParams = (0, fetchQueryParams_1.fetchQueryParams)(filters, catalog, undefined);
+    const requestParams = fetchQueryParams(filters, catalog, undefined);
     // Build request URL.
-    const requestURL = (0, useFetchRequestURL_1.useFetchRequestURL)(entities_1.APIEndpoints.SUMMARY, requestParams);
+    const requestURL = useFetchRequestURL(APIEndpoints.SUMMARY, requestParams);
     // Fetch summary.
-    const { data, isLoading, run } = (0, useAsync_1.useAsync)();
+    const { data, isLoading, run } = useAsync();
     // Fetch summary from summary endpoint.
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (isEnabled) {
-            run((0, service_1.fetchSummaryFromURL)(requestURL, token));
+            run(fetchSummaryFromURL(requestURL, token));
         }
     }, [isEnabled, requestURL, run, token]);
     return {
@@ -35,4 +32,3 @@ const useFetchSummary = (filters, catalog, isEnabled) => {
         summary: data, // Binding of file summary is completed via configuration.
     };
 };
-exports.useFetchSummary = useFetchSummary;

package/lib/hooks/useFileManifest/useFileManifest.js

@@ -1,16 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFileManifest = void 0;
-const useFileManifestState_1 = require("../useFileManifestState");
-const useRequestFileLocation_1 = require("../useRequestFileLocation");
+import { useFileManifestState } from "../useFileManifestState";
+import { METHOD, useRequestFileLocation, } from "../useRequestFileLocation";
 /**
  * Requests file manifest.
  * @param requestURL - Request URL.
  * @returns file manifest request response, function and status.
  */
-const useFileManifest = (requestURL) => {
-    const { fileManifestState } = (0, useFileManifestState_1.useFileManifestState)();
+export const useFileManifest = (requestURL) => {
+    const { fileManifestState } = useFileManifestState();
     const url = requestURL || fileManifestState.requestURL;
-    return (0, useRequestFileLocation_1.useRequestFileLocation)(url, useRequestFileLocation_1.METHOD.PUT);
+    return useRequestFileLocation(url, METHOD.PUT);
 };
-exports.useFileManifest = useFileManifest;

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;