@gen3/frontend 0.10.44 → 0.10.46

package/dist/esm/index.js

@@ -1,27 +1,28 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
-import React__default, { createElement, useState, useCallback, useEffect, useContext, useRef, createContext, useMemo, forwardRef, useReducer } from 'react';
+import React__default, { useState, useCallback, useEffect, useContext, useRef, createElement, createContext, useMemo, forwardRef, useReducer } from 'react';
+import { twMerge } from 'tailwind-merge';
 import Image from 'next/image';
+import { toString, isArray, get, partial, omit, capitalize as capitalize$1 } from 'lodash';
 import Link from 'next/link';
-import { FaExternalLinkAlt, FaUndo, FaPlus, FaGraduationCap, FaRegQuestionCircle, FaVideo, FaCircle } from 'react-icons/fa';
-import { twMerge } from 'tailwind-merge';
+import { FaExternalLinkAlt, FaQuestion, FaExclamation, FaExclamationTriangle, FaUndo, FaPlus, FaGraduationCap, FaRegQuestionCircle, FaVideo, FaCircle } from 'react-icons/fa';
 import { Icon, addCollection } from '@iconify/react';
 import { Tooltip, UnstyledButton, Menu, Text, Button, Box, Badge, Alert, Tabs, Accordion, Stack, Group, Drawer, CopyButton, LoadingOverlay, factory, useProps, useMantineTheme, getStyleObject, Paper, Checkbox, SegmentedControl, Loader, Autocomplete, TextInput, Title, Divider, Table, Card, Avatar, Select, Textarea, FileButton, Anchor, Modal, Grid, ThemeIcon, ActionIcon, NumberInput, RangeSlider, MultiSelect, Center, MantineProvider, createTheme, Highlight, List, Switch } from '@mantine/core';
 import { useRouter } from 'next/router';
 import { usePathname } from 'next/navigation';
 import { MdLogin, MdKeyboardDoubleArrowLeft, MdUndo, MdSearch, MdClose, MdInfo, MdAddCircle, MdRemoveCircle, MdFlip, MdOutlineArrowBack, MdOutlineArrowForward, MdOutlineArrowBackIos, MdOutlineArrowForwardIos, MdKeyboardArrowDown, MdKeyboardArrowUp, MdDownload, MdFormatQuote, MdOutlineSearch, MdOutlineBarChart, MdGroup, MdDelete } from 'react-icons/md';
-import { useCoreDispatch, useLazyFetchUserDetailsQuery, useCoreSelector, selectUserAuthStatus, GEN3_REDIRECT_URL, showModal, Modals, GEN3_FENCE_API, isAuthenticated, selectUserDetails, useIsUserLoggedIn, useGetMDSQuery, selectAuthzMappingData, useGetAggMDSQuery, useAskQuestionMutation, useGetIndexAggMDSQuery, useGetTagsQuery, useUserAuth, useGetAuthzMappingsQuery, useGetLoginProvidersQuery, hideModal, useGetCSRFQuery, selectCurrentModal, fieldNameToTitle, updateCohortFilter, selectIndexedFilterByName, isOperationWithField, removeCohortFilter, trimFirstFieldNameToTitle, selectCohortFilters, handleOperation, selectCurrentCohortId, clearCohortFilters, selectCurrentCohortName, useGeneralGQLQuery, selectIndexFilters, useGetRawDataAndTotalCountsQuery, Accessibility, downloadFromGuppyToBlob, downloadJSONDataFromGuppy, useGetAggsQuery, extractEnumFilterValue, useGetCountsQuery, selectHeadersWithCSRFToken, GEN3_COMMONS_NAME, CoreProvider, useGetCredentialsQuery, useRemoveCredentialMutation, useAddNewCredentialMutation, useGetExternalLoginsQuery, useGetDictionaryQuery, useGetProjectsDetailsQuery, useGetSubmissionsQuery, useLazyGetCrosswalkDataQuery } from '@gen3/core';
+import { useCoreDispatch, useLazyFetchUserDetailsQuery, useCoreSelector, selectUserAuthStatus, GEN3_REDIRECT_URL, showModal, Modals, GEN3_FENCE_API, isAuthenticated, selectUserDetails, useIsUserLoggedIn, useGetMDSQuery, selectAuthzMappingData, useGetAggMDSQuery, useAskQuestionMutation, useGetIndexAggMDSQuery, useGetTagsQuery, useUserAuth, useGetAuthzMappingsQuery, useGetLoginProvidersQuery, hideModal, useGetCSRFQuery, selectCurrentModal, fieldNameToTitle, updateCohortFilter, selectIndexedFilterByName, isOperationWithField, removeCohortFilter, trimFirstFieldNameToTitle, selectCohortFilters, handleOperation, selectCurrentCohortId, clearCohortFilters, selectCurrentCohortName, useGeneralGQLQuery, selectIndexFilters, useGetRawDataAndTotalCountsQuery, Accessibility, downloadFromGuppyToBlob, downloadJSONDataFromGuppy, useGetAggsQuery, extractEnumFilterValue, useGetCountsQuery, selectHeadersWithCSRFToken, GEN3_GUPPY_API, GEN3_COMMONS_NAME, CoreProvider, useGetCredentialsQuery, useRemoveCredentialMutation, useAddNewCredentialMutation, useGetExternalLoginsQuery, useGetDictionaryQuery, useGetProjectsDetailsQuery, useGetSubmissionsQuery, useLazyGetCrosswalkDataQuery } from '@gen3/core';
 import { useDeepCompareEffect, useDeepCompareMemo, useDeepCompareCallback } from 'use-deep-compare';
 import 'swr';
 import { getCookie, deleteCookie, setCookie } from 'cookies-next';
 import { decodeJwt } from 'jose';
 import { showNotification, notifications, cleanNotifications, Notifications } from '@mantine/notifications';
+import Markdown from 'react-markdown';
 import { AiOutlineLogin } from 'react-icons/ai';
 import { PiDotsThreeCircleThin, PiTrash, PiSparkleFill, PiCaretUpFill, PiCaretDownFill, PiCaretUpDownFill, PiCaretCircleDownFill } from 'react-icons/pi';
 import Head from 'next/head';
 import { useMantineReactTable, MantineReactTable } from 'mantine-react-table';
 import { JSONPath } from 'jsonpath-plus';
-import { toString, isArray, get, partial, omit, capitalize as capitalize$1 } from 'lodash';
 import { LuClock, LuCircleSlash, LuUnlock, LuLock, LuRefreshCw } from 'react-icons/lu';
 import tinycolor from 'tinycolor2';
 import { useDisclosure, useDidUpdate, mergeRefs, useReducedMotion, useClipboard, useElementSize, useMediaQuery, useLocalStorage, useScrollIntoView } from '@mantine/hooks';
@@ -32,7 +33,6 @@ import { useMiniSearch } from 'react-minisearch';
 import MiniSearch from 'minisearch';
 import uniq from 'lodash/uniq';
 import sum from 'lodash/sum';
-import Markdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 import { useCookies } from 'react-cookie';
 import FileSaver from 'file-saver';
@@ -44,6 +44,7 @@ import tw from 'tailwind-styled-components';
 import 'universal-cookie';
 import { RiCloseCircleLine } from 'react-icons/ri';
 import { IoMdArrowDropdown, IoMdRefresh, IoMdLogIn } from 'react-icons/io';
+import GraphiQL from 'graphiql';
 import fs from 'fs';
 import path from 'path';
 import { ModalsProvider } from '@mantine/modals';
@@ -54,40 +55,6 @@ import { filesize } from 'filesize';
 import plugin from 'tailwindcss/plugin';
 import cookie from 'cookie';
 
-const Gen3Link = ({ className, href, linkType, text, showExternalIcon = false })=>{
-    const portalBasename = process.env.NEXT_PUBLIC_PORTAL_BASENAME && process.env.NEXT_PUBLIC_PORTAL_BASENAME !== '/' ? process.env.NEXT_PUBLIC_PORTAL_BASENAME : '';
-    if (linkType === 'gen3ff') {
-        return /*#__PURE__*/ jsx("span", {
-            className: className,
-            children: /*#__PURE__*/ jsx(Link, {
-                href: href,
-                children: text
-            })
-        });
-    } else if (linkType === 'portal') {
-        return /*#__PURE__*/ jsx("a", {
-            className: className,
-            href: `${portalBasename}${href}`,
-            target: "_parent",
-            children: text
-        });
-    }
-    // external link
-    return /*#__PURE__*/ jsxs("a", {
-        className: className,
-        href: href,
-        target: "_blank",
-        rel: "noreferrer",
-        children: [
-            showExternalIcon ? /*#__PURE__*/ jsx(FaExternalLinkAlt, {
-                className: "pr-1",
-                title: "External Link"
-            }) : null,
-            text
-        ]
-    });
-};
-
 const extractClassName = (key, classNames)=>{
     if (typeof classNames === 'object' && key in classNames) {
         return classNames[key];
@@ -100,119 +67,212 @@ const extractClassName = (key, classNames)=>{
  *
  * @param {RecordType} defaultValues - The default values for the classnames.
  * @param {RecordType} userValues - The user-defined values for the classnames.
- * @param {boolean} merge - Whether to merge the default and user values. Default is true.
+ * @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.
- */ const mergeDefaultTailwindClassnames = (defaultValues, userValues, merge = true)=>{
+ */ const mergeDefaultTailwindClassnames = (defaultValues, { mode = 'merge', ...userValues })=>{
     const defaultKeys = Object.keys(defaultValues);
     const mergedValues = {
-        ...defaultValues,
-        ...userValues
+        ...defaultValues
     };
-    if (merge) {
+    if (mode === 'merge') {
         defaultKeys.forEach((key)=>{
             if (userValues[key]) {
                 mergedValues[key] = twMerge(defaultValues[key], userValues[key]);
             }
         });
     }
+    if (mode === 'replace') {
+        defaultKeys.forEach((key)=>{
+            if (userValues[key]) {
+                mergedValues[key] = userValues[key];
+            }
+        });
+    }
     return mergedValues;
 };
 
-const Footer = ({ bottomLinks, columnLinks, footerLogos, footerRightLogos, classNames = {} })=>{
+const isPropertyKey = (value)=>{
+    return typeof value === 'string' || typeof value === 'number' || typeof value === 'symbol';
+};
+const hasOwnProperty = (obj, prop)=>{
+    if (obj === undefined) return false;
+    if (prop === undefined) return false;
+    return Object.hasOwnProperty.call(obj, prop);
+};
+const getParamsValueAsString = (params, key)=>{
+    return params && key && key !== '' && isPropertyKey(key) && hasOwnProperty(params, key) ? toString(params[key]) : undefined;
+};
+const extractObjectKey = (obj)=>{
+    const keys = Object.keys(obj);
+    return keys.length > 0 ? keys[0] : undefined;
+};
+
+// Component for rendering a single row in the column
+// TODO: replace with a renderer factory
+const FooterRowComponent = ({ item, rowClassname })=>{
+    const itemType = extractObjectKey(item);
+    if (!itemType) return null;
+    const className = item[itemType].className ?? rowClassname;
+    switch(itemType){
+        case 'Label':
+            {
+                const text = item[itemType];
+                return /*#__PURE__*/ jsxs("p", {
+                    className: className,
+                    children: [
+                        " ",
+                        text.text
+                    ]
+                });
+            }
+        case 'Link':
+            {
+                const link = item[itemType];
+                return /*#__PURE__*/ jsx(React__default.Fragment, {
+                    children: /*#__PURE__*/ jsx("a", {
+                        href: link.href,
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        className: className,
+                        children: link.text ? link.text : link.href
+                    })
+                }, link.href);
+            }
+        case 'Links':
+            {
+                const links = item[itemType];
+                return /*#__PURE__*/ jsx("div", {
+                    className: `flex flex-no-wrap space-x-4 ${className ?? ''}`,
+                    children: links?.links.map((link, i)=>{
+                        return /*#__PURE__*/ jsxs(React__default.Fragment, {
+                            children: [
+                                /*#__PURE__*/ jsx("a", {
+                                    href: link.href,
+                                    target: "_blank",
+                                    rel: "noopener noreferrer",
+                                    className: link?.className,
+                                    children: link.text ? link.text : link.href
+                                }),
+                                i !== links?.links.length - 1 && /*#__PURE__*/ jsx("span", {
+                                    className: "mx-1",
+                                    children: "|"
+                                })
+                            ]
+                        }, link.href);
+                    })
+                });
+            }
+        case 'Icon':
+            {
+                const logo = item[itemType];
+                return /*#__PURE__*/ jsx(Image, {
+                    src: `${logo.logo}`,
+                    width: logo.width,
+                    height: logo.height,
+                    alt: logo.description,
+                    className: className
+                }, `icons-${logo.logo}`);
+            }
+        case 'Section':
+            {
+                const section = item[itemType];
+                return /*#__PURE__*/ jsx(FooterSection, {
+                    columns: section.columns,
+                    className: className
+                });
+            }
+        default:
+            return null;
+    }
+};
+const FooterColumnTwDefaultStyles = {
+    root: 'flex flex-col px-2 justify-start',
+    heading: 'font-bold text-xl text-white font-heading',
+    rowItem: ''
+};
+const FooterColumn = ({ heading, rows, classNames = {} })=>{
+    const mergedClassNames = mergeDefaultTailwindClassnames(FooterColumnTwDefaultStyles, classNames);
+    const rowClassname = extractClassName('rowItem', mergedClassNames);
+    return /*#__PURE__*/ jsxs("div", {
+        className: extractClassName('root', mergedClassNames),
+        children: [
+            heading && /*#__PURE__*/ jsx("h1", {
+                className: extractClassName('heading', mergedClassNames),
+                children: heading
+            }),
+            rows?.map((item, index)=>{
+                return /*#__PURE__*/ jsx(FooterRowComponent, {
+                    item: item,
+                    rowClassname: rowClassname
+                }, `footer-row-${index}`);
+            })
+        ]
+    });
+};
+const FooterSection = ({ columns, className = undefined })=>{
+    return /*#__PURE__*/ jsx("div", {
+        className: `${className ?? 'flex items-center justify-center'}`,
+        children: columns?.map((col, index)=>/*#__PURE__*/ jsx(FooterColumn, {
+                ...col
+            }, `column-${index}`))
+    });
+};
+var FooterSection$1 = /*#__PURE__*/ React__default.memo(FooterSection);
+
+const Footer = ({ rightSection, leftSection, classNames = {} })=>{
     const classNamesDefaults = {
-        root: 'bg-primary-lighter text-primary-contrast p-4 shadow-sm'
+        root: 'bg-primary-lighter text-primary-contrast p-4 shadow-sm',
+        layout: 'flex items-center justify-between'
     };
     const mergedClassNames = mergeDefaultTailwindClassnames(classNamesDefaults, classNames);
-    return /*#__PURE__*/ jsxs("footer", {
-        children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: extractClassName('root', mergedClassNames),
+    return /*#__PURE__*/ jsx("footer", {
+        children: /*#__PURE__*/ jsx("div", {
+            className: extractClassName('root', mergedClassNames),
+            children: /*#__PURE__*/ jsxs("div", {
+                className: extractClassName('layout', mergedClassNames),
                 children: [
-                    /*#__PURE__*/ jsxs("div", {
-                        className: "flex justify-end",
-                        children: [
-                            (footerLogos || [
-                                []
-                            ]).map((col, index)=>{
-                                return /*#__PURE__*/ jsx("div", {
-                                    className: `flex flex-row gap-x-3 mr-8 ${col.length > 1 ? 'justify-between' : ''}`,
-                                    children: col.map((logo)=>/*#__PURE__*/ jsx(Image, {
-                                            className: "object-none",
-                                            src: `${logo.logo}`,
-                                            width: logo.width,
-                                            height: logo.height,
-                                            alt: logo.description
-                                        }, `icons-${logo.logo}`))
-                                }, `footer-col-${index}`);
-                            }),
-                            /*#__PURE__*/ jsx("div", {
-                                className: "flex w-[100%] pl-10 pt-3",
-                                children: (columnLinks || []).map(({ heading, items }, i)=>/*#__PURE__*/ jsxs("div", {
-                                        className: "flex flex-col pl-10",
-                                        children: [
-                                            /*#__PURE__*/ jsx("h1", {
-                                                className: "font-bold text-xl text-white font-heading",
-                                                children: heading
-                                            }),
-                                            (items || []).map(({ text, href, linkType }, j)=>{
-                                                const attrs = {
-                                                    className: `${href && 'heal-link-footer'} font-medium text-sm p-[2px] text-white font-content`,
-                                                    key: j
-                                                };
-                                                if (href) {
-                                                    return /*#__PURE__*/ createElement("div", {
-                                                        ...attrs,
-                                                        key: href
-                                                    }, /*#__PURE__*/ jsx(Gen3Link, {
-                                                        href: href,
-                                                        linkType: linkType,
-                                                        text: text
-                                                    }));
-                                                } else {
-                                                    return /*#__PURE__*/ createElement("span", {
-                                                        ...attrs,
-                                                        key: href
-                                                    }, text);
-                                                }
-                                            })
-                                        ]
-                                    }, i))
-                            })
-                        ]
+                    leftSection && /*#__PURE__*/ jsx(FooterSection$1, {
+                        ...leftSection
                     }),
-                    (footerRightLogos || [
-                        []
-                    ]).map((col, index)=>{
-                        return /*#__PURE__*/ jsx("div", {
-                            className: `flex gap-x-6 mr-8 ${col.length > 1 ? 'justify-end' : ''}`,
-                            children: col.map((logo)=>/*#__PURE__*/ jsx(Image, {
-                                    src: `${logo.logo}`,
-                                    width: logo.width,
-                                    height: logo.height,
-                                    alt: logo.description
-                                }, `icons-${logo.logo}`))
-                        }, `footer-col-${index}`);
+                    rightSection && /*#__PURE__*/ jsx(FooterSection$1, {
+                        ...rightSection
                     })
                 ]
-            }),
-            bottomLinks && bottomLinks.length > 0 ? /*#__PURE__*/ jsx("div", {
-                className: "pt-[4px] m-1 text-right text-xs text-white font-content",
-                children: bottomLinks.map((link, i)=>/*#__PURE__*/ jsxs(React__default.Fragment, {
-                        children: [
-                            /*#__PURE__*/ jsx("a", {
-                                href: link.href,
-                                target: "_blank",
-                                rel: "noopener noreferrer",
-                                className: "heal-link-footer",
-                                children: link.text ? link.text : link.href
-                            }),
-                            i !== bottomLinks.length - 1 && /*#__PURE__*/ jsx("span", {
-                                className: "mx-1",
-                                children: "|"
-                            })
-                        ]
-                    }, link.href))
-            }) : null
+            })
+        })
+    });
+};
+
+const Gen3Link = ({ className, href, linkType, text, showExternalIcon = false })=>{
+    const portalBasename = process.env.NEXT_PUBLIC_PORTAL_BASENAME && process.env.NEXT_PUBLIC_PORTAL_BASENAME !== '/' ? process.env.NEXT_PUBLIC_PORTAL_BASENAME : '';
+    if (linkType === 'gen3ff') {
+        return /*#__PURE__*/ jsx("span", {
+            className: className,
+            children: /*#__PURE__*/ jsx(Link, {
+                href: href,
+                children: text
+            })
+        });
+    } else if (linkType === 'portal') {
+        return /*#__PURE__*/ jsx("a", {
+            className: className,
+            href: `${portalBasename}${href}`,
+            target: "_parent",
+            children: text
+        });
+    }
+    // external link
+    return /*#__PURE__*/ jsxs("a", {
+        className: className,
+        href: href,
+        target: "_blank",
+        rel: "noreferrer",
+        children: [
+            showExternalIcon ? /*#__PURE__*/ jsx(FaExternalLinkAlt, {
+                className: "pr-1",
+                title: "External Link"
+            }) : null,
+            text
         ]
     });
 };
@@ -466,7 +526,7 @@ var LoginButtonVisibility;
 const handleSelected = async (isAuthenticated, router, referrer, endSession)=>{
     if (!isAuthenticated) await router.push(`Login?redirect=${referrer}`);
     else {
-        endSession && endSession();
+        if (endSession) endSession();
     }
 };
 const LoginButton = ({ icon = /*#__PURE__*/ jsx(MdLogin, {
@@ -526,7 +586,7 @@ const TopIconButton = ({ name, leftIcon = undefined, rightIcon = undefined, clas
     const classNamesDefaults = {
         root: `flex items-center align-middle px-2 ${drawBorder && 'border-r-2 border-accent'} my-2`,
         button: 'flex flex-nowrap items-center align-middle border-b-2 hover:border-accent border-transparent',
-        leftSection: 'text-secondary-contrast-lighter pr-1',
+        leftIcon: 'text-secondary-contrast-lighter pr-1',
         label: 'font-content text-secondary-contrast-lighter block',
         rightIcon: 'text-secondary-contrast-lighter pl-1'
     };
@@ -620,12 +680,14 @@ const TopBar = ({ items, loginButtonVisibility = LoginButtonVisibility.Hidden, c
     });
 };
 
-const NavigationLogo = ({ src, title, description, basePath = '', classNames = {} })=>{
+const NavigationLogo = ({ src, title, description, width, height, divider = false, basePath = '', classNames = {} })=>{
     const classNamesDefaults = {
-        root: 'relative flex h-full py-2 justify-start items-center align-middle font-heading font-bold tracking-wide text-xl ml-[5px] mr-[20px]',
-        link: 'relative w-96 h-full',
-        title: 'border-solid border-base-darker border-l-1 ml-1 mr-3 h-32 w-1',
-        titleLink: 'font-heading h3-typo pt-2 text-ink-dark hover:text-ink-darkest hover:border-accent hover:border-b-3'
+        root: 'relative flex py-2 justify-start items-center align-middle font-heading font-bold tracking-wide text-xl ml-[5px] mr-[20px]',
+        link: 'relative object-contain',
+        logo: 'px-3',
+        title: 'border-solid border-base-darker ml-1 mr-3',
+        divider: 'border-solid border-gen3-smoke border-l-1 ml-[2px] mr-[7px] h-[64px] w-1',
+        titleLink: 'font-heading text-md pt-2 text-ink-dark hover:text-ink-darkest hover:border-accent hover:border-b-3'
     };
     const mergedClassnames = mergeDefaultTailwindClassnames(classNamesDefaults, classNames);
     return /*#__PURE__*/ jsxs("div", {
@@ -636,12 +698,17 @@ const NavigationLogo = ({ src, title, description, basePath = '', classNames = {
                 className: extractClassName('link', mergedClassnames),
                 href: "/",
                 children: /*#__PURE__*/ jsx(Image, {
-                    className: "pr-3 object-contain",
-                    fill: true,
+                    className: extractClassName('logo', mergedClassnames),
+                    width: width ?? undefined,
+                    height: height ?? undefined,
+                    fill: !width && !height,
                     src: `${basePath}${src}`,
                     alt: description ?? title ?? 'link back to homepage'
                 })
             }),
+            divider && /*#__PURE__*/ jsx("div", {
+                className: extractClassName('divider', mergedClassnames)
+            }),
             title && /*#__PURE__*/ jsx("div", {
                 className: extractClassName('title', mergedClassnames),
                 role: "navigation",
@@ -666,7 +733,7 @@ const NavigationLogo = ({ src, title, description, basePath = '', classNames = {
  */ const NavigationBarButton = ({ tooltip, icon, href, name, iconHeight = '27px', classNames = {} })=>{
     const classNamesDefaults = {
         root: `flex flex-col flex-nowrap px-3 py-2 pt-4 items-center align-center text-primary hover:text-accent opacity-80 hover:opacity-100`,
-        label: 'pt-1.5 body-typo font-heading text-sm',
+        label: 'pt-1.5 body-typo font-heading text-sm text-nowrap',
         icon: 'mt-0.5 ml-1',
         ...TooltipStyle
     };
@@ -709,11 +776,12 @@ const NavigationLogo = ({ src, title, description, basePath = '', classNames = {
  * @param {Object} NavigationProps.logo - The logo object
  * @param {Array} NavigationProps.items - The array of navigation items
  * @param {Object} NavigationProps.classNames - The custom class names for different elements of the NavigationBar
- * @returns {JSX.Element} The rendered NavigationBar component
- */ const NavigationBar = ({ logo = undefined, items = [], classNames = {} })=>{
+ * @returns {ReactElement} The rendered NavigationBar component
+ */ const NavigationBar = ({ logo = undefined, title = undefined, items = [], classNames = {} })=>{
     const classNamesDefaults = {
-        root: 'flex bg-base-max border-b-1 border-base-lighter',
-        navigationPanel: 'font-heading font-bold tracking-wide text-xl',
+        root: 'flex bg-base-max border-b-1 border-base-dark',
+        navigationPanel: 'font-heading',
+        logoAndTitlePanel: 'flex justify-center items-center align-middle',
         login: 'pl-1 mr-6 bg-base-max text-base-contrast opacity-80 hover:opacity-100'
     };
     const mergedClassnames = mergeDefaultTailwindClassnames(classNamesDefaults, classNames);
@@ -728,7 +796,7 @@ const NavigationLogo = ({ src, title, description, basePath = '', classNames = {
         className: extractClassName('root', mergedClassnames),
         children: [
             /*#__PURE__*/ jsx("div", {
-                className: `flex justify-center items-center align-middle ${extractClassName('logo', mergedClassnames)}`,
+                className: extractClassName('logoAndTitlePanel', mergedClassnames),
                 children: logo && /*#__PURE__*/ jsx(NavigationLogo, {
                     ...logo
                 })
@@ -741,7 +809,7 @@ const NavigationLogo = ({ src, title, description, basePath = '', classNames = {
                 children: items.map((x, index)=>{
                     const selectedStyle = current === x.href ? 'border-accent border-b-4 border-b-accent' : '';
                     return /*#__PURE__*/ jsx("div", {
-                        className: `first:border-l-1 border-r-1 border-base-lighter ${selectedStyle}`,
+                        className: `first:border-l-1 border-r-1 border-base-dark ${selectedStyle}`,
                         children: /*#__PURE__*/ jsx(NavigationBarButton, {
                             tooltip: x.tooltip,
                             icon: x.icon,
@@ -756,6 +824,67 @@ const NavigationLogo = ({ src, title, description, basePath = '', classNames = {
     });
 };
 
+const backgroundColor = {
+    INFO: 'bg-utility-info',
+    WARNING: 'bg-utility-warning',
+    ERROR: 'bg-utility-error',
+    MESSAGE: 'bg-utility-warning'
+};
+const textColor = {
+    INFO: 'text-utility-contrast-info',
+    WARNING: 'text-utility-contrast-warning',
+    ERROR: 'text-utility-contrast-error',
+    MESSAGE: 'text-utility-contrast-warning'
+};
+const icon = {
+    INFO: /*#__PURE__*/ jsx(FaQuestion, {
+        className: "text-utility-contrast-info",
+        title: "Info icon."
+    }),
+    WARNING: /*#__PURE__*/ jsx(FaExclamation, {
+        className: "text-utility-contrast-warning",
+        title: "Warning icon."
+    }),
+    ERROR: /*#__PURE__*/ jsx(FaExclamationTriangle, {
+        className: "text-utility-contrast-error",
+        title: "Error icon."
+    })
+};
+const Banner = ({ message, level, isExternalLink })=>{
+    const linkTarget = isExternalLink ? '_blank' : '_self';
+    return /*#__PURE__*/ jsx("div", {
+        className: `w-full p-1 flex justify-between ${backgroundColor[level]}`,
+        children: /*#__PURE__*/ jsxs("div", {
+            className: "flex items-center m-auto",
+            children: [
+                icon[level],
+                /*#__PURE__*/ jsx("span", {
+                    className: `pl-4 ${textColor[level]}`,
+                    children: /*#__PURE__*/ jsx(Markdown, {
+                        components: {
+                            // eslint-disable-next-line react/prop-types
+                            a: ({ children, ...props })=>/*#__PURE__*/ jsxs("a", {
+                                    className: "underline",
+                                    ...props,
+                                    target: linkTarget,
+                                    rel: "noreferrer",
+                                    children: [
+                                        children,
+                                        isExternalLink && /*#__PURE__*/ jsx(FaExternalLinkAlt, {
+                                            className: "pl-1 inline-block",
+                                            title: "External Link"
+                                        })
+                                    ]
+                                })
+                        },
+                        children: message
+                    })
+                })
+            ]
+        })
+    });
+};
+
 const ActionMenu = ({ items })=>{
     return /*#__PURE__*/ jsx(React__default.Fragment, {
         children: /*#__PURE__*/ jsxs(Menu, {
@@ -852,25 +981,39 @@ const HorizontalNavigationBar = ({ actions, items, logo = undefined, loginIcon =
  * @param {object} props.navigation - The navigation bar items and configuration.
  * @param {string} props.type - The type of header to render. Default value is 'original'.
  * @returns {JSX.Element} - The rendered Header component.
- */ const Header = ({ top, navigation, type = 'original' })=>{
-    return type === 'horizontal' ? /*#__PURE__*/ jsx("div", {
+ */ const Header = ({ top, navigation, banners, type = 'original' })=>{
+    return type === 'horizontal' ? /*#__PURE__*/ jsxs("div", {
         className: "w-full",
-        children: /*#__PURE__*/ jsx(HorizontalNavigationBar, {
-            logo: navigation.logo,
-            title: navigation.title,
-            items: navigation.items,
-            classNames: {
-                ...navigation.classNames
-            },
-            actions: top
-        })
-    }) : type === 'vertical' ? /*#__PURE__*/ jsx(HorizontalNavigationBar, {
-        logo: navigation.logo,
-        title: navigation.title,
-        classNames: {
-            ...navigation.classNames
-        },
-        actions: top
+        children: [
+            banners?.map((banner)=>/*#__PURE__*/ createElement(Banner, {
+                    ...banner,
+                    key: banner.id
+                })),
+            /*#__PURE__*/ jsx(HorizontalNavigationBar, {
+                logo: navigation.logo,
+                title: navigation.title,
+                items: navigation.items,
+                classNames: {
+                    ...navigation.classNames
+                },
+                actions: top
+            })
+        ]
+    }) : type === 'vertical' ? /*#__PURE__*/ jsxs("div", {
+        children: [
+            banners?.map((banner)=>/*#__PURE__*/ createElement(Banner, {
+                    ...banner,
+                    key: banner.id
+                })),
+            /*#__PURE__*/ jsx(HorizontalNavigationBar, {
+                logo: navigation.logo,
+                title: navigation.title,
+                classNames: {
+                    ...navigation.classNames
+                },
+                actions: top
+            })
+        ]
     }) : /*#__PURE__*/ jsxs("div", {
         className: "w-100",
         children: [
@@ -881,10 +1024,15 @@ const HorizontalNavigationBar = ({ actions, items, logo = undefined, loginIcon =
                     ...top.classNames
                 }
             }),
+            banners?.map((banner)=>/*#__PURE__*/ createElement(Banner, {
+                    ...banner,
+                    key: banner.id
+                })),
             /*#__PURE__*/ jsx(NavigationBar, {
                 logo: navigation.logo,
                 title: navigation.title,
-                items: navigation.items
+                items: navigation.items,
+                classNames: navigation?.classNames
             })
         ]
     });
@@ -1376,18 +1524,6 @@ const TruncatedStringWithTooltip = ({ value, params })=>{
     });
 };
 
-const isPropertyKey = (value)=>{
-    return typeof value === 'string' || typeof value === 'number' || typeof value === 'symbol';
-};
-const hasOwnProperty = (obj, prop)=>{
-    if (obj === undefined) return false;
-    if (prop === undefined) return false;
-    return Object.hasOwnProperty.call(obj, prop);
-};
-const getParamsValueAsString = (params, key)=>{
-    return params && key && key !== '' && isPropertyKey(key) && hasOwnProperty(params, key) ? toString(params[key]) : undefined;
-};
-
 const TruncatedStringWithTooltipCellRenderer = ({ value }, params)=>{
     return /*#__PURE__*/ jsx(TruncatedStringWithTooltip, {
         value: value,
@@ -4965,9 +5101,13 @@ const FirstTimeModal = ({ openModal, config })=>{
         'Gen3-first-time-use'
     ]);
     const handleAccept = ()=>{
-        cookie['Gen3-first-time-use'] || setCookie('Gen3-first-time-use', true, {
-            maxAge: 60 * 60 * 24 * (config?.expireDays ?? 365)
-        });
+        const isFirstTimeUse = cookie['Gen3-first-time-use'];
+        if (!isFirstTimeUse) {
+            const maxAge = 60 * 60 * 24 * (config?.expireDays ?? 365);
+            setCookie('Gen3-first-time-use', true, {
+                maxAge
+            });
+        }
     };
     return /*#__PURE__*/ jsx(BaseModal, {
         title: /*#__PURE__*/ jsx(Text, {
@@ -5212,7 +5352,7 @@ const Gen3ModalsProvider = ({ config, children })=>{
     useDeepCompareEffect(()=>{
         if (!cookie['Gen3-first-time-use'] && modalsConfig.systemUseModal.enabled) {
             if (modalsConfig.systemUseModal.showOnlyOnLogin && !isAuthenticated) return;
-            dispatch && dispatch(showModal({
+            if (dispatch) dispatch(showModal({
                 modal: Modals.FirstTimeModal
             }));
         }
@@ -8000,7 +8140,7 @@ const ExtractData = (data, index)=>{
     if (data.data === undefined || data.data === null) return {};
     return Array.isArray(data.data[index]) && data.data[index].length > 0 ? data.data[index][0] : {};
 };
-const TableDetailsPanel = ({ id, index, tableConfig })=>{
+const QueryRowDetailsPanel = ({ id, index, tableConfig })=>{
     //const [queryGuppy, { data, isLoading, isError }] = useLazyGeneralGQLQuery();
     const idField = tableConfig.detailsConfig?.idField;
     const { data, isLoading, isError } = useGeneralGQLQuery({
@@ -8023,7 +8163,7 @@ const TableDetailsPanel = ({ id, index, tableConfig })=>{
             }
         }
     });
-    if (!idField || idField === null) {
+    if (!idField) {
         return /*#__PURE__*/ jsx(ErrorCard, {
             message: 'idField not configure in Tables Details Config'
         });
@@ -8055,7 +8195,7 @@ const TableDetailsPanel = ({ id, index, tableConfig })=>{
                 visible: isLoading
             }),
             /*#__PURE__*/ jsxs(Text, {
-                color: "primary.4",
+                c: "primary.4",
                 children: [
                     "Results for ",
                     id
@@ -8086,10 +8226,53 @@ const TableDetailsPanel = ({ id, index, tableConfig })=>{
     });
 };
 
+const RowTableDetailsPanel = ({ row })=>{
+    const rowData = row?.original ?? {};
+    const rows = Object.entries(rowData).map(([field, value])=>/*#__PURE__*/ jsxs(Table.Tr, {
+            children: [
+                /*#__PURE__*/ jsx(Table.Td, {
+                    children: /*#__PURE__*/ jsx(Text, {
+                        fw: "bold",
+                        children: field
+                    })
+                }),
+                /*#__PURE__*/ jsx(Table.Td, {
+                    children: /*#__PURE__*/ jsx(Text, {
+                        children: value ? value : ''
+                    })
+                })
+            ]
+        }, field));
+    return /*#__PURE__*/ jsxs(Table, {
+        striped: true,
+        highlightOnHover: true,
+        withTableBorder: true,
+        withColumnBorders: true,
+        children: [
+            /*#__PURE__*/ jsx(Table.Thead, {
+                children: /*#__PURE__*/ jsxs(Table.Tr, {
+                    children: [
+                        /*#__PURE__*/ jsx(Table.Th, {
+                            children: "Field"
+                        }),
+                        /*#__PURE__*/ jsx(Table.Th, {
+                            children: "Value"
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsx(Table.Tbody, {
+                children: rows
+            })
+        ]
+    });
+};
+
 let instance;
 const DefaultRendererCatalog = {
     tableDetails: {
-        default: TableDetailsPanel
+        default: RowTableDetailsPanel,
+        queryRowDetails: QueryRowDetailsPanel
     }
 };
 const ExplorerTableDetailsPanelFactory = ()=>{
@@ -8108,9 +8291,9 @@ const DEFAULT_PROPS = {
     title: '!text-primary-contrast !font-bold',
     close: '!bg-base-darker'
 };
-const DetailsModal = ({ title, id, classNames, panel, panelProps, onClose, withCloseButton = true, closeOnClickOutside = true, closeOnEscape = true, size = 'auto' })=>{
+const DetailsModal = ({ title, id, row, classNames, panel, panelProps, onClose, withCloseButton = true, closeOnClickOutside = true, closeOnEscape = true, size = 'auto' })=>{
     const [opened, { open, close }] = useDisclosure(id !== undefined);
-    const styling = useMemo(()=>mergeDefaultTailwindClassnames(DEFAULT_PROPS, classNames ?? {}, true), [
+    const styling = useMemo(()=>mergeDefaultTailwindClassnames(DEFAULT_PROPS, classNames ?? {}), [
         classNames
     ]);
     useEffect(()=>{
@@ -8125,7 +8308,7 @@ const DetailsModal = ({ title, id, classNames, panel, panelProps, onClose, withC
         opened: opened,
         onClose: ()=>{
             close();
-            onClose && onClose(id);
+            if (onClose) onClose(id);
         },
         title: title,
         withinPortal: true,
@@ -8137,8 +8320,9 @@ const DetailsModal = ({ title, id, classNames, panel, panelProps, onClose, withC
         classNames: styling,
         xOffset: 0,
         children: panel({
-            id: id,
+            id,
             onClose,
+            row,
             ...panelProps
         })
     });
@@ -8164,6 +8348,7 @@ const isRecordAny = (obj)=>{
     const DetailsComponent = DetailsModal;
     const [sorting, setSorting] = useState([]);
     const [rowSelection, setRowSelection] = useState({});
+    const [selectedRow, setSelectedRow] = useState(undefined);
     const DetailsPanel = useMemo(()=>ExplorerTableDetailsPanelFactory().getRenderer('tableDetails', tableConfig?.detailsConfig?.panel ?? 'default'), []);
     const cols = useDeepCompareMemo(()=>{
         // setup table columns at the same time
@@ -8287,10 +8472,12 @@ const isRecordAny = (obj)=>{
                 onClick: ()=>{
                     if (Object.keys(rowSelection).includes(row.id)) {
                         setRowSelection({});
+                        setSelectedRow(undefined);
                     } else {
                         setRowSelection({
                             [row.id]: true
                         });
+                        setSelectedRow(row); // TODO: fix this typecast
                     }
                 },
                 sx: {
@@ -8303,6 +8490,7 @@ const isRecordAny = (obj)=>{
             Object.keys(rowSelection).length > 0 ? /*#__PURE__*/ jsx(DetailsComponent, {
                 title: tableConfig?.detailsConfig?.title,
                 id: Object.keys(rowSelection).length > 0 ? Object.keys(rowSelection).at(0) : undefined,
+                row: selectedRow,
                 onClose: ()=>setRowSelection({}),
                 panel: DetailsPanel,
                 classNames: tableConfig?.detailsConfig?.classNames,
@@ -8435,22 +8623,22 @@ const useGuppyActionButton = ({ Modal403 = Modals.NoAccessModal, Modal400 = Moda
         const controller = new AbortController();
         showDownloadNotification(controller);
         setActive(true);
-        setIsActive && setIsActive(true);
+        if (setIsActive) setIsActive(true);
         await actionFunction(actionArgs, ()=>{
             setActive(false);
-            setIsActive && setIsActive(false);
+            if (setIsActive) setIsActive(false);
             // Clean up notifications...
             cleanNotifications();
         }, (error)=>{
             handleError(error);
             setActive(false);
-            setIsActive && setIsActive(false);
+            if (setIsActive) setIsActive(false);
             // Clean up notifications...
             cleanNotifications();
             showErrorMessage(error);
         }, ()=>{
             setActive(false);
-            setIsActive && setIsActive(false);
+            if (setIsActive) setIsActive(false);
             // Clean up notifications...
             cleanNotifications();
         }, controller.signal);
@@ -8516,13 +8704,13 @@ const downloadToFileAction = async (params, done, onError, onAbort, signal)=>{
         parameters: params,
         onDone: (data)=>{
             handleDownload(data, params.filename);
-            done && done();
+            if (done) done();
         },
         onError: (error)=>{
-            onError && onError(error);
+            if (onError) onError(error);
         },
         onAbort: ()=>{
-            onAbort && onAbort();
+            if (onAbort) onAbort();
         },
         signal
     });
@@ -8586,13 +8774,13 @@ const downloadToManifestAction = async (params, done, onError, onAbort, signal,
                 type: 'application/json;charset=utf-8'
             });
             handleDownload(blob, manifestFilename);
-            done && done();
+            if (done) done();
         } catch (err) {
             let resultErr;
             if (typeof err === 'string') resultErr = new Error(err);
             if (err instanceof Error) resultErr = err;
             if (!resultErr) resultErr = new Error('unknown error in download manifest');
-            onError && onError(resultErr);
+            if (onError) onError(resultErr);
         }
         return;
     }
@@ -8658,16 +8846,16 @@ const downloadToManifestAction = async (params, done, onError, onAbort, signal,
             type: 'application/json;charset=utf-8'
         });
         handleDownload(blob, manifestFilename);
-        done && done();
+        if (done) done();
     } catch (err) {
-        onError && onError(err);
+        if (onError) onError(err);
     }
 };
 
 const registeredButtonActions = {};
 const NullButtonAction = (_params, done)=>{
     return new Promise((done)=>{
-        done && done();
+        if (done) done();
     });
 };
 const registerButtonAction = (buttonName, actionItem)=>{
@@ -8725,7 +8913,7 @@ const GuppyDropdownMenuItem = ({ title, idx, disabled = false, Modal403 = Modals
     });
     return /*#__PURE__*/ jsx(Menu.Item, {
         onClick: ()=>{
-            handleClick && handleClick();
+            if (handleClick) handleClick();
         },
         "data-testid": `${title}-${idx}`,
         leftSection: icon,
@@ -9219,18 +9407,42 @@ const CohortBuilder = ({ explorerConfig })=>{
  * @param graphQLEndpoint - The location of the graphql endpoint.
  * @returns a component containing a GraphiQl editor
  */ const GqlQueryEditor$1 = ({ graphQLEndpoint })=>{
-    useState('');
-    useCoreSelector(selectHeadersWithCSRFToken);
-    return /*#__PURE__*/ jsx("div", {
+    const [query, setQuery] = useState('');
+    const headers = useCoreSelector(selectHeadersWithCSRFToken);
+    // Typically we would put this in core but it's only used here
+    const fetcher = async (graphQLParams)=>{
+        const data = await fetch(graphQLEndpoint || `${GEN3_GUPPY_API}/graphql`, {
+            method: 'POST',
+            headers: headers,
+            body: JSON.stringify(graphQLParams)
+        });
+        return data.json().catch(()=>data.text());
+    };
+    return /*#__PURE__*/ jsxs("div", {
         className: "flex flex-col h-full w-full",
-        children: /*#__PURE__*/ jsx("div", {
-            className: "flex justify-between items-center m-2",
-            children: /*#__PURE__*/ jsx(Text, {
-                size: "xl",
-                fw: 500,
-                children: "Query Graph"
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "flex justify-between items-center m-2",
+                children: /*#__PURE__*/ jsx(Text, {
+                    size: "xl",
+                    fw: 500,
+                    children: "Query Graph"
+                })
+            }),
+            /*#__PURE__*/ jsx(GraphiQL, {
+                editorTheme: "light",
+                fetcher: fetcher,
+                query: query,
+                onEditQuery: setQuery,
+                children: /*#__PURE__*/ jsxs(GraphiQL.Logo, {
+                    children: [
+                        " ",
+                        null,
+                        " "
+                    ]
+                })
             })
-        })
+        ]
     });
 };
 
@@ -9291,10 +9503,17 @@ const ContentSource = setup();
  * @returns A Promise resolving to an object containing header and footer props.
  */ const getNavPageLayoutPropsFromConfig = async ()=>{
     const navigationConfigJSON = await ContentSource.get(`config/${GEN3_COMMONS_NAME}/navigation.json`);
+    let bannerConfigJSON = [];
+    try {
+        bannerConfigJSON = await ContentSource.get(`config/${GEN3_COMMONS_NAME}/banner.json`);
+    } catch (e) {
+        console.log('No banner config found at: ', `config/${GEN3_COMMONS_NAME}/banner.json`);
+    }
     const { topBar, navigation, type = 'original' } = navigationConfigJSON;
     const headerProps = {
         top: topBar,
         navigation: navigation,
+        banners: bannerConfigJSON,
         type
     };
     const footerProps = await ContentSource.get(`config/${GEN3_COMMONS_NAME}/footer.json`);
@@ -9759,8 +9978,6 @@ const LandingPageGetStaticProps = async ()=>{
     };
 };
 
-registerExplorerDefaultCellRenderers();
-registerCohortBuilderDefaultPreviewRenderers();
 const ExplorerPage = ({ headerProps, footerProps, explorerConfig })=>{
     if (explorerConfig === undefined) {
         return /*#__PURE__*/ jsx(Center, {
@@ -13456,5 +13673,5 @@ async function credentialsLogout(req, res) {
     res.redirect(307, '/');
 }
 
-export { AISearchPageGetServerSideProps, AdminAuthZPageGetServerSideProps, AiSearch, AISearchPage as AiSearchPage, AuthzPage, BaseModal, Charts, CohortBuilder, ColorThemePage, ColorThemePageGetServerSideProps, ContentSource, CreateCredentialsAPIKeyModal, CrosswalkPage, CrosswalkPageGetServerSideProps, Custom404Page, DictionaryPage, DictionaryPageGetServerSideProps, DiscoveryCellRendererFactory, DiscoveryProvider as DiscoveryConfigProvider, DiscoveryIndexPanel, DiscoveryPage, DiscoveryPageGetServerSideProps, DiscoveryRowRendererFactory, EnumFacetChart, ErrorCard, ExplorerPage, ExplorerPageGetServerSideProps, ExplorerTableCellRendererFactory, ExplorerTableDetailsPanelFactory, FirstTimeModal, Footer, Gen3Link, Gen3ModalsProvider, Gen3Provider, GqlQueryEditor$1 as GqlQueryEditor, Header, HoverLink, LandingPage, LandingPageGetStaticProps, LoginButton, LoginPage, LoginPageGetServerSideProps, LoginPanel, LoginProvidersPanel, NavPageLayout, NavigationBar, NavigationButton, NoAccessModal, ProfilePage, ProfilePageGetServerSideProps, ProfileProvider, QueryPage, QueryPageGetServerSideProps, ReactECharts, ResourcesFilters, SessionExpiredModal, StudyGroup, SubmissionPage, SubmissionPageGetServerSideProps, TagCloud, TailwindConfig, User, WorkspacesPage, WorkspacesPageGetServerSideProps, WorkspacesPanel, capitalize, computeRowSpan, create10ColorAccessibleContrast, create10ColorPallet, credentialsLogin, credentialsLogout, focusStyles, getCurrentUnixTimestamp, getNavPageLayoutPropsFromConfig, getTagInfo, isArrayOfString, isTextTransform$1 as isTextTransform, processLabel$1 as processLabel, processRangeKeyLabel, registerCohortBuilderDefaultPreviewRenderers, registerDefaultDiscoveryDataLoaders, registerDiscoveryDefaultCellRenderers, registerDiscoveryDefaultStudyPreviewRenderers, registerExplorerDefaultCellRenderers, removeKey$1 as removeKey, resourcePathFromProjectID, sessionLogout, sessionToken, stripTrailingSlash, truncateString, unixTimeToString, useDiscoveryContext, userHasMethodForServiceOnResource$1 as userHasMethodForServiceOnResource };
+export { AISearchPageGetServerSideProps, AdminAuthZPageGetServerSideProps, AiSearch, AISearchPage as AiSearchPage, AuthzPage, BaseModal, Charts, CohortBuilder, ColorThemePage, ColorThemePageGetServerSideProps, ContentSource, CreateCredentialsAPIKeyModal, CrosswalkPage, CrosswalkPageGetServerSideProps, Custom404Page, DictionaryPage, DictionaryPageGetServerSideProps, DiscoveryCellRendererFactory, DiscoveryProvider as DiscoveryConfigProvider, DiscoveryIndexPanel, DiscoveryPage, DiscoveryPageGetServerSideProps, DiscoveryRowRendererFactory, EnumFacetChart, ErrorCard, ExplorerPage, ExplorerPageGetServerSideProps, ExplorerTableCellRendererFactory, ExplorerTableDetailsPanelFactory, FirstTimeModal, Footer, Gen3Link, Gen3ModalsProvider, Gen3Provider, GqlQueryEditor$1 as GqlQueryEditor, Header, HoverLink, LandingPage, LandingPageGetStaticProps, LoginButton, LoginPage, LoginPageGetServerSideProps, LoginPanel, LoginProvidersPanel, NavPageLayout, NavigationBar, NavigationButton, NoAccessModal, ProfilePage, ProfilePageGetServerSideProps, ProfileProvider, QueryPage, QueryPageGetServerSideProps, ReactECharts, ResourcesFilters, SessionExpiredModal, StudyGroup, SubmissionPage, SubmissionPageGetServerSideProps, TagCloud, TailwindConfig, User, WorkspacesPage, WorkspacesPageGetServerSideProps, WorkspacesPanel, capitalize, computeRowSpan, create10ColorAccessibleContrast, create10ColorPallet, credentialsLogin, credentialsLogout, extractObjectKey, focusStyles, getCurrentUnixTimestamp, getNavPageLayoutPropsFromConfig, getParamsValueAsString, getTagInfo, hasOwnProperty, isArrayOfString, isPropertyKey, isTextTransform$1 as isTextTransform, processLabel$1 as processLabel, processRangeKeyLabel, registerCohortBuilderDefaultPreviewRenderers, registerDefaultDiscoveryDataLoaders, registerDiscoveryDefaultCellRenderers, registerDiscoveryDefaultStudyPreviewRenderers, registerExplorerDefaultCellRenderers, removeKey$1 as removeKey, resourcePathFromProjectID, sessionLogout, sessionToken, stripTrailingSlash, truncateString, unixTimeToString, useDiscoveryContext, userHasMethodForServiceOnResource$1 as userHasMethodForServiceOnResource };
 //# sourceMappingURL=index.js.map