@boomerang-io/carbon-addons-boomerang-react 4.6.8-beta.30 → 4.6.8-beta.31
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.
|
@@ -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
|
|
|
@@ -20,7 +19,6 @@ IBM Confidential
|
|
|
20
19
|
© Copyright IBM Corp. 2022, 2025
|
|
21
20
|
*/
|
|
22
21
|
const headerDropdownMenuClassname = `${settings.prefix}--header-dropdown-menu`;
|
|
23
|
-
const headerDropdownMenuListClassname = `${settings.prefix}--bmrg-header-drop-down`;
|
|
24
22
|
const headerDropdownMenuItemAccountSubmenuClassname = `${settings.prefix}--header-dropdown-menu-item-account-submenu`;
|
|
25
23
|
function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamTrigger, history, isLaunchpad, menuAriaLabelRecord, menuButtonId, menuListId, navigationPlatform, teamsQuery, trackEvent, user, userTeams, }) {
|
|
26
24
|
const queryClient = reactQuery.useQueryClient();
|
|
@@ -146,89 +144,88 @@ function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamT
|
|
|
146
144
|
selectedTeamName = selectedTeamName.slice(0, 42) + "...";
|
|
147
145
|
}
|
|
148
146
|
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
|
-
|
|
150
|
-
personalTeam.
|
|
151
|
-
?
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
team.projectTeams &&
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
: null)));
|
|
147
|
+
personalTeam.length > 0
|
|
148
|
+
? personalTeam.map((team) => {
|
|
149
|
+
team.displayName ? team.displayName : team.name;
|
|
150
|
+
team.id === selectedTeam?.id;
|
|
151
|
+
return (React__default.default.createElement(React__default.default.Fragment, null)
|
|
152
|
+
// <HeaderMenuItem
|
|
153
|
+
// key={team.id}
|
|
154
|
+
// aria-selected={isTeamSelected}
|
|
155
|
+
// className={headerDropdownMenuItemContainerClassname}
|
|
156
|
+
// onClick={() => handleTeamClick({ team, type: "personal" })}
|
|
157
|
+
// // eslint-disable-next-line no-script-url
|
|
158
|
+
// href={"javascript:void(0)"}
|
|
159
|
+
// data-testid="header-team-switcher-menu-item"
|
|
160
|
+
// >
|
|
161
|
+
// <div className={headerDropdownMenuItemClassname}>
|
|
162
|
+
// <span title={teamName} className={headerDropdownMenuItemTextClassname}>
|
|
163
|
+
// {teamName}
|
|
164
|
+
// </span>
|
|
165
|
+
// {isTeamSelected ? <CheckmarkFilled className={headerDropdownMenuItemIconClassname} /> : null}
|
|
166
|
+
// </div>
|
|
167
|
+
// </HeaderMenuItem>
|
|
168
|
+
);
|
|
169
|
+
})
|
|
170
|
+
: null,
|
|
171
|
+
accountTeams.length > 0
|
|
172
|
+
? sortedAccountTeamsWithNamesToDisplay.map((team) => {
|
|
173
|
+
const isSubmenuOpen = team.id === openAccountSubmenuId;
|
|
174
|
+
team.projectTeams &&
|
|
175
|
+
team.projectTeams.length > 0 &&
|
|
176
|
+
team.projectTeams.some((team) => team.id === selectedTeam?.id);
|
|
177
|
+
team.id === selectedTeam?.id;
|
|
178
|
+
return (React__default.default.createElement(React__default.default.Fragment, null,
|
|
179
|
+
React__default.default.createElement("div", { "aria-expanded": isSubmenuOpen, className: headerDropdownMenuItemAccountSubmenuClassname }, team.projectTeams && team.projectTeams.length > 0
|
|
180
|
+
? team.projectTeams.map((team) => {
|
|
181
|
+
team.id === selectedTeam?.id;
|
|
182
|
+
return (React__default.default.createElement(React__default.default.Fragment, null)
|
|
183
|
+
// <HeaderMenuItem
|
|
184
|
+
// key={team.id}
|
|
185
|
+
// aria-selected={isTeamSelected}
|
|
186
|
+
// className={headerDropdownMenuItemContainerClassname}
|
|
187
|
+
// onClick={() => handleTeamClick({ team, type: "project" })}
|
|
188
|
+
// data-testid="header-team-switcher-menu-account-accordion-item"
|
|
189
|
+
// // eslint-disable-next-line no-script-url
|
|
190
|
+
// href={"javascript:void(0)"}
|
|
191
|
+
// >
|
|
192
|
+
// <div className={headerDropdownMenuItemClassname} style={{ paddingLeft: "1rem" }}>
|
|
193
|
+
// <span title={team.nameToDisplay} className={headerDropdownMenuItemTextClassname}>
|
|
194
|
+
// {team.nameToDisplay}
|
|
195
|
+
// </span>
|
|
196
|
+
// {isTeamSelected ? (
|
|
197
|
+
// <CheckmarkFilled className={headerDropdownMenuItemIconClassname} />
|
|
198
|
+
// ) : null}
|
|
199
|
+
// </div>
|
|
200
|
+
// </HeaderMenuItem>
|
|
201
|
+
);
|
|
202
|
+
})
|
|
203
|
+
: null)));
|
|
204
|
+
})
|
|
205
|
+
: null,
|
|
206
|
+
standardTeams.length > 0
|
|
207
|
+
? sortedStandardTeamsWithNamesToDisplay.map((team) => {
|
|
208
|
+
team.id === selectedTeam?.id;
|
|
209
|
+
return (React__default.default.createElement(React__default.default.Fragment, null)
|
|
210
|
+
// <HeaderMenuItem
|
|
211
|
+
// key={team.id}
|
|
212
|
+
// aria-selected={isTeamSelected}
|
|
213
|
+
// className={headerDropdownMenuItemContainerClassname}
|
|
214
|
+
// onClick={() => handleTeamClick({ team, type: "standard" })}
|
|
215
|
+
// data-testid="header-team-switcher-menu-item"
|
|
216
|
+
// // eslint-disable-next-line no-script-url
|
|
217
|
+
// href={"javascript:void(0)"}
|
|
218
|
+
// >
|
|
219
|
+
// <div className={headerDropdownMenuItemClassname}>
|
|
220
|
+
// <span title={team.nameToDisplay} className={headerDropdownMenuItemTextClassname}>
|
|
221
|
+
// {team.nameToDisplay}
|
|
222
|
+
// </span>
|
|
223
|
+
// {isTeamSelected ? <CheckmarkFilled className={headerDropdownMenuItemIconClassname} /> : null}
|
|
224
|
+
// </div>
|
|
225
|
+
// </HeaderMenuItem>
|
|
226
|
+
);
|
|
227
|
+
})
|
|
228
|
+
: null));
|
|
232
229
|
}
|
|
233
230
|
return null;
|
|
234
231
|
}
|
|
@@ -2,7 +2,6 @@ import React, { useState, useEffect } from 'react';
|
|
|
2
2
|
import { useQueryClient, useMutation } from 'react-query';
|
|
3
3
|
import { InlineLoading, HeaderMenu } 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
|
|
|
@@ -12,7 +11,6 @@ IBM Confidential
|
|
|
12
11
|
© Copyright IBM Corp. 2022, 2025
|
|
13
12
|
*/
|
|
14
13
|
const headerDropdownMenuClassname = `${prefix}--header-dropdown-menu`;
|
|
15
|
-
const headerDropdownMenuListClassname = `${prefix}--bmrg-header-drop-down`;
|
|
16
14
|
const headerDropdownMenuItemAccountSubmenuClassname = `${prefix}--header-dropdown-menu-item-account-submenu`;
|
|
17
15
|
function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamTrigger, history, isLaunchpad, menuAriaLabelRecord, menuButtonId, menuListId, navigationPlatform, teamsQuery, trackEvent, user, userTeams, }) {
|
|
18
16
|
const queryClient = useQueryClient();
|
|
@@ -138,89 +136,88 @@ function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamT
|
|
|
138
136
|
selectedTeamName = selectedTeamName.slice(0, 42) + "...";
|
|
139
137
|
}
|
|
140
138
|
return (React.createElement(HeaderMenu, { "aria-label": menuAriaLabelRecord, className: headerDropdownMenuClassname, menuLinkName: selectedTeamName ? selectedTeamName : "No team selected", "data-testid": "header-team-switcher-menu" },
|
|
141
|
-
|
|
142
|
-
personalTeam.
|
|
143
|
-
?
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
team.projectTeams &&
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
: null)));
|
|
139
|
+
personalTeam.length > 0
|
|
140
|
+
? personalTeam.map((team) => {
|
|
141
|
+
team.displayName ? team.displayName : team.name;
|
|
142
|
+
team.id === selectedTeam?.id;
|
|
143
|
+
return (React.createElement(React.Fragment, null)
|
|
144
|
+
// <HeaderMenuItem
|
|
145
|
+
// key={team.id}
|
|
146
|
+
// aria-selected={isTeamSelected}
|
|
147
|
+
// className={headerDropdownMenuItemContainerClassname}
|
|
148
|
+
// onClick={() => handleTeamClick({ team, type: "personal" })}
|
|
149
|
+
// // eslint-disable-next-line no-script-url
|
|
150
|
+
// href={"javascript:void(0)"}
|
|
151
|
+
// data-testid="header-team-switcher-menu-item"
|
|
152
|
+
// >
|
|
153
|
+
// <div className={headerDropdownMenuItemClassname}>
|
|
154
|
+
// <span title={teamName} className={headerDropdownMenuItemTextClassname}>
|
|
155
|
+
// {teamName}
|
|
156
|
+
// </span>
|
|
157
|
+
// {isTeamSelected ? <CheckmarkFilled className={headerDropdownMenuItemIconClassname} /> : null}
|
|
158
|
+
// </div>
|
|
159
|
+
// </HeaderMenuItem>
|
|
160
|
+
);
|
|
161
|
+
})
|
|
162
|
+
: null,
|
|
163
|
+
accountTeams.length > 0
|
|
164
|
+
? sortedAccountTeamsWithNamesToDisplay.map((team) => {
|
|
165
|
+
const isSubmenuOpen = team.id === openAccountSubmenuId;
|
|
166
|
+
team.projectTeams &&
|
|
167
|
+
team.projectTeams.length > 0 &&
|
|
168
|
+
team.projectTeams.some((team) => team.id === selectedTeam?.id);
|
|
169
|
+
team.id === selectedTeam?.id;
|
|
170
|
+
return (React.createElement(React.Fragment, null,
|
|
171
|
+
React.createElement("div", { "aria-expanded": isSubmenuOpen, className: headerDropdownMenuItemAccountSubmenuClassname }, team.projectTeams && team.projectTeams.length > 0
|
|
172
|
+
? team.projectTeams.map((team) => {
|
|
173
|
+
team.id === selectedTeam?.id;
|
|
174
|
+
return (React.createElement(React.Fragment, null)
|
|
175
|
+
// <HeaderMenuItem
|
|
176
|
+
// key={team.id}
|
|
177
|
+
// aria-selected={isTeamSelected}
|
|
178
|
+
// className={headerDropdownMenuItemContainerClassname}
|
|
179
|
+
// onClick={() => handleTeamClick({ team, type: "project" })}
|
|
180
|
+
// data-testid="header-team-switcher-menu-account-accordion-item"
|
|
181
|
+
// // eslint-disable-next-line no-script-url
|
|
182
|
+
// href={"javascript:void(0)"}
|
|
183
|
+
// >
|
|
184
|
+
// <div className={headerDropdownMenuItemClassname} style={{ paddingLeft: "1rem" }}>
|
|
185
|
+
// <span title={team.nameToDisplay} className={headerDropdownMenuItemTextClassname}>
|
|
186
|
+
// {team.nameToDisplay}
|
|
187
|
+
// </span>
|
|
188
|
+
// {isTeamSelected ? (
|
|
189
|
+
// <CheckmarkFilled className={headerDropdownMenuItemIconClassname} />
|
|
190
|
+
// ) : null}
|
|
191
|
+
// </div>
|
|
192
|
+
// </HeaderMenuItem>
|
|
193
|
+
);
|
|
194
|
+
})
|
|
195
|
+
: null)));
|
|
196
|
+
})
|
|
197
|
+
: null,
|
|
198
|
+
standardTeams.length > 0
|
|
199
|
+
? sortedStandardTeamsWithNamesToDisplay.map((team) => {
|
|
200
|
+
team.id === selectedTeam?.id;
|
|
201
|
+
return (React.createElement(React.Fragment, null)
|
|
202
|
+
// <HeaderMenuItem
|
|
203
|
+
// key={team.id}
|
|
204
|
+
// aria-selected={isTeamSelected}
|
|
205
|
+
// className={headerDropdownMenuItemContainerClassname}
|
|
206
|
+
// onClick={() => handleTeamClick({ team, type: "standard" })}
|
|
207
|
+
// data-testid="header-team-switcher-menu-item"
|
|
208
|
+
// // eslint-disable-next-line no-script-url
|
|
209
|
+
// href={"javascript:void(0)"}
|
|
210
|
+
// >
|
|
211
|
+
// <div className={headerDropdownMenuItemClassname}>
|
|
212
|
+
// <span title={team.nameToDisplay} className={headerDropdownMenuItemTextClassname}>
|
|
213
|
+
// {team.nameToDisplay}
|
|
214
|
+
// </span>
|
|
215
|
+
// {isTeamSelected ? <CheckmarkFilled className={headerDropdownMenuItemIconClassname} /> : null}
|
|
216
|
+
// </div>
|
|
217
|
+
// </HeaderMenuItem>
|
|
218
|
+
);
|
|
219
|
+
})
|
|
220
|
+
: null));
|
|
224
221
|
}
|
|
225
222
|
return null;
|
|
226
223
|
}
|
package/package.json
CHANGED