@boomerang-io/carbon-addons-boomerang-react 4.6.8-beta.25 → 4.6.8-beta.27

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

@@ -0,0 +1,303 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactQuery = require('react-query');
+var react = require('@carbon/react');
+var servicesConfig = require('../../config/servicesConfig.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2025
+*/
+function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamTrigger, history, isLaunchpad, menuAriaLabelRecord, menuButtonId, menuListId, navigationPlatform, teamsQuery, trackEvent, user, userTeams, }) {
+    const queryClient = reactQuery.useQueryClient();
+    const [selectedTeam, setSelectedTeam] = React.useState();
+    React.useState("");
+    const hasUserTeams = Boolean(userTeams);
+    navigationPlatform?.requireTeamPurpose;
+    const userTeamInstanceSwitcherDefault = user?.teamInstanceSwitcherDefault;
+    const profileUrl = servicesConfig.serviceUrl.resourceUserProfile({ baseServicesUrl });
+    const { mutateAsync: mutateUserProfile, isLoading: mutateUserProfileIsLoading } = reactQuery.useMutation(servicesConfig.resolver.patchUserProfile, {
+        onSuccess: () => {
+            queryClient.invalidateQueries(profileUrl);
+        },
+    });
+    React.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) {
+                    handleSelectTeam({ team: accountTeams[0] });
+                }
+                else if (userHasStandardTeams) {
+                    handleSelectTeam({ team: standardTeams[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,
+    ]);
+    if (userTeams?.isLoading || teamsQuery?.isLoading || mutateUserProfileIsLoading) {
+        return (React__default.default.createElement("div", { style: { display: "flex", alignItems: "center" } },
+            React__default.default.createElement(react.InlineLoading, null)));
+    }
+    // if (userTeams?.data || teamsQuery?.data) {
+    //   let accountTeams,
+    //     standardTeams,
+    //     personalTeam: any = [];
+    //   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) {
+    //     sortedAccountTeamsWithNamesToDisplay = orderBy(
+    //       accountTeams.map((team: UserTeam) => {
+    //         let newProjectTeams: UserTeam[] = [];
+    //         if (team.projectTeams && team.projectTeams.length > 0) {
+    //           newProjectTeams = team.projectTeams?.map((team: UserTeam) => ({
+    //             ...team,
+    //             nameToDisplay: team.displayName ? team.displayName : team.name,
+    //           }));
+    //         }
+    //         return {
+    //           ...team,
+    //           nameToDisplay: team.displayName ? team.displayName : team.name,
+    //           projectTeams: orderBy(newProjectTeams, ["nameToDisplay"]),
+    //         };
+    //       }),
+    //       ["nameToDisplay"]
+    //     );
+    //   }
+    //   if (standardTeams?.length > 0) {
+    //     sortedStandardTeamsWithNamesToDisplay = orderBy(
+    //       standardTeams.map((team: UserTeam) => {
+    //         return {
+    //           ...team,
+    //           nameToDisplay: team.displayName ? team.displayName : team.name,
+    //         };
+    //       }),
+    //       ["nameToDisplay"]
+    //     );
+    //   }
+    //   let selectedTeamName = selectedTeam?.displayName ? selectedTeam.displayName : selectedTeam?.name;
+    //   if (selectedTeamName && selectedTeamName.length > 42) {
+    //     selectedTeamName = selectedTeamName.slice(0, 42) + "...";
+    //   }
+    //   return (
+    //     <CarbonHeaderMenu
+    //       aria-label={menuAriaLabelRecord}
+    //       className={headerDropdownMenuClassname}
+    //       menuLinkName={selectedTeamName ? selectedTeamName : "No team selected"}
+    //       data-testid="header-team-switcher-menu"
+    //     >
+    //       <HeaderMenu aria-labelledby={menuButtonId} className={headerDropdownMenuListClassname} id={menuListId}>
+    //         <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"
+    //         >
+    //           <div className={headerTeamSwitcherCreateTeamButtonClassname}>
+    //             <span className={headerTeamSwitcherCreateTeamButtonTextClassname}>{createTeamButtonText}</span>
+    //             <AddAlt className={headerTeamSwitcherCreateTeamButtonIconClassname} />
+    //           </div>
+    //         </HeaderMenuItem>
+    //         {personalTeam.length > 0
+    //           ? personalTeam.map((team: UserTeam) => {
+    //               const teamName = team.displayName ? team.displayName : team.name;
+    //               const isTeamSelected = team.id === selectedTeam?.id;
+    //               return (
+    //                 <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"
+    //                 >
+    //                   <div className={headerDropdownMenuItemClassname}>
+    //                     <span title={teamName} className={headerDropdownMenuItemTextClassname}>
+    //                       {teamName}
+    //                     </span>
+    //                     {isTeamSelected ? <CheckmarkFilled className={headerDropdownMenuItemIconClassname} /> : null}
+    //                   </div>
+    //                 </HeaderMenuItem>
+    //               );
+    //             })
+    //           : null}
+    //         {accountTeams.length > 0
+    //           ? sortedAccountTeamsWithNamesToDisplay.map((team: UserTeam) => {
+    //               const isSubmenuOpen = team.id === openAccountSubmenuId;
+    //               const isProjectTeamSelected =
+    //                 team.projectTeams &&
+    //                 team.projectTeams.length > 0 &&
+    //                 team.projectTeams.some((team: UserTeam) => team.id === selectedTeam?.id);
+    //               const isTeamSelected = team.id === selectedTeam?.id;
+    //               const isMenuSelected = isTeamSelected || isProjectTeamSelected;
+    //               return (
+    //                 <>
+    //                   <HeaderMenuItem
+    //                     aria-expanded={isSubmenuOpen}
+    //                     aria-selected={isMenuSelected}
+    //                     className={headerDropdownMenuItemAccountContainerClassname}
+    //                     onClick={(e: any) => handleOpenAccountSubmenu({ e, id: team.id })}
+    //                     // eslint-disable-next-line no-script-url
+    //                     href={"javascript:void(0)"}
+    //                     data-testid="header-team-switcher-menu-account-accordion"
+    //                   >
+    //                     <div className={headerDropdownMenuItemAccountClassname}>
+    //                       <div className={headerDropdownMenuItemTextIconClassname}>
+    //                         <span title={team.nameToDisplay} className={headerDropdownMenuItemTextClassname}>
+    //                           {team.nameToDisplay}
+    //                         </span>
+    //                         {isMenuSelected ? <CheckmarkFilled className={headerDropdownMenuItemIconClassname} /> : null}
+    //                       </div>
+    //                       <div className={headerDropdownMenuItemAccountIconsClassname}>
+    //                         <GroupAccount className={headerDropdownMenuItemAccountGroupIconClassname} />
+    //                         <ChevronDown className={headerDropdownMenuItemAccountChevronIconClassname} />
+    //                       </div>
+    //                     </div>
+    //                   </HeaderMenuItem>
+    //                   <div aria-expanded={isSubmenuOpen} className={headerDropdownMenuItemAccountSubmenuClassname}>
+    //                     <HeaderMenuItem
+    //                       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)"}
+    //                     >
+    //                       <div className={headerDropdownMenuItemClassname} style={{ paddingLeft: "1rem" }}>
+    //                         <span title={team.nameToDisplay} className={headerDropdownMenuItemTextClassname}>
+    //                           Account Page
+    //                         </span>
+    //                         {isTeamSelected ? <CheckmarkFilled className={headerDropdownMenuItemIconClassname} /> : null}
+    //                       </div>
+    //                     </HeaderMenuItem>
+    //                     {team.projectTeams && team.projectTeams.length > 0
+    //                       ? team.projectTeams.map((team: UserTeam) => {
+    //                           const isTeamSelected = team.id === selectedTeam?.id;
+    //                           return (
+    //                             <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)"}
+    //                             >
+    //                               <div className={headerDropdownMenuItemClassname} style={{ paddingLeft: "1rem" }}>
+    //                                 <span title={team.nameToDisplay} className={headerDropdownMenuItemTextClassname}>
+    //                                   {team.nameToDisplay}
+    //                                 </span>
+    //                                 {isTeamSelected ? (
+    //                                   <CheckmarkFilled className={headerDropdownMenuItemIconClassname} />
+    //                                 ) : null}
+    //                               </div>
+    //                             </HeaderMenuItem>
+    //                           );
+    //                         })
+    //                       : null}
+    //                   </div>
+    //                 </>
+    //               );
+    //             })
+    //           : null}
+    //         {standardTeams.length > 0
+    //           ? sortedStandardTeamsWithNamesToDisplay.map((team: UserTeam) => {
+    //               const isTeamSelected = team.id === selectedTeam?.id;
+    //               return (
+    //                 <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)"}
+    //                 >
+    //                   <div className={headerDropdownMenuItemClassname}>
+    //                     <span title={team.nameToDisplay} className={headerDropdownMenuItemTextClassname}>
+    //                       {team.nameToDisplay}
+    //                     </span>
+    //                     {isTeamSelected ? <CheckmarkFilled className={headerDropdownMenuItemIconClassname} /> : null}
+    //                   </div>
+    //                 </HeaderMenuItem>
+    //               );
+    //             })
+    //           : null}
+    //       </HeaderMenu>
+    //     </CarbonHeaderMenu>
+    //   );
+    // }
+    return null;
+}
+
+exports.default = HeaderTeamSwitcher;

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

@@ -0,0 +1,295 @@
+import React, { useState, useEffect } from 'react';
+import { useQueryClient, useMutation } from 'react-query';
+import { InlineLoading } from '@carbon/react';
+import { resolver, serviceUrl } from '../../config/servicesConfig.js';
+
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2025
+*/
+function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamTrigger, history, isLaunchpad, menuAriaLabelRecord, menuButtonId, menuListId, navigationPlatform, teamsQuery, trackEvent, user, userTeams, }) {
+    const queryClient = useQueryClient();
+    const [selectedTeam, setSelectedTeam] = useState();
+    useState("");
+    const hasUserTeams = Boolean(userTeams);
+    navigationPlatform?.requireTeamPurpose;
+    const userTeamInstanceSwitcherDefault = user?.teamInstanceSwitcherDefault;
+    const profileUrl = serviceUrl.resourceUserProfile({ baseServicesUrl });
+    const { mutateAsync: mutateUserProfile, isLoading: mutateUserProfileIsLoading } = useMutation(resolver.patchUserProfile, {
+        onSuccess: () => {
+            queryClient.invalidateQueries(profileUrl);
+        },
+    });
+    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) {
+                    handleSelectTeam({ team: accountTeams[0] });
+                }
+                else if (userHasStandardTeams) {
+                    handleSelectTeam({ team: standardTeams[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,
+    ]);
+    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: any = [];
+    //   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) {
+    //     sortedAccountTeamsWithNamesToDisplay = orderBy(
+    //       accountTeams.map((team: UserTeam) => {
+    //         let newProjectTeams: UserTeam[] = [];
+    //         if (team.projectTeams && team.projectTeams.length > 0) {
+    //           newProjectTeams = team.projectTeams?.map((team: UserTeam) => ({
+    //             ...team,
+    //             nameToDisplay: team.displayName ? team.displayName : team.name,
+    //           }));
+    //         }
+    //         return {
+    //           ...team,
+    //           nameToDisplay: team.displayName ? team.displayName : team.name,
+    //           projectTeams: orderBy(newProjectTeams, ["nameToDisplay"]),
+    //         };
+    //       }),
+    //       ["nameToDisplay"]
+    //     );
+    //   }
+    //   if (standardTeams?.length > 0) {
+    //     sortedStandardTeamsWithNamesToDisplay = orderBy(
+    //       standardTeams.map((team: UserTeam) => {
+    //         return {
+    //           ...team,
+    //           nameToDisplay: team.displayName ? team.displayName : team.name,
+    //         };
+    //       }),
+    //       ["nameToDisplay"]
+    //     );
+    //   }
+    //   let selectedTeamName = selectedTeam?.displayName ? selectedTeam.displayName : selectedTeam?.name;
+    //   if (selectedTeamName && selectedTeamName.length > 42) {
+    //     selectedTeamName = selectedTeamName.slice(0, 42) + "...";
+    //   }
+    //   return (
+    //     <CarbonHeaderMenu
+    //       aria-label={menuAriaLabelRecord}
+    //       className={headerDropdownMenuClassname}
+    //       menuLinkName={selectedTeamName ? selectedTeamName : "No team selected"}
+    //       data-testid="header-team-switcher-menu"
+    //     >
+    //       <HeaderMenu aria-labelledby={menuButtonId} className={headerDropdownMenuListClassname} id={menuListId}>
+    //         <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"
+    //         >
+    //           <div className={headerTeamSwitcherCreateTeamButtonClassname}>
+    //             <span className={headerTeamSwitcherCreateTeamButtonTextClassname}>{createTeamButtonText}</span>
+    //             <AddAlt className={headerTeamSwitcherCreateTeamButtonIconClassname} />
+    //           </div>
+    //         </HeaderMenuItem>
+    //         {personalTeam.length > 0
+    //           ? personalTeam.map((team: UserTeam) => {
+    //               const teamName = team.displayName ? team.displayName : team.name;
+    //               const isTeamSelected = team.id === selectedTeam?.id;
+    //               return (
+    //                 <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"
+    //                 >
+    //                   <div className={headerDropdownMenuItemClassname}>
+    //                     <span title={teamName} className={headerDropdownMenuItemTextClassname}>
+    //                       {teamName}
+    //                     </span>
+    //                     {isTeamSelected ? <CheckmarkFilled className={headerDropdownMenuItemIconClassname} /> : null}
+    //                   </div>
+    //                 </HeaderMenuItem>
+    //               );
+    //             })
+    //           : null}
+    //         {accountTeams.length > 0
+    //           ? sortedAccountTeamsWithNamesToDisplay.map((team: UserTeam) => {
+    //               const isSubmenuOpen = team.id === openAccountSubmenuId;
+    //               const isProjectTeamSelected =
+    //                 team.projectTeams &&
+    //                 team.projectTeams.length > 0 &&
+    //                 team.projectTeams.some((team: UserTeam) => team.id === selectedTeam?.id);
+    //               const isTeamSelected = team.id === selectedTeam?.id;
+    //               const isMenuSelected = isTeamSelected || isProjectTeamSelected;
+    //               return (
+    //                 <>
+    //                   <HeaderMenuItem
+    //                     aria-expanded={isSubmenuOpen}
+    //                     aria-selected={isMenuSelected}
+    //                     className={headerDropdownMenuItemAccountContainerClassname}
+    //                     onClick={(e: any) => handleOpenAccountSubmenu({ e, id: team.id })}
+    //                     // eslint-disable-next-line no-script-url
+    //                     href={"javascript:void(0)"}
+    //                     data-testid="header-team-switcher-menu-account-accordion"
+    //                   >
+    //                     <div className={headerDropdownMenuItemAccountClassname}>
+    //                       <div className={headerDropdownMenuItemTextIconClassname}>
+    //                         <span title={team.nameToDisplay} className={headerDropdownMenuItemTextClassname}>
+    //                           {team.nameToDisplay}
+    //                         </span>
+    //                         {isMenuSelected ? <CheckmarkFilled className={headerDropdownMenuItemIconClassname} /> : null}
+    //                       </div>
+    //                       <div className={headerDropdownMenuItemAccountIconsClassname}>
+    //                         <GroupAccount className={headerDropdownMenuItemAccountGroupIconClassname} />
+    //                         <ChevronDown className={headerDropdownMenuItemAccountChevronIconClassname} />
+    //                       </div>
+    //                     </div>
+    //                   </HeaderMenuItem>
+    //                   <div aria-expanded={isSubmenuOpen} className={headerDropdownMenuItemAccountSubmenuClassname}>
+    //                     <HeaderMenuItem
+    //                       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)"}
+    //                     >
+    //                       <div className={headerDropdownMenuItemClassname} style={{ paddingLeft: "1rem" }}>
+    //                         <span title={team.nameToDisplay} className={headerDropdownMenuItemTextClassname}>
+    //                           Account Page
+    //                         </span>
+    //                         {isTeamSelected ? <CheckmarkFilled className={headerDropdownMenuItemIconClassname} /> : null}
+    //                       </div>
+    //                     </HeaderMenuItem>
+    //                     {team.projectTeams && team.projectTeams.length > 0
+    //                       ? team.projectTeams.map((team: UserTeam) => {
+    //                           const isTeamSelected = team.id === selectedTeam?.id;
+    //                           return (
+    //                             <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)"}
+    //                             >
+    //                               <div className={headerDropdownMenuItemClassname} style={{ paddingLeft: "1rem" }}>
+    //                                 <span title={team.nameToDisplay} className={headerDropdownMenuItemTextClassname}>
+    //                                   {team.nameToDisplay}
+    //                                 </span>
+    //                                 {isTeamSelected ? (
+    //                                   <CheckmarkFilled className={headerDropdownMenuItemIconClassname} />
+    //                                 ) : null}
+    //                               </div>
+    //                             </HeaderMenuItem>
+    //                           );
+    //                         })
+    //                       : null}
+    //                   </div>
+    //                 </>
+    //               );
+    //             })
+    //           : null}
+    //         {standardTeams.length > 0
+    //           ? sortedStandardTeamsWithNamesToDisplay.map((team: UserTeam) => {
+    //               const isTeamSelected = team.id === selectedTeam?.id;
+    //               return (
+    //                 <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)"}
+    //                 >
+    //                   <div className={headerDropdownMenuItemClassname}>
+    //                     <span title={team.nameToDisplay} className={headerDropdownMenuItemTextClassname}>
+    //                       {team.nameToDisplay}
+    //                     </span>
+    //                     {isTeamSelected ? <CheckmarkFilled className={headerDropdownMenuItemIconClassname} /> : null}
+    //                   </div>
+    //                 </HeaderMenuItem>
+    //               );
+    //             })
+    //           : null}
+    //       </HeaderMenu>
+    //     </CarbonHeaderMenu>
+    //   );
+    // }
+    return null;
+}
+
+export { HeaderTeamSwitcher as default };

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.25",
+  "version": "4.6.8-beta.27",
   "author": {
     "name": "Tim Bula",
     "email": "timrbula@gmail.com"

package/dist/cjs/_virtual/_commonjsHelpers.js

@@ -1,5 +0,0 @@
-'use strict';
-
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-exports.commonjsGlobal = commonjsGlobal;

package/dist/cjs/_virtual/_nodeUtil.js

@@ -1,9 +0,0 @@
-'use strict';
-
-exports.exports = {};
-var _nodeUtil = {
-  get exports(){ return exports.exports; },
-  set exports(v){ exports.exports = v; },
-};
-
-exports.__module = _nodeUtil;

package/dist/cjs/_virtual/isBuffer.js

@@ -1,9 +0,0 @@
-'use strict';
-
-exports.exports = {};
-var isBuffer = {
-  get exports(){ return exports.exports; },
-  set exports(v){ exports.exports = v; },
-};
-
-exports.__module = isBuffer;

package/dist/cjs/node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_DataView.js

@@ -1,16 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _getNative = require('./_getNative.js');
-var _root = require('./_root.js');
-
-var getNative = _getNative.default,
-    root = _root.default;
-
-/* Built-in method references that are verified to be native. */
-var DataView = getNative(root, 'DataView');
-
-var _DataView = DataView;
-
-exports.default = _DataView;