@gen3/frontend 0.10.77 → 0.10.79

package/dist/esm/index.js

@@ -870,8 +870,8 @@ var LoginButtonVisibility = /*#__PURE__*/ function(LoginButtonVisibility) {
 };
 const mergeTailwindClassnameWithDefault = (userValues, defaultValues)=>userValues ? twMerge(defaultValues, userValues) : defaultValues;
 
-const handleSelected = async (isAuthenticated, router, referrer, endSession)=>{
-    if (!isAuthenticated) await router.push(`Login?redirect=${referrer}`);
+const handleSelected = async (isAuthenticated, router, referrer, endSession, externalLoginUrl)=>{
+    if (!isAuthenticated) await router.push(externalLoginUrl || `Login?redirect=${referrer}`);
     else {
         if (endSession) endSession();
     }
@@ -879,7 +879,7 @@ const handleSelected = async (isAuthenticated, router, referrer, endSession)=>{
 const LoginButton = ({ icon = /*#__PURE__*/ jsx(MdLogin, {
     className: "pl-1",
     size: '1.55rem'
-}), hideText = false, className = undefined, tooltip, visibility })=>{
+}), hideText = false, className = undefined, tooltip, visibility, externalLoginUrl })=>{
     const router = useRouter();
     const pathname = usePathname();
     const { endSession } = useContext(SessionContext) ?? {
@@ -898,7 +898,7 @@ const LoginButton = ({ icon = /*#__PURE__*/ jsx(MdLogin, {
         disabled: tooltip === undefined,
         classNames: TooltipStyle,
         children: /*#__PURE__*/ jsx(UnstyledButton, {
-            onClick: ()=>handleSelected(authenticated, router, pathname, endSession),
+            onClick: ()=>handleSelected(authenticated, router, pathname, endSession, externalLoginUrl),
             children: /*#__PURE__*/ jsxs("div", {
                 className: mergedClassname,
                 children: [
@@ -1106,6 +1106,7 @@ const CredentialsLogin = ({ handleLogin })=>{
                 className: "w-1/3",
                 label: /*#__PURE__*/ jsx(Text, {
                     size: "md",
+                    c: "primary.4",
                     children: "Authorize with credentials"
                 }),
                 labelPosition: "center"
@@ -1168,17 +1169,33 @@ function hashCode(str) {
     return hashString(str);
 }
 
-var ContentType = /*#__PURE__*/ function(ContentType) {
+/**
+ * Enum representing various content types for text-based data.
+ *
+ * Each content type corresponds to a specific format or structure of textual content.
+ */ var ContentType = /*#__PURE__*/ function(ContentType) {
     ContentType["Text"] = "text";
     ContentType["TextArray"] = "textArray";
     ContentType["Html"] = "html";
     ContentType["Markdown"] = "markdown";
     ContentType["TextWithEmail"] = "textWithEmail";
     ContentType["TextWithLink"] = "textWithLink";
-    ContentType["Link"] = "link";
     return ContentType;
 }({});
-const TextContent = ({ text, className = 'inline text-base-contrast-min font-medium margin-block-start-1 margin-block-end-1', type = "text", email = undefined, link = undefined, linkText = undefined })=>{
+/**
+ * Renders textual content dynamically based on the provided type and additional properties.
+ *
+ * The `TextContent` function creates a user interface element conditioned on the type of input content, such as plain text, HTML, Markdown, text arrays, text with email links, or text with hyperlinks. It also provides default styling and customizable CSS class support.
+ *
+ * @param {Object} props - Properties for rendering the TextContent component.
+ * @param {string | string[]} props.text - The content to be displayed. It can be a single string or an array of strings.
+ * @param {string} [props.className='inline text-base-contrast-max font-medium margin-block-start-1 margin-block-end-1'] - Custom CSS classes to apply for styling. Defaults to a predefined inline style.
+ * @param {ContentType} [props.type=ContentType.Text] - Specifies the type of content being passed. Determines how the content will be rendered.
+ * @param {string} [props.email] - Optional email address to be rendered as a clickable "mailto" link when type is `ContentType.TextWithEmail`.
+ * @param {string} [props.link] - Optional URL to be rendered as a clickable hyperlink when type is `ContentType.TextWithLink`.
+ * @param {string} [props.linkText] - Optional link text to display instead of the raw URL when type is `ContentType.TextWithLink`.
+ * @returns {JSX.Element} A JSX element that renders the content dynamically based on the input type and properties.
+ */ const TextContent = ({ text, className = 'inline text-base-contrast-max font-medium margin-block-start-1 margin-block-end-1', type = "text", email = undefined, link = undefined, linkText = undefined })=>{
     switch(type){
         case "html":
             {
@@ -1187,7 +1204,8 @@ const TextContent = ({ text, className = 'inline text-base-contrast-min font-med
                     className: className,
                     dangerouslySetInnerHTML: {
                         __html: textString
-                    }
+                    },
+                    "aria-label": "HTML content" // Provide context for HTML rendered content
                 });
             }
         case "textArray":
@@ -1197,8 +1215,11 @@ const TextContent = ({ text, className = 'inline text-base-contrast-min font-med
                 ] : text;
                 return /*#__PURE__*/ jsx("div", {
                     className: className,
+                    role: "list",
+                    "aria-label": "Text array",
                     children: textArray.map((item)=>/*#__PURE__*/ jsx("p", {
                             className: "my-2",
+                            role: "listitem",
                             children: item
                         }, hashCode(item)))
                 });
@@ -1207,16 +1228,16 @@ const TextContent = ({ text, className = 'inline text-base-contrast-min font-med
             {
                 const textString = Array.isArray(text) ? text.join('') : text;
                 return /*#__PURE__*/ jsx("div", {
+                    "aria-label": "Markdown content",
                     children: /*#__PURE__*/ jsx(Markdown, {
                         remarkPlugins: [
                             remarkGfm
                         ],
                         components: {
-                            // define some formatting for the ai response
                             p (props) {
                                 const { node, ...rest } = props;
                                 return /*#__PURE__*/ jsx("p", {
-                                    className: "text-lg text-primary-contrast my-1",
+                                    className: "text-lg my-1",
                                     ...rest
                                 });
                             },
@@ -1248,7 +1269,7 @@ const TextContent = ({ text, className = 'inline text-base-contrast-min font-med
             }
         case "textWithEmail":
             {
-                const DEFAULT_STYLE = 'inline text-base-contrast-min font-medium margin-block-start-1 margin-block-end-1';
+                const DEFAULT_STYLE = 'inline text-base-contrast-max font-medium margin-block-start-1 margin-block-end-1';
                 const mergedClassname = className ? twMerge(DEFAULT_STYLE, className) : DEFAULT_STYLE;
                 const textString = Array.isArray(text) ? text.join('') : text;
                 return /*#__PURE__*/ jsx("div", {
@@ -1261,6 +1282,7 @@ const TextContent = ({ text, className = 'inline text-base-contrast-min font-med
                                     root: mergedClassname
                                 },
                                 href: `mailto:${email}`,
+                                "aria-label": `Send an email to ${email}`,
                                 children: ` ${email}.`
                             })
                         ]
@@ -1269,13 +1291,14 @@ const TextContent = ({ text, className = 'inline text-base-contrast-min font-med
             }
         case "textWithLink":
             {
-                const DEFAULT_STYLE = 'inline text-base-contrast-min font-medium margin-block-start-1 margin-block-end-1';
+                const DEFAULT_STYLE = 'inline text-base-contrast-max font-medium margin-block-start-1 margin-block-end-1';
                 const mergedClassname = className ? twMerge(DEFAULT_STYLE, className) : DEFAULT_STYLE;
                 const textString = Array.isArray(text) ? text.join('') : text;
                 if (!link) {
                     return /*#__PURE__*/ jsx("div", {
                         className: mergedClassname,
-                        children: " Link is not defined."
+                        "aria-label": "No link defined",
+                        children: "Link is not defined."
                     });
                 }
                 return /*#__PURE__*/ jsx("div", {
@@ -1288,6 +1311,7 @@ const TextContent = ({ text, className = 'inline text-base-contrast-min font-med
                                     root: mergedClassname
                                 },
                                 href: link,
+                                "aria-label": `Visit the link: ${linkText || link}`,
                                 children: ` ${linkText ?? link}.`
                             })
                         ]
@@ -1298,6 +1322,7 @@ const TextContent = ({ text, className = 'inline text-base-contrast-min font-med
         default:
             return /*#__PURE__*/ jsx("div", {
                 className: className,
+                "aria-label": "Plain text content",
                 children: /*#__PURE__*/ jsx("p", {
                     children: text.toString()
                 })
@@ -1360,10 +1385,14 @@ const LoginPanel = (loginConfig)=>{
                     loginConfig?.showCredentialsLogin && process.env.NODE_ENV === 'development' && /*#__PURE__*/ jsx(CredentialsLogin, {
                         handleLogin: handleCredentialsLogin
                     }),
-                    bottomContent?.map((content, index)=>/*#__PURE__*/ createElement(TextContent, {
-                            ...content,
-                            key: `bottomContent-${index}`
-                        }))
+                    /*#__PURE__*/ jsx(Center, {
+                        children: /*#__PURE__*/ jsx(Stack, {
+                            children: bottomContent?.map((content, index)=>/*#__PURE__*/ createElement(TextContent, {
+                                    ...content,
+                                    key: `bottomContent-${index}`
+                                }))
+                        })
+                    })
                 ]
             }),
             /*#__PURE__*/ jsx(TexturedSidePanel, {
@@ -1528,10 +1557,10 @@ const FirstTimeModal = ({ openModal, config })=>{
     });
 };
 
-const SessionExpiredModal = ({ openModal })=>{
+const SessionExpiredModal = ({ openModal, config })=>{
     const router = useRouter();
     const onLogout = useCallback(()=>{
-        router.push('/Login');
+        router.push(config?.externalLoginUrl || '/Login');
     }, [
         router
     ]);
@@ -1706,7 +1735,8 @@ const getModal = (modal, config)=>{
         case Modals.SessionExpireModal:
             {
                 res = /*#__PURE__*/ jsx(SessionExpiredModal, {
-                    openModal: true
+                    openModal: true,
+                    config: config.sessionExpiredModal
                 });
                 break;
             }
@@ -2954,7 +2984,7 @@ const processTopBarItems = (items, showLogin)=>{
         return acc;
     }, []);
 };
-const TopBar = ({ items, loginButtonVisibility = LoginButtonVisibility.Hidden, classNames = {} })=>{
+const TopBar = ({ items, loginButtonVisibility = LoginButtonVisibility.Hidden, externalLoginUrl, classNames = {} })=>{
     const classNamesDefaults = {
         root: 'flex justify-end items-center align-middle w-100 bg-secondary-lighter',
         login: 'font-content hover:border-accent'
@@ -2986,6 +3016,7 @@ const TopBar = ({ items, loginButtonVisibility = LoginButtonVisibility.Hidden, c
                         className: "flex items-center",
                         children: /*#__PURE__*/ jsx(LoginButton, {
                             visibility: loginButtonVisibility,
+                            externalLoginUrl: externalLoginUrl,
                             className: extractClassName('login', mergedClassnames)
                         })
                     }) : null
@@ -3384,6 +3415,7 @@ const HorizontalNavigationBar = ({ actions, items, logo = undefined, loginIcon =
             /*#__PURE__*/ jsx(TopBar, {
                 items: top.items,
                 loginButtonVisibility: top?.loginButtonVisibility,
+                externalLoginUrl: top?.externalLoginUrl,
                 classNames: {
                     ...top.classNames
                 }
@@ -19210,7 +19242,7 @@ const DataSetContentsTable = ({ listId, data, removeList, size = 'sm' })=>{
                         listId: listId,
                         data: rowData?.files
                     }),
-                    rowData.additionalData.length > 0 && /*#__PURE__*/ jsx(AdditionalDataTableTable, {
+                    rowData?.additionalData.length > 0 && /*#__PURE__*/ jsx(AdditionalDataTableTable, {
                         header: 'Additional Data',
                         data: rowData?.additionalData
                     }),