@boomerang-io/carbon-addons-boomerang-react 4.6.8-beta.29 → 4.6.8-beta.30
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.
|
@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var reactQuery = require('react-query');
|
|
7
7
|
var react = require('@carbon/react');
|
|
8
|
-
var icons = require('@carbon/react/icons');
|
|
9
8
|
var orderBy = require('../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/orderBy.js');
|
|
10
9
|
var HeaderMenu = require('./HeaderMenu.js');
|
|
11
10
|
var servicesConfig = require('../../config/servicesConfig.js');
|
|
@@ -20,29 +19,15 @@ IBM Confidential
|
|
|
20
19
|
694970X, 69497O0
|
|
21
20
|
© Copyright IBM Corp. 2022, 2025
|
|
22
21
|
*/
|
|
22
|
+
const headerDropdownMenuClassname = `${settings.prefix}--header-dropdown-menu`;
|
|
23
23
|
const headerDropdownMenuListClassname = `${settings.prefix}--bmrg-header-drop-down`;
|
|
24
|
-
const headerDropdownMenuItemContainerClassname = `${settings.prefix}--header-dropdown-menu-item-container`;
|
|
25
|
-
const headerDropdownMenuItemClassname = `${settings.prefix}--header-dropdown-menu-item`;
|
|
26
|
-
const headerDropdownMenuItemTextIconClassname = `${settings.prefix}--header-dropdown-menu-item-text-icon`;
|
|
27
|
-
const headerDropdownMenuItemTextClassname = `${settings.prefix}--header-dropdown-menu-item-text`;
|
|
28
|
-
const headerDropdownMenuItemIconClassname = `${settings.prefix}--header-dropdown-menu-item-icon`;
|
|
29
|
-
const headerDropdownMenuItemAccountContainerClassname = `${settings.prefix}--header-dropdown-menu-item-account-container`;
|
|
30
|
-
const headerDropdownMenuItemAccountClassname = `${settings.prefix}--header-dropdown-menu-item-account`;
|
|
31
|
-
const headerDropdownMenuItemAccountIconsClassname = `${settings.prefix}--header-dropdown-menu-item-account-icons`;
|
|
32
|
-
const headerDropdownMenuItemAccountGroupIconClassname = `${settings.prefix}--header-dropdown-menu-item-account-group-icon`;
|
|
33
|
-
const headerDropdownMenuItemAccountChevronIconClassname = `${settings.prefix}--header-dropdown-menu-item-account-chevron-icon`;
|
|
34
24
|
const headerDropdownMenuItemAccountSubmenuClassname = `${settings.prefix}--header-dropdown-menu-item-account-submenu`;
|
|
35
|
-
const headerTeamSwitcherCreateTeamButtonContainerClassname = `${settings.prefix}--header-team-switcher-create-team-button-container`;
|
|
36
|
-
const headerTeamSwitcherCreateTeamButtonClassname = `${settings.prefix}--header-team-switcher-create-team-button`;
|
|
37
|
-
const headerTeamSwitcherCreateTeamButtonTextClassname = `${settings.prefix}--header-team-switcher-create-team-button-text`;
|
|
38
|
-
const headerTeamSwitcherCreateTeamButtonIconClassname = `${settings.prefix}--header-team-switcher-create-team-button-icon`;
|
|
39
25
|
function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamTrigger, history, isLaunchpad, menuAriaLabelRecord, menuButtonId, menuListId, navigationPlatform, teamsQuery, trackEvent, user, userTeams, }) {
|
|
40
26
|
const queryClient = reactQuery.useQueryClient();
|
|
41
27
|
const [selectedTeam, setSelectedTeam] = React.useState();
|
|
42
28
|
const [openAccountSubmenuId, setOpenAccountSubmenuId] = React.useState("");
|
|
43
29
|
const hasUserTeams = Boolean(userTeams);
|
|
44
|
-
|
|
45
|
-
const createTeamButtonText = showSelectTeamPurpose ? "Create Team" : "Create or Join Team";
|
|
30
|
+
navigationPlatform?.requireTeamPurpose;
|
|
46
31
|
const userTeamInstanceSwitcherDefault = user?.teamInstanceSwitcherDefault;
|
|
47
32
|
const profileUrl = servicesConfig.serviceUrl.resourceUserProfile({ baseServicesUrl });
|
|
48
33
|
const { mutateAsync: mutateUserProfile, isLoading: mutateUserProfileIsLoading } = reactQuery.useMutation(servicesConfig.resolver.patchUserProfile, {
|
|
@@ -114,49 +99,6 @@ function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamT
|
|
|
114
99
|
userTeams?.data?.personalTeam,
|
|
115
100
|
userTeams?.data?.standardTeams,
|
|
116
101
|
]);
|
|
117
|
-
const handleTeamClick = ({ team, type }) => {
|
|
118
|
-
if (analyticsHelpers?.navigateEventHandler && trackEvent) {
|
|
119
|
-
analyticsHelpers.navigateEventHandler({
|
|
120
|
-
action: `Clicked ${team.name} in Team Switcher`,
|
|
121
|
-
category: "Team Switcher",
|
|
122
|
-
destinationPath: `${navigationPlatform.baseEnvUrl}/launchpad/teams/${team.id}`,
|
|
123
|
-
teamId: team.id,
|
|
124
|
-
teamType: type,
|
|
125
|
-
trackEvent,
|
|
126
|
-
});
|
|
127
|
-
}
|
|
128
|
-
if (isLaunchpad && Boolean(history)) {
|
|
129
|
-
history.push(`/teams/${team.id}`);
|
|
130
|
-
}
|
|
131
|
-
else {
|
|
132
|
-
window.open(`${navigationPlatform.baseEnvUrl}/launchpad/teams/${team.id}`, "_self");
|
|
133
|
-
}
|
|
134
|
-
};
|
|
135
|
-
const handleCreateJoinTeamClick = (e) => {
|
|
136
|
-
if (analyticsHelpers?.ctaEventHandler && trackEvent) {
|
|
137
|
-
analyticsHelpers.ctaEventHandler({
|
|
138
|
-
category: "Team Switcher",
|
|
139
|
-
CTA: "Create/Join team clicked",
|
|
140
|
-
pageName: "",
|
|
141
|
-
trackEvent,
|
|
142
|
-
});
|
|
143
|
-
}
|
|
144
|
-
if (createJoinTeamTrigger) {
|
|
145
|
-
createJoinTeamTrigger(e);
|
|
146
|
-
}
|
|
147
|
-
else {
|
|
148
|
-
window.open(`${navigationPlatform.baseEnvUrl}/launchpad?createJoinTeam=true`, "_self");
|
|
149
|
-
}
|
|
150
|
-
};
|
|
151
|
-
const handleOpenAccountSubmenu = ({ e, id }) => {
|
|
152
|
-
e.stopPropagation();
|
|
153
|
-
if (openAccountSubmenuId === id) {
|
|
154
|
-
setOpenAccountSubmenuId("");
|
|
155
|
-
}
|
|
156
|
-
else {
|
|
157
|
-
setOpenAccountSubmenuId(id);
|
|
158
|
-
}
|
|
159
|
-
};
|
|
160
102
|
if (userTeams?.isLoading || teamsQuery?.isLoading || mutateUserProfileIsLoading) {
|
|
161
103
|
return (React__default.default.createElement("div", { style: { display: "flex", alignItems: "center" } },
|
|
162
104
|
React__default.default.createElement(react.InlineLoading, null)));
|
|
@@ -203,75 +145,90 @@ function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamT
|
|
|
203
145
|
if (selectedTeamName && selectedTeamName.length > 42) {
|
|
204
146
|
selectedTeamName = selectedTeamName.slice(0, 42) + "...";
|
|
205
147
|
}
|
|
206
|
-
return (React__default.default.createElement(HeaderMenu
|
|
207
|
-
React__default.default.createElement(
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
// eslint-disable-next-line no-script-url
|
|
219
|
-
href
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
React__default.default.createElement("div", { className: headerDropdownMenuItemAccountIconsClassname },
|
|
242
|
-
React__default.default.createElement(icons.GroupAccount, { className: headerDropdownMenuItemAccountGroupIconClassname }),
|
|
243
|
-
React__default.default.createElement(icons.ChevronDown, { className: headerDropdownMenuItemAccountChevronIconClassname })))),
|
|
244
|
-
React__default.default.createElement("div", { "aria-expanded": isSubmenuOpen, className: headerDropdownMenuItemAccountSubmenuClassname },
|
|
245
|
-
React__default.default.createElement(react.HeaderMenuItem, { "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => handleTeamClick({ team, type: "account" }), "data-testid": "header-team-switcher-menu-account-accordion-item",
|
|
246
|
-
// eslint-disable-next-line no-script-url
|
|
247
|
-
href: "javascript:void(0)" },
|
|
248
|
-
React__default.default.createElement("div", { className: headerDropdownMenuItemClassname, style: { paddingLeft: "1rem" } },
|
|
249
|
-
React__default.default.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, "Account Page"),
|
|
250
|
-
isTeamSelected ? React__default.default.createElement(icons.CheckmarkFilled, { className: headerDropdownMenuItemIconClassname }) : null)),
|
|
251
|
-
team.projectTeams && team.projectTeams.length > 0
|
|
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
|
|
252
183
|
? team.projectTeams.map((team) => {
|
|
253
|
-
|
|
254
|
-
return (React__default.default.createElement(
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
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
|
+
);
|
|
260
205
|
})
|
|
261
206
|
: null)));
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
//
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
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)));
|
|
275
232
|
}
|
|
276
233
|
return null;
|
|
277
234
|
}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import React, { useState, useEffect } from 'react';
|
|
2
2
|
import { useQueryClient, useMutation } from 'react-query';
|
|
3
|
-
import { InlineLoading,
|
|
4
|
-
import { AddAlt, CheckmarkFilled, GroupAccount, ChevronDown } from '@carbon/react/icons';
|
|
3
|
+
import { InlineLoading, HeaderMenu } from '@carbon/react';
|
|
5
4
|
import orderBy_1 from '../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/orderBy.js';
|
|
6
|
-
import HeaderMenu from './HeaderMenu.js';
|
|
5
|
+
import HeaderMenu$1 from './HeaderMenu.js';
|
|
7
6
|
import { resolver, serviceUrl } from '../../config/servicesConfig.js';
|
|
8
7
|
import { prefix } from '../../internal/settings.js';
|
|
9
8
|
|
|
@@ -12,29 +11,15 @@ IBM Confidential
|
|
|
12
11
|
694970X, 69497O0
|
|
13
12
|
© Copyright IBM Corp. 2022, 2025
|
|
14
13
|
*/
|
|
14
|
+
const headerDropdownMenuClassname = `${prefix}--header-dropdown-menu`;
|
|
15
15
|
const headerDropdownMenuListClassname = `${prefix}--bmrg-header-drop-down`;
|
|
16
|
-
const headerDropdownMenuItemContainerClassname = `${prefix}--header-dropdown-menu-item-container`;
|
|
17
|
-
const headerDropdownMenuItemClassname = `${prefix}--header-dropdown-menu-item`;
|
|
18
|
-
const headerDropdownMenuItemTextIconClassname = `${prefix}--header-dropdown-menu-item-text-icon`;
|
|
19
|
-
const headerDropdownMenuItemTextClassname = `${prefix}--header-dropdown-menu-item-text`;
|
|
20
|
-
const headerDropdownMenuItemIconClassname = `${prefix}--header-dropdown-menu-item-icon`;
|
|
21
|
-
const headerDropdownMenuItemAccountContainerClassname = `${prefix}--header-dropdown-menu-item-account-container`;
|
|
22
|
-
const headerDropdownMenuItemAccountClassname = `${prefix}--header-dropdown-menu-item-account`;
|
|
23
|
-
const headerDropdownMenuItemAccountIconsClassname = `${prefix}--header-dropdown-menu-item-account-icons`;
|
|
24
|
-
const headerDropdownMenuItemAccountGroupIconClassname = `${prefix}--header-dropdown-menu-item-account-group-icon`;
|
|
25
|
-
const headerDropdownMenuItemAccountChevronIconClassname = `${prefix}--header-dropdown-menu-item-account-chevron-icon`;
|
|
26
16
|
const headerDropdownMenuItemAccountSubmenuClassname = `${prefix}--header-dropdown-menu-item-account-submenu`;
|
|
27
|
-
const headerTeamSwitcherCreateTeamButtonContainerClassname = `${prefix}--header-team-switcher-create-team-button-container`;
|
|
28
|
-
const headerTeamSwitcherCreateTeamButtonClassname = `${prefix}--header-team-switcher-create-team-button`;
|
|
29
|
-
const headerTeamSwitcherCreateTeamButtonTextClassname = `${prefix}--header-team-switcher-create-team-button-text`;
|
|
30
|
-
const headerTeamSwitcherCreateTeamButtonIconClassname = `${prefix}--header-team-switcher-create-team-button-icon`;
|
|
31
17
|
function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamTrigger, history, isLaunchpad, menuAriaLabelRecord, menuButtonId, menuListId, navigationPlatform, teamsQuery, trackEvent, user, userTeams, }) {
|
|
32
18
|
const queryClient = useQueryClient();
|
|
33
19
|
const [selectedTeam, setSelectedTeam] = useState();
|
|
34
20
|
const [openAccountSubmenuId, setOpenAccountSubmenuId] = useState("");
|
|
35
21
|
const hasUserTeams = Boolean(userTeams);
|
|
36
|
-
|
|
37
|
-
const createTeamButtonText = showSelectTeamPurpose ? "Create Team" : "Create or Join Team";
|
|
22
|
+
navigationPlatform?.requireTeamPurpose;
|
|
38
23
|
const userTeamInstanceSwitcherDefault = user?.teamInstanceSwitcherDefault;
|
|
39
24
|
const profileUrl = serviceUrl.resourceUserProfile({ baseServicesUrl });
|
|
40
25
|
const { mutateAsync: mutateUserProfile, isLoading: mutateUserProfileIsLoading } = useMutation(resolver.patchUserProfile, {
|
|
@@ -106,49 +91,6 @@ function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamT
|
|
|
106
91
|
userTeams?.data?.personalTeam,
|
|
107
92
|
userTeams?.data?.standardTeams,
|
|
108
93
|
]);
|
|
109
|
-
const handleTeamClick = ({ team, type }) => {
|
|
110
|
-
if (analyticsHelpers?.navigateEventHandler && trackEvent) {
|
|
111
|
-
analyticsHelpers.navigateEventHandler({
|
|
112
|
-
action: `Clicked ${team.name} in Team Switcher`,
|
|
113
|
-
category: "Team Switcher",
|
|
114
|
-
destinationPath: `${navigationPlatform.baseEnvUrl}/launchpad/teams/${team.id}`,
|
|
115
|
-
teamId: team.id,
|
|
116
|
-
teamType: type,
|
|
117
|
-
trackEvent,
|
|
118
|
-
});
|
|
119
|
-
}
|
|
120
|
-
if (isLaunchpad && Boolean(history)) {
|
|
121
|
-
history.push(`/teams/${team.id}`);
|
|
122
|
-
}
|
|
123
|
-
else {
|
|
124
|
-
window.open(`${navigationPlatform.baseEnvUrl}/launchpad/teams/${team.id}`, "_self");
|
|
125
|
-
}
|
|
126
|
-
};
|
|
127
|
-
const handleCreateJoinTeamClick = (e) => {
|
|
128
|
-
if (analyticsHelpers?.ctaEventHandler && trackEvent) {
|
|
129
|
-
analyticsHelpers.ctaEventHandler({
|
|
130
|
-
category: "Team Switcher",
|
|
131
|
-
CTA: "Create/Join team clicked",
|
|
132
|
-
pageName: "",
|
|
133
|
-
trackEvent,
|
|
134
|
-
});
|
|
135
|
-
}
|
|
136
|
-
if (createJoinTeamTrigger) {
|
|
137
|
-
createJoinTeamTrigger(e);
|
|
138
|
-
}
|
|
139
|
-
else {
|
|
140
|
-
window.open(`${navigationPlatform.baseEnvUrl}/launchpad?createJoinTeam=true`, "_self");
|
|
141
|
-
}
|
|
142
|
-
};
|
|
143
|
-
const handleOpenAccountSubmenu = ({ e, id }) => {
|
|
144
|
-
e.stopPropagation();
|
|
145
|
-
if (openAccountSubmenuId === id) {
|
|
146
|
-
setOpenAccountSubmenuId("");
|
|
147
|
-
}
|
|
148
|
-
else {
|
|
149
|
-
setOpenAccountSubmenuId(id);
|
|
150
|
-
}
|
|
151
|
-
};
|
|
152
94
|
if (userTeams?.isLoading || teamsQuery?.isLoading || mutateUserProfileIsLoading) {
|
|
153
95
|
return (React.createElement("div", { style: { display: "flex", alignItems: "center" } },
|
|
154
96
|
React.createElement(InlineLoading, null)));
|
|
@@ -195,75 +137,90 @@ function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamT
|
|
|
195
137
|
if (selectedTeamName && selectedTeamName.length > 42) {
|
|
196
138
|
selectedTeamName = selectedTeamName.slice(0, 42) + "...";
|
|
197
139
|
}
|
|
198
|
-
return (React.createElement(HeaderMenu, { "aria-
|
|
199
|
-
React.createElement(
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
// eslint-disable-next-line no-script-url
|
|
211
|
-
href
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
React.createElement("div", { className: headerDropdownMenuItemAccountIconsClassname },
|
|
234
|
-
React.createElement(GroupAccount, { className: headerDropdownMenuItemAccountGroupIconClassname }),
|
|
235
|
-
React.createElement(ChevronDown, { className: headerDropdownMenuItemAccountChevronIconClassname })))),
|
|
236
|
-
React.createElement("div", { "aria-expanded": isSubmenuOpen, className: headerDropdownMenuItemAccountSubmenuClassname },
|
|
237
|
-
React.createElement(HeaderMenuItem, { "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => handleTeamClick({ team, type: "account" }), "data-testid": "header-team-switcher-menu-account-accordion-item",
|
|
238
|
-
// eslint-disable-next-line no-script-url
|
|
239
|
-
href: "javascript:void(0)" },
|
|
240
|
-
React.createElement("div", { className: headerDropdownMenuItemClassname, style: { paddingLeft: "1rem" } },
|
|
241
|
-
React.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, "Account Page"),
|
|
242
|
-
isTeamSelected ? React.createElement(CheckmarkFilled, { className: headerDropdownMenuItemIconClassname }) : null)),
|
|
243
|
-
team.projectTeams && team.projectTeams.length > 0
|
|
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
|
|
244
175
|
? team.projectTeams.map((team) => {
|
|
245
|
-
|
|
246
|
-
return (React.createElement(
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
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
|
+
);
|
|
252
197
|
})
|
|
253
198
|
: null)));
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
//
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
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)));
|
|
267
224
|
}
|
|
268
225
|
return null;
|
|
269
226
|
}
|
package/package.json
CHANGED