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

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

@@ -1,295 +0,0 @@
-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 };