@boomerang-io/carbon-addons-boomerang-react 4.6.8-beta.22 → 4.6.8-beta.24

package/dist/cjs/components/Header/Header.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var reactQuery = require('react-query');
 var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
 var HeaderAppSwitcher = require('./HeaderAppSwitcher.js');
@@ -12,6 +13,7 @@ var PlatformNotificationsContainer = require('../PlatformNotifications/PlatformN
 var UserRequests = require('./UserRequests.js');
 var useHeaderMenu = require('../../hooks/useHeaderMenu.js');
 var useWindowSize = require('../../hooks/useWindowSize.js');
+var servicesConfig = require('../../config/servicesConfig.js');
 var settings = require('../../internal/settings.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -21,7 +23,7 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 /*
 IBM Confidential
 694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
+© Copyright IBM Corp. 2022, 2025
 */
 const MenuListId = {
     Notifcations: "header-notifications-dialog",
@@ -32,6 +34,7 @@ const MenuListId = {
     Support: "header-support-menu",
     instanceSwitcher: "header-instanceSwitcher-menu",
     Switcher: "header-switcher-menu",
+    TeamSwitcher: "header-team-switcher-menu",
 };
 const MenuButtonId = {
     Notifcations: "header-notifications-dialog-button",
@@ -42,6 +45,7 @@ const MenuButtonId = {
     Support: "header-support-menu-button",
     InstanceSwitcher: "header-instanceSwitcher-menu-button",
     Switcher: "header-switcher-menu-button",
+    TeamSwitcher: "header-team-switcher-menu-button",
 };
 const MenuAriaLabelRecord = {
     Notifcations: "Notifications dialog",
@@ -52,11 +56,19 @@ const MenuAriaLabelRecord = {
     instanceSwitcher: "Instance Switcher Menu",
     Support: "Support menu",
     Switcher: "Switcher menu",
+    TeamSwitcher: "Team Switcher menu",
 };
 const headerButtonClassNames = "cds--btn--icon-only cds--header__action cds--btn cds--btn--primary cds--btn--icon-only cds--btn cds--btn--primary";
 const instanceCheckMarkContainerClass = "instance-checkmark-style-container";
 function Header(props) {
-    const { productName, baseEnvUrl, baseServicesUrl, carbonTheme = "g10", className, navLinks, platform, prefixName = "", rightPanel, skipToContentProps, templateMeteringEvent, triggerEvent, userTeams, } = props;
+    const { analyticsHelpers, productName, baseEnvUrl, baseServicesUrl, carbonTheme = "g10", className, createJoinTeamTrigger, history, isLaunchpad = false, navLinks, platform, prefixName = "", rightPanel, skipToContentProps, templateMeteringEvent, trackEvent, triggerEvent, user, userTeams, } = props;
+    const hasUserTeams = Boolean(userTeams);
+    const userTeamsUrl = servicesConfig.serviceUrl.getUserTeamsServices({ baseServicesUrl });
+    const teamsQuery = reactQuery.useQuery({
+        queryKey: userTeamsUrl,
+        queryFn: servicesConfig.resolver.query(userTeamsUrl, null),
+        enabled: !hasUserTeams,
+    });
     return (React__default.default.createElement(React__default.default.Fragment, null,
         React__default.default.createElement(react.Theme, { theme: carbonTheme },
             React__default.default.createElement(react.Header, { "aria-label": "App navigation header", className: className },
@@ -72,7 +84,7 @@ function Header(props) {
                     React__default.default.createElement(NotificationsMenu, { baseEnvUrl: baseEnvUrl, baseServicesUrl: baseServicesUrl, enabled: Boolean(props.enableNotifications), countEnabled: Boolean(props.enableNotificationsCount) }),
                     React__default.default.createElement(SupportMenu, { enabled: Array.isArray(props.supportMenuItems) && props.supportMenuItems.length > 0, menuItems: props.supportMenuItems }),
                     React__default.default.createElement(ProfileMenu, { enabled: Array.isArray(props.profileMenuItems) && props.profileMenuItems.length > 0, menuItems: props.profileMenuItems }),
-                    React__default.default.createElement(AppSwitcherMenu, { baseEnvUrl: baseEnvUrl, baseServicesUrl: baseServicesUrl, enabled: props.enableAppSwitcher, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent, userTeams: userTeams }),
+                    React__default.default.createElement(AppSwitcherMenu, { baseEnvUrl: baseEnvUrl, baseServicesUrl: baseServicesUrl, enabled: props.enableAppSwitcher, teamsQuery: teamsQuery, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent, userTeams: userTeams }),
                     React__default.default.createElement(RightPanelMenu, { enabled: Boolean(rightPanel && Object.keys(rightPanel).length), ...rightPanel })))),
         React__default.default.createElement(NotificationsContainer.default, { enableMultiContainer: true, containerId: `${settings.prefix}--bmrg-header-notifications` })));
 }
@@ -153,7 +165,7 @@ function AppSwitcherMenu(props) {
     }
     return (React__default.default.createElement("div", { ref: ref },
         React__default.default.createElement("button", { "aria-controls": MenuListId.Switcher, "aria-expanded": isOpen, "aria-haspopup": "menu", "aria-label": MenuAriaLabelRecord.Switcher, className: headerButtonClassNames, "data-testid": "header-appswitcher-link", id: MenuButtonId.Switcher, onClick: toggleActive }, isOpen ? React__default.default.createElement(icons.Close, { size: 20 }) : React__default.default.createElement(icons.Switcher, { size: 20 })),
-        React__default.default.createElement(HeaderAppSwitcher.default, { baseEnvUrl: props.baseEnvUrl, baseServicesUrl: props.baseServicesUrl, id: MenuListId.Switcher, isOpen: isOpen, templateMeteringEvent: props.templateMeteringEvent, triggerEvent: props.triggerEvent, userTeams: props.userTeams })));
+        React__default.default.createElement(HeaderAppSwitcher.default, { baseEnvUrl: props.baseEnvUrl, baseServicesUrl: props.baseServicesUrl, id: MenuListId.Switcher, isOpen: isOpen, teamsQuery: props.teamsQuery, templateMeteringEvent: props.templateMeteringEvent, triggerEvent: props.triggerEvent, userTeams: props.userTeams })));
 }
 function RightPanelMenu(props) {
     const { isOpen, toggleActive, ref } = useHeaderMenu.default(MenuButtonId.RightPanel);

package/dist/cjs/components/Header/HeaderAppSwitcher.js

@@ -3,12 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var reactQuery = require('react-query');
 var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
 var ErrorMessage = require('../ErrorMessage/ErrorMessage.js');
 var cx = require('classnames');
-var servicesConfig = require('../../config/servicesConfig.js');
 var settings = require('../../internal/settings.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -28,14 +26,8 @@ const externalProps = {
 const panelClassName = `${settings.prefix}--bmrg-header-switcher-panel`;
 const contentClassName = `${settings.prefix}--bmrg-header-switcher`;
 const skeletonClassName = `${settings.prefix}--bmrg-header-switcher__skeleton`;
-function HeaderAppSwitcher({ baseServicesUrl, baseEnvUrl, id, isOpen, templateMeteringEvent, triggerEvent, userTeams }) {
+function HeaderAppSwitcher({ baseServicesUrl, baseEnvUrl, id, isOpen, teamsQuery, templateMeteringEvent, triggerEvent, userTeams, }) {
     const hasUserTeams = Boolean(userTeams);
-    const userTeamsUrl = servicesConfig.serviceUrl.getUserTeamsServices({ baseServicesUrl });
-    const teamsQuery = reactQuery.useQuery({
-        queryKey: userTeamsUrl,
-        queryFn: servicesConfig.resolver.query(userTeamsUrl, null),
-        enabled: !hasUserTeams
-    });
     if (userTeams?.isLoading || teamsQuery?.isLoading) {
         return (React__default.default.createElement(react.HeaderPanel, { "aria-label": "App Switcher", className: panelClassName, expanded: isOpen, id: id, role: "menu" },
             React__default.default.createElement("div", { className: cx__default.default(contentClassName, "--is-loading", { "--is-hidden": !isOpen }) },
@@ -78,7 +70,7 @@ function HeaderAppSwitcher({ baseServicesUrl, baseEnvUrl, id, isOpen, templateMe
     }
     return null;
 }
-function TeamServiceListMenu({ baseEnvUrl, isAccount, isMember, team, templateMeteringEvent, triggerEvent }) {
+function TeamServiceListMenu({ baseEnvUrl, isAccount, isMember, team, templateMeteringEvent, triggerEvent, }) {
     const { name, displayName, services } = team;
     const nameToDisplay = displayName ? displayName : name;
     const isNameTruncated = nameToDisplay?.length > 30;

package/dist/cjs/components/UIShell/UIShell.js

@@ -26,10 +26,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, 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__default.default.createElement(Header.default, { baseEnvUrl: baseEnvUrl ?? "", baseServicesUrl: "", carbonTheme: carbonTheme, enableAppSwitcher: false, enableNotifications: false, enableNotificationsCount: false, productName: productName || platformName || "" }));
+        return (React__default.default.createElement(reactQuery.QueryClientProvider, { client: servicesConfig.queryClient },
+            React__default.default.createElement(Header.default, { 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 });
@@ -69,7 +70,7 @@ function UIShell({ baseEnvUrl, carbonTheme = "g10", config, leftPanel, platformN
      */
     const isPrivacyStatementDisabled = renderPrivacyStatement === false || features?.["consent.enabled"] === false;
     return (React__default.default.createElement(reactQuery.QueryClientProvider, { client: servicesConfig.queryClient },
-        React__default.default.createElement(Header.default, { 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__default.default.createElement(Header.default, { 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__default.default.createElement(ProfileSettings.ProfileSettingsMenuItem, { key: "profile-settings", baseServicesUrl: platform.baseServicesUrl, src: `${platform.baseServicesUrl}/users/image/${user?.email}`, userName: user?.displayName ?? user?.name })),
                 isSendMailEnabled && (React__default.default.createElement(HeaderMenuItem.default, { key: "email-preferences", href: `${platform.baseEnvUrl}/launchpad/email-preferences`, icon: React__default.default.createElement(icons.Email, null), kind: "internal", text: "Email Preferences", type: "link" })),
                 !isPrivacyStatementDisabled && (React__default.default.createElement(PrivacyStatement.PrivacyStatementMenuItem, { key: "privacy-statement", baseServicesUrl: platform.baseServicesUrl, platformEmail: platform?.platformEmail })),
@@ -85,7 +86,7 @@ function UIShell({ baseEnvUrl, carbonTheme = "g10", config, leftPanel, platformN
                 isAboutPlatformEnabled && (React__default.default.createElement(AboutPlatform.AboutPlatformMenuItem, { key: "about-platform", name: platform.name, baseServicesUrl: platform.baseServicesUrl })),
                 tutorialScreenToShow && handleShowTutorial && (React__default.default.createElement(HeaderMenuItem.default, { key: "launch-tutorial", onClick: handleShowTutorial, icon: React__default.default.createElement(icons.Book, null), "data-testid": "launch-tutorial", text: "Launch Tutorial", type: "button" })),
                 ...supportMenuItems,
-            ].filter(Boolean), userTeams: userTeams }),
+            ].filter(Boolean), history: history, isLaunchpad: isLaunchpad, trackEvent: trackEvent, user: user, userTeams: userTeams }),
         isPrivacyModalRendered ? (React__default.default.createElement(PrivacyRedirect.default, { isOpen: true, baseEnvUrl: platform.baseEnvUrl, platformName: platform?.name, user: user })) : null));
 }
 /**

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { useQuery } from 'react-query';
 import { Theme, Header as Header$1, SkipToContent, HeaderName, HeaderNavigation, HeaderMenuItem, HeaderGlobalBar, HeaderPanel, HeaderMenuButton, SideNav, SideNavItems, SideNavLink } from '@carbon/react';
 import { Wikis, Checkmark, Collaborate, NotificationNew, Notification, Help, UserAvatar, Close, Switcher, OpenPanelFilledRight } from '@carbon/react/icons';
 import HeaderAppSwitcher from './HeaderAppSwitcher.js';
@@ -8,12 +9,13 @@ import PlatformNotificationsContainer from '../PlatformNotifications/PlatformNot
 import UserRequests from './UserRequests.js';
 import useHeaderMenu from '../../hooks/useHeaderMenu.js';
 import useWindowSize from '../../hooks/useWindowSize.js';
+import { resolver, serviceUrl } from '../../config/servicesConfig.js';
 import { prefix } from '../../internal/settings.js';
 
 /*
 IBM Confidential
 694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
+© Copyright IBM Corp. 2022, 2025
 */
 const MenuListId = {
     Notifcations: "header-notifications-dialog",
@@ -24,6 +26,7 @@ const MenuListId = {
     Support: "header-support-menu",
     instanceSwitcher: "header-instanceSwitcher-menu",
     Switcher: "header-switcher-menu",
+    TeamSwitcher: "header-team-switcher-menu",
 };
 const MenuButtonId = {
     Notifcations: "header-notifications-dialog-button",
@@ -34,6 +37,7 @@ const MenuButtonId = {
     Support: "header-support-menu-button",
     InstanceSwitcher: "header-instanceSwitcher-menu-button",
     Switcher: "header-switcher-menu-button",
+    TeamSwitcher: "header-team-switcher-menu-button",
 };
 const MenuAriaLabelRecord = {
     Notifcations: "Notifications dialog",
@@ -44,11 +48,19 @@ const MenuAriaLabelRecord = {
     instanceSwitcher: "Instance Switcher Menu",
     Support: "Support menu",
     Switcher: "Switcher menu",
+    TeamSwitcher: "Team Switcher menu",
 };
 const headerButtonClassNames = "cds--btn--icon-only cds--header__action cds--btn cds--btn--primary cds--btn--icon-only cds--btn cds--btn--primary";
 const instanceCheckMarkContainerClass = "instance-checkmark-style-container";
 function Header(props) {
-    const { productName, baseEnvUrl, baseServicesUrl, carbonTheme = "g10", className, navLinks, platform, prefixName = "", rightPanel, skipToContentProps, templateMeteringEvent, triggerEvent, userTeams, } = props;
+    const { analyticsHelpers, productName, baseEnvUrl, baseServicesUrl, carbonTheme = "g10", className, createJoinTeamTrigger, history, isLaunchpad = false, navLinks, platform, prefixName = "", rightPanel, skipToContentProps, templateMeteringEvent, trackEvent, triggerEvent, user, userTeams, } = props;
+    const hasUserTeams = Boolean(userTeams);
+    const userTeamsUrl = serviceUrl.getUserTeamsServices({ baseServicesUrl });
+    const teamsQuery = useQuery({
+        queryKey: userTeamsUrl,
+        queryFn: resolver.query(userTeamsUrl, null),
+        enabled: !hasUserTeams,
+    });
     return (React.createElement(React.Fragment, null,
         React.createElement(Theme, { theme: carbonTheme },
             React.createElement(Header$1, { "aria-label": "App navigation header", className: className },
@@ -64,7 +76,7 @@ function Header(props) {
                     React.createElement(NotificationsMenu, { baseEnvUrl: baseEnvUrl, baseServicesUrl: baseServicesUrl, enabled: Boolean(props.enableNotifications), countEnabled: Boolean(props.enableNotificationsCount) }),
                     React.createElement(SupportMenu, { enabled: Array.isArray(props.supportMenuItems) && props.supportMenuItems.length > 0, menuItems: props.supportMenuItems }),
                     React.createElement(ProfileMenu, { enabled: Array.isArray(props.profileMenuItems) && props.profileMenuItems.length > 0, menuItems: props.profileMenuItems }),
-                    React.createElement(AppSwitcherMenu, { baseEnvUrl: baseEnvUrl, baseServicesUrl: baseServicesUrl, enabled: props.enableAppSwitcher, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent, userTeams: userTeams }),
+                    React.createElement(AppSwitcherMenu, { baseEnvUrl: baseEnvUrl, baseServicesUrl: baseServicesUrl, enabled: props.enableAppSwitcher, teamsQuery: teamsQuery, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent, userTeams: userTeams }),
                     React.createElement(RightPanelMenu, { enabled: Boolean(rightPanel && Object.keys(rightPanel).length), ...rightPanel })))),
         React.createElement(NotificationsContainer, { enableMultiContainer: true, containerId: `${prefix}--bmrg-header-notifications` })));
 }
@@ -145,7 +157,7 @@ function AppSwitcherMenu(props) {
     }
     return (React.createElement("div", { ref: ref },
         React.createElement("button", { "aria-controls": MenuListId.Switcher, "aria-expanded": isOpen, "aria-haspopup": "menu", "aria-label": MenuAriaLabelRecord.Switcher, className: headerButtonClassNames, "data-testid": "header-appswitcher-link", id: MenuButtonId.Switcher, onClick: toggleActive }, isOpen ? React.createElement(Close, { size: 20 }) : React.createElement(Switcher, { size: 20 })),
-        React.createElement(HeaderAppSwitcher, { baseEnvUrl: props.baseEnvUrl, baseServicesUrl: props.baseServicesUrl, id: MenuListId.Switcher, isOpen: isOpen, templateMeteringEvent: props.templateMeteringEvent, triggerEvent: props.triggerEvent, userTeams: props.userTeams })));
+        React.createElement(HeaderAppSwitcher, { baseEnvUrl: props.baseEnvUrl, baseServicesUrl: props.baseServicesUrl, id: MenuListId.Switcher, isOpen: isOpen, teamsQuery: props.teamsQuery, templateMeteringEvent: props.templateMeteringEvent, triggerEvent: props.triggerEvent, userTeams: props.userTeams })));
 }
 function RightPanelMenu(props) {
     const { isOpen, toggleActive, ref } = useHeaderMenu(MenuButtonId.RightPanel);

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

@@ -1,10 +1,8 @@
 import React from 'react';
-import { useQuery } from 'react-query';
 import { HeaderPanel, SkeletonText, SwitcherDivider, SideNavMenu, SideNavMenuItem } from '@carbon/react';
 import { Launch } from '@carbon/react/icons';
 import Error from '../ErrorMessage/ErrorMessage.js';
 import cx from 'classnames';
-import { resolver, serviceUrl } from '../../config/servicesConfig.js';
 import { prefix } from '../../internal/settings.js';
 
 /*
@@ -19,14 +17,8 @@ const externalProps = {
 const panelClassName = `${prefix}--bmrg-header-switcher-panel`;
 const contentClassName = `${prefix}--bmrg-header-switcher`;
 const skeletonClassName = `${prefix}--bmrg-header-switcher__skeleton`;
-function HeaderAppSwitcher({ baseServicesUrl, baseEnvUrl, id, isOpen, templateMeteringEvent, triggerEvent, userTeams }) {
+function HeaderAppSwitcher({ baseServicesUrl, baseEnvUrl, id, isOpen, teamsQuery, templateMeteringEvent, triggerEvent, userTeams, }) {
     const hasUserTeams = Boolean(userTeams);
-    const userTeamsUrl = serviceUrl.getUserTeamsServices({ baseServicesUrl });
-    const teamsQuery = useQuery({
-        queryKey: userTeamsUrl,
-        queryFn: resolver.query(userTeamsUrl, null),
-        enabled: !hasUserTeams
-    });
     if (userTeams?.isLoading || teamsQuery?.isLoading) {
         return (React.createElement(HeaderPanel, { "aria-label": "App Switcher", className: panelClassName, expanded: isOpen, id: id, role: "menu" },
             React.createElement("div", { className: cx(contentClassName, "--is-loading", { "--is-hidden": !isOpen }) },
@@ -69,7 +61,7 @@ function HeaderAppSwitcher({ baseServicesUrl, baseEnvUrl, id, isOpen, templateMe
     }
     return null;
 }
-function TeamServiceListMenu({ baseEnvUrl, isAccount, isMember, team, templateMeteringEvent, triggerEvent }) {
+function TeamServiceListMenu({ baseEnvUrl, isAccount, isMember, team, templateMeteringEvent, triggerEvent, }) {
     const { name, displayName, services } = team;
     const nameToDisplay = displayName ? displayName : name;
     const isNameTruncated = nameToDisplay?.length > 30;

package/dist/esm/components/UIShell/UIShell.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, 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,7 +62,7 @@ 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 })),
@@ -77,7 +78,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, 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: {
@@ -346,14 +347,18 @@ 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;
     leftPanel?: (args: {
         close: () => void;
         isOpen: boolean;
@@ -381,7 +386,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 +1361,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?: {
@@ -1399,6 +1408,8 @@ type Props = {
         };
         platformMessage?: any;
     };
+    history?: any;
+    isLaunchpad?: boolean;
     leftPanel?: (args: {
         close: () => void;
         isOpen: boolean;
@@ -1420,6 +1431,7 @@ type Props = {
     };
     supportMenuItems?: React.ReactNode[];
     templateMeteringEvent?: (props: any) => void;
+    trackEvent?: Function;
     triggerEvent?: (props: any) => any;
     user?: User;
     userTeams?: {
@@ -1431,6 +1443,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, 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.8-beta.22",
+  "version": "4.6.8-beta.24",
   "author": {
     "name": "Tim Bula",
     "email": "timrbula@gmail.com"

package/scss/components/Header/_headerTeamSwitcher.scss

@@ -0,0 +1,165 @@
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2025
+*/
+
+@use "../../global/config" as *;
+@use '@carbon/themes/scss/tokens' as theme;
+@use "../../global/utils";
+@use "../../global/themes/shell-tokens" as shell;
+
+:root {
+  .#{$prefix}--header-dropdown-menu {
+    list-style: none;
+    width: 15rem;
+
+    .#{$prefix}--header__menu-title {
+      display: flex;
+      font-weight: 700;
+      justify-content: space-between;
+      overflow: hidden;
+      width: 100%;
+
+      .#{$prefix}--header__menu-arrow {
+        min-height: 1rem;
+        min-width: 1rem;
+      }
+
+      &[aria-expanded="true"] {
+        background-color: var(--cds-layer-hover-01) !important;
+      }
+    }
+
+    .#{$prefix}--header__menu {
+      box-shadow: none;
+      width: 18.5625rem;
+
+      .#{$prefix}--bmrg-header-drop-down {
+        position: absolute;
+        max-height: 48rem;
+        overflow-y: auto;
+        margin-right: 3.5625rem;
+        width: 18.5625rem;
+
+        a.#{$prefix}--header__menu-item {
+          cursor: pointer;
+          width: 100%;
+
+          .#{$prefix}--text-truncate--end {
+            width: 100%;
+          }
+        }
+
+        .#{$prefix}--header-dropdown-menu-item-text-icon {
+          align-items: center;
+          display: flex;
+        }
+
+        .#{$prefix}--header-dropdown-menu-item-text {
+          display: -webkit-box;
+          line-clamp: 2;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          -webkit-box-orient: vertical;
+          -webkit-line-clamp: 2;
+        }
+
+        .#{$prefix}--header-dropdown-menu-item-icon {
+          min-height: 1rem;
+          min-width: 1rem;
+          margin-left: 0.5rem;
+        }
+
+        .#{$prefix}--header-dropdown-menu-item-container {
+          .#{$prefix}--header-dropdown-menu-item {
+            align-items: center;
+            display: flex;
+            justify-content: space-between;
+          }
+
+          .#{$prefix}--header__menu-item[aria-selected="true"] {
+            background-color: var(--cds-layer-hover-01) !important;
+          }
+        }
+
+        .#{$prefix}--header-dropdown-menu-item-account-container {
+          .#{$prefix}--header-dropdown-menu-item-account {
+            align-items: center;
+            display: flex;
+            justify-content: space-between;
+
+            .#{$prefix}--header-dropdown-menu-item-account-icons {
+              align-items: center;
+              display: flex;
+              padding-left: 0.5rem;
+            }
+
+            .#{$prefix}--header-dropdown-menu-item-account-group-icon {
+              min-height: 1rem;
+              min-width: 1rem;
+              margin-right: 0.5rem;
+            }
+
+            .#{$prefix}--header-dropdown-menu-item-account-chevron-icon {
+              min-height: 1rem;
+              min-width: 1rem;
+              transition: transform 150ms ease-in-out;
+              transform: rotate(0deg);
+            }
+          }
+
+          .#{$prefix}--header__menu-item[aria-expanded="true"] {
+            background-color: var(--cds-layer-hover-01) !important;
+
+            .#{$prefix}--header-dropdown-menu-item-account-chevron-icon {
+              transform: rotate(180deg);
+            }
+          }
+
+          .#{$prefix}--header__menu-item[aria-selected="true"] {
+            background-color: var(--cds-layer-hover-01) !important;
+          }
+        }
+
+        .#{$prefix}--header-dropdown-menu-item-account-submenu {
+          max-height: 0;
+          overflow: hidden;
+          opacity: 0;
+          transition: max-height 150ms ease-in-out, opacity 150ms ease-in-out;
+
+          &[aria-expanded="true"] {
+            max-height: 40rem;
+            opacity: 1;
+            overflow-y: auto;
+          }
+        }
+
+        .#{$prefix}--header-team-switcher-create-team-button-container {
+          border-bottom: 0.0625rem solid var(--cds-border-subtle-00);
+        }
+
+        .#{$prefix}--header-team-switcher-create-team-button {
+          cursor: pointer;
+          display: flex;
+          justify-content: space-between;
+          padding: 0;
+          width: 100%;
+
+          .#{$prefix}--header-team-switcher-create-team-button-text {
+            color: var(--cds-link-primary) !important;
+          }
+
+          .#{$prefix}--header-team-switcher-create-team-button-icon {
+            height: 1rem;
+            width: 1rem;
+
+            path {
+              fill: var(--cds-link-primary) !important;
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/scss/global/index.scss

@@ -55,6 +55,7 @@ $use-theme-advantage-white: false !default;
 @use '../components/PrivacyRedirect/privacyRedirect';
 @use '../components/Header/header';
 @use '../components/Header/headerAppSwitcher';
+@use '../components/Header/headerTeamSwitcher';
 @use '../components/Header/headerMenu';
 @use '../components/Header/headerMenuItem';
 @use '../components/Header/userRequests';
@@ -103,7 +104,7 @@ $use-theme-advantage-white: false !default;
   svg {
     fill: shell.$bmrg-theme-primary;
   }
-} 
+}
 
 .#{$prefix}--side-nav__item--active {
   .#{$prefix}--side-nav__icon {
@@ -155,7 +156,7 @@ $use-theme-advantage-white: false !default;
   .#{$prefix}--modal {
     background-color: shell.$bmrg-header-modal-overlay; //default isrgba(theme.$layer-accent-01, 0.5)
   }
-  
+
   .#{$prefix}--modal-close {
     &:hover {
       background-color: shell.$bmrg-header-hover-background;