@boomerang-io/carbon-addons-boomerang-react 4.6.14-beta.14 → 4.6.14-beta.16

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/components/Header/HeaderTeamSwitcher.js +60 -57
  2. package/dist/esm/components/Header/HeaderTeamSwitcher.js +60 -57
  3. package/package.json +1 -1
package/dist/cjs/components/Header/HeaderTeamSwitcher.js CHANGED
@@ -301,67 +301,70 @@ function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamT
301
301
  React__default.default.createElement("span", { className: headerTeamSwitcherCreateTeamButtonTextClassname }, createTeamButtonText),
302
302
  React__default.default.createElement(icons.AddAlt, { className: headerTeamSwitcherCreateTeamButtonIconClassname })))),
303
303
  allTeams.map((team) => {
304
- const isTeamSelected = team.id === selectedTeam?.id;
305
- if (team.type === TeamTypes.TEAM_TYPES.ACCOUNT) {
306
- const isSubmenuOpen = team.id === openAccountSubmenuId;
307
- const projectTeams = team.projectTeams;
308
- const existProjectTeams = Array.isArray(projectTeams) && projectTeams.length > 0;
309
- let selectedProjectTeamIndex = -1;
310
- if (existProjectTeams) {
311
- selectedProjectTeamIndex = projectTeams.findIndex((team) => team.id === selectedTeam?.id);
312
- }
313
- const isProjectTeamSelected = selectedProjectTeamIndex >= 0;
314
- const isMenuSelected = isTeamSelected || isProjectTeamSelected;
315
- if (existProjectTeams && isProjectTeamSelected) {
316
- const [removedTeam] = projectTeams.splice(selectedProjectTeamIndex, 1);
317
- projectTeams.unshift(removedTeam);
304
+ if (Boolean(team?.id)) {
305
+ const isTeamSelected = team.id === selectedTeam?.id;
306
+ if (team.type === TeamTypes.TEAM_TYPES.ACCOUNT) {
307
+ const isSubmenuOpen = team.id === openAccountSubmenuId;
308
+ const projectTeams = team.projectTeams;
309
+ const existProjectTeams = Array.isArray(projectTeams) && projectTeams.length > 0;
310
+ let selectedProjectTeamIndex = -1;
311
+ if (existProjectTeams) {
312
+ selectedProjectTeamIndex = projectTeams.findIndex((team) => team.id === selectedTeam?.id);
313
+ }
314
+ const isProjectTeamSelected = selectedProjectTeamIndex >= 0;
315
+ const isMenuSelected = isTeamSelected || isProjectTeamSelected;
316
+ if (existProjectTeams && isProjectTeamSelected) {
317
+ const [removedTeam] = projectTeams.splice(selectedProjectTeamIndex, 1);
318
+ projectTeams.unshift(removedTeam);
319
+ }
320
+ return (React__default.default.createElement("div", { key: team.id, id: `${team.id}-account-menu` },
321
+ React__default.default.createElement(react.HeaderMenuItem, { "aria-expanded": isSubmenuOpen, "aria-selected": isMenuSelected, className: headerDropdownMenuItemAccountContainerClassname, onClick: (e) => handleOpenAccountSubmenu({ e, id: team.id }),
322
+ // eslint-disable-next-line no-script-url
323
+ href: "javascript:void(0)", "data-testid": "header-team-switcher-menu-account-accordion" },
324
+ React__default.default.createElement("div", { className: headerDropdownMenuItemAccountClassname },
325
+ React__default.default.createElement("div", { className: headerDropdownMenuItemTextIconClassname },
326
+ React__default.default.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, team.nameToDisplay),
327
+ isMenuSelected ? (React__default.default.createElement(icons.CheckmarkFilled, { className: headerDropdownMenuItemIconClassname })) : null),
328
+ React__default.default.createElement("div", { className: headerDropdownMenuItemAccountIconsClassname },
329
+ React__default.default.createElement(icons.GroupAccount, { className: headerDropdownMenuItemAccountGroupIconClassname }),
330
+ React__default.default.createElement(icons.ChevronDown, { className: headerDropdownMenuItemAccountChevronIconClassname })))),
331
+ React__default.default.createElement("div", { id: `${team.id}-account-submenu`, key: `${team.id}-account-submenu`, "aria-expanded": isSubmenuOpen, className: headerDropdownMenuItemAccountSubmenuClassname },
332
+ React__default.default.createElement(react.HeaderMenuItem, { key: `${team.id}-menu-item`, id: `${team.id}-account-menu-item`, "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => {
333
+ handleTeamClick({ team, type: "account" });
334
+ }, "data-testid": "header-team-switcher-menu-account-accordion-item",
335
+ // eslint-disable-next-line no-script-url
336
+ href: "javascript:void(0)" },
337
+ React__default.default.createElement("div", { className: headerDropdownMenuItemClassname, style: { paddingLeft: "1rem" } },
338
+ React__default.default.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, "Account Page"),
339
+ isTeamSelected ? (React__default.default.createElement(icons.CheckmarkFilled, { className: headerDropdownMenuItemIconClassname })) : null)),
340
+ projectTeams && projectTeams.length > 0
341
+ ? projectTeams.map((team) => {
342
+ const isTeamSelected = team.id === selectedTeam?.id;
343
+ return (React__default.default.createElement("div", { key: team.id, id: `${team.id}-project-menu-item` },
344
+ React__default.default.createElement(react.HeaderMenuItem, { "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => {
345
+ handleTeamClick({ team, type: "project" });
346
+ }, "data-testid": "header-team-switcher-menu-account-accordion-item",
347
+ // eslint-disable-next-line no-script-url
348
+ href: "javascript:void(0)" },
349
+ React__default.default.createElement("div", { className: headerDropdownMenuItemClassname, style: { paddingLeft: "1rem" } },
350
+ React__default.default.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, team.nameToDisplay),
351
+ isTeamSelected ? (React__default.default.createElement(icons.CheckmarkFilled, { className: headerDropdownMenuItemIconClassname })) : null))));
352
+ })
353
+ : null)));
318
354
  }
319
- return (React__default.default.createElement("div", { key: team.id, id: `${team.id}-account-menu` },
320
- React__default.default.createElement(react.HeaderMenuItem, { "aria-expanded": isSubmenuOpen, "aria-selected": isMenuSelected, className: headerDropdownMenuItemAccountContainerClassname, onClick: (e) => handleOpenAccountSubmenu({ e, id: team.id }),
321
- // eslint-disable-next-line no-script-url
322
- href: "javascript:void(0)", "data-testid": "header-team-switcher-menu-account-accordion" },
323
- React__default.default.createElement("div", { className: headerDropdownMenuItemAccountClassname },
324
- React__default.default.createElement("div", { className: headerDropdownMenuItemTextIconClassname },
325
- React__default.default.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, team.nameToDisplay),
326
- isMenuSelected ? React__default.default.createElement(icons.CheckmarkFilled, { className: headerDropdownMenuItemIconClassname }) : null),
327
- React__default.default.createElement("div", { className: headerDropdownMenuItemAccountIconsClassname },
328
- React__default.default.createElement(icons.GroupAccount, { className: headerDropdownMenuItemAccountGroupIconClassname }),
329
- React__default.default.createElement(icons.ChevronDown, { className: headerDropdownMenuItemAccountChevronIconClassname })))),
330
- React__default.default.createElement("div", { id: `${team.id}-account-submenu`, key: `${team.id}-account-submenu`, "aria-expanded": isSubmenuOpen, className: headerDropdownMenuItemAccountSubmenuClassname },
331
- React__default.default.createElement(react.HeaderMenuItem, { key: `${team.id}-menu-item`, id: `${team.id}-account-menu-item`, "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => {
332
- handleTeamClick({ team, type: "account" });
333
- }, "data-testid": "header-team-switcher-menu-account-accordion-item",
355
+ else {
356
+ return (React__default.default.createElement("div", { key: team.id, id: `${team.id}-${team.type}-menu-item` },
357
+ React__default.default.createElement(react.HeaderMenuItem, { "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => {
358
+ handleTeamClick({ team, type: team.type ?? "" });
359
+ }, "data-testid": "header-team-switcher-menu-item",
334
360
  // eslint-disable-next-line no-script-url
335
361
  href: "javascript:void(0)" },
336
- React__default.default.createElement("div", { className: headerDropdownMenuItemClassname, style: { paddingLeft: "1rem" } },
337
- React__default.default.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, "Account Page"),
338
- isTeamSelected ? React__default.default.createElement(icons.CheckmarkFilled, { className: headerDropdownMenuItemIconClassname }) : null)),
339
- projectTeams && projectTeams.length > 0
340
- ? projectTeams.map((team) => {
341
- const isTeamSelected = team.id === selectedTeam?.id;
342
- return (React__default.default.createElement("div", { key: team.id, id: `${team.id}-project-menu-item` },
343
- React__default.default.createElement(react.HeaderMenuItem, { "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => {
344
- handleTeamClick({ team, type: "project" });
345
- }, "data-testid": "header-team-switcher-menu-account-accordion-item",
346
- // eslint-disable-next-line no-script-url
347
- href: "javascript:void(0)" },
348
- React__default.default.createElement("div", { className: headerDropdownMenuItemClassname, style: { paddingLeft: "1rem" } },
349
- React__default.default.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, team.nameToDisplay),
350
- isTeamSelected ? (React__default.default.createElement(icons.CheckmarkFilled, { className: headerDropdownMenuItemIconClassname })) : null))));
351
- })
352
- : null)));
353
- }
354
- else {
355
- return (React__default.default.createElement("div", { key: team.id, id: `${team.id}-${team.type}-menu-item` },
356
- React__default.default.createElement(react.HeaderMenuItem, { "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => {
357
- handleTeamClick({ team, type: team.type ?? "" });
358
- }, "data-testid": "header-team-switcher-menu-item",
359
- // eslint-disable-next-line no-script-url
360
- href: "javascript:void(0)" },
361
- React__default.default.createElement("div", { className: headerDropdownMenuItemClassname },
362
- React__default.default.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, team.nameToDisplay),
363
- isTeamSelected ? React__default.default.createElement(icons.CheckmarkFilled, { className: headerDropdownMenuItemIconClassname }) : null))));
362
+ React__default.default.createElement("div", { className: headerDropdownMenuItemClassname },
363
+ React__default.default.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, team.nameToDisplay),
364
+ isTeamSelected ? React__default.default.createElement(icons.CheckmarkFilled, { className: headerDropdownMenuItemIconClassname }) : null))));
365
+ }
364
366
  }
367
+ return null;
365
368
  })))));
366
369
  }
367
370
  return null;
package/dist/esm/components/Header/HeaderTeamSwitcher.js CHANGED
@@ -292,67 +292,70 @@ function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamT
292
292
  React.createElement("span", { className: headerTeamSwitcherCreateTeamButtonTextClassname }, createTeamButtonText),
293
293
  React.createElement(AddAlt, { className: headerTeamSwitcherCreateTeamButtonIconClassname })))),
294
294
  allTeams.map((team) => {
295
- const isTeamSelected = team.id === selectedTeam?.id;
296
- if (team.type === TEAM_TYPES.ACCOUNT) {
297
- const isSubmenuOpen = team.id === openAccountSubmenuId;
298
- const projectTeams = team.projectTeams;
299
- const existProjectTeams = Array.isArray(projectTeams) && projectTeams.length > 0;
300
- let selectedProjectTeamIndex = -1;
301
- if (existProjectTeams) {
302
- selectedProjectTeamIndex = projectTeams.findIndex((team) => team.id === selectedTeam?.id);
303
- }
304
- const isProjectTeamSelected = selectedProjectTeamIndex >= 0;
305
- const isMenuSelected = isTeamSelected || isProjectTeamSelected;
306
- if (existProjectTeams && isProjectTeamSelected) {
307
- const [removedTeam] = projectTeams.splice(selectedProjectTeamIndex, 1);
308
- projectTeams.unshift(removedTeam);
295
+ if (Boolean(team?.id)) {
296
+ const isTeamSelected = team.id === selectedTeam?.id;
297
+ if (team.type === TEAM_TYPES.ACCOUNT) {
298
+ const isSubmenuOpen = team.id === openAccountSubmenuId;
299
+ const projectTeams = team.projectTeams;
300
+ const existProjectTeams = Array.isArray(projectTeams) && projectTeams.length > 0;
301
+ let selectedProjectTeamIndex = -1;
302
+ if (existProjectTeams) {
303
+ selectedProjectTeamIndex = projectTeams.findIndex((team) => team.id === selectedTeam?.id);
304
+ }
305
+ const isProjectTeamSelected = selectedProjectTeamIndex >= 0;
306
+ const isMenuSelected = isTeamSelected || isProjectTeamSelected;
307
+ if (existProjectTeams && isProjectTeamSelected) {
308
+ const [removedTeam] = projectTeams.splice(selectedProjectTeamIndex, 1);
309
+ projectTeams.unshift(removedTeam);
310
+ }
311
+ return (React.createElement("div", { key: team.id, id: `${team.id}-account-menu` },
312
+ React.createElement(HeaderMenuItem, { "aria-expanded": isSubmenuOpen, "aria-selected": isMenuSelected, className: headerDropdownMenuItemAccountContainerClassname, onClick: (e) => handleOpenAccountSubmenu({ e, id: team.id }),
313
+ // eslint-disable-next-line no-script-url
314
+ href: "javascript:void(0)", "data-testid": "header-team-switcher-menu-account-accordion" },
315
+ React.createElement("div", { className: headerDropdownMenuItemAccountClassname },
316
+ React.createElement("div", { className: headerDropdownMenuItemTextIconClassname },
317
+ React.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, team.nameToDisplay),
318
+ isMenuSelected ? (React.createElement(CheckmarkFilled, { className: headerDropdownMenuItemIconClassname })) : null),
319
+ React.createElement("div", { className: headerDropdownMenuItemAccountIconsClassname },
320
+ React.createElement(GroupAccount, { className: headerDropdownMenuItemAccountGroupIconClassname }),
321
+ React.createElement(ChevronDown, { className: headerDropdownMenuItemAccountChevronIconClassname })))),
322
+ React.createElement("div", { id: `${team.id}-account-submenu`, key: `${team.id}-account-submenu`, "aria-expanded": isSubmenuOpen, className: headerDropdownMenuItemAccountSubmenuClassname },
323
+ React.createElement(HeaderMenuItem, { key: `${team.id}-menu-item`, id: `${team.id}-account-menu-item`, "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => {
324
+ handleTeamClick({ team, type: "account" });
325
+ }, "data-testid": "header-team-switcher-menu-account-accordion-item",
326
+ // eslint-disable-next-line no-script-url
327
+ href: "javascript:void(0)" },
328
+ React.createElement("div", { className: headerDropdownMenuItemClassname, style: { paddingLeft: "1rem" } },
329
+ React.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, "Account Page"),
330
+ isTeamSelected ? (React.createElement(CheckmarkFilled, { className: headerDropdownMenuItemIconClassname })) : null)),
331
+ projectTeams && projectTeams.length > 0
332
+ ? projectTeams.map((team) => {
333
+ const isTeamSelected = team.id === selectedTeam?.id;
334
+ return (React.createElement("div", { key: team.id, id: `${team.id}-project-menu-item` },
335
+ React.createElement(HeaderMenuItem, { "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => {
336
+ handleTeamClick({ team, type: "project" });
337
+ }, "data-testid": "header-team-switcher-menu-account-accordion-item",
338
+ // eslint-disable-next-line no-script-url
339
+ href: "javascript:void(0)" },
340
+ React.createElement("div", { className: headerDropdownMenuItemClassname, style: { paddingLeft: "1rem" } },
341
+ React.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, team.nameToDisplay),
342
+ isTeamSelected ? (React.createElement(CheckmarkFilled, { className: headerDropdownMenuItemIconClassname })) : null))));
343
+ })
344
+ : null)));
309
345
  }
310
- return (React.createElement("div", { key: team.id, id: `${team.id}-account-menu` },
311
- React.createElement(HeaderMenuItem, { "aria-expanded": isSubmenuOpen, "aria-selected": isMenuSelected, className: headerDropdownMenuItemAccountContainerClassname, onClick: (e) => handleOpenAccountSubmenu({ e, id: team.id }),
312
- // eslint-disable-next-line no-script-url
313
- href: "javascript:void(0)", "data-testid": "header-team-switcher-menu-account-accordion" },
314
- React.createElement("div", { className: headerDropdownMenuItemAccountClassname },
315
- React.createElement("div", { className: headerDropdownMenuItemTextIconClassname },
316
- React.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, team.nameToDisplay),
317
- isMenuSelected ? React.createElement(CheckmarkFilled, { className: headerDropdownMenuItemIconClassname }) : null),
318
- React.createElement("div", { className: headerDropdownMenuItemAccountIconsClassname },
319
- React.createElement(GroupAccount, { className: headerDropdownMenuItemAccountGroupIconClassname }),
320
- React.createElement(ChevronDown, { className: headerDropdownMenuItemAccountChevronIconClassname })))),
321
- React.createElement("div", { id: `${team.id}-account-submenu`, key: `${team.id}-account-submenu`, "aria-expanded": isSubmenuOpen, className: headerDropdownMenuItemAccountSubmenuClassname },
322
- React.createElement(HeaderMenuItem, { key: `${team.id}-menu-item`, id: `${team.id}-account-menu-item`, "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => {
323
- handleTeamClick({ team, type: "account" });
324
- }, "data-testid": "header-team-switcher-menu-account-accordion-item",
346
+ else {
347
+ return (React.createElement("div", { key: team.id, id: `${team.id}-${team.type}-menu-item` },
348
+ React.createElement(HeaderMenuItem, { "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => {
349
+ handleTeamClick({ team, type: team.type ?? "" });
350
+ }, "data-testid": "header-team-switcher-menu-item",
325
351
  // eslint-disable-next-line no-script-url
326
352
  href: "javascript:void(0)" },
327
- React.createElement("div", { className: headerDropdownMenuItemClassname, style: { paddingLeft: "1rem" } },
328
- React.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, "Account Page"),
329
- isTeamSelected ? React.createElement(CheckmarkFilled, { className: headerDropdownMenuItemIconClassname }) : null)),
330
- projectTeams && projectTeams.length > 0
331
- ? projectTeams.map((team) => {
332
- const isTeamSelected = team.id === selectedTeam?.id;
333
- return (React.createElement("div", { key: team.id, id: `${team.id}-project-menu-item` },
334
- React.createElement(HeaderMenuItem, { "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => {
335
- handleTeamClick({ team, type: "project" });
336
- }, "data-testid": "header-team-switcher-menu-account-accordion-item",
337
- // eslint-disable-next-line no-script-url
338
- href: "javascript:void(0)" },
339
- React.createElement("div", { className: headerDropdownMenuItemClassname, style: { paddingLeft: "1rem" } },
340
- React.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, team.nameToDisplay),
341
- isTeamSelected ? (React.createElement(CheckmarkFilled, { className: headerDropdownMenuItemIconClassname })) : null))));
342
- })
343
- : null)));
344
- }
345
- else {
346
- return (React.createElement("div", { key: team.id, id: `${team.id}-${team.type}-menu-item` },
347
- React.createElement(HeaderMenuItem, { "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => {
348
- handleTeamClick({ team, type: team.type ?? "" });
349
- }, "data-testid": "header-team-switcher-menu-item",
350
- // eslint-disable-next-line no-script-url
351
- href: "javascript:void(0)" },
352
- React.createElement("div", { className: headerDropdownMenuItemClassname },
353
- React.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, team.nameToDisplay),
354
- isTeamSelected ? React.createElement(CheckmarkFilled, { className: headerDropdownMenuItemIconClassname }) : null))));
353
+ React.createElement("div", { className: headerDropdownMenuItemClassname },
354
+ React.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, team.nameToDisplay),
355
+ isTeamSelected ? React.createElement(CheckmarkFilled, { className: headerDropdownMenuItemIconClassname }) : null))));
356
+ }
355
357
  }
358
+ return null;
356
359
  })))));
357
360
  }
358
361
  return null;
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.14-beta.14",
4
+ "version": "4.6.14-beta.16",
5
5
  "author": {
6
6
  "name": "Tim Bula",
7
7
  "email": "timrbula@gmail.com"