@gen3/frontend 0.10.56 → 0.10.58

package/dist/cjs/index.js

@@ -815,6 +815,7 @@ const CredentialsLogin = ({ handleLogin })=>{
     const [credentials, setCredentials] = React.useState(null);
     const [file, setFile] = React.useState(null);
     const [isCredentialsPending, setIsCredentialsPending] = React.useState(false);
+    const { basePath } = router.useRouter();
     React.useEffect(()=>{
         if (file) {
             const reader = new FileReader();
@@ -832,7 +833,7 @@ const CredentialsLogin = ({ handleLogin })=>{
         try {
             //     setIsCredentialsPending(true);
             const json = await JSON.parse(credentials);
-            await fetch('/api/auth/credentialsLogin', {
+            await fetch(basePath ? `/${basePath}/api/auth/credentialsLogin` : '/api/auth/credentialsLogin', {
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/json'
@@ -894,7 +895,7 @@ const CredentialsLogin = ({ handleLogin })=>{
                             })
                     }),
                     /*#__PURE__*/ jsxRuntime.jsx(core$1.Button, {
-                        color: "blue",
+                        color: "primary.5",
                         loading: isCredentialsPending,
                         onClick: async ()=>{
                             await handleCredentialsLogin(credentials ?? '');
@@ -2748,7 +2749,14 @@ const TopBar = ({ items, loginButtonVisibility = LoginButtonVisibility.Hidden, c
  * @param {string} props.href - The URL of the link.
  * @param {ReactNode} props.children - The content of the link.
  * @returns {ReactElement} - The rendered HoverLink component.
- */ const HoverLink = ({ className, href, children })=>{
+ */ const HoverLink = ({ className, href, noBasePath, children })=>{
+    if (noBasePath) return /*#__PURE__*/ jsxRuntime.jsx("span", {
+        className: className,
+        children: /*#__PURE__*/ jsxRuntime.jsx("a", {
+            href: href,
+            children: children
+        })
+    });
     return /*#__PURE__*/ jsxRuntime.jsx("span", {
         className: className,
         children: /*#__PURE__*/ jsxRuntime.jsx(Link, {
@@ -2759,7 +2767,7 @@ const TopBar = ({ items, loginButtonVisibility = LoginButtonVisibility.Hidden, c
     });
 };
 
-const NavigationLogo = ({ src, title, description, width, height, divider = false, basePath = '', classNames = {} })=>{
+const NavigationLogo = ({ src, title, description, width, height, divider = false, noBasePath = undefined, classNames = {} })=>{
     const classNamesDefaults = {
         root: 'relative flex py-0 justify-start items-center align-middle font-heading font-bold tracking-wide text-xl ml-[5px] mr-[20px]',
         link: 'relative object-contain',
@@ -2776,6 +2784,7 @@ const NavigationLogo = ({ src, title, description, width, height, divider = fals
             /*#__PURE__*/ jsxRuntime.jsx(HoverLink, {
                 className: extractClassName('link', mergedClassnames),
                 href: "/",
+                noBasePath: noBasePath,
                 children: /*#__PURE__*/ jsxRuntime.jsx(Image, {
                     className: extractClassName('logo', mergedClassnames),
                     width: width ?? undefined,
@@ -3083,7 +3092,6 @@ const HorizontalNavigationBar = ({ actions, items, logo = undefined, loginIcon =
  * @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, banners, type = 'original' })=>{
-    console.log('top', top);
     return type === 'horizontal' ? /*#__PURE__*/ jsxRuntime.jsxs("div", {
         className: "w-full",
         children: [
@@ -17615,10 +17623,10 @@ const HTTPUserFriendlyErrorMessages = {
 const SelectedItemsTableHeader = ({ numberOfItems, numberOfWarnings, size = 'sm' })=>{
     const iconSize = IconSize[size] || IconSize['sm'];
     return /*#__PURE__*/ jsxRuntime.jsxs("div", {
-        className: "flex items-center bg-primary-darker  px-4 py-2 mt-2 min-h-10 text-heading",
+        className: "flex items-center bg-primary  px-4 py-2 mt-2 min-h-10 text-heading",
         children: [
             numberOfItems > 0 && /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                className: "flex items-center flex-nowrap overflow-ellipsis text-primary-contrast-darker",
+                className: "flex items-center flex-nowrap overflow-ellipsis text-primary-contrast",
                 children: [
                     /*#__PURE__*/ jsxRuntime.jsx(core$1.Text, {
                         fw: 600,
@@ -17629,14 +17637,14 @@ const SelectedItemsTableHeader = ({ numberOfItems, numberOfWarnings, size = 'sm'
                     /*#__PURE__*/ jsxRuntime.jsx(core$1.Text, {
                         fw: 400,
                         size: size,
-                        className: "mr-1 text-primary-contrast-lighter",
+                        className: "mr-1 text-primary-contrast",
                         children: "selected"
                     })
                 ]
             }),
             numberOfItems > 0 && numberOfWarnings > 0 && /*#__PURE__*/ jsxRuntime.jsx(react.Icon, {
                 icon: "gen3:dot",
-                className: "text-primary-contrast-lighter",
+                className: "text-primary-contrast",
                 width: iconSize,
                 height: iconSize
             }),
@@ -17711,18 +17719,21 @@ const SelectedItemsTable = ({ validatedItems, rowSelection, setRowSelection, siz
             },
             {
                 accessorKey: 'id',
-                header: 'Id'
+                header: 'Id',
+                size: 150,
+                maxSize: 250
             },
             {
                 accessorKey: 'description',
                 header: 'Description',
-                size: 150,
-                maxSize: 250,
+                size: 100,
+                maxSize: 150,
                 Cell: ({ cell })=>{
                     return /*#__PURE__*/ jsxRuntime.jsx(core$1.Text, {
                         fw: 400,
                         size: size,
                         lineClamp: 2,
+                        truncate: "end",
                         children: cell.getValue() ?? 'N/A'
                     });
                 }
@@ -17941,11 +17952,11 @@ const sendExistingPFBToURL = async (validatedSelections, params, done = ()=>null
         });
         return;
     }
-    const { guid } = validatedSelections[0];
+    const { guid, id } = validatedSelections[0];
     // get the pre-signed URL for the selected PFB
     try {
         const presignedURL = await core.fetchFencePresignedURL({
-            guid: guid,
+            guid: guid ?? id,
             onAbort: onAbort,
             signal: signal
         });
@@ -17993,10 +18004,11 @@ registerDefaultDataLibraryActions();
 
 const ModalHeader = ()=>{
     return /*#__PURE__*/ jsxRuntime.jsx("div", {
-        className: "flex justify-between items-center",
+        className: "flex justify-between items-center mx-1",
         children: /*#__PURE__*/ jsxRuntime.jsx(core$1.Text, {
             fw: 600,
             className: "text-heading",
+            c: "secondary-contrast.5",
             children: "Retrieve Data"
         })
     });
@@ -18127,7 +18139,7 @@ const SelectedItemsModal = (props)=>{
         withinPortal: false,
         title: /*#__PURE__*/ jsxRuntime.jsx(ModalHeader, {}),
         classNames: {
-            header: 'm-0 p-2 min-h-10 bg-primary-lightest',
+            header: 'm-0 p-2 min-h-10 bg-secondary',
             content: 'scroll-smooth'
         },
         overlayProps: {