@boomerang-io/carbon-addons-boomerang-react 4.6.10-beta.3 → 4.6.10-beta.4

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

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { useQueryClient, useMutation } from 'react-query';
 import { InlineLoading, HeaderMenu, HeaderMenuItem } from '@carbon/react';
-import { AddAlt, CheckmarkFilled, GroupAccount, ChevronDown } from '@carbon/react/icons';
+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';
@@ -12,6 +12,9 @@ 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`;
@@ -29,7 +32,7 @@ const headerTeamSwitcherCreateTeamButtonContainerClassname = `${prefix}--header-
 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, menuAriaLabelRecord, menuButtonId, menuListId, navigationPlatform, teamsQuery, trackEvent, user, userTeams, }) {
+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("");
@@ -38,11 +41,23 @@ function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamT
     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) {
@@ -74,10 +89,16 @@ function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamT
                     handleSelectTeam({ team: personalTeam[0] });
                 }
                 else if (userHasAccountTeams) {
-                    handleSelectTeam({ team: accountTeams[0] });
+                    const sortedAccounts = sortBy(accountTeams, [
+                        (account) => (account.displayName ? account.displayName : account.name),
+                    ]);
+                    handleSelectTeam({ team: sortedAccounts[0] });
                 }
                 else if (userHasStandardTeams) {
-                    handleSelectTeam({ team: standardTeams[0] });
+                    const sortedStandardTeams = sortBy(standardTeams, [
+                        (standardTeam) => (standardTeam.displayName ? standardTeam.displayName : standardTeam.name),
+                    ]);
+                    handleSelectTeam({ team: sortedStandardTeams[0] });
                 }
             }
             else if (selectedTeam?.id !== userTeamInstanceSwitcherDefault) {
@@ -107,12 +128,16 @@ function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamT
         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: `${navigationPlatform.baseEnvUrl}/launchpad/teams/${team.id}`,
+                destinationPath: teamLink({ teamId: team.id }),
                 teamId: team.id,
                 teamType: type,
                 trackEvent,
@@ -122,7 +147,7 @@ function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamT
             history.push(`/teams/${team.id}`);
         }
         else {
-            window.open(`${navigationPlatform.baseEnvUrl}/launchpad/teams/${team.id}`, "_self");
+            window.open(teamLink({ teamId: team.id }), "_self");
         }
     };
     const handleCreateJoinTeamClick = (e) => {
@@ -195,79 +220,90 @@ function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamT
             sortedStandardTeamsWithNamesToDisplay = sortBy(newStandardTeams, ["nameToDisplay"]);
         }
         let selectedTeamName = selectedTeam?.displayName ? selectedTeam.displayName : selectedTeam?.name;
-        if (selectedTeamName && selectedTeamName.length > 42) {
-            selectedTeamName = selectedTeamName.slice(0, 42) + "...";
+        if (selectedTeamName && selectedTeamName.length > 65) {
+            selectedTeamName = selectedTeamName.slice(0, 65) + "...";
         }
-        return (React.createElement(HeaderMenu, { "aria-label": menuAriaLabelRecord, className: headerDropdownMenuClassname, menuLinkName: selectedTeamName ? selectedTeamName : "No team selected", "data-testid": "header-team-switcher-menu" },
-            React.createElement(HeaderMenu$1, { "aria-labelledby": menuButtonId, className: headerDropdownMenuListClassname, id: menuListId },
-                React.createElement(HeaderMenuItem, { 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(HeaderMenuItem, { key: team.id, "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(React.Fragment, null,
-                            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", { "aria-expanded": isSubmenuOpen, className: headerDropdownMenuItemAccountSubmenuClassname },
-                                React.createElement(HeaderMenuItem, { "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => handleTeamClick({ team, type: "account" }), "data-testid": "header-team-switcher-menu-account-accordion-item", 
+        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: (e) => {
+                                        e.stopPropagation();
+                                        handleTeamClick({ team, type: "personal" });
+                                    }, href: teamLink({ teamId: team.id }), "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)" },
-                                    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(HeaderMenuItem, { key: team.id, "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(HeaderMenuItem, { key: team.id, "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)));
+                                    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: (e) => {
+                                            e.stopPropagation();
+                                            handleTeamClick({ team, type: "account" });
+                                        }, "data-testid": "header-team-switcher-menu-account-accordion-item", href: teamLink({ teamId: team.id }) },
+                                        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: (e) => {
+                                                        e.stopPropagation();
+                                                        handleTeamClick({ team, type: "project" });
+                                                    }, "data-testid": "header-team-switcher-menu-account-accordion-item", href: teamLink({ teamId: team.id }) },
+                                                    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: (e) => {
+                                        e.stopPropagation();
+                                        handleTeamClick({ team, type: "standard" });
+                                    }, "data-testid": "header-team-switcher-menu-item", href: teamLink({ teamId: team.id }) },
+                                    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;
 }

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

@@ -18,7 +18,7 @@ IBM Confidential
 694970X, 69497O0
 © Copyright IBM Corp. 2022, 2024
 */
-function UIShell({ analyticsHelpers, baseEnvUrl, carbonTheme = "g10", config, createJoinTeamTrigger, history, isLaunchpad = false, leftPanel, platformName, productName, profileMenuItems = [], supportMenuItems = [], renderPrivacyRedirect = true, renderPrivacyStatement = true, rightPanel, handleShowTutorial, skipToContentProps, templateMeteringEvent, trackEvent, 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(QueryClientProvider, { client: queryClient },
@@ -78,7 +78,7 @@ function UIShell({ analyticsHelpers, baseEnvUrl, carbonTheme = "g10", config, cr
                 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), history: history, isLaunchpad: isLaunchpad, trackEvent: trackEvent, user: user, 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

@@ -253,6 +253,80 @@ 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;
+        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;
@@ -272,9 +346,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;
@@ -359,6 +439,9 @@ type Props$G = {
     enableNotificationsCount?: boolean;
     history?: any;
     isLaunchpad?: boolean;
+    isLoadingTeamSwitcher?: boolean;
+    isSuccessTeamSwitcher?: boolean;
+    setIsSuccessTeamSwitcher?: Function;
     leftPanel?: (args: {
         close: () => void;
         isOpen: boolean;
@@ -1410,6 +1493,9 @@ type Props = {
     };
     history?: any;
     isLaunchpad?: boolean;
+    isLoadingTeamSwitcher?: boolean;
+    isSuccessTeamSwitcher?: boolean;
+    setIsSuccessTeamSwitcher?: Function;
     leftPanel?: (args: {
         close: () => void;
         isOpen: boolean;
@@ -1443,6 +1529,6 @@ type Props = {
     handleShowTutorial?: Function;
     tutorialScreenToShow?: string;
 };
-declare function UIShell({ analyticsHelpers, baseEnvUrl, carbonTheme, config, createJoinTeamTrigger, history, isLaunchpad, leftPanel, platformName, productName, profileMenuItems, supportMenuItems, renderPrivacyRedirect, renderPrivacyStatement, rightPanel, handleShowTutorial, skipToContentProps, templateMeteringEvent, trackEvent, 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,7 +1,7 @@
 {
   "name": "@boomerang-io/carbon-addons-boomerang-react",
   "description": "Carbon Addons for Boomerang apps",
-  "version": "4.6.10-beta.3",
+  "version": "4.6.10-beta.4",
   "author": {
     "name": "Tim Bula",
     "email": "timrbula@gmail.com"

package/scss/components/Header/_headerTeamSwitcher.scss

@@ -10,9 +10,27 @@ IBM Confidential
 @use "../../global/themes/shell-tokens" as shell;
 
 :root {
+  .#{$prefix}--header-dropdown-menu-container {
+    display: flex;
+  }
+
+  .#{$prefix}--header-dropdown-menu-loading {
+    align-items: center;
+    display: flex;
+  }
+
+  .#{$prefix}--header-dropdown-menu-success {
+    align-items: center;
+    display: flex;
+
+    svg path {
+      fill: var(--cds-tag-border-green);
+    }
+  }
+
   .#{$prefix}--header-dropdown-menu {
     list-style: none;
-    width: 15rem;
+    max-width: 18.5625rem;
 
     .#{$prefix}--header__menu-title {
       display: flex;
@@ -33,14 +51,17 @@ IBM Confidential
 
     .#{$prefix}--header__menu {
       box-shadow: none;
-      width: 18.5625rem;
+      min-width: 18.5625rem;
+      position: relative;
+      width: 100%;
 
       .#{$prefix}--bmrg-header-drop-down {
-        position: absolute;
-        max-height: 48rem;
+        max-height: min(48rem, 84vh);
+        min-width: 18.5625rem;
         overflow-y: auto;
-        margin-right: 3.5625rem;
-        width: 18.5625rem;
+        position: absolute;
+        right: 0;
+        width: 100%;
 
         a.#{$prefix}--header__menu-item {
           cursor: pointer;
@@ -78,7 +99,8 @@ IBM Confidential
             justify-content: space-between;
           }
 
-          .#{$prefix}--header__menu-item[aria-selected="true"] {
+          .#{$prefix}--header__menu-item[aria-selected="true"],
+          .#{$prefix}--header__menu-item:hover {
             background-color: var(--cds-layer-hover-01) !important;
           }
         }
@@ -109,6 +131,10 @@ IBM Confidential
             }
           }
 
+          .#{$prefix}--header__menu-item:hover {
+            background-color: var(--cds-layer-hover-01) !important;
+          }
+
           .#{$prefix}--header__menu-item[aria-expanded="true"] {
             background-color: var(--cds-layer-hover-01) !important;
 
@@ -129,7 +155,7 @@ IBM Confidential
           transition: max-height 150ms ease-in-out, opacity 150ms ease-in-out;
 
           &[aria-expanded="true"] {
-            max-height: 40rem;
+            max-height: 100rem;
             opacity: 1;
             overflow-y: auto;
           }
@@ -137,6 +163,10 @@ IBM Confidential
 
         .#{$prefix}--header-team-switcher-create-team-button-container {
           border-bottom: 0.0625rem solid var(--cds-border-subtle-00);
+
+          .#{$prefix}--header__menu-item:hover {
+            background-color: var(--cds-layer-hover-01) !important;
+          }
         }
 
         .#{$prefix}--header-team-switcher-create-team-button {