@databiosphere/findable-ui 6.0.0 → 7.0.0

package/lib/components/Filter/components/SearchAllFiltersSearch/searchAllFiltersSearch.js

@@ -1,48 +1,12 @@
-"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;
+import React, { useContext } from "react";
+import { SearchIcon } from "../../../common/CustomIcon/components/SearchIcon/searchIcon";
+import { ListboxContext } from "../SearchAllFilters/searchAllFilters";
+import { InputField } from "./searchAllFiltersSearch.styles";
+export const SearchAllFiltersSearch = ({ inputProps, InputProps, ...props }) => {
+    const { searchTerm } = useContext(ListboxContext);
+    delete inputProps?.value; // Control input value from the search term.
+    return (React.createElement(InputField, { ...props, fullWidth: true, InputProps: {
+            ...(InputProps || {}),
+            startAdornment: React.createElement(SearchIcon, { fontSize: "small" }),
+        }, inputProps: { ...(inputProps || {}), spellCheck: false }, placeholder: "Search all filters...", size: "small", value: searchTerm, variant: "outlined" }));
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchAllFiltersSearch = void 0;
-const react_1 = __importStar(require("react"));
-const searchIcon_1 = require("../../../common/CustomIcon/components/SearchIcon/searchIcon");
-const searchAllFilters_1 = require("../SearchAllFilters/searchAllFilters");
-const searchAllFiltersSearch_styles_1 = require("./searchAllFiltersSearch.styles");
-const SearchAllFiltersSearch = (_a) => {
-    var { inputProps, InputProps } = _a, props = __rest(_a, ["inputProps", "InputProps"]);
-    const { searchTerm } = (0, react_1.useContext)(searchAllFilters_1.ListboxContext);
-    inputProps === null || inputProps === void 0 ? true : delete inputProps.value; // Control input value from the search term.
-    return (react_1.default.createElement(searchAllFiltersSearch_styles_1.InputField, Object.assign({}, props, { fullWidth: true, InputProps: Object.assign(Object.assign({}, (InputProps || {})), { startAdornment: react_1.default.createElement(searchIcon_1.SearchIcon, { fontSize: "small" }) }), inputProps: Object.assign(Object.assign({}, (inputProps || {})), { spellCheck: false }), placeholder: "Search all filters...", size: "small", value: searchTerm, variant: "outlined" })));
-};
-exports.SearchAllFiltersSearch = SearchAllFiltersSearch;

package/lib/components/Filter/components/SearchAllFiltersSearch/searchAllFiltersSearch.styles.js

@@ -1,14 +1,8 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputField = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const material_1 = require("@mui/material");
-const colors_1 = require("../../../../styles/common/mixins/colors");
-const palette_1 = require("../../../../theme/common/palette");
-exports.InputField = (0, styled_1.default)(material_1.TextField) `
+import styled from "@emotion/styled";
+import { TextField } from "@mui/material";
+import { inkMain } from "../../../../styles/common/mixins/colors";
+import { inkLight } from "../../../../theme/common/palette";
+export const InputField = styled(TextField) `
   && {
     display: flex;
     flex-direction: column;
@@ -16,7 +10,7 @@ exports.InputField = (0, styled_1.default)(material_1.TextField) `
 
     .MuiInputBase-root {
       & ::placeholder {
-        color: ${palette_1.inkLight};
+        color: ${inkLight};
         opacity: 0.8;
       }
 
@@ -32,7 +26,7 @@ exports.InputField = (0, styled_1.default)(material_1.TextField) `
         padding: 0 0 0 12px;
 
         .MuiAutocomplete-input {
-          color: ${colors_1.inkMain};
+          color: ${inkMain};
           padding: 10px 14px 10px 0;
         }
       }

package/lib/components/Filter/components/VariableSizeList/VariableSizeList.js

@@ -1,38 +1,9 @@
-"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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VariableSizeList = void 0;
-const react_1 = __importStar(require("react"));
-const react_window_1 = require("react-window");
-const useWindowResize_1 = require("../../../../hooks/useWindowResize");
-const constants_1 = require("../../common/constants");
-const filterList_styles_1 = require("../FilterList/filterList.styles");
-const variableSizeListItem_1 = __importDefault(require("../VariableSizeListItem/variableSizeListItem"));
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import { VariableSizeList as List, } from "react-window";
+import { useWindowResize } from "../../../../hooks/useWindowResize";
+import { LIST_ITEM_HEIGHT, LIST_MARGIN, MAX_DISPLAYABLE_LIST_ITEMS, MAX_LIST_HEIGHT_PX, } from "../../common/constants";
+import { List as FilterList } from "../FilterList/filterList.styles";
+import VariableSizeListItem from "../VariableSizeListItem/variableSizeListItem";
 /**
  * Build variable list item element.
  * @param props - Variable size list child component props i.e. list index, style.
@@ -41,35 +12,33 @@ const variableSizeListItem_1 = __importDefault(require("../VariableSizeListItem/
 function renderListItem(props) {
     const { data, index, style } = props;
     const { categoryKey, categorySection, matchedItems, onFilter, onUpdateItemSizeByItemKey, } = data;
-    return (react_1.default.createElement(variableSizeListItem_1.default, { categorySection: categorySection, categoryKey: categoryKey, matchedItem: matchedItems[index], onFilter: onFilter, onUpdateItemSizeByItemKey: onUpdateItemSizeByItemKey, style: style }));
+    return (React.createElement(VariableSizeListItem, { categorySection: categorySection, categoryKey: categoryKey, matchedItem: matchedItems[index], onFilter: onFilter, onUpdateItemSizeByItemKey: onUpdateItemSizeByItemKey, style: style }));
 }
-const VariableSizeList = ({ categoryKey, categorySection, height: initHeight = constants_1.MAX_LIST_HEIGHT_PX, isFilterDrawer, itemSize = constants_1.LIST_ITEM_HEIGHT, onFilter, overscanCount = constants_1.MAX_DISPLAYABLE_LIST_ITEMS * 2, matchedItems, width = "100%", }) => {
-    const { height: windowHeight } = (0, useWindowResize_1.useWindowResize)();
-    const [height, setHeight] = (0, react_1.useState)(initHeight);
-    const itemSizeByItemKeyRef = (0, react_1.useRef)(new Map());
-    const listRef = (0, react_1.useRef)(null);
-    const outerRef = (0, react_1.useRef)(null);
+export const VariableSizeList = ({ categoryKey, categorySection, height: initHeight = MAX_LIST_HEIGHT_PX, isFilterDrawer, itemSize = LIST_ITEM_HEIGHT, onFilter, overscanCount = MAX_DISPLAYABLE_LIST_ITEMS * 2, matchedItems, width = "100%", }) => {
+    const { height: windowHeight } = useWindowResize();
+    const [height, setHeight] = useState(initHeight);
+    const itemSizeByItemKeyRef = useRef(new Map());
+    const listRef = useRef(null);
+    const outerRef = useRef(null);
     const { current: itemSizeByItemKey } = itemSizeByItemKeyRef;
-    const onUpdateItemSizeByItemKey = (0, react_1.useCallback)((key, size) => updateItemSizeByItemKey(itemSizeByItemKeyRef.current, key, size), []);
+    const onUpdateItemSizeByItemKey = useCallback((key, size) => updateItemSizeByItemKey(itemSizeByItemKeyRef.current, key, size), []);
     // Sets height of list.
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         setHeight(calculateListHeight(initHeight, matchedItems, itemSizeByItemKeyRef.current, isFilterDrawer, windowHeight, outerRef.current));
     }, [initHeight, isFilterDrawer, matchedItems, windowHeight]);
     // Clears VariableSizeList cache (offsets and measurements) when values are updated (filtered).
     // Facilitates correct positioning of list items when list is updated.
-    (0, react_1.useEffect)(() => {
-        var _a;
-        (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.resetAfterIndex(0);
+    useEffect(() => {
+        listRef.current?.resetAfterIndex(0);
     }, [matchedItems]);
-    return (react_1.default.createElement(react_window_1.VariableSizeList, { height: height, outerRef: outerRef, innerElementType: filterList_styles_1.List, itemCount: matchedItems.length, itemData: {
+    return (React.createElement(List, { height: height, outerRef: outerRef, innerElementType: FilterList, itemCount: matchedItems.length, itemData: {
             categoryKey,
             categorySection,
             matchedItems,
             onFilter,
             onUpdateItemSizeByItemKey,
-        }, itemSize: (index) => itemSizeByItemKey.get(matchedItems[index].value.key) || itemSize, onItemsRendered: () => { var _a; return (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.resetAfterIndex(0); }, overscanCount: overscanCount, ref: listRef, width: width }, renderListItem));
+        }, itemSize: (index) => itemSizeByItemKey.get(matchedItems[index].value.key) || itemSize, onItemsRendered: () => listRef.current?.resetAfterIndex(0), overscanCount: overscanCount, ref: listRef, width: width }, renderListItem));
 };
-exports.VariableSizeList = VariableSizeList;
 /**
  * Returns given height of list if number of items is greater than max displayable list items, otherwise the minimum
  * height of either the sum of the heights of the filtered list items or the given height of the list.
@@ -85,13 +54,13 @@ function calculateListHeight(height, matchedItems, itemSizeByItemKey, isFilterDr
     if (isFilterDrawer && outerListElem) {
         return windowHeight - outerListElem.getBoundingClientRect().top;
     }
-    if (matchedItems.length > constants_1.MAX_DISPLAYABLE_LIST_ITEMS) {
+    if (matchedItems.length > MAX_DISPLAYABLE_LIST_ITEMS) {
         return height;
     }
     return Math.min(matchedItems.reduce((acc, { value: { key } }) => {
-        acc += itemSizeByItemKey.get(key) || constants_1.LIST_ITEM_HEIGHT;
+        acc += itemSizeByItemKey.get(key) || LIST_ITEM_HEIGHT;
         return acc;
-    }, constants_1.LIST_MARGIN * 2), height);
+    }, LIST_MARGIN * 2), height);
 }
 /**
  * Updates map of item size by item key.

package/lib/components/Filter/components/VariableSizeListItem/variableSizeListItem.js

@@ -1,49 +1,22 @@
-"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 });
-const material_1 = require("@mui/material");
-const react_1 = __importStar(require("react"));
-const constants_1 = require("../../../../providers/exploreState/constants");
-const typography_1 = require("../../../../theme/common/typography");
-const checkedIcon_1 = require("../../../common/CustomIcon/components/CheckedIcon/checkedIcon");
-const uncheckedIcon_1 = require("../../../common/CustomIcon/components/UncheckedIcon/uncheckedIcon");
-const highlightedLabel_1 = require("../HighlightedLabel/highlightedLabel");
-function VariableSizeListItem({ categoryKey, categorySection, matchedItem, onFilter, onUpdateItemSizeByItemKey, style, }) {
-    const listItemRef = (0, react_1.useRef)(null);
+import { Checkbox, ListItemButton, ListItemText, Typography, } from "@mui/material";
+import React, { useEffect, useRef } from "react";
+import { SELECT_CATEGORY_KEY } from "../../../../providers/exploreState/constants";
+import { TEXT_BODY_SMALL_400 } from "../../../../theme/common/typography";
+import { CheckedIcon } from "../../../common/CustomIcon/components/CheckedIcon/checkedIcon";
+import { UncheckedIcon } from "../../../common/CustomIcon/components/UncheckedIcon/uncheckedIcon";
+import { HighlightedLabel } from "../HighlightedLabel/highlightedLabel";
+export default function VariableSizeListItem({ categoryKey, categorySection, matchedItem, onFilter, onUpdateItemSizeByItemKey, style, }) {
+    const listItemRef = useRef(null);
     const { labelRanges, value: { count, key, label, selected }, } = matchedItem;
     delete style.height; // Remove height style to allow variable size list to set item height.
     // Sets map of list item key to its height.
-    (0, react_1.useEffect)(() => {
-        var _a;
-        onUpdateItemSizeByItemKey(key, ((_a = listItemRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0);
+    useEffect(() => {
+        onUpdateItemSizeByItemKey(key, listItemRef.current?.clientHeight || 0);
     }, [key, onUpdateItemSizeByItemKey]);
     const handleItemClicked = () => {
         onFilter(categoryKey, key, !selected, categorySection);
     };
-    return (react_1.default.createElement(material_1.ListItemButton, { ref: listItemRef, onClick: handleItemClicked, selected: selected, style: style },
-        react_1.default.createElement(material_1.Checkbox, { checked: selected, checkedIcon: react_1.default.createElement(checkedIcon_1.CheckedIcon, null), icon: react_1.default.createElement(uncheckedIcon_1.UncheckedIcon, null) }),
-        react_1.default.createElement(material_1.ListItemText, { disableTypography: true, primary: react_1.default.createElement(highlightedLabel_1.HighlightedLabel, { label: label, ranges: labelRanges }), secondary: categoryKey !== constants_1.SELECT_CATEGORY_KEY.SAVED_FILTERS && (react_1.default.createElement(material_1.Typography, { color: "ink.light", variant: typography_1.TEXT_BODY_SMALL_400 }, count)) })));
+    return (React.createElement(ListItemButton, { ref: listItemRef, onClick: handleItemClicked, selected: selected, style: style },
+        React.createElement(Checkbox, { checked: selected, checkedIcon: React.createElement(CheckedIcon, null), icon: React.createElement(UncheckedIcon, null) }),
+        React.createElement(ListItemText, { disableTypography: true, primary: React.createElement(HighlightedLabel, { label: label, ranges: labelRanges }), secondary: categoryKey !== SELECT_CATEGORY_KEY.SAVED_FILTERS && (React.createElement(Typography, { color: "ink.light", variant: TEXT_BODY_SMALL_400 }, count)) })));
 }
-exports.default = VariableSizeListItem;

package/lib/components/Head/head.js

@@ -1,13 +1,7 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Head = void 0;
-const head_1 = __importDefault(require("next/head"));
-const router_1 = require("next/router");
-const react_1 = __importDefault(require("react"));
-const useConfig_1 = require("../../hooks/useConfig");
+import NextHead from "next/head";
+import { useRouter } from "next/router";
+import React from "react";
+import { useConfig } from "../../hooks/useConfig";
 const FAV_ICONS = {
     "16x16": "/favicons/favicon-16x16.png",
     "180x180": "/favicons/apple-touch-icon.png",
@@ -16,22 +10,21 @@ const FAV_ICONS = {
     maskIcon: "/favicons/safari-pinned-tab.svg",
     siteWebManifest: "/favicons/site.webmanifest",
 };
-const Head = ({ pageTitle }) => {
-    const { config } = (0, useConfig_1.useConfig)();
-    const router = (0, router_1.useRouter)();
+export const Head = ({ pageTitle }) => {
+    const { config } = useConfig();
+    const router = useRouter();
     const { appTitle } = config;
     const title = pageTitle ? `${pageTitle} - ${appTitle}` : appTitle;
     const renderIcons = () => {
-        return (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("link", { rel: "icon", type: "image/x-icon", href: `${router.basePath}${FAV_ICONS.default}` }),
-            react_1.default.createElement("link", { rel: "icon", type: "image/png", sizes: "16x16", href: `${router.basePath}${FAV_ICONS["16x16"]}` }),
-            react_1.default.createElement("link", { rel: "icon", type: "image/png", sizes: "32x32", href: `${router.basePath}${FAV_ICONS["32x32"]}` }),
-            react_1.default.createElement("link", { rel: "apple-touch-icon", type: "image/png", sizes: "180x180", href: `${router.basePath}${FAV_ICONS["180x180"]}` }),
-            react_1.default.createElement("link", { rel: "mask-icon", href: `${router.basePath}${FAV_ICONS.maskIcon}` }),
-            react_1.default.createElement("link", { rel: "manifest", href: `${router.basePath}${FAV_ICONS.siteWebManifest}` })));
+        return (React.createElement(React.Fragment, null,
+            React.createElement("link", { rel: "icon", type: "image/x-icon", href: `${router.basePath}${FAV_ICONS.default}` }),
+            React.createElement("link", { rel: "icon", type: "image/png", sizes: "16x16", href: `${router.basePath}${FAV_ICONS["16x16"]}` }),
+            React.createElement("link", { rel: "icon", type: "image/png", sizes: "32x32", href: `${router.basePath}${FAV_ICONS["32x32"]}` }),
+            React.createElement("link", { rel: "apple-touch-icon", type: "image/png", sizes: "180x180", href: `${router.basePath}${FAV_ICONS["180x180"]}` }),
+            React.createElement("link", { rel: "mask-icon", href: `${router.basePath}${FAV_ICONS.maskIcon}` }),
+            React.createElement("link", { rel: "manifest", href: `${router.basePath}${FAV_ICONS.siteWebManifest}` })));
     };
-    return (react_1.default.createElement(head_1.default, { key: "page-head" },
-        react_1.default.createElement("title", null, title),
+    return (React.createElement(NextHead, { key: "page-head" },
+        React.createElement("title", null, title),
         renderIcons()));
 };
-exports.Head = Head;

package/lib/components/Index/components/AzulFileDownload/azulFileDownload.js

@@ -1,56 +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;
-};
-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.AzulFileDownload = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importStar(require("react"));
-const constants_1 = require("../../../../apis/azul/common/constants");
-const useRequestFileLocation_1 = require("../../../../hooks/useRequestFileLocation");
-const downloadIcon_1 = require("../../../common/CustomIcon/components/DownloadIcon/downloadIcon");
-const loadingIcon_1 = require("../../../common/CustomIcon/components/LoadingIcon/loadingIcon");
-const loadingIconButton_1 = require("../../../common/IconButton/components/LoadingIconButton/loadingIconButton");
-const iconButton_styles_1 = require("../../../common/IconButton/iconButton.styles");
-const AzulFileDownload = ({ url, }) => {
-    const downloadRef = (0, react_1.useRef)(null);
+import { Box } from "@mui/material";
+import React, { useEffect, useRef, useState } from "react";
+import { API_FILE_LOCATION_FETCH } from "../../../../apis/azul/common/constants";
+import { useRequestFileLocation } from "../../../../hooks/useRequestFileLocation";
+import { DownloadIcon } from "../../../common/CustomIcon/components/DownloadIcon/downloadIcon";
+import { LoadingIcon } from "../../../common/CustomIcon/components/LoadingIcon/loadingIcon";
+import { LoadingIconButton } from "../../../common/IconButton/components/LoadingIconButton/loadingIconButton";
+import { IconButtonPrimary } from "../../../common/IconButton/iconButton.styles";
+export const AzulFileDownload = ({ url, }) => {
+    const downloadRef = useRef(null);
     // Used to prevent the download button from being clicked twice
-    const [isDownloading, setIsDownloading] = (0, react_1.useState)(false);
+    const [isDownloading, setIsDownloading] = useState(false);
     // Correct the file fetch URL as per the Azul spec.
     const azulFetchUrl = buildFetchFileUrl(url);
-    const { data, isLoading, isSuccess, run } = (0, useRequestFileLocation_1.useRequestFileLocation)(azulFetchUrl);
-    const fileLocation = data === null || data === void 0 ? void 0 : data.location;
+    const { data, isLoading, isSuccess, run } = useRequestFileLocation(azulFetchUrl);
+    const fileLocation = data?.location;
     // Initiates file download when file location request is successful.
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (isSuccess && fileLocation && downloadRef.current) {
             const downloadEl = downloadRef.current;
             downloadEl.href = fileLocation;
@@ -61,18 +26,17 @@ const AzulFileDownload = ({ url, }) => {
     /**
      * Initiate file location request.
      */
-    const onFileLocationRequested = () => __awaiter(void 0, void 0, void 0, function* () {
+    const onFileLocationRequested = async () => {
         // Prevent duplicate downloads
         setIsDownloading(true);
         run();
-    });
-    const realButton = (react_1.default.createElement(iconButton_styles_1.IconButtonPrimary, { disabled: !url, Icon: isLoading ? loadingIcon_1.LoadingIcon : downloadIcon_1.DownloadIcon, onClick: onFileLocationRequested, size: "medium" }));
-    const mockButton = react_1.default.createElement(loadingIconButton_1.LoadingIconButton, null);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
+    };
+    const realButton = (React.createElement(IconButtonPrimary, { disabled: !url, Icon: isLoading ? LoadingIcon : DownloadIcon, onClick: onFileLocationRequested, size: "medium" }));
+    const mockButton = React.createElement(LoadingIconButton, null);
+    return (React.createElement(React.Fragment, null,
         isDownloading ? mockButton : realButton,
-        react_1.default.createElement(material_1.Box, { component: "a", download: true, ref: downloadRef, sx: { display: "none" } })));
+        React.createElement(Box, { component: "a", download: true, ref: downloadRef, sx: { display: "none" } })));
 };
-exports.AzulFileDownload = AzulFileDownload;
 /**
  * Prepend "/fetch" to the path of the specified file URL, if not already included. See #1596.
  * @param fileUrl - Original file URL as returned from Azul.
@@ -85,8 +49,8 @@ function buildFetchFileUrl(fileUrl) {
     try {
         const url = new URL(fileUrl);
         const path = url.pathname;
-        if (!path.includes(constants_1.API_FILE_LOCATION_FETCH)) {
-            url.pathname = `${constants_1.API_FILE_LOCATION_FETCH}${path}`;
+        if (!path.includes(API_FILE_LOCATION_FETCH)) {
+            url.pathname = `${API_FILE_LOCATION_FETCH}${path}`;
         }
         return url.toString();
     }

package/lib/components/Index/components/AzulFileDownload/azulFileDownload.stories.js

@@ -1,17 +1,11 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AzulFileDownloadStory = void 0;
-const react_1 = __importDefault(require("react"));
-const azulFileDownload_1 = require("./azulFileDownload");
-exports.default = {
-    component: azulFileDownload_1.AzulFileDownload,
+import React from "react";
+import { AzulFileDownload } from "./azulFileDownload";
+export default {
+    component: AzulFileDownload,
     title: "Components/Common/IconButton/Download",
 };
-const AzulFileDownloadTemplate = (args) => react_1.default.createElement(azulFileDownload_1.AzulFileDownload, Object.assign({}, args));
-exports.AzulFileDownloadStory = AzulFileDownloadTemplate.bind({});
-exports.AzulFileDownloadStory.args = {
+const AzulFileDownloadTemplate = (args) => React.createElement(AzulFileDownload, { ...args });
+export const AzulFileDownloadStory = AzulFileDownloadTemplate.bind({});
+AzulFileDownloadStory.args = {
     url: "https://service.dev.singlecell.gi.ucsc.edu/repository/files/d496b624-eb67-5e47-999a-848e856c5bcc?catalog=dcp2&version=2021-09-10T16%3A09%3A44.000000Z",
 };

package/lib/components/Index/components/Cell/cell.js

@@ -1,17 +1,10 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Cell = void 0;
-const react_1 = __importDefault(require("react"));
+import React from "react";
 /**
  * @deprecated - use BasicCell from "@databiosphere/findable-ui/lib/components/Table/components/TableCell/components/BasicCell/basicCell"
  */
-const Cell = ({ value = "Unspecified" }) => {
+export const Cell = ({ value = "Unspecified" }) => {
     if (typeof value === "string" || typeof value === "number") {
-        return react_1.default.createElement("div", null, value);
+        return React.createElement("div", null, value);
     }
-    return (react_1.default.createElement(react_1.default.Fragment, null, value.map((v) => (react_1.default.createElement("div", { key: v }, v)))));
+    return (React.createElement(React.Fragment, null, value.map((v) => (React.createElement("div", { key: v }, v)))));
 };
-exports.Cell = Cell;

package/lib/components/Index/components/Hero/components/ExportButton/exportButton.js

@@ -1,19 +1,12 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import { Tooltip } from "@mui/material";
+import Link from "next/link";
+import React from "react";
+import { useDownloadStatus } from "../../../../../../hooks/useDownloadStatus";
+import { Button } from "./exportButton.styles";
+export const ExportButton = () => {
+    const { disabled, isLoading, message } = useDownloadStatus();
+    return (React.createElement(Tooltip, { arrow: true, title: message },
+        React.createElement("span", null,
+            React.createElement(Link, { href: "/export", legacyBehavior: true, passHref: true },
+                React.createElement(Button, { disabled: disabled || isLoading, href: "passHref" }, "Export")))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExportButton = void 0;
-const material_1 = require("@mui/material");
-const link_1 = __importDefault(require("next/link"));
-const react_1 = __importDefault(require("react"));
-const useDownloadStatus_1 = require("../../../../../../hooks/useDownloadStatus");
-const exportButton_styles_1 = require("./exportButton.styles");
-const ExportButton = () => {
-    const { disabled, isLoading, message } = (0, useDownloadStatus_1.useDownloadStatus)();
-    return (react_1.default.createElement(material_1.Tooltip, { arrow: true, title: message },
-        react_1.default.createElement("span", null,
-            react_1.default.createElement(link_1.default, { href: "/export", legacyBehavior: true, passHref: true },
-                react_1.default.createElement(exportButton_styles_1.Button, { disabled: disabled || isLoading, href: "passHref" }, "Export")))));
-};
-exports.ExportButton = ExportButton;

package/lib/components/Index/components/Hero/components/ExportButton/exportButton.styles.js

@@ -1,19 +1,13 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const breakpoints_1 = require("../../../../../../styles/common/mixins/breakpoints");
-const buttonPrimary_1 = require("../../../../../common/Button/components/ButtonPrimary/buttonPrimary");
-exports.Button = (0, styled_1.default)(buttonPrimary_1.ButtonPrimary) `
+import styled from "@emotion/styled";
+import { mediaTabletUp } from "../../../../../../styles/common/mixins/breakpoints";
+import { ButtonPrimary } from "../../../../../common/Button/components/ButtonPrimary/buttonPrimary";
+export const Button = styled(ButtonPrimary) `
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
   display: none;
   margin-left: -1px;
 
-  ${breakpoints_1.mediaTabletUp} {
+  ${mediaTabletUp} {
     display: block;
   }
 `;

package/lib/components/Index/components/Hero/components/Summaries/summaries.js

@@ -1,39 +1,12 @@
-"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;
+import { Typography } from "@mui/material";
+import React, { Fragment } from "react";
+import { TEXT_BODY_SMALL_400, TEXT_BODY_SMALL_500, } from "../../../../../../theme/common/typography";
+import { Dot, Summary } from "./summaries.styles";
+export const Summaries = ({ summaries }) => {
+    return (React.createElement(React.Fragment, null, summaries &&
+        summaries.map(({ count, label }, c) => (React.createElement(Fragment, { key: `${label}${c}` },
+            c !== 0 && React.createElement(Dot, null),
+            React.createElement(Summary, null,
+                React.createElement(Typography, { variant: TEXT_BODY_SMALL_500 }, count),
+                React.createElement(Typography, { color: "ink.light", variant: TEXT_BODY_SMALL_400 }, label)))))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Summaries = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importStar(require("react"));
-const typography_1 = require("../../../../../../theme/common/typography");
-const summaries_styles_1 = require("./summaries.styles");
-const Summaries = ({ summaries }) => {
-    return (react_1.default.createElement(react_1.default.Fragment, null, summaries &&
-        summaries.map(({ count, label }, c) => (react_1.default.createElement(react_1.Fragment, { key: `${label}${c}` },
-            c !== 0 && react_1.default.createElement(summaries_styles_1.Dot, null),
-            react_1.default.createElement(summaries_styles_1.Summary, null,
-                react_1.default.createElement(material_1.Typography, { variant: typography_1.TEXT_BODY_SMALL_500 }, count),
-                react_1.default.createElement(material_1.Typography, { color: "ink.light", variant: typography_1.TEXT_BODY_SMALL_400 }, label)))))));
-};
-exports.Summaries = Summaries;