@boomerang-io/carbon-addons-boomerang-react 4.6.11-beta.2 → 4.6.11-beta.20

package/dist/esm/components/Header/HeaderTeamSwitcher.js

@@ -0,0 +1,315 @@
+import React, { useState, useEffect } from 'react';
+import { useQueryClient, useMutation } from 'react-query';
+import { InlineLoading, HeaderMenu, HeaderMenuItem } from '@carbon/react';
+import { CheckmarkFilled, AddAlt, GroupAccount, ChevronDown } from '@carbon/react/icons';
+import sortBy from 'lodash.sortby';
+import HeaderMenu$1 from './HeaderMenu.js';
+import { resolver, serviceUrl } from '../../config/servicesConfig.js';
+import { prefix } from '../../internal/settings.js';
+
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2025
+*/
+const headerDropdownMenuContainerClassname = `${prefix}--header-dropdown-menu-container`;
+const headerDropdownMenuLoadingClassname = `${prefix}--header-dropdown-menu-loading`;
+const headerDropdownMenuSuccessClassname = `${prefix}--header-dropdown-menu-success`;
+const headerDropdownMenuClassname = `${prefix}--header-dropdown-menu`;
+const headerDropdownMenuListClassname = `${prefix}--bmrg-header-drop-down`;
+const headerDropdownMenuItemContainerClassname = `${prefix}--header-dropdown-menu-item-container`;
+const headerDropdownMenuItemClassname = `${prefix}--header-dropdown-menu-item`;
+const headerDropdownMenuItemTextIconClassname = `${prefix}--header-dropdown-menu-item-text-icon`;
+const headerDropdownMenuItemTextClassname = `${prefix}--header-dropdown-menu-item-text`;
+const headerDropdownMenuItemIconClassname = `${prefix}--header-dropdown-menu-item-icon`;
+const headerDropdownMenuItemAccountContainerClassname = `${prefix}--header-dropdown-menu-item-account-container`;
+const headerDropdownMenuItemAccountClassname = `${prefix}--header-dropdown-menu-item-account`;
+const headerDropdownMenuItemAccountIconsClassname = `${prefix}--header-dropdown-menu-item-account-icons`;
+const headerDropdownMenuItemAccountGroupIconClassname = `${prefix}--header-dropdown-menu-item-account-group-icon`;
+const headerDropdownMenuItemAccountChevronIconClassname = `${prefix}--header-dropdown-menu-item-account-chevron-icon`;
+const headerDropdownMenuItemAccountSubmenuClassname = `${prefix}--header-dropdown-menu-item-account-submenu`;
+const headerTeamSwitcherCreateTeamButtonContainerClassname = `${prefix}--header-team-switcher-create-team-button-container`;
+const headerTeamSwitcherCreateTeamButtonClassname = `${prefix}--header-team-switcher-create-team-button`;
+const headerTeamSwitcherCreateTeamButtonTextClassname = `${prefix}--header-team-switcher-create-team-button-text`;
+const headerTeamSwitcherCreateTeamButtonIconClassname = `${prefix}--header-team-switcher-create-team-button-icon`;
+function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamTrigger, history, isLaunchpad, isLoadingTeamSwitcher, isSuccessTeamSwitcher, setIsSuccessTeamSwitcher, menuAriaLabelRecord, menuButtonId, menuListId, navigationPlatform, teamsQuery, trackEvent, user, userTeams, }) {
+    const queryClient = useQueryClient();
+    const [selectedTeam, setSelectedTeam] = useState();
+    const [openAccountSubmenuId, setOpenAccountSubmenuId] = useState("");
+    const hasUserTeams = Boolean(userTeams);
+    const showSelectTeamPurpose = navigationPlatform?.requireTeamPurpose;
+    const createTeamButtonText = showSelectTeamPurpose ? "Create Team" : "Create or Join Team";
+    const userTeamInstanceSwitcherDefault = user?.teamInstanceSwitcherDefault;
+    const profileUrl = serviceUrl.resourceUserProfile({ baseServicesUrl });
+    const teamLink = ({ teamId }) => {
+        return `${navigationPlatform.baseEnvUrl}/launchpad/teams/${teamId}`;
+    };
+    const { mutateAsync: mutateUserProfile, isLoading: mutateUserProfileIsLoading } = useMutation(resolver.patchUserProfile, {
+        onSuccess: () => {
+            queryClient.invalidateQueries(profileUrl);
+        },
+    });
+    React.useEffect(() => {
+        let timer;
+        if (isSuccessTeamSwitcher && setIsSuccessTeamSwitcher) {
+            timer = setTimeout(() => {
+                setIsSuccessTeamSwitcher(false);
+            }, 3000);
+        }
+        return () => clearTimeout(timer);
+    }, [isSuccessTeamSwitcher, setIsSuccessTeamSwitcher]);
+    useEffect(() => {
+        let accountTeams, standardTeams, personalTeam = [];
+        if (hasUserTeams) {
+            accountTeams = userTeams?.data?.accountTeams ?? [];
+            standardTeams = userTeams?.data?.standardTeams ?? [];
+            personalTeam = userTeams?.data?.personalTeam ?? [];
+        }
+        else {
+            accountTeams = teamsQuery?.data?.accountTeams ?? [];
+            standardTeams = teamsQuery?.data?.standardTeams ?? [];
+            personalTeam = teamsQuery?.data?.personalTeam ?? [];
+        }
+        const userHasPersonalTeam = personalTeam.length > 0;
+        const userHasAccountTeams = accountTeams.length > 0;
+        const userHasStandardTeams = standardTeams.length > 0;
+        const userHasTeams = userHasPersonalTeam || userHasAccountTeams || userHasStandardTeams;
+        const handleSelectTeam = async ({ team }) => {
+            setSelectedTeam(team);
+            if (!userTeamInstanceSwitcherDefault) {
+                const body = {
+                    teamInstanceSwitcherDefault: team.id,
+                };
+                await mutateUserProfile({ baseServicesUrl, body });
+            }
+        };
+        if (userHasTeams) {
+            if (!userTeamInstanceSwitcherDefault) {
+                if (userHasPersonalTeam) {
+                    handleSelectTeam({ team: personalTeam[0] });
+                }
+                else if (userHasAccountTeams) {
+                    const sortedAccounts = sortBy(accountTeams, [
+                        (account) => (account.displayName ? account.displayName : account.name),
+                    ]);
+                    handleSelectTeam({ team: sortedAccounts[0] });
+                }
+                else if (userHasStandardTeams) {
+                    const sortedStandardTeams = sortBy(standardTeams, [
+                        (standardTeam) => (standardTeam.displayName ? standardTeam.displayName : standardTeam.name),
+                    ]);
+                    handleSelectTeam({ team: sortedStandardTeams[0] });
+                }
+            }
+            else if (selectedTeam?.id !== userTeamInstanceSwitcherDefault) {
+                let allProjectTeams = [];
+                if (userHasAccountTeams) {
+                    accountTeams.forEach((team) => {
+                        if (team.projectTeams && team.projectTeams.length > 0) {
+                            allProjectTeams = allProjectTeams.concat(team.projectTeams);
+                        }
+                    });
+                }
+                const allTeams = personalTeam.concat(standardTeams, accountTeams, allProjectTeams);
+                const newSelectedTeam = allTeams.find((team) => team.id === userTeamInstanceSwitcherDefault);
+                handleSelectTeam({ team: newSelectedTeam });
+            }
+        }
+    }, [
+        baseServicesUrl,
+        hasUserTeams,
+        mutateUserProfile,
+        selectedTeam,
+        teamsQuery?.data?.accountTeams,
+        teamsQuery?.data?.personalTeam,
+        teamsQuery?.data?.standardTeams,
+        userTeamInstanceSwitcherDefault,
+        userTeams?.data?.accountTeams,
+        userTeams?.data?.personalTeam,
+        userTeams?.data?.standardTeams,
+    ]);
+    const handleHeaderMenuClick = () => {
+        setOpenAccountSubmenuId("");
+    };
+    const handleTeamClick = ({ team, type }) => {
+        setOpenAccountSubmenuId("");
+        if (analyticsHelpers?.navigateEventHandler && trackEvent) {
+            analyticsHelpers.navigateEventHandler({
+                action: `Clicked ${team.name} in Team Switcher`,
+                category: "Team Switcher",
+                destinationPath: teamLink({ teamId: team.id }),
+                teamId: team.id,
+                teamType: type,
+                trackEvent,
+            });
+        }
+        if (isLaunchpad && Boolean(history)) {
+            history.push(`/teams/${team.id}`);
+        }
+        else {
+            window.open(teamLink({ teamId: team.id }), "_self");
+        }
+    };
+    const handleCreateJoinTeamClick = (e) => {
+        if (analyticsHelpers?.ctaEventHandler && trackEvent) {
+            analyticsHelpers.ctaEventHandler({
+                category: "Team Switcher",
+                CTA: "Create/Join team clicked",
+                pageName: "",
+                trackEvent,
+            });
+        }
+        if (createJoinTeamTrigger) {
+            createJoinTeamTrigger(e);
+        }
+        else {
+            window.open(`${navigationPlatform.baseEnvUrl}/launchpad?createJoinTeam=true`, "_self");
+        }
+    };
+    const handleOpenAccountSubmenu = ({ e, id }) => {
+        e.stopPropagation();
+        if (openAccountSubmenuId === id) {
+            setOpenAccountSubmenuId("");
+        }
+        else {
+            setOpenAccountSubmenuId(id);
+        }
+    };
+    if (userTeams?.isLoading || teamsQuery?.isLoading || mutateUserProfileIsLoading) {
+        return (React.createElement("div", { style: { display: "flex", alignItems: "center" } },
+            React.createElement(InlineLoading, null)));
+    }
+    if (userTeams?.data || teamsQuery?.data) {
+        let accountTeams, standardTeams, personalTeam = [];
+        if (hasUserTeams) {
+            accountTeams = userTeams?.data?.accountTeams ?? [];
+            standardTeams = userTeams?.data?.standardTeams ?? [];
+            personalTeam = userTeams?.data?.personalTeam ?? [];
+        }
+        else {
+            accountTeams = teamsQuery?.data?.accountTeams ?? [];
+            standardTeams = teamsQuery?.data?.standardTeams ?? [];
+            personalTeam = teamsQuery?.data?.personalTeam ?? [];
+        }
+        let sortedAccountTeamsWithNamesToDisplay = [];
+        let sortedStandardTeamsWithNamesToDisplay = [];
+        if (accountTeams?.length > 0) {
+            const newAccountTeams = accountTeams.map((team) => {
+                let newProjectTeams = [];
+                if (team.projectTeams && team.projectTeams.length > 0) {
+                    newProjectTeams = team.projectTeams?.map((team) => ({
+                        ...team,
+                        nameToDisplay: team.displayName ? team.displayName : team.name,
+                    }));
+                }
+                return {
+                    ...team,
+                    nameToDisplay: team.displayName ? team.displayName : team.name,
+                    projectTeams: sortBy(newProjectTeams, ["nameToDisplay"]),
+                };
+            });
+            sortedAccountTeamsWithNamesToDisplay = sortBy(newAccountTeams, ["nameToDisplay"]);
+        }
+        if (standardTeams?.length > 0) {
+            const newStandardTeams = standardTeams.map((team) => {
+                return {
+                    ...team,
+                    nameToDisplay: team.displayName ? team.displayName : team.name,
+                };
+            });
+            sortedStandardTeamsWithNamesToDisplay = sortBy(newStandardTeams, ["nameToDisplay"]);
+        }
+        let selectedTeamName = selectedTeam?.displayName ? selectedTeam.displayName : selectedTeam?.name;
+        if (selectedTeamName && selectedTeamName.length > 65) {
+            selectedTeamName = selectedTeamName.slice(0, 65) + "...";
+        }
+        return (React.createElement("div", { className: headerDropdownMenuContainerClassname },
+            isLoadingTeamSwitcher ? (React.createElement("div", { className: headerDropdownMenuLoadingClassname },
+                React.createElement(InlineLoading, null))) : isSuccessTeamSwitcher ? (React.createElement("div", { className: headerDropdownMenuSuccessClassname },
+                React.createElement(CheckmarkFilled, null))) : null,
+            React.createElement(HeaderMenu, { id: "header-team-switcher-menu", "aria-label": menuAriaLabelRecord, className: headerDropdownMenuClassname, menuLinkName: selectedTeamName ? selectedTeamName : "No team selected", onClick: handleHeaderMenuClick, "data-testid": "header-team-switcher-menu" },
+                React.createElement(HeaderMenu$1, { "aria-labelledby": menuButtonId, className: headerDropdownMenuListClassname, id: menuListId },
+                    React.createElement(HeaderMenuItem, { id: "header-team-switcher-create-join-team-button", className: headerTeamSwitcherCreateTeamButtonContainerClassname, onClick: handleCreateJoinTeamClick, 
+                        // eslint-disable-next-line no-script-url
+                        href: "javascript:void(0)", role: "menuitem", "data-testid": "header-team-switcher-create-join-team-button" },
+                        React.createElement("div", { className: headerTeamSwitcherCreateTeamButtonClassname },
+                            React.createElement("span", { className: headerTeamSwitcherCreateTeamButtonTextClassname }, createTeamButtonText),
+                            React.createElement(AddAlt, { className: headerTeamSwitcherCreateTeamButtonIconClassname }))),
+                    personalTeam.length > 0
+                        ? personalTeam.map((team) => {
+                            const teamName = team.displayName ? team.displayName : team.name;
+                            const isTeamSelected = team.id === selectedTeam?.id;
+                            return (React.createElement("div", { key: team.id, id: `${team.id}-personal-menu-item-id` },
+                                React.createElement(HeaderMenuItem, { key: team.id, id: `${team.id}-personal-menu-item`, "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => {
+                                        handleTeamClick({ team, type: "personal" });
+                                    }, 
+                                    // eslint-disable-next-line no-script-url
+                                    href: "javascript:void(0)", "data-testid": "header-team-switcher-menu-item" },
+                                    React.createElement("div", { className: headerDropdownMenuItemClassname },
+                                        React.createElement("span", { title: teamName, className: headerDropdownMenuItemTextClassname }, teamName),
+                                        isTeamSelected ? React.createElement(CheckmarkFilled, { className: headerDropdownMenuItemIconClassname }) : null))));
+                        })
+                        : null,
+                    accountTeams.length > 0
+                        ? sortedAccountTeamsWithNamesToDisplay.map((team) => {
+                            const isSubmenuOpen = team.id === openAccountSubmenuId;
+                            const isProjectTeamSelected = team.projectTeams &&
+                                team.projectTeams.length > 0 &&
+                                team.projectTeams.some((team) => team.id === selectedTeam?.id);
+                            const isTeamSelected = team.id === selectedTeam?.id;
+                            const isMenuSelected = isTeamSelected || isProjectTeamSelected;
+                            return (React.createElement("div", { key: team.id, id: `${team.id}-account-menu` },
+                                React.createElement(HeaderMenuItem, { "aria-expanded": isSubmenuOpen, "aria-selected": isMenuSelected, className: headerDropdownMenuItemAccountContainerClassname, onClick: (e) => handleOpenAccountSubmenu({ e, id: team.id }), 
+                                    // eslint-disable-next-line no-script-url
+                                    href: "javascript:void(0)", "data-testid": "header-team-switcher-menu-account-accordion" },
+                                    React.createElement("div", { className: headerDropdownMenuItemAccountClassname },
+                                        React.createElement("div", { className: headerDropdownMenuItemTextIconClassname },
+                                            React.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, team.nameToDisplay),
+                                            isMenuSelected ? (React.createElement(CheckmarkFilled, { className: headerDropdownMenuItemIconClassname })) : null),
+                                        React.createElement("div", { className: headerDropdownMenuItemAccountIconsClassname },
+                                            React.createElement(GroupAccount, { className: headerDropdownMenuItemAccountGroupIconClassname }),
+                                            React.createElement(ChevronDown, { className: headerDropdownMenuItemAccountChevronIconClassname })))),
+                                React.createElement("div", { id: `${team.id}-account-submenu`, key: `${team.id}-account-submenu`, "aria-expanded": isSubmenuOpen, className: headerDropdownMenuItemAccountSubmenuClassname },
+                                    React.createElement(HeaderMenuItem, { key: `${team.id}-menu-item`, id: `${team.id}-account-menu-item`, "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => {
+                                            handleTeamClick({ team, type: "account" });
+                                        }, "data-testid": "header-team-switcher-menu-account-accordion-item", 
+                                        // eslint-disable-next-line no-script-url
+                                        href: "javascript:void(0)" },
+                                        React.createElement("div", { className: headerDropdownMenuItemClassname, style: { paddingLeft: "1rem" } },
+                                            React.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, "Account Page"),
+                                            isTeamSelected ? (React.createElement(CheckmarkFilled, { className: headerDropdownMenuItemIconClassname })) : null)),
+                                    team.projectTeams && team.projectTeams.length > 0
+                                        ? team.projectTeams.map((team) => {
+                                            const isTeamSelected = team.id === selectedTeam?.id;
+                                            return (React.createElement("div", { key: team.id, id: `${team.id}-project-menu-item` },
+                                                React.createElement(HeaderMenuItem, { "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => {
+                                                        handleTeamClick({ team, type: "project" });
+                                                    }, "data-testid": "header-team-switcher-menu-account-accordion-item", 
+                                                    // eslint-disable-next-line no-script-url
+                                                    href: "javascript:void(0)" },
+                                                    React.createElement("div", { className: headerDropdownMenuItemClassname, style: { paddingLeft: "1rem" } },
+                                                        React.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, team.nameToDisplay),
+                                                        isTeamSelected ? (React.createElement(CheckmarkFilled, { className: headerDropdownMenuItemIconClassname })) : null))));
+                                        })
+                                        : null)));
+                        })
+                        : null,
+                    standardTeams.length > 0
+                        ? sortedStandardTeamsWithNamesToDisplay.map((team) => {
+                            const isTeamSelected = team.id === selectedTeam?.id;
+                            return (React.createElement("div", { key: team.id, id: `${team.id}-standard-menu-item` },
+                                React.createElement(HeaderMenuItem, { "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => {
+                                        handleTeamClick({ team, type: "standard" });
+                                    }, "data-testid": "header-team-switcher-menu-item", 
+                                    // eslint-disable-next-line no-script-url
+                                    href: "javascript:void(0)" },
+                                    React.createElement("div", { className: headerDropdownMenuItemClassname },
+                                        React.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, team.nameToDisplay),
+                                        isTeamSelected ? React.createElement(CheckmarkFilled, { className: headerDropdownMenuItemIconClassname }) : null))));
+                        })
+                        : null))));
+    }
+    return null;
+}
+
+export { HeaderTeamSwitcher as default };

package/dist/esm/components/UIShell/UIShell.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { QueryClientProvider } from 'react-query';
-import { Email, HelpDesk, Forum, ChatLaunch, Cognitive, Book } from '@carbon/react/icons';
+import { Email, Document, HelpDesk, CatalogPublish, Policy, Forum, ChatLaunch, Cognitive, Book } from '@carbon/react/icons';
 import Header from '../Header/Header.js';
 import HeaderMenuItem from '../Header/HeaderMenuItem.js';
 import PrivacyRedirect from '../PrivacyRedirect/PrivacyRedirect.js';
@@ -18,10 +18,11 @@ IBM Confidential
 694970X, 69497O0
 © Copyright IBM Corp. 2022, 2024
 */
-function UIShell({ baseEnvUrl, carbonTheme = "g10", config, leftPanel, platformName, productName, profileMenuItems = [], supportMenuItems = [], renderPrivacyRedirect = true, renderPrivacyStatement = true, rightPanel, handleShowTutorial, skipToContentProps, templateMeteringEvent, triggerEvent, tutorialScreenToShow, user, userTeams, enableIcaMacs, }) {
+function UIShell({ analyticsHelpers, baseEnvUrl, carbonTheme = "g10", config, createJoinTeamTrigger, history, isLaunchpad = false, isLoadingTeamSwitcher, isSuccessTeamSwitcher, setIsSuccessTeamSwitcher, leftPanel, platformName, productName, profileMenuItems = [], supportMenuItems = [], renderPrivacyRedirect = true, renderPrivacyStatement = true, rightPanel, handleShowTutorial, skipToContentProps, templateMeteringEvent, trackEvent, triggerEvent, tutorialScreenToShow, user, userTeams, enableIcaMacs, }) {
     // Support base header .e.g for an error state
     if (!config) {
-        return (React.createElement(Header, { baseEnvUrl: baseEnvUrl ?? "", baseServicesUrl: "", carbonTheme: carbonTheme, enableAppSwitcher: false, enableNotifications: false, enableNotificationsCount: false, productName: productName || platformName || "" }));
+        return (React.createElement(QueryClientProvider, { client: queryClient },
+            React.createElement(Header, { baseEnvUrl: baseEnvUrl ?? "", baseServicesUrl: "", carbonTheme: carbonTheme, enableAppSwitcher: false, enableNotifications: false, enableNotificationsCount: false, productName: productName || platformName || "", user: user })));
     }
     const { features, navigation, platform, platformMessage } = config;
     const names = getProductAndPlatformNames({ productName, platformName, platform });
@@ -61,15 +62,19 @@ function UIShell({ baseEnvUrl, carbonTheme = "g10", config, leftPanel, platformN
      */
     const isPrivacyStatementDisabled = renderPrivacyStatement === false || features?.["consent.enabled"] === false;
     return (React.createElement(QueryClientProvider, { client: queryClient },
-        React.createElement(Header, { baseEnvUrl: platform.baseEnvUrl, baseServicesUrl: platform.baseServicesUrl, carbonTheme: carbonTheme, enableAppSwitcher: isAppSwitcherEnabled, instanceSwitcherEnabled: instanceSwitcherEnabled, enableNotifications: isNotificationsEnabled, enableNotificationsCount: isNotificationsCountEnabled, leftPanel: leftPanel, navLinks: navigation, platform: platform, platformMessage: platformMessage, prefixName: names.platformName, productName: names.productName, rightPanel: rightPanel, requestSummary: user?.requestSummary, skipToContentProps: skipToContentProps, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent, profileMenuItems: [
+        React.createElement(Header, { analyticsHelpers: analyticsHelpers, baseEnvUrl: platform.baseEnvUrl, baseServicesUrl: platform.baseServicesUrl, carbonTheme: carbonTheme, createJoinTeamTrigger: createJoinTeamTrigger, enableAppSwitcher: isAppSwitcherEnabled, instanceSwitcherEnabled: instanceSwitcherEnabled, enableNotifications: isNotificationsEnabled, enableNotificationsCount: isNotificationsCountEnabled, leftPanel: leftPanel, navLinks: navigation, platform: platform, platformMessage: platformMessage, prefixName: names.platformName, productName: names.productName, rightPanel: rightPanel, requestSummary: user?.requestSummary, skipToContentProps: skipToContentProps, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent, profileMenuItems: [
                 isUserEnabled && (React.createElement(ProfileSettingsMenuItem, { key: "profile-settings", baseServicesUrl: platform.baseServicesUrl, src: `${platform.baseServicesUrl}/users/image/${user?.email}`, userName: user?.displayName ?? user?.name })),
                 isSendMailEnabled && (React.createElement(HeaderMenuItem, { key: "email-preferences", href: `${platform.baseEnvUrl}/launchpad/email-preferences`, icon: React.createElement(Email, null), kind: "internal", text: "Email Preferences", type: "link" })),
                 !isPrivacyStatementDisabled && (React.createElement(PrivacyStatementMenuItem, { key: "privacy-statement", baseServicesUrl: platform.baseServicesUrl, platformEmail: platform?.platformEmail })),
                 ...profileMenuItems,
                 isSignOutEnabled && React.createElement(SignOutMenuItem, { key: "Sign Out", signOutLink: platform.signOutUrl }),
             ].filter(Boolean), supportMenuItems: [
+                React.createElement(HeaderMenuItem, { key: "docs", href: platform?.docs?.url, icon: React.createElement(Document, null), "data-testid": "docs", kind: "app", text: "Docs", type: "link" }),
                 isSupportEnabled &&
                     (supportFlagCheck || isPartnerUser ? (React.createElement(SupportCenterMenuItem, { key: "support-center", platformName: platform?.platformName, platformOrganization: platform?.platformOrganization, supportLink: supportLink, partnerEmailId: partnerEmailId, enablePartner: isPartnerUser, baseServicesUrl: platform.baseServicesUrl })) : (React.createElement(HeaderMenuItem, { key: "support-center", href: platform?.supportUrl, icon: React.createElement(HelpDesk, null), kind: "external", text: "Support Center", type: "link" }))),
+                React.createElement(HeaderMenuItem, { key: "release-notes", href: platform?.releaseNotesUrl, icon: React.createElement(CatalogPublish, null), "data-testid": "release-notes", kind: "app", text: "Release Notes", type: "link" }),
+                React.createElement(HeaderMenuItem, { key: "legal-terms", href: platform?.legalTermsUrl, icon: React.createElement(Policy, null), "data-testid": "legal-terms", kind: "app", text: "Legal Terms", type: "link" }),
+                React.createElement("span", { style: { "borderBottom": "1px solid #b8c1c1" } }),
                 isCommunityEnabled && (React.createElement(HeaderMenuItem, { key: "community", href: platform?.communityUrl, icon: React.createElement(Forum, null), kind: "external", text: "Community", type: "link" })),
                 isFeedbackEnabled && (React.createElement(FeedbackMenuItem, { key: "feedback", platformName: platform?.platformName, platformOrganization: platform?.platformOrganization, sendIdeasUrl: sendIdeasUrl })),
                 !isPartnerUser && askICAEnabled ? (React.createElement(HeaderMenuItem, { key: "chat-launch", href: platform?.askICAUrl, icon: React.createElement(ChatLaunch, null), "data-testid": "askICA-chatlaunch", kind: "external", text: "AskICA", type: "link" })) : null,
@@ -77,7 +82,7 @@ function UIShell({ baseEnvUrl, carbonTheme = "g10", config, leftPanel, platformN
                 isAboutPlatformEnabled && (React.createElement(AboutPlatformMenuItem, { key: "about-platform", name: platform.name, baseServicesUrl: platform.baseServicesUrl })),
                 tutorialScreenToShow && handleShowTutorial && (React.createElement(HeaderMenuItem, { key: "launch-tutorial", onClick: handleShowTutorial, icon: React.createElement(Book, null), "data-testid": "launch-tutorial", text: "Launch Tutorial", type: "button" })),
                 ...supportMenuItems,
-            ].filter(Boolean), userTeams: userTeams }),
+            ].filter(Boolean), history: history, isLaunchpad: isLaunchpad, isLoadingTeamSwitcher: isLoadingTeamSwitcher, isSuccessTeamSwitcher: isSuccessTeamSwitcher, setIsSuccessTeamSwitcher: setIsSuccessTeamSwitcher, trackEvent: trackEvent, user: user, userTeams: userTeams }),
         isPrivacyModalRendered ? (React.createElement(PrivacyRedirect, { isOpen: true, baseEnvUrl: platform.baseEnvUrl, platformName: platform?.name, user: user })) : null));
 }
 /**

package/dist/types/index.d.ts

@@ -223,6 +223,7 @@ type User = {
     hasOpenPersonalTeamRequest?: boolean;
     personalTeamAssistantsAccess?: boolean;
     personalTeamAssistantsAccessRequested?: boolean;
+    teamInstanceSwitcherDefault?: string | null;
 };
 type UserTeams = {
     accountTeams: {
@@ -252,6 +253,89 @@ type PlatformNotification = {
     type: string;
     userId: string;
 };
+interface Navigation {
+    features: {
+        "appSwitcher.enabled": boolean;
+        "docs.enabled": boolean;
+        "eventing.enabled": boolean;
+        "feedback.enabled": boolean;
+        "homePage.enabled": boolean;
+        "metering.enabled": boolean;
+        "notifications.enabled": boolean;
+        "notificationsCount.enabled": boolean;
+        "partner.enabled": boolean;
+        "support.enabled": boolean;
+        "welcome.enabled": boolean;
+    };
+    improveQuestions: [
+        {
+            key: string;
+            options: [string];
+            question: string;
+            type: string;
+        }
+    ];
+    navigation: [
+        {
+            name: string;
+            url: string;
+        }
+    ];
+    platform: {
+        addServiceRequestUrl: string;
+        baseEnvUrl: string;
+        baseServicesUrl: string;
+        cashEIAEnabled: boolean;
+        catalogContributorUrl: string;
+        catalogItemRequestLimit: number;
+        catalogRecipeRequestLimit: number;
+        communityUrl: string;
+        displayLogo: boolean;
+        feedbackUrl: string;
+        footerEnabled: boolean;
+        admin: {
+            url: string;
+        };
+        docs: {
+            url: string;
+        };
+        catalog: {
+            url: string;
+        };
+        gaEnabled: boolean;
+        linkCatalogId: string;
+        instanceSwitcherEnabled: boolean;
+        inviteTime: number;
+        name: string;
+        onPremDeploymentEnabled: boolean;
+        personalTeamEnabled: boolean;
+        partnerRegex: string;
+        platformName: string;
+        platformOrganization: string;
+        pocTeamEnabled: boolean;
+        privateTeams: boolean;
+        requireTeamPurpose: boolean;
+        segmentEnabled: boolean;
+        sendMail: boolean;
+        signOutUrl: string;
+        standardUserIDCPInviteEnabled: boolean;
+        teamInviteTime: number;
+        temporayModalEnabled: boolean;
+        tilesEnabled: boolean;
+        tutorialEnabled: boolean;
+        tutorialVideoLink1: string;
+        tutorialVideoLink2: string;
+        tutorialVideoLink3: string;
+        tutorialVideoLink4: string;
+        tutorialVideoLink5: string;
+        version: string;
+    };
+    platformMessage: null | {
+        kind: string;
+        message: string;
+        title: string;
+    };
+}
 type NavLink = {
     name: string;
     url: string;
@@ -271,9 +355,15 @@ type Props$I = {
     showChatButton?: boolean;
     showSelectTeamPurpose?: boolean;
     homeLink?: string;
+    agentAssistantStudioLink?: string;
+    agentAssistantLibraryLink?: string;
+    documentCollectionsLink?: string;
+    settingsLink?: string;
+    toolsLink?: string;
     joinCreateTrigger?: (props: any) => void;
     isLoading?: boolean;
     isOpen?: boolean;
+    navigation?: Navigation;
     navLinks?: NavLink[];
     personalTeams?: Array<SideNavTeam>;
     showChatTooltip?: boolean;
@@ -346,14 +436,21 @@ type Props$H = React.ComponentPropsWithoutRef<"img"> & {
 declare function Avatar({ alt, className, size, src, style, title, userName, plainTooltip, ...rest }: Props$H): React.JSX.Element;
 
 type Props$G = {
+    analyticsHelpers?: any;
     baseServicesUrl?: string;
     baseEnvUrl?: string;
     carbonTheme?: "white" | "g10" | "g90" | "g100";
     className?: string;
+    createJoinTeamTrigger?: Function;
     enableAppSwitcher?: boolean;
     instanceSwitcherEnabled?: boolean;
     enableNotifications?: boolean;
     enableNotificationsCount?: boolean;
+    history?: any;
+    isLaunchpad?: boolean;
+    isLoadingTeamSwitcher?: boolean;
+    isSuccessTeamSwitcher?: boolean;
+    setIsSuccessTeamSwitcher?: Function;
     leftPanel?: (args: {
         close: () => void;
         isOpen: boolean;
@@ -381,7 +478,9 @@ type Props$G = {
     supportMenuItems?: React.ReactNode[];
     instanceSwitcherMenuItems?: React.ReactNode[];
     templateMeteringEvent?: (props: any) => void;
+    trackEvent?: Function;
     triggerEvent?: (props: any) => any;
+    user?: User;
     userTeams?: {
         data: any;
         isLoading: boolean;
@@ -1354,7 +1453,9 @@ type Props$1 = {
 declare function ToggleComponent({ helperText, id, invalid, invalidText, reversed, label, labelText, labelA, labelB, orientation, tooltipClassName, tooltipContent, tooltipProps, ...toggleProps }: Props$1): React.JSX.Element;
 
 type Props = {
+    analyticsHelpers?: any;
     carbonTheme?: "white" | "g10" | "g90" | "g100";
+    createJoinTeamTrigger?: Function;
     baseEnvUrl?: string;
     config?: {
         features?: {
@@ -1376,6 +1477,8 @@ type Props = {
             baseEnvUrl: string;
             baseServicesUrl: string;
             communityUrl?: string;
+            releaseNotesUrl?: string;
+            legalTermsUrl?: string;
             feedbackUrl?: string;
             name?: string;
             platformEmail?: string;
@@ -1383,6 +1486,9 @@ type Props = {
             platformVersion: string;
             platformVersionError: boolean;
             platformOrganization?: string;
+            docs?: {
+                url: string;
+            };
             privateTeams?: boolean;
             sendIdeasUrl?: string;
             sendMail?: boolean;
@@ -1399,6 +1505,11 @@ type Props = {
         };
         platformMessage?: any;
     };
+    history?: any;
+    isLaunchpad?: boolean;
+    isLoadingTeamSwitcher?: boolean;
+    isSuccessTeamSwitcher?: boolean;
+    setIsSuccessTeamSwitcher?: Function;
     leftPanel?: (args: {
         close: () => void;
         isOpen: boolean;
@@ -1420,6 +1531,7 @@ type Props = {
     };
     supportMenuItems?: React.ReactNode[];
     templateMeteringEvent?: (props: any) => void;
+    trackEvent?: Function;
     triggerEvent?: (props: any) => any;
     user?: User;
     userTeams?: {
@@ -1431,6 +1543,6 @@ type Props = {
     handleShowTutorial?: Function;
     tutorialScreenToShow?: string;
 };
-declare function UIShell({ baseEnvUrl, carbonTheme, config, leftPanel, platformName, productName, profileMenuItems, supportMenuItems, renderPrivacyRedirect, renderPrivacyStatement, rightPanel, handleShowTutorial, skipToContentProps, templateMeteringEvent, triggerEvent, tutorialScreenToShow, user, userTeams, enableIcaMacs, }: Props): React.JSX.Element;
+declare function UIShell({ analyticsHelpers, baseEnvUrl, carbonTheme, config, createJoinTeamTrigger, history, isLaunchpad, isLoadingTeamSwitcher, isSuccessTeamSwitcher, setIsSuccessTeamSwitcher, leftPanel, platformName, productName, profileMenuItems, supportMenuItems, renderPrivacyRedirect, renderPrivacyStatement, rightPanel, handleShowTutorial, skipToContentProps, templateMeteringEvent, trackEvent, triggerEvent, tutorialScreenToShow, user, userTeams, enableIcaMacs, }: Props): React.JSX.Element;
 
 export { AdvantageSideNav, AutoSuggestBmrg as AutoSuggest, Avatar, CheckboxListComponent as CheckboxList, ComboBoxComponent as ComboBox, ComboBoxMultiSelect, ComposedModal, ConfirmModal, CreatableComponent as Creatable, DataDrivenInput, DateInputComponent as DateInput, DecisionButtons, DelayedRender, DynamicFormik, DynamicInput, Error, Error403, Error404, ErrorBoundary, ErrorDragon, ErrorFullPage, Error as ErrorMessage, ErrorPage, ErrorPageCore, FeatureHeader, FeatureHeaderSubtitle, FeatureHeaderTitle, FeatureNavTab, FeatureNavTabs, FeatureSideNav, FeatureSideNavFooter, FeatureSideNavHeader, FeatureSideNavLink, FeatureSideNavLinks, FlowModalContainer as FlowModal, FlowModalForm, FormInput, Header, _default as HeaderMenuItem, ImageModal, InputGovernor, Loading, MemberBar, Modal, ModalConfirmEdit, FlowModalContainer as ModalFlow, FlowModalForm as ModalFlowForm, ModalForm, ModalFunctionChildrenProps, ModalTrigger, NotificationsContainer, PlatformBanner, PlatformNotificationsContainer, Portal, PrivacyStatement, ProtectedRoute, RadioGroupComponent as RadioGroup, RichTextAreaComponent as RichTextArea, SimpleTeamService, Team, TextAreaComponent as TextArea, TextInputComponent as TextInput, ToastNotification, ToggleComponent as Toggle, TooltipHover, UIShell, User, UserTeams, notify };

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@boomerang-io/carbon-addons-boomerang-react",
   "description": "Carbon Addons for Boomerang apps",
-  "version": "4.6.11-beta.2",
+  "version": "4.6.11-beta.20",
   "author": {
     "name": "Tim Bula",
     "email": "timrbula@gmail.com"
   },
   "license": "Apache-2",
-  "repository": {
+  "repository": { 
     "type": "git",
     "url": "git@github.com:boomerang-io/carbon-addons-boomerang-react"
   },

package/scss/components/AdvantageSideNav/_advantageSideNav.scss

@@ -259,9 +259,3 @@ IBM Confidential
 .#{$prefix}--teamSelectModalBody {
   overflow: visible;
 }
-
-.#{$prefix}--teamSelectionModalContainer {
-   max-width: 40rem;
-   max-height: 13.25rem;
-}
-