@gen3/frontend 0.10.81 → 0.10.83

package/dist/dts/utils/mergeDefaultTailwindClassnames.d.ts

@@ -1,14 +1,12 @@
-import { StylingOverrideWithMergeControl } from '../types';
-type RecordType = Record<string, string>;
+import { StylingOverrideWithMergeControl, StylingOverride } from '../types';
 /**
  * Merges default and user values for Tailwind classnames.
  *
- * @param {RecordType} defaultValues - The default values for the classnames.
- * @param {RecordType} userValues - The user-defined values for the classnames.
+ * @param {StylingOverride} defaultValues - The default values for the classnames.
+ * @param {StylingOverride} userValues - The user-defined values for the classnames.
  * @param {StylingMergeMode} mode - Whether to merge or replace the default and user values. Default is merge.
- * @returns {RecordType} - The merged default and user values for the classnames.
+ * @returns {StylingOverride} - The merged default and user values for the classnames.
  */
-export declare const mergeDefaultTailwindClassnames: (defaultValues: RecordType, { mode, ...userValues }: StylingOverrideWithMergeControl) => RecordType;
+export declare const mergeDefaultTailwindClassnames: (defaultValues: StylingOverride, { mode, ...userValues }: StylingOverrideWithMergeControl) => StylingOverride;
 export declare const mergeTailwindClassnameWithDefault: (userValues: string | undefined, defaultValues: string) => string;
-export {};
 //# sourceMappingURL=mergeDefaultTailwindClassnames.d.ts.map

package/dist/dts/utils/mergeDefaultTailwindClassnames.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mergeDefaultTailwindClassnames.d.ts","sourceRoot":"","sources":["../../../src/utils/mergeDefaultTailwindClassnames.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,+BAA+B,EAAoB,MAAM,UAAU,CAAC;AAE7E,KAAK,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAEzC;;;;;;;GAOG;AACH,eAAO,MAAM,8BAA8B,GACzC,eAAe,UAAU,EACzB,yBAAmC,+BAA+B,KACjE,UAqBF,CAAC;AAEF,eAAO,MAAM,iCAAiC,GAC5C,YAAY,MAAM,GAAG,SAAS,EAC9B,eAAe,MAAM,KACpB,MAA2E,CAAC"}
+{"version":3,"file":"mergeDefaultTailwindClassnames.d.ts","sourceRoot":"","sources":["../../../src/utils/mergeDefaultTailwindClassnames.ts"],"names":[],"mappings":"AACA,OAAO,EACL,+BAA+B,EAE/B,eAAe,EAChB,MAAM,UAAU,CAAC;AAElB;;;;;;;GAOG;AACH,eAAO,MAAM,8BAA8B,GACzC,eAAe,eAAe,EAC9B,yBAAmC,+BAA+B,KACjE,eAoBF,CAAC;AAEF,eAAO,MAAM,iCAAiC,GAC5C,YAAY,MAAM,GAAG,SAAS,EAC9B,eAAe,MAAM,KACpB,MAA2E,CAAC"}

package/dist/dts/utils/mergeDefaultTailwindClassnames.js

@@ -24,10 +24,10 @@ import { twMerge } from 'tailwind-merge';
 /**
  * Merges default and user values for Tailwind classnames.
  *
- * @param {RecordType} defaultValues - The default values for the classnames.
- * @param {RecordType} userValues - The user-defined values for the classnames.
+ * @param {StylingOverride} defaultValues - The default values for the classnames.
+ * @param {StylingOverride} userValues - The user-defined values for the classnames.
  * @param {StylingMergeMode} mode - Whether to merge or replace the default and user values. Default is merge.
- * @returns {RecordType} - The merged default and user values for the classnames.
+ * @returns {StylingOverride} - The merged default and user values for the classnames.
  */
 export var mergeDefaultTailwindClassnames = function (defaultValues, _a) {
     var _b = _a.mode, mode = _b === void 0 ? 'merge' : _b, userValues = __rest(_a, ["mode"]);

package/dist/dts/utils/mergeDefaultTailwindClassnames.js.map

@@ -1 +1 @@
-{"version":3,"file":"mergeDefaultTailwindClassnames.js","sourceRoot":"","sources":["../../../src/utils/mergeDefaultTailwindClassnames.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAKzC;;;;;;;GAOG;AACH,MAAM,CAAC,IAAM,8BAA8B,GAAG,UAC5C,aAAyB,EACzB,EAAkE;IAAhE,IAAA,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EAAK,UAAU,cAA/B,QAAiC,CAAF;IAE/B,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC/C,IAAM,YAAY,gBAAQ,aAAa,CAAE,CAAC;IAE1C,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QACrB,WAAW,CAAC,OAAO,CAAC,UAAC,GAAG;YACtB,IAAI,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;gBACpB,YAAY,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;YACnE,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,WAAW,CAAC,OAAO,CAAC,UAAC,GAAG;YACtB,IAAI,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;gBACpB,YAAY,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;YACtC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iCAAiC,GAAG,UAC/C,UAA8B,EAC9B,aAAqB,IACV,OAAA,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,EAAjE,CAAiE,CAAC"}
+{"version":3,"file":"mergeDefaultTailwindClassnames.js","sourceRoot":"","sources":["../../../src/utils/mergeDefaultTailwindClassnames.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAOzC;;;;;;;GAOG;AACH,MAAM,CAAC,IAAM,8BAA8B,GAAG,UAC5C,aAA8B,EAC9B,EAAkE;IAAhE,IAAA,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EAAK,UAAU,cAA/B,QAAiC,CAAF;IAE/B,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC/C,IAAM,YAAY,gBAAQ,aAAa,CAAE,CAAC;IAE1C,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QACrB,WAAW,CAAC,OAAO,CAAC,UAAC,GAAG;YACtB,IAAI,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;gBACpB,YAAY,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;YACnE,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,WAAW,CAAC,OAAO,CAAC,UAAC,GAAG;YACtB,IAAI,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;gBACpB,YAAY,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;YACtC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IACD,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iCAAiC,GAAG,UAC/C,UAA8B,EAC9B,aAAqB,IACV,OAAA,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,EAAjE,CAAiE,CAAC"}

package/dist/esm/index.js

@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { createContext, useState, useMemo, useEffect, useCallback, useContext, useRef, createElement, forwardRef, useReducer } from 'react';
 import { useUserAuth, useCoreSelector, selectUserDetails, useGetAuthzMappingsQuery, fetchFence, isFetchError, WorkspaceStatus, useGetWorkspaceStatusQuery, useGetWorkspacePayModelsQuery, useTerminateWorkspaceMutation, selectRequestedWorkspaceStatus, selectRequestedWorkspaceStatusTimestamp, useCoreDispatch, setActiveWorkspaceStatus, RequestedWorkspaceStatus, setRequestedWorkspaceStatus, isTimeGreaterThan, useLazyFetchUserDetailsQuery, selectUserAuthStatus, GEN3_REDIRECT_URL, GEN3_FENCE_API, showModal, Modals, isAuthenticated, useGetLoginProvidersQuery, hideModal, useGetCSRFQuery, selectCurrentModal, fieldNameToTitle, useIsUserLoggedIn, useGetMDSQuery, selectAuthzMappingData, useGetAggMDSQuery, useAskQuestionMutation, useGetIndexAggMDSQuery, useGetTagsQuery, isOperationWithField, extractEnumFilterValue, selectIndexedFilterByName, selectShouldShareFilters, selectSharedFilters, updateCohortFilter, isOperatorWithFieldAndArrayOfOperands, removeCohortFilter, setCohortFilter, clearCohortFilters, handleOperation, selectCohortFilters, setCohortIndexFilters, toggleCohortBuilderCategoryFilter, selectCohortFilterExpanded, setCohortFilterCombineMode, selectCohortFilterCombineMode, selectCurrentCohortId, selectCurrentCohortName, useGeneralGQLQuery, selectIndexFilters, useGetRawDataAndTotalCountsQuery, Accessibility, downloadFromGuppyToBlob, downloadJSONDataFromGuppy, trimFirstFieldNameToTitle, selectAllCohortFiltersCollapsed, toggleCohortBuilderAllFilters, setShouldShareFilters, useGetAggsQuery, useGetAggsNoFilterSelfQuery, isIntersection, useGetCountsQuery, setSharedFilters, selectHeadersWithCSRFToken, GEN3_GUPPY_API, useLaunchWorkspaceMutation, selectActiveWorkspaceStatus, isFetchBaseQueryError, setActiveWorkspace, getCurrentTimestamp, selectWorkspaceStatusFromService, selectActiveWorkspaceId, useGetWorkspaceOptionsQuery, GEN3_WORKSPACE_API, useGetExternalLoginsQuery, useSetCurrentPayModelMutation, PodStatus, PodConditionType, isWorkspaceRunningOrStopping, GEN3_COMMONS_NAME, createAppStore, createGen3AppWithOwnStore, createAppApiForRTKQ, getGen3AppId, useGetDictionaryQuery, useGetMetadataByIdQuery, createGen3App, CoreProvider, fetchJSONDataFromURL, groupSharedFields, useGetCredentialsQuery, useRemoveCredentialMutation, useAddNewCredentialMutation, useGetProjectsDetailsQuery, useGetSubmissionsQuery, isCohortItem, isFileItem, fetchFencePresignedURL, HTTPError, isFilterSet, getNumberOfItemsInDatalist, isAdditionalDataItem, getTimestamp, useDataLibrary, useLazyGetCrosswalkDataQuery } from '@gen3/core';
-import { LoadingOverlay, Card, Group, Avatar, Text, Checkbox, Stack, Tooltip, UnstyledButton, ThemeIcon, Center, Box, Select, Button, Divider, Textarea, FileButton, Anchor, Modal, Grid, Table, ColorSwatch, useMantineTheme, Loader, Paper, Menu, Badge, Alert, Tabs, Accordion, Drawer, CopyButton, factory, useProps, getStyleObject, SegmentedControl, Switch, Autocomplete, TextInput, Title, ActionIcon, NumberInput, RangeSlider, MultiSelect, Transition, rem, Stepper, Image as Image$1, NavLink, Flex, ScrollArea, Highlight, List, createTheme, FileInput, CloseButton } from '@mantine/core';
+import { LoadingOverlay, Card, Group, Avatar, Text, Checkbox, Stack, Tooltip, UnstyledButton, ThemeIcon, Center, Box, Select, Button, Divider, Textarea, FileButton, Anchor, Modal, Grid, Table, ColorSwatch, useMantineTheme, Loader, Paper, Menu, Badge, Alert, Tabs, Accordion, Drawer, CopyButton, factory, useProps, getStyleObject, SegmentedControl, Switch, Autocomplete, TextInput, Title, ActionIcon, NumberInput, RangeSlider, MultiSelect, Transition, rem, Stepper, Image as Image$1, NavLink, Flex, ScrollArea, Highlight, List, createTheme, Pagination, FileInput, CloseButton } from '@mantine/core';
 import { useDeepCompareEffect, useDeepCompareMemo, useDeepCompareCallback } from 'use-deep-compare';
 import { useRouter } from 'next/router';
 import { usePathname } from 'next/navigation';
@@ -965,10 +965,10 @@ var LoginButtonVisibility = /*#__PURE__*/ function(LoginButtonVisibility) {
 /**
  * Merges default and user values for Tailwind classnames.
  *
- * @param {RecordType} defaultValues - The default values for the classnames.
- * @param {RecordType} userValues - The user-defined values for the classnames.
+ * @param {StylingOverride} defaultValues - The default values for the classnames.
+ * @param {StylingOverride} userValues - The user-defined values for the classnames.
  * @param {StylingMergeMode} mode - Whether to merge or replace the default and user values. Default is merge.
- * @returns {RecordType} - The merged default and user values for the classnames.
+ * @returns {StylingOverride} - The merged default and user values for the classnames.
  */ const mergeDefaultTailwindClassnames = (defaultValues, { mode = 'merge', ...userValues })=>{
     const defaultKeys = Object.keys(defaultValues);
     const mergedValues = {
@@ -3058,7 +3058,16 @@ const LoginAccountButton = ({ className = undefined })=>{
     return null;
 };
 
-const TopIconButton = ({ name, leftIcon = undefined, rightIcon = undefined, classNames = {}, drawBorder = true })=>{
+const IconSize = {
+    xs: 14,
+    sm: 16,
+    md: 20,
+    lg: 24,
+    xl: 32,
+    'xl-2': 36
+};
+
+const TopIconButton = ({ name, leftIcon = undefined, rightIcon = undefined, iconSize = 'md', classNames = {}, drawBorder = true })=>{
     const classNamesDefaults = {
         root: `flex items-center align-middle px-2 my-2`,
         button: 'flex flex-nowrap items-center align-middle border-b-2 hover:border-accent border-transparent',
@@ -3067,6 +3076,8 @@ const TopIconButton = ({ name, leftIcon = undefined, rightIcon = undefined, clas
         rightIcon: 'text-secondary-contrast-lighter pl-1'
     };
     const mergedClassnames = mergeDefaultTailwindClassnames(classNamesDefaults, classNames);
+    // get the icon size otherwise use the value of iconsSize as a string value: e.g. 2em
+    const iconSz = IconSize[iconSize] ?? iconSize;
     return /*#__PURE__*/ jsx("div", {
         className: extractClassName('root', mergedClassnames),
         "aria-label": name,
@@ -3076,6 +3087,8 @@ const TopIconButton = ({ name, leftIcon = undefined, rightIcon = undefined, clas
             children: [
                 leftIcon ? /*#__PURE__*/ jsx(Icon, {
                     icon: leftIcon,
+                    width: iconSz,
+                    height: iconSz,
                     className: extractClassName('leftIcon', mergedClassnames)
                 }) : null,
                 /*#__PURE__*/ jsxs("p", {
@@ -3086,7 +3099,9 @@ const TopIconButton = ({ name, leftIcon = undefined, rightIcon = undefined, clas
                         " "
                     ]
                 }),
-                rightIcon ? /*#__PURE__*/ jsx(Icon, {
+                rightIcon && rightIcon.length > 0 ? /*#__PURE__*/ jsx(Icon, {
+                    width: iconSz,
+                    height: iconSz,
                     icon: rightIcon,
                     className: extractClassName('rightIcon', mergedClassnames)
                 }) : null
@@ -3094,9 +3109,10 @@ const TopIconButton = ({ name, leftIcon = undefined, rightIcon = undefined, clas
         })
     });
 };
-const processTopBarItems = (items, showLogin)=>{
+const processTopBarItems = (items, showLogin, classNames, dividerClassname)=>{
     return items.reduce((acc, item, index)=>{
         const needsBorder = !(index === items.length - 1 && !showLogin);
+        const mergedClassnames = item?.classNames ? mergeDefaultTailwindClassnames(classNames, item.classNames) : classNames;
         acc.push(/*#__PURE__*/ jsxs("a", {
             className: "flex",
             href: item.href,
@@ -3104,18 +3120,18 @@ const processTopBarItems = (items, showLogin)=>{
                 ' ',
                 /*#__PURE__*/ jsx(TopIconButton, {
                     name: item.name,
+                    iconSize: item.iconSize,
                     leftIcon: item.leftIcon,
                     rightIcon: item.rightIcon,
-                    classNames: item.classNames,
+                    classNames: mergedClassnames,
                     drawBorder: needsBorder
                 }),
                 ' ',
                 /*#__PURE__*/ jsx(Divider, {
                     size: "md",
-                    color: "accent.4",
                     orientation: "vertical",
                     classNames: {
-                        root: 'my-2'
+                        root: dividerClassname
                     }
                 })
             ]
@@ -3123,12 +3139,21 @@ const processTopBarItems = (items, showLogin)=>{
         return acc;
     }, []);
 };
-const TopBar = ({ items, loginButtonVisibility = LoginButtonVisibility.Hidden, externalLoginUrl, classNames = {} })=>{
+const TopBar = ({ items, loginButtonVisibility = LoginButtonVisibility.Hidden, externalLoginUrl, classNames = {}, itemClassnames = {} })=>{
     const classNamesDefaults = {
         root: 'flex justify-end items-center align-middle w-100 bg-secondary-lighter',
-        login: 'font-content hover:border-accent'
+        login: 'font-content hover:border-accent',
+        divider: 'border-accent my-2'
+    };
+    const itemClassnameDefaults = {
+        root: `flex items-center align-middle px-2 my-2`,
+        button: 'flex flex-nowrap items-center align-middle border-b-2 hover:border-accent border-transparent',
+        leftIcon: 'text-secondary-contrast-lighter pr-1',
+        label: 'font-content text-secondary-contrast-lighter block',
+        rightIcon: 'text-secondary-contrast-lighter pl-1'
     };
     const mergedClassnames = mergeDefaultTailwindClassnames(classNamesDefaults, classNames);
+    const mergedItemClassnames = mergeDefaultTailwindClassnames(itemClassnameDefaults, itemClassnames);
     return /*#__PURE__*/ jsx("div", {
         children: /*#__PURE__*/ jsx("header", {
             className: extractClassName('root', mergedClassnames),
@@ -3137,7 +3162,7 @@ const TopBar = ({ items, loginButtonVisibility = LoginButtonVisibility.Hidden, e
                 "aria-label": "top most navigation",
                 className: "flex items-center align-middle",
                 children: [
-                    processTopBarItems(items, loginButtonVisibility === LoginButtonVisibility.Visible),
+                    processTopBarItems(items, loginButtonVisibility === LoginButtonVisibility.Visible, mergedItemClassnames, extractClassName('divider', mergedClassnames)),
                     loginButtonVisibility != LoginButtonVisibility.Hidden ? /*#__PURE__*/ jsxs("div", {
                         className: "flex items-center",
                         children: [
@@ -3146,7 +3171,9 @@ const TopBar = ({ items, loginButtonVisibility = LoginButtonVisibility.Hidden, e
                             }),
                             /*#__PURE__*/ jsx(Divider, {
                                 size: "md",
-                                color: "accent.4",
+                                classNames: {
+                                    root: extractClassName('divider', mergedClassnames)
+                                },
                                 orientation: "vertical"
                             })
                         ]
@@ -3557,6 +3584,9 @@ const HorizontalNavigationBar = ({ actions, items, logo = undefined, loginIcon =
                 externalLoginUrl: top?.externalLoginUrl,
                 classNames: {
                     ...top.classNames
+                },
+                itemClassnames: {
+                    ...top.itemClassnames
                 }
             }),
             banners?.map((banner)=>/*#__PURE__*/ createElement(Banner, {
@@ -6109,7 +6139,7 @@ const SearchInputWithSuggestions = ({ searchChanged, placeholder, label, suggest
  * AiSearch is an ai chatbot presenting as a searchbar
  * @param uidForStorage - optional id used to store search results Defaults to 'aiSearch'
  * @param placeholder - optional Defaults to 'e.g. Is there any data with subjects diagnosed with lung disease?'
-*/ const AiSearch = ({ placeholder = 'e.g. Is there any data with subjects diagnosed with lung disease?', uidForStorage = 'aiSearch' })=>{
+ */ const AiSearch = ({ placeholder = 'e.g. Is there any data with subjects diagnosed with lung disease?', uidForStorage = 'aiSearch' })=>{
     const [searchTerm, setSearchTerm] = useState('');
     const [searchTermOnSubmit, setSearchTermOnSubmit] = useState('');
     const [aiSearchHistory, setAiSearchHistory] = useState({});
@@ -14879,35 +14909,11 @@ const createMantineTheme = (fonts, colors)=>{
     const theme = createTheme({
         // use V2 font in MantineProvider
         fontFamily: fonts.fontFamily,
-        // Override default blue color until styles are determined
-        colors: {
-            white: [
-                // TODO: replace with primary theme color
-                '#ffffff',
-                '#ffffff',
-                '#ffffff',
-                '#ffffff',
-                '#ffffff',
-                '#ffffff',
-                '#ffffff',
-                '#ffffff',
-                '#ffffff',
-                '#ffffff'
-            ],
-            // Add default color from tailwind config to Mantine theme
-            // note that now getting colors from the tailwindcss-themer which assumes that plugin is last in the
-            // plugins declaration.
-            // TODO: refactor how the configuration get loaded
-            ...Object.fromEntries(Object.entries(colors).map(([key, values])=>[
-                    key,
-                    Object.values(values)
-                ]))
-        },
+        colors: Object.fromEntries(Object.entries(colors).map(([key, values])=>values ? [
+                key,
+                Object.values(values)
+            ] : [])),
         primaryColor: 'primary',
-        primaryShade: {
-            light: 4,
-            dark: 7
-        },
         breakpoints: {
             xs: '31.25em',
             sm: '50em',
@@ -14916,13 +14922,40 @@ const createMantineTheme = (fonts, colors)=>{
             xl: '112.5em'
         },
         components: {
-            Modal: {
+            Modal: Modal.extend({
                 defaultProps: {
                     classNames: {
                         title: 'font-bold'
                     }
                 }
-            }
+            }),
+            Pagination: Pagination.extend({
+                defaultProps: {
+                    getControlProps: (control)=>{
+                        if (control === 'first') {
+                            return {
+                                "aria-label": "First"
+                            };
+                        }
+                        if (control === 'last') {
+                            return {
+                                "aria-label": "Last"
+                            };
+                        }
+                        if (control === 'next') {
+                            return {
+                                "aria-label": "Next"
+                            };
+                        }
+                        if (control === 'previous') {
+                            return {
+                                "aria-label": "Previous"
+                            };
+                        }
+                        return {};
+                    }
+                }
+            })
         }
     });
     return theme;
@@ -15166,7 +15199,7 @@ const QueryPageGetServerSideProps = async ()=>{
                             return /*#__PURE__*/ jsx("div", {
                                 className: "h-full relative",
                                 children: /*#__PURE__*/ jsx(Image, {
-                                    src: `${basePath}${obj.image.src}`,
+                                    src: obj.image.src,
                                     alt: obj.image.alt,
                                     fill: true
                                 })
@@ -18542,15 +18575,6 @@ const getNumberOfSelectedItemsInList = (selections, listId)=>{
 };
 const isListInSelection = (listId, selections)=>listId in selections;
 
-const IconSize = {
-    xs: 14,
-    sm: 16,
-    md: 20,
-    lg: 24,
-    xl: 32,
-    'xl-2': 36
-};
-
 const SearchAndActions = ({ createList, gatherData, size = 'sm' })=>{
     const { selections, clearSelections } = useDataLibrarySelection();
     const retrieveDisabled = Object.keys(selections).length === 0;
@@ -20768,5 +20792,5 @@ async function credentialsLogout(req, res) {
     res.redirect(307, '/');
 }
 
-export { AISearchPageGetServerSideProps, ActionButton, AdminAuthZPageGetServerSideProps, AiSearch, AISearchPage as AiSearchPage, AnalysisCenter, AnalysisEditorPage, AnalysisEditorPageGetServerSideProps, AnalysisPage, AnalysisPageGetServerSideProps, AuthzPage, BaseModal, Charts, CohortBuilder, CollapsableSidebar, ColorThemePage, ColorThemePageGetServerSideProps, ContentSource, CreateCredentialsAPIKeyModal, CrosswalkPage, CrosswalkPageGetServerSideProps, Custom404Page, DataLibraryPage, DataLibraryPageGetServerSideProps, DictionaryPage, DictionaryPageGetServerSideProps, DiscoveryCellRendererFactory, DiscoveryProvider as DiscoveryConfigProvider, DiscoveryIndexPanel, DiscoveryPage, DiscoveryPageGetServerSideProps, DiscoveryRowRendererFactory, DropdownButton, EnumFacetChart, ErrorCard, ExplorerPage, ExplorerPageGetServerSideProps, ExplorerPageGetServerSidePropsForConfigId, ExplorerTableCellRendererFactory, ExplorerTableDetailsPanelFactory, FirstTimeModal, Footer, Gen3Button, Gen3ButtonReverse, Gen3Link, Gen3ModalsProvider, Gen3Provider, GqlQueryEditor$1 as GqlQueryEditor, Header, HoverLink, LandingPage, LandingPageGetStaticProps, LoginButton, LoginPage, LoginPageGetServerSideProps, LoginPanel, LoginProvidersPanel, MinutesToMilliseconds, NavPageLayout, NavigationBar, NavigationButton, NoAccessModal, NotebookLitePage, NotebookLitePageGetStaticProps, ProfilePage, ProfilePageGetServerSideProps, ProfileProvider, ProtectedContent, QueryPage, QueryPageGetServerSideProps, ReactECharts, ResourcesFilters, SPECIAL_CASE_FIELDS, SessionExpiredModal, StudyGroup, SubmissionPage, SubmissionPageGetServerSideProps, TagCloud, TailwindConfig, UploadJSONButton, User, Workspace, WorkspaceNoAccessPage, WorkspaceNoAccessPageServerSideProps, WorkspacePage, WorkspacePageGetServerSideProps, capitalize, computeRowSpan, convertMinutesToMilliseconds, convertSecondsToMilliseconds, create10ColorAccessibleContrast, create10ColorPallet, createMantineTheme, credentialsLogin, credentialsLogout, extractObjectKey, focusStyles, getCurrentUnixTimestamp, getNavPageLayoutPropsFromConfig, getParamsValueAsString, getTagInfo, hasOwnProperty, isArrayOfString, isPropertyKey, isTextTransform$1 as isTextTransform, processLabel$1 as processLabel, processRangeKeyLabel, registerCohortBuilderDefaultPreviewRenderers, registerCohortDiscoveryApp, registerCohortSimilarityApp, registerDefaultDiscoveryDataLoaders, registerDiscoveryDefaultCellRenderers, registerDiscoveryDefaultStudyPreviewRenderers, registerExplorerDefaultCellRenderers, registerMetadataSchemaApp, removeKey$1 as removeKey, resourcePathFromProjectID, sessionLogout, sessionToken, stripTrailingSlash, toDisplayName, truncateString, unixTimeToString, useDiscoveryContext, userHasMethodForServiceOnResource$1 as userHasMethodForServiceOnResource };
+export { AISearchPageGetServerSideProps, ActionButton, AdminAuthZPageGetServerSideProps, AiSearch, AISearchPage as AiSearchPage, AnalysisCenter, AnalysisEditorPage, AnalysisEditorPageGetServerSideProps, AnalysisPage, AnalysisPageGetServerSideProps, AuthzPage, BaseModal, Charts, CohortBuilder, CollapsableSidebar, ColorThemePage, ColorThemePageGetServerSideProps, ContentSource, CreateCredentialsAPIKeyModal, CrosswalkPage, CrosswalkPageGetServerSideProps, Custom404Page, DataLibraryPage, DataLibraryPageGetServerSideProps, DictionaryPage, DictionaryPageGetServerSideProps, DiscoveryCellRendererFactory, DiscoveryProvider as DiscoveryConfigProvider, DiscoveryIndexPanel, DiscoveryPage, DiscoveryPageGetServerSideProps, DiscoveryRowRendererFactory, DropdownButton, EnumFacetChart, ErrorCard, ExplorerPage, ExplorerPageGetServerSideProps, ExplorerPageGetServerSidePropsForConfigId, ExplorerTableCellRendererFactory, ExplorerTableDetailsPanelFactory, FirstTimeModal, Footer, Gen3Button, Gen3ButtonReverse, Gen3Link, Gen3ModalsProvider, Gen3Provider, GqlQueryEditor$1 as GqlQueryEditor, Header, HoverLink, LandingPage, LandingPageGetStaticProps, LoginButton, LoginPage, LoginPageGetServerSideProps, LoginPanel, LoginProvidersPanel, MinutesToMilliseconds, NavPageLayout, NavigationBar, NavigationButton, NoAccessModal, NotebookLitePage, NotebookLitePageGetStaticProps, ProfilePage, ProfilePageGetServerSideProps, ProfileProvider, ProtectedContent, QueryPage, QueryPageGetServerSideProps, ReactECharts, ResourcesFilters, SPECIAL_CASE_FIELDS, SessionExpiredModal, StudyGroup, SubmissionPage, SubmissionPageGetServerSideProps, TagCloud, TailwindConfig, TopBar, UploadJSONButton, User, Workspace, WorkspaceNoAccessPage, WorkspaceNoAccessPageServerSideProps, WorkspacePage, WorkspacePageGetServerSideProps, capitalize, computeRowSpan, convertMinutesToMilliseconds, convertSecondsToMilliseconds, create10ColorAccessibleContrast, create10ColorPallet, createMantineTheme, credentialsLogin, credentialsLogout, extractObjectKey, focusStyles, getCurrentUnixTimestamp, getNavPageLayoutPropsFromConfig, getParamsValueAsString, getTagInfo, hasOwnProperty, isArrayOfString, isPropertyKey, isTextTransform$1 as isTextTransform, processLabel$1 as processLabel, processRangeKeyLabel, registerCohortBuilderDefaultPreviewRenderers, registerCohortDiscoveryApp, registerCohortSimilarityApp, registerDefaultDiscoveryDataLoaders, registerDiscoveryDefaultCellRenderers, registerDiscoveryDefaultStudyPreviewRenderers, registerExplorerDefaultCellRenderers, registerMetadataSchemaApp, removeKey$1 as removeKey, resourcePathFromProjectID, sessionLogout, sessionToken, stripTrailingSlash, toDisplayName, truncateString, unixTimeToString, useDiscoveryContext, userHasMethodForServiceOnResource$1 as userHasMethodForServiceOnResource };
 //# sourceMappingURL=index.js.map