@boomerang-io/carbon-addons-boomerang-react 4.6.8-beta.30 → 4.6.8-beta.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/cjs/src/components/Header/HeaderTeamSwitcher.js +83 -87
  2. package/dist/esm/src/components/Header/HeaderTeamSwitcher.js +84 -88
  3. package/package.json +1 -1
package/dist/cjs/src/components/Header/HeaderTeamSwitcher.js CHANGED
@@ -6,7 +6,6 @@ var React = require('react');
6
6
  var reactQuery = require('react-query');
7
7
  var react = require('@carbon/react');
8
8
  var orderBy = require('../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/orderBy.js');
9
- var HeaderMenu = require('./HeaderMenu.js');
10
9
  var servicesConfig = require('../../config/servicesConfig.js');
11
10
  var settings = require('../../internal/settings.js');
12
11
 
@@ -19,8 +18,6 @@ IBM Confidential
19
18
  694970X, 69497O0
20
19
  © Copyright IBM Corp. 2022, 2025
21
20
  */
22
- const headerDropdownMenuClassname = `${settings.prefix}--header-dropdown-menu`;
23
- const headerDropdownMenuListClassname = `${settings.prefix}--bmrg-header-drop-down`;
24
21
  const headerDropdownMenuItemAccountSubmenuClassname = `${settings.prefix}--header-dropdown-menu-item-account-submenu`;
25
22
  function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamTrigger, history, isLaunchpad, menuAriaLabelRecord, menuButtonId, menuListId, navigationPlatform, teamsQuery, trackEvent, user, userTeams, }) {
26
23
  const queryClient = reactQuery.useQueryClient();
@@ -145,90 +142,89 @@ function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamT
145
142
  if (selectedTeamName && selectedTeamName.length > 42) {
146
143
  selectedTeamName = selectedTeamName.slice(0, 42) + "...";
147
144
  }
148
- return (React__default.default.createElement(react.HeaderMenu, { "aria-label": menuAriaLabelRecord, className: headerDropdownMenuClassname, menuLinkName: selectedTeamName ? selectedTeamName : "No team selected", "data-testid": "header-team-switcher-menu" },
149
- React__default.default.createElement(HeaderMenu.default, { "aria-labelledby": menuButtonId, className: headerDropdownMenuListClassname, id: menuListId },
150
- personalTeam.length > 0
151
- ? personalTeam.map((team) => {
152
- team.displayName ? team.displayName : team.name;
153
- team.id === selectedTeam?.id;
154
- return (React__default.default.createElement(React__default.default.Fragment, null)
155
- // <HeaderMenuItem
156
- // key={team.id}
157
- // aria-selected={isTeamSelected}
158
- // className={headerDropdownMenuItemContainerClassname}
159
- // onClick={() => handleTeamClick({ team, type: "personal" })}
160
- // // eslint-disable-next-line no-script-url
161
- // href={"javascript:void(0)"}
162
- // data-testid="header-team-switcher-menu-item"
163
- // >
164
- // <div className={headerDropdownMenuItemClassname}>
165
- // <span title={teamName} className={headerDropdownMenuItemTextClassname}>
166
- // {teamName}
167
- // </span>
168
- // {isTeamSelected ? <CheckmarkFilled className={headerDropdownMenuItemIconClassname} /> : null}
169
- // </div>
170
- // </HeaderMenuItem>
171
- );
172
- })
173
- : null,
174
- accountTeams.length > 0
175
- ? sortedAccountTeamsWithNamesToDisplay.map((team) => {
176
- const isSubmenuOpen = team.id === openAccountSubmenuId;
177
- team.projectTeams &&
178
- team.projectTeams.length > 0 &&
179
- team.projectTeams.some((team) => team.id === selectedTeam?.id);
180
- team.id === selectedTeam?.id;
181
- return (React__default.default.createElement(React__default.default.Fragment, null,
182
- React__default.default.createElement("div", { "aria-expanded": isSubmenuOpen, className: headerDropdownMenuItemAccountSubmenuClassname }, team.projectTeams && team.projectTeams.length > 0
183
- ? team.projectTeams.map((team) => {
184
- team.id === selectedTeam?.id;
185
- return (React__default.default.createElement(React__default.default.Fragment, null)
186
- // <HeaderMenuItem
187
- // key={team.id}
188
- // aria-selected={isTeamSelected}
189
- // className={headerDropdownMenuItemContainerClassname}
190
- // onClick={() => handleTeamClick({ team, type: "project" })}
191
- // data-testid="header-team-switcher-menu-account-accordion-item"
192
- // // eslint-disable-next-line no-script-url
193
- // href={"javascript:void(0)"}
194
- // >
195
- // <div className={headerDropdownMenuItemClassname} style={{ paddingLeft: "1rem" }}>
196
- // <span title={team.nameToDisplay} className={headerDropdownMenuItemTextClassname}>
197
- // {team.nameToDisplay}
198
- // </span>
199
- // {isTeamSelected ? (
200
- // <CheckmarkFilled className={headerDropdownMenuItemIconClassname} />
201
- // ) : null}
202
- // </div>
203
- // </HeaderMenuItem>
204
- );
205
- })
206
- : null)));
207
- })
208
- : null,
209
- standardTeams.length > 0
210
- ? sortedStandardTeamsWithNamesToDisplay.map((team) => {
211
- team.id === selectedTeam?.id;
212
- return (React__default.default.createElement(React__default.default.Fragment, null)
213
- // <HeaderMenuItem
214
- // key={team.id}
215
- // aria-selected={isTeamSelected}
216
- // className={headerDropdownMenuItemContainerClassname}
217
- // onClick={() => handleTeamClick({ team, type: "standard" })}
218
- // data-testid="header-team-switcher-menu-item"
219
- // // eslint-disable-next-line no-script-url
220
- // href={"javascript:void(0)"}
221
- // >
222
- // <div className={headerDropdownMenuItemClassname}>
223
- // <span title={team.nameToDisplay} className={headerDropdownMenuItemTextClassname}>
224
- // {team.nameToDisplay}
225
- // </span>
226
- // {isTeamSelected ? <CheckmarkFilled className={headerDropdownMenuItemIconClassname} /> : null}
227
- // </div>
228
- // </HeaderMenuItem>
229
- );
230
- })
231
- : null)));
145
+ return (React__default.default.createElement(React__default.default.Fragment, null,
146
+ personalTeam.length > 0
147
+ ? personalTeam.map((team) => {
148
+ team.displayName ? team.displayName : team.name;
149
+ team.id === selectedTeam?.id;
150
+ return (React__default.default.createElement(React__default.default.Fragment, null)
151
+ // <HeaderMenuItem
152
+ // key={team.id}
153
+ // aria-selected={isTeamSelected}
154
+ // className={headerDropdownMenuItemContainerClassname}
155
+ // onClick={() => handleTeamClick({ team, type: "personal" })}
156
+ // // eslint-disable-next-line no-script-url
157
+ // href={"javascript:void(0)"}
158
+ // data-testid="header-team-switcher-menu-item"
159
+ // >
160
+ // <div className={headerDropdownMenuItemClassname}>
161
+ // <span title={teamName} className={headerDropdownMenuItemTextClassname}>
162
+ // {teamName}
163
+ // </span>
164
+ // {isTeamSelected ? <CheckmarkFilled className={headerDropdownMenuItemIconClassname} /> : null}
165
+ // </div>
166
+ // </HeaderMenuItem>
167
+ );
168
+ })
169
+ : null,
170
+ accountTeams.length > 0
171
+ ? sortedAccountTeamsWithNamesToDisplay.map((team) => {
172
+ const isSubmenuOpen = team.id === openAccountSubmenuId;
173
+ team.projectTeams &&
174
+ team.projectTeams.length > 0 &&
175
+ team.projectTeams.some((team) => team.id === selectedTeam?.id);
176
+ team.id === selectedTeam?.id;
177
+ return (React__default.default.createElement(React__default.default.Fragment, null,
178
+ React__default.default.createElement("div", { "aria-expanded": isSubmenuOpen, className: headerDropdownMenuItemAccountSubmenuClassname }, team.projectTeams && team.projectTeams.length > 0
179
+ ? team.projectTeams.map((team) => {
180
+ team.id === selectedTeam?.id;
181
+ return (React__default.default.createElement(React__default.default.Fragment, null)
182
+ // <HeaderMenuItem
183
+ // key={team.id}
184
+ // aria-selected={isTeamSelected}
185
+ // className={headerDropdownMenuItemContainerClassname}
186
+ // onClick={() => handleTeamClick({ team, type: "project" })}
187
+ // data-testid="header-team-switcher-menu-account-accordion-item"
188
+ // // eslint-disable-next-line no-script-url
189
+ // href={"javascript:void(0)"}
190
+ // >
191
+ // <div className={headerDropdownMenuItemClassname} style={{ paddingLeft: "1rem" }}>
192
+ // <span title={team.nameToDisplay} className={headerDropdownMenuItemTextClassname}>
193
+ // {team.nameToDisplay}
194
+ // </span>
195
+ // {isTeamSelected ? (
196
+ // <CheckmarkFilled className={headerDropdownMenuItemIconClassname} />
197
+ // ) : null}
198
+ // </div>
199
+ // </HeaderMenuItem>
200
+ );
201
+ })
202
+ : null)));
203
+ })
204
+ : null,
205
+ standardTeams.length > 0
206
+ ? sortedStandardTeamsWithNamesToDisplay.map((team) => {
207
+ team.id === selectedTeam?.id;
208
+ return (React__default.default.createElement(React__default.default.Fragment, null)
209
+ // <HeaderMenuItem
210
+ // key={team.id}
211
+ // aria-selected={isTeamSelected}
212
+ // className={headerDropdownMenuItemContainerClassname}
213
+ // onClick={() => handleTeamClick({ team, type: "standard" })}
214
+ // data-testid="header-team-switcher-menu-item"
215
+ // // eslint-disable-next-line no-script-url
216
+ // href={"javascript:void(0)"}
217
+ // >
218
+ // <div className={headerDropdownMenuItemClassname}>
219
+ // <span title={team.nameToDisplay} className={headerDropdownMenuItemTextClassname}>
220
+ // {team.nameToDisplay}
221
+ // </span>
222
+ // {isTeamSelected ? <CheckmarkFilled className={headerDropdownMenuItemIconClassname} /> : null}
223
+ // </div>
224
+ // </HeaderMenuItem>
225
+ );
226
+ })
227
+ : null));
232
228
  }
233
229
  return null;
234
230
  }
package/dist/esm/src/components/Header/HeaderTeamSwitcher.js CHANGED
@@ -1,8 +1,7 @@
1
1
  import React, { useState, useEffect } from 'react';
2
2
  import { useQueryClient, useMutation } from 'react-query';
3
- import { InlineLoading, HeaderMenu } from '@carbon/react';
3
+ import { InlineLoading } from '@carbon/react';
4
4
  import orderBy_1 from '../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/orderBy.js';
5
- import HeaderMenu$1 from './HeaderMenu.js';
6
5
  import { resolver, serviceUrl } from '../../config/servicesConfig.js';
7
6
  import { prefix } from '../../internal/settings.js';
8
7
 
@@ -11,8 +10,6 @@ IBM Confidential
11
10
  694970X, 69497O0
12
11
  © Copyright IBM Corp. 2022, 2025
13
12
  */
14
- const headerDropdownMenuClassname = `${prefix}--header-dropdown-menu`;
15
- const headerDropdownMenuListClassname = `${prefix}--bmrg-header-drop-down`;
16
13
  const headerDropdownMenuItemAccountSubmenuClassname = `${prefix}--header-dropdown-menu-item-account-submenu`;
17
14
  function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamTrigger, history, isLaunchpad, menuAriaLabelRecord, menuButtonId, menuListId, navigationPlatform, teamsQuery, trackEvent, user, userTeams, }) {
18
15
  const queryClient = useQueryClient();
@@ -137,90 +134,89 @@ function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamT
137
134
  if (selectedTeamName && selectedTeamName.length > 42) {
138
135
  selectedTeamName = selectedTeamName.slice(0, 42) + "...";
139
136
  }
140
- return (React.createElement(HeaderMenu, { "aria-label": menuAriaLabelRecord, className: headerDropdownMenuClassname, menuLinkName: selectedTeamName ? selectedTeamName : "No team selected", "data-testid": "header-team-switcher-menu" },
141
- React.createElement(HeaderMenu$1, { "aria-labelledby": menuButtonId, className: headerDropdownMenuListClassname, id: menuListId },
142
- personalTeam.length > 0
143
- ? personalTeam.map((team) => {
144
- team.displayName ? team.displayName : team.name;
145
- team.id === selectedTeam?.id;
146
- return (React.createElement(React.Fragment, null)
147
- // <HeaderMenuItem
148
- // key={team.id}
149
- // aria-selected={isTeamSelected}
150
- // className={headerDropdownMenuItemContainerClassname}
151
- // onClick={() => handleTeamClick({ team, type: "personal" })}
152
- // // eslint-disable-next-line no-script-url
153
- // href={"javascript:void(0)"}
154
- // data-testid="header-team-switcher-menu-item"
155
- // >
156
- // <div className={headerDropdownMenuItemClassname}>
157
- // <span title={teamName} className={headerDropdownMenuItemTextClassname}>
158
- // {teamName}
159
- // </span>
160
- // {isTeamSelected ? <CheckmarkFilled className={headerDropdownMenuItemIconClassname} /> : null}
161
- // </div>
162
- // </HeaderMenuItem>
163
- );
164
- })
165
- : null,
166
- accountTeams.length > 0
167
- ? sortedAccountTeamsWithNamesToDisplay.map((team) => {
168
- const isSubmenuOpen = team.id === openAccountSubmenuId;
169
- team.projectTeams &&
170
- team.projectTeams.length > 0 &&
171
- team.projectTeams.some((team) => team.id === selectedTeam?.id);
172
- team.id === selectedTeam?.id;
173
- return (React.createElement(React.Fragment, null,
174
- React.createElement("div", { "aria-expanded": isSubmenuOpen, className: headerDropdownMenuItemAccountSubmenuClassname }, team.projectTeams && team.projectTeams.length > 0
175
- ? team.projectTeams.map((team) => {
176
- team.id === selectedTeam?.id;
177
- return (React.createElement(React.Fragment, null)
178
- // <HeaderMenuItem
179
- // key={team.id}
180
- // aria-selected={isTeamSelected}
181
- // className={headerDropdownMenuItemContainerClassname}
182
- // onClick={() => handleTeamClick({ team, type: "project" })}
183
- // data-testid="header-team-switcher-menu-account-accordion-item"
184
- // // eslint-disable-next-line no-script-url
185
- // href={"javascript:void(0)"}
186
- // >
187
- // <div className={headerDropdownMenuItemClassname} style={{ paddingLeft: "1rem" }}>
188
- // <span title={team.nameToDisplay} className={headerDropdownMenuItemTextClassname}>
189
- // {team.nameToDisplay}
190
- // </span>
191
- // {isTeamSelected ? (
192
- // <CheckmarkFilled className={headerDropdownMenuItemIconClassname} />
193
- // ) : null}
194
- // </div>
195
- // </HeaderMenuItem>
196
- );
197
- })
198
- : null)));
199
- })
200
- : null,
201
- standardTeams.length > 0
202
- ? sortedStandardTeamsWithNamesToDisplay.map((team) => {
203
- team.id === selectedTeam?.id;
204
- return (React.createElement(React.Fragment, null)
205
- // <HeaderMenuItem
206
- // key={team.id}
207
- // aria-selected={isTeamSelected}
208
- // className={headerDropdownMenuItemContainerClassname}
209
- // onClick={() => handleTeamClick({ team, type: "standard" })}
210
- // data-testid="header-team-switcher-menu-item"
211
- // // eslint-disable-next-line no-script-url
212
- // href={"javascript:void(0)"}
213
- // >
214
- // <div className={headerDropdownMenuItemClassname}>
215
- // <span title={team.nameToDisplay} className={headerDropdownMenuItemTextClassname}>
216
- // {team.nameToDisplay}
217
- // </span>
218
- // {isTeamSelected ? <CheckmarkFilled className={headerDropdownMenuItemIconClassname} /> : null}
219
- // </div>
220
- // </HeaderMenuItem>
221
- );
222
- })
223
- : null)));
137
+ return (React.createElement(React.Fragment, null,
138
+ personalTeam.length > 0
139
+ ? personalTeam.map((team) => {
140
+ team.displayName ? team.displayName : team.name;
141
+ team.id === selectedTeam?.id;
142
+ return (React.createElement(React.Fragment, null)
143
+ // <HeaderMenuItem
144
+ // key={team.id}
145
+ // aria-selected={isTeamSelected}
146
+ // className={headerDropdownMenuItemContainerClassname}
147
+ // onClick={() => handleTeamClick({ team, type: "personal" })}
148
+ // // eslint-disable-next-line no-script-url
149
+ // href={"javascript:void(0)"}
150
+ // data-testid="header-team-switcher-menu-item"
151
+ // >
152
+ // <div className={headerDropdownMenuItemClassname}>
153
+ // <span title={teamName} className={headerDropdownMenuItemTextClassname}>
154
+ // {teamName}
155
+ // </span>
156
+ // {isTeamSelected ? <CheckmarkFilled className={headerDropdownMenuItemIconClassname} /> : null}
157
+ // </div>
158
+ // </HeaderMenuItem>
159
+ );
160
+ })
161
+ : null,
162
+ accountTeams.length > 0
163
+ ? sortedAccountTeamsWithNamesToDisplay.map((team) => {
164
+ const isSubmenuOpen = team.id === openAccountSubmenuId;
165
+ team.projectTeams &&
166
+ team.projectTeams.length > 0 &&
167
+ team.projectTeams.some((team) => team.id === selectedTeam?.id);
168
+ team.id === selectedTeam?.id;
169
+ return (React.createElement(React.Fragment, null,
170
+ React.createElement("div", { "aria-expanded": isSubmenuOpen, className: headerDropdownMenuItemAccountSubmenuClassname }, team.projectTeams && team.projectTeams.length > 0
171
+ ? team.projectTeams.map((team) => {
172
+ team.id === selectedTeam?.id;
173
+ return (React.createElement(React.Fragment, null)
174
+ // <HeaderMenuItem
175
+ // key={team.id}
176
+ // aria-selected={isTeamSelected}
177
+ // className={headerDropdownMenuItemContainerClassname}
178
+ // onClick={() => handleTeamClick({ team, type: "project" })}
179
+ // data-testid="header-team-switcher-menu-account-accordion-item"
180
+ // // eslint-disable-next-line no-script-url
181
+ // href={"javascript:void(0)"}
182
+ // >
183
+ // <div className={headerDropdownMenuItemClassname} style={{ paddingLeft: "1rem" }}>
184
+ // <span title={team.nameToDisplay} className={headerDropdownMenuItemTextClassname}>
185
+ // {team.nameToDisplay}
186
+ // </span>
187
+ // {isTeamSelected ? (
188
+ // <CheckmarkFilled className={headerDropdownMenuItemIconClassname} />
189
+ // ) : null}
190
+ // </div>
191
+ // </HeaderMenuItem>
192
+ );
193
+ })
194
+ : null)));
195
+ })
196
+ : null,
197
+ standardTeams.length > 0
198
+ ? sortedStandardTeamsWithNamesToDisplay.map((team) => {
199
+ team.id === selectedTeam?.id;
200
+ return (React.createElement(React.Fragment, null)
201
+ // <HeaderMenuItem
202
+ // key={team.id}
203
+ // aria-selected={isTeamSelected}
204
+ // className={headerDropdownMenuItemContainerClassname}
205
+ // onClick={() => handleTeamClick({ team, type: "standard" })}
206
+ // data-testid="header-team-switcher-menu-item"
207
+ // // eslint-disable-next-line no-script-url
208
+ // href={"javascript:void(0)"}
209
+ // >
210
+ // <div className={headerDropdownMenuItemClassname}>
211
+ // <span title={team.nameToDisplay} className={headerDropdownMenuItemTextClassname}>
212
+ // {team.nameToDisplay}
213
+ // </span>
214
+ // {isTeamSelected ? <CheckmarkFilled className={headerDropdownMenuItemIconClassname} /> : null}
215
+ // </div>
216
+ // </HeaderMenuItem>
217
+ );
218
+ })
219
+ : null));
224
220
  }
225
221
  return null;
226
222
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@boomerang-io/carbon-addons-boomerang-react",
3
3
  "description": "Carbon Addons for Boomerang apps",
4
- "version": "4.6.8-beta.30",
4
+ "version": "4.6.8-beta.32",
5
5
  "author": {
6
6
  "name": "Tim Bula",
7
7
  "email": "timrbula@gmail.com"