@boomerang-io/carbon-addons-boomerang-react 4.6.9-beta.1 → 4.6.9-beta.10
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.
|
@@ -60,9 +60,10 @@ const headerButtonClassNames = "cds--btn--icon-only cds--header__action cds--btn
|
|
|
60
60
|
const instanceCheckMarkContainerClass = "instance-checkmark-style-container";
|
|
61
61
|
function Header(props) {
|
|
62
62
|
const { productName, baseEnvUrl, baseServicesUrl, carbonTheme = "g10", className, navLinks, platform, prefixName = "", rightPanel, skipToContentProps, templateMeteringEvent, triggerEvent, userTeams, } = props;
|
|
63
|
-
const
|
|
64
|
-
const
|
|
65
|
-
|
|
63
|
+
const accountTeams = userTeams?.data?.accountTeams;
|
|
64
|
+
const standardTeams = userTeams?.data?.standardTeams;
|
|
65
|
+
const personalTeam = userTeams?.data?.personalTeam;
|
|
66
|
+
const teams = accountTeams + standardTeams + personalTeam;
|
|
66
67
|
return (React__default.default.createElement(React__default.default.Fragment, null,
|
|
67
68
|
React__default.default.createElement(react.Theme, { theme: carbonTheme },
|
|
68
69
|
React__default.default.createElement(react.Header, { "aria-label": "App navigation header", className: className },
|
|
@@ -73,7 +74,7 @@ function Header(props) {
|
|
|
73
74
|
? navLinks.map((link) => (React__default.default.createElement(react.HeaderMenuItem, { "aria-label": `Link for ${link.name}`, "data-testid": "header-menu-link", href: link.url, isCurrentPage: window?.location?.href && link.url ? window.location.href.startsWith(link.url) : false, key: link.name, target: link.isExternal ? "_blank" : undefined, rel: link.isExternal ? "noopener noreferrer" : undefined }, link.name)))
|
|
74
75
|
: null),
|
|
75
76
|
React__default.default.createElement(react.HeaderGlobalBar, null,
|
|
76
|
-
React__default.default.createElement(DefaultTeamsFlowMenu, { menuItems:
|
|
77
|
+
React__default.default.createElement(DefaultTeamsFlowMenu, { menuItems: teams }),
|
|
77
78
|
props?.instanceSwitcherEnabled && (React__default.default.createElement(InstanceSwitcherMenu, { enabled: Boolean(props.instanceSwitcherEnabled), menuItems: platform?.instances })),
|
|
78
79
|
React__default.default.createElement(RequestsMenu, { baseEnvUrl: baseEnvUrl, enabled: Boolean(props.requestSummary), summary: props.requestSummary }),
|
|
79
80
|
React__default.default.createElement(NotificationsMenu, { baseEnvUrl: baseEnvUrl, baseServicesUrl: baseServicesUrl, enabled: Boolean(props.enableNotifications), countEnabled: Boolean(props.enableNotificationsCount) }),
|
|
@@ -102,21 +103,12 @@ function InstanceSwitcherMenu(props) {
|
|
|
102
103
|
: null)) : null));
|
|
103
104
|
}
|
|
104
105
|
function DefaultTeamsFlowMenu(props) {
|
|
105
|
-
const currentURL = window?.location?.href;
|
|
106
106
|
const { isOpen, toggleActive, ref } = useHeaderMenu.default(MenuButtonId.defaultTeamsFlowMenu);
|
|
107
107
|
// if (!props.enabled) {
|
|
108
108
|
// return null;
|
|
109
109
|
// }
|
|
110
110
|
return (React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-header-instance-switcher`, style: { position: "relative" }, ref: ref },
|
|
111
|
-
React__default.default.createElement(
|
|
112
|
-
isOpen ? (React__default.default.createElement(HeaderMenu.default, { "aria-labelledby": MenuButtonId.defaultTeamsFlowMenu, id: MenuListId.defaultTeamsFlowMenu }, Array.isArray(props.menuItems)
|
|
113
|
-
? props.menuItems.map((item) => (React__default.default.createElement(react.HeaderMenuItem, { "aria-label": `Default Teams for ${item.instanceName}`, "data-testid": "header-menu-default-teams-flow", href: item.url, key: item.instanceName, target: "_self", rel: "noopener noreferrer" },
|
|
114
|
-
React__default.default.createElement("div", { className: instanceCheckMarkContainerClass },
|
|
115
|
-
React__default.default.createElement("span", null, item.instanceName),
|
|
116
|
-
item.url && currentURL?.includes(item.url) ? (React__default.default.createElement("span", null,
|
|
117
|
-
React__default.default.createElement(icons.Checkmark, null),
|
|
118
|
-
" ")) : ("")))))
|
|
119
|
-
: null)) : null));
|
|
111
|
+
React__default.default.createElement(react.Dropdown, { style: { width: "10rem", marginBottom: "1rem" }, label: "Test", title: "Dropdown", items: props.menuItems, itemToString: (item) => (item ? item.name : "") })));
|
|
120
112
|
}
|
|
121
113
|
function RequestsMenu(props) {
|
|
122
114
|
const { isOpen, toggleActive, ref } = useHeaderMenu.default(MenuButtonId.Requests);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Theme, Header as Header$1, SkipToContent, HeaderName, HeaderNavigation, HeaderMenuItem, HeaderGlobalBar, HeaderPanel, HeaderMenuButton, SideNav, SideNavItems, SideNavLink } from '@carbon/react';
|
|
2
|
+
import { Theme, Header as Header$1, SkipToContent, HeaderName, HeaderNavigation, HeaderMenuItem, HeaderGlobalBar, Dropdown, HeaderPanel, HeaderMenuButton, SideNav, SideNavItems, SideNavLink } from '@carbon/react';
|
|
3
3
|
import { Wikis, Checkmark, Collaborate, NotificationNew, Notification, Help, UserAvatar, Close, Switcher, OpenPanelFilledRight } from '@carbon/react/icons';
|
|
4
4
|
import HeaderAppSwitcher from './HeaderAppSwitcher.js';
|
|
5
5
|
import HeaderMenu from './HeaderMenu.js';
|
|
@@ -52,9 +52,10 @@ const headerButtonClassNames = "cds--btn--icon-only cds--header__action cds--btn
|
|
|
52
52
|
const instanceCheckMarkContainerClass = "instance-checkmark-style-container";
|
|
53
53
|
function Header(props) {
|
|
54
54
|
const { productName, baseEnvUrl, baseServicesUrl, carbonTheme = "g10", className, navLinks, platform, prefixName = "", rightPanel, skipToContentProps, templateMeteringEvent, triggerEvent, userTeams, } = props;
|
|
55
|
-
const
|
|
56
|
-
const
|
|
57
|
-
|
|
55
|
+
const accountTeams = userTeams?.data?.accountTeams;
|
|
56
|
+
const standardTeams = userTeams?.data?.standardTeams;
|
|
57
|
+
const personalTeam = userTeams?.data?.personalTeam;
|
|
58
|
+
const teams = accountTeams + standardTeams + personalTeam;
|
|
58
59
|
return (React.createElement(React.Fragment, null,
|
|
59
60
|
React.createElement(Theme, { theme: carbonTheme },
|
|
60
61
|
React.createElement(Header$1, { "aria-label": "App navigation header", className: className },
|
|
@@ -65,7 +66,7 @@ function Header(props) {
|
|
|
65
66
|
? navLinks.map((link) => (React.createElement(HeaderMenuItem, { "aria-label": `Link for ${link.name}`, "data-testid": "header-menu-link", href: link.url, isCurrentPage: window?.location?.href && link.url ? window.location.href.startsWith(link.url) : false, key: link.name, target: link.isExternal ? "_blank" : undefined, rel: link.isExternal ? "noopener noreferrer" : undefined }, link.name)))
|
|
66
67
|
: null),
|
|
67
68
|
React.createElement(HeaderGlobalBar, null,
|
|
68
|
-
React.createElement(DefaultTeamsFlowMenu, { menuItems:
|
|
69
|
+
React.createElement(DefaultTeamsFlowMenu, { menuItems: teams }),
|
|
69
70
|
props?.instanceSwitcherEnabled && (React.createElement(InstanceSwitcherMenu, { enabled: Boolean(props.instanceSwitcherEnabled), menuItems: platform?.instances })),
|
|
70
71
|
React.createElement(RequestsMenu, { baseEnvUrl: baseEnvUrl, enabled: Boolean(props.requestSummary), summary: props.requestSummary }),
|
|
71
72
|
React.createElement(NotificationsMenu, { baseEnvUrl: baseEnvUrl, baseServicesUrl: baseServicesUrl, enabled: Boolean(props.enableNotifications), countEnabled: Boolean(props.enableNotificationsCount) }),
|
|
@@ -94,21 +95,12 @@ function InstanceSwitcherMenu(props) {
|
|
|
94
95
|
: null)) : null));
|
|
95
96
|
}
|
|
96
97
|
function DefaultTeamsFlowMenu(props) {
|
|
97
|
-
const currentURL = window?.location?.href;
|
|
98
98
|
const { isOpen, toggleActive, ref } = useHeaderMenu(MenuButtonId.defaultTeamsFlowMenu);
|
|
99
99
|
// if (!props.enabled) {
|
|
100
100
|
// return null;
|
|
101
101
|
// }
|
|
102
102
|
return (React.createElement("div", { className: `${prefix}--bmrg-header-instance-switcher`, style: { position: "relative" }, ref: ref },
|
|
103
|
-
React.createElement(
|
|
104
|
-
isOpen ? (React.createElement(HeaderMenu, { "aria-labelledby": MenuButtonId.defaultTeamsFlowMenu, id: MenuListId.defaultTeamsFlowMenu }, Array.isArray(props.menuItems)
|
|
105
|
-
? props.menuItems.map((item) => (React.createElement(HeaderMenuItem, { "aria-label": `Default Teams for ${item.instanceName}`, "data-testid": "header-menu-default-teams-flow", href: item.url, key: item.instanceName, target: "_self", rel: "noopener noreferrer" },
|
|
106
|
-
React.createElement("div", { className: instanceCheckMarkContainerClass },
|
|
107
|
-
React.createElement("span", null, item.instanceName),
|
|
108
|
-
item.url && currentURL?.includes(item.url) ? (React.createElement("span", null,
|
|
109
|
-
React.createElement(Checkmark, null),
|
|
110
|
-
" ")) : ("")))))
|
|
111
|
-
: null)) : null));
|
|
103
|
+
React.createElement(Dropdown, { style: { width: "10rem", marginBottom: "1rem" }, label: "Test", title: "Dropdown", items: props.menuItems, itemToString: (item) => (item ? item.name : "") })));
|
|
112
104
|
}
|
|
113
105
|
function RequestsMenu(props) {
|
|
114
106
|
const { isOpen, toggleActive, ref } = useHeaderMenu(MenuButtonId.Requests);
|
package/package.json
CHANGED