@boomerang-io/carbon-addons-boomerang-react 4.6.8-beta.12 → 4.6.8-beta.13
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.
|
@@ -21,13 +21,9 @@ IBM Confidential
|
|
|
21
21
|
© Copyright IBM Corp. 2022, 2024
|
|
22
22
|
*/
|
|
23
23
|
function AdvantageSideNav(props) {
|
|
24
|
-
const { app, appLink, enableChatButton = true, showChatButton = true, showSelectTeamPurpose = false, homeLink, assistantLink,
|
|
25
|
-
// multipleRegionalTeams,
|
|
26
|
-
// teamList,
|
|
27
|
-
defaultAssistantLink, joinCreateTrigger, isLoading, isOpen, teams = [], triggerEvent, accounts = [], baseEnvUrl, className, navLinks, personalTeams = [], user, showChatTooltip, templateMeteringEvent, tooltipMessage, isLaunchpad = false, userTeamsError = false, userTeamsLoading = false, history, children, ...rest } = props;
|
|
24
|
+
const { app, appLink, regionalTeam, enableChatButton = true, showChatButton = true, showSelectTeamPurpose = false, homeLink, assistantLink, defaultAssistantLink, joinCreateTrigger, isLoading, isOpen, teams = [], triggerEvent, accounts = [], baseEnvUrl, className, navLinks, personalTeams = [], user, showChatTooltip, templateMeteringEvent, tooltipMessage, isLaunchpad = false, userTeamsError = false, userTeamsLoading = false, history, children, ...rest } = props;
|
|
28
25
|
const [activeSubmenu, setActiveSubmenu] = React__default.default.useState("");
|
|
29
26
|
const [activeMenu, setActiveMenu] = React__default.default.useState(false);
|
|
30
|
-
// const [multipleRegionalTeams, setMultipleRegionalTeams] = React.useState(false);
|
|
31
27
|
const [teamList, setTeamList] = React__default.default.useState(null);
|
|
32
28
|
const [regionalModalIsOpen, setRegionalModalIsOpen] = React__default.default.useState(false);
|
|
33
29
|
const [selectedTeam, setSelectedTeam] = React__default.default.useState(null);
|
|
@@ -67,10 +63,6 @@ function AdvantageSideNav(props) {
|
|
|
67
63
|
name: team.name,
|
|
68
64
|
})));
|
|
69
65
|
}
|
|
70
|
-
// if(multipleRegionalTeams)
|
|
71
|
-
// {
|
|
72
|
-
// setRegionalModalIsOpen(true);
|
|
73
|
-
// }
|
|
74
66
|
triggerEvent &&
|
|
75
67
|
triggerEvent({
|
|
76
68
|
action: "Clicked on SideNav Assistant link",
|
|
@@ -138,9 +130,9 @@ function AdvantageSideNav(props) {
|
|
|
138
130
|
//@ts-ignore
|
|
139
131
|
accountsRef.current = Array(accounts?.length).fill().map((_, i) => accountsRef.current[i] || React__default.default.createRef());
|
|
140
132
|
}
|
|
141
|
-
const assistantSideNavLink = (
|
|
142
|
-
|
|
143
|
-
|
|
133
|
+
const assistantSideNavLink = (
|
|
134
|
+
// assistantLink &&
|
|
135
|
+
React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-assistant-link", className: !enableChatButton ? `${settings.prefix}--bmrg-advantage-sidenav__inactive-link` : "", disabled: Boolean(!enableChatButton), isActive: assistantLink ? windowLocation.href.includes(assistantLink) : '', renderIcon: icons.ChatBot, href: enableChatButton && assistantLink, onClick: enableChatButton ? handleAssistantClick : (e) => e.preventDefault() }, `Start a ${defaultAssistantLink ? "" : "New "}Chat`));
|
|
144
136
|
return (React__default.default.createElement(react.SideNav, { "aria-label": "sidenav-container", className: cx__default.default(`${settings.prefix}--bmrg-advantage-sidenav-container`, className, {
|
|
145
137
|
"--closed": !isMenuOpen,
|
|
146
138
|
}), "data-testid": "sidenav-container", isRail: true, expanded: isMenuOpen, onToggle: () => setActiveSubmenu(""), onMouseEnter: () => setActiveMenu(true), onMouseLeave: () => {
|
|
@@ -159,15 +151,11 @@ function AdvantageSideNav(props) {
|
|
|
159
151
|
handleHomeClick();
|
|
160
152
|
} }, "Home")) : null,
|
|
161
153
|
!isPartnerUser &&
|
|
154
|
+
// assistantLink &&
|
|
162
155
|
showChatButton &&
|
|
163
156
|
(showChatTooltip ? (React__default.default.createElement(TooltipHover.default, { className: `${settings.prefix}--bmrg-side-nav__tooltip`, content: tooltipMessage, direction: "right" },
|
|
164
157
|
React__default.default.createElement("span", null, assistantSideNavLink))) : (assistantSideNavLink)),
|
|
165
|
-
regionalModalIsOpen && React__default.default.createElement(react.ComposedModal, { className: `${settings.prefix}--teamSelectionModalContainer`,
|
|
166
|
-
// composedModalProps={{ containerClassName: teamSelectionModalContainer }}
|
|
167
|
-
// modalHeaderProps={{
|
|
168
|
-
// title: "Select Team to Start a New Chat",
|
|
169
|
-
// }}
|
|
170
|
-
open: regionalModalIsOpen, onClose: () => setRegionalModalIsOpen(false), onKeyDown: (e) => e.stopPropagation(), "data-testid": "select-team-chat-modal" },
|
|
158
|
+
regionalModalIsOpen && React__default.default.createElement(react.ComposedModal, { className: `${settings.prefix}--teamSelectionModalContainer`, open: regionalModalIsOpen, onClose: () => setRegionalModalIsOpen(false), onKeyDown: (e) => e.stopPropagation(), "data-testid": "select-team-chat-modal" },
|
|
171
159
|
React__default.default.createElement(react.ModalHeader, { title: "Select Team to Start a New Chat", closeModal: () => setRegionalModalIsOpen(false) }),
|
|
172
160
|
React__default.default.createElement(react.ModalBody, { className: `${settings.prefix}--teamSelectModalBody` },
|
|
173
161
|
React__default.default.createElement(react.Dropdown, { items: teamList, disabled: !teamList?.length, id: "select-team-chat-modal-dropdown", selectedItem: selectedTeam, size: "md", "data-testid": "select-team-chat-modal-dropdown", itemToString: (item) => item?.name, label: "Choose a team", onChange: ({ selectedItem }) => setSelectedTeam(selectedItem) })),
|
|
@@ -12,13 +12,9 @@ IBM Confidential
|
|
|
12
12
|
© Copyright IBM Corp. 2022, 2024
|
|
13
13
|
*/
|
|
14
14
|
function AdvantageSideNav(props) {
|
|
15
|
-
const { app, appLink, enableChatButton = true, showChatButton = true, showSelectTeamPurpose = false, homeLink, assistantLink,
|
|
16
|
-
// multipleRegionalTeams,
|
|
17
|
-
// teamList,
|
|
18
|
-
defaultAssistantLink, joinCreateTrigger, isLoading, isOpen, teams = [], triggerEvent, accounts = [], baseEnvUrl, className, navLinks, personalTeams = [], user, showChatTooltip, templateMeteringEvent, tooltipMessage, isLaunchpad = false, userTeamsError = false, userTeamsLoading = false, history, children, ...rest } = props;
|
|
15
|
+
const { app, appLink, regionalTeam, enableChatButton = true, showChatButton = true, showSelectTeamPurpose = false, homeLink, assistantLink, defaultAssistantLink, joinCreateTrigger, isLoading, isOpen, teams = [], triggerEvent, accounts = [], baseEnvUrl, className, navLinks, personalTeams = [], user, showChatTooltip, templateMeteringEvent, tooltipMessage, isLaunchpad = false, userTeamsError = false, userTeamsLoading = false, history, children, ...rest } = props;
|
|
19
16
|
const [activeSubmenu, setActiveSubmenu] = React.useState("");
|
|
20
17
|
const [activeMenu, setActiveMenu] = React.useState(false);
|
|
21
|
-
// const [multipleRegionalTeams, setMultipleRegionalTeams] = React.useState(false);
|
|
22
18
|
const [teamList, setTeamList] = React.useState(null);
|
|
23
19
|
const [regionalModalIsOpen, setRegionalModalIsOpen] = React.useState(false);
|
|
24
20
|
const [selectedTeam, setSelectedTeam] = React.useState(null);
|
|
@@ -58,10 +54,6 @@ function AdvantageSideNav(props) {
|
|
|
58
54
|
name: team.name,
|
|
59
55
|
})));
|
|
60
56
|
}
|
|
61
|
-
// if(multipleRegionalTeams)
|
|
62
|
-
// {
|
|
63
|
-
// setRegionalModalIsOpen(true);
|
|
64
|
-
// }
|
|
65
57
|
triggerEvent &&
|
|
66
58
|
triggerEvent({
|
|
67
59
|
action: "Clicked on SideNav Assistant link",
|
|
@@ -129,9 +121,9 @@ function AdvantageSideNav(props) {
|
|
|
129
121
|
//@ts-ignore
|
|
130
122
|
accountsRef.current = Array(accounts?.length).fill().map((_, i) => accountsRef.current[i] || React.createRef());
|
|
131
123
|
}
|
|
132
|
-
const assistantSideNavLink = (
|
|
133
|
-
|
|
134
|
-
|
|
124
|
+
const assistantSideNavLink = (
|
|
125
|
+
// assistantLink &&
|
|
126
|
+
React.createElement(SideNavLink, { "data-testid": "sidenav-assistant-link", className: !enableChatButton ? `${prefix}--bmrg-advantage-sidenav__inactive-link` : "", disabled: Boolean(!enableChatButton), isActive: assistantLink ? windowLocation.href.includes(assistantLink) : '', renderIcon: ChatBot, href: enableChatButton && assistantLink, onClick: enableChatButton ? handleAssistantClick : (e) => e.preventDefault() }, `Start a ${defaultAssistantLink ? "" : "New "}Chat`));
|
|
135
127
|
return (React.createElement(SideNav, { "aria-label": "sidenav-container", className: cx(`${prefix}--bmrg-advantage-sidenav-container`, className, {
|
|
136
128
|
"--closed": !isMenuOpen,
|
|
137
129
|
}), "data-testid": "sidenav-container", isRail: true, expanded: isMenuOpen, onToggle: () => setActiveSubmenu(""), onMouseEnter: () => setActiveMenu(true), onMouseLeave: () => {
|
|
@@ -150,15 +142,11 @@ function AdvantageSideNav(props) {
|
|
|
150
142
|
handleHomeClick();
|
|
151
143
|
} }, "Home")) : null,
|
|
152
144
|
!isPartnerUser &&
|
|
145
|
+
// assistantLink &&
|
|
153
146
|
showChatButton &&
|
|
154
147
|
(showChatTooltip ? (React.createElement(TooltipHover, { className: `${prefix}--bmrg-side-nav__tooltip`, content: tooltipMessage, direction: "right" },
|
|
155
148
|
React.createElement("span", null, assistantSideNavLink))) : (assistantSideNavLink)),
|
|
156
|
-
regionalModalIsOpen && React.createElement(ComposedModal, { className: `${prefix}--teamSelectionModalContainer`,
|
|
157
|
-
// composedModalProps={{ containerClassName: teamSelectionModalContainer }}
|
|
158
|
-
// modalHeaderProps={{
|
|
159
|
-
// title: "Select Team to Start a New Chat",
|
|
160
|
-
// }}
|
|
161
|
-
open: regionalModalIsOpen, onClose: () => setRegionalModalIsOpen(false), onKeyDown: (e) => e.stopPropagation(), "data-testid": "select-team-chat-modal" },
|
|
149
|
+
regionalModalIsOpen && React.createElement(ComposedModal, { className: `${prefix}--teamSelectionModalContainer`, open: regionalModalIsOpen, onClose: () => setRegionalModalIsOpen(false), onKeyDown: (e) => e.stopPropagation(), "data-testid": "select-team-chat-modal" },
|
|
162
150
|
React.createElement(ModalHeader, { title: "Select Team to Start a New Chat", closeModal: () => setRegionalModalIsOpen(false) }),
|
|
163
151
|
React.createElement(ModalBody, { className: `${prefix}--teamSelectModalBody` },
|
|
164
152
|
React.createElement(Dropdown, { items: teamList, disabled: !teamList?.length, id: "select-team-chat-modal-dropdown", selectedItem: selectedTeam, size: "md", "data-testid": "select-team-chat-modal-dropdown", itemToString: (item) => item?.name, label: "Choose a team", onChange: ({ selectedItem }) => setSelectedTeam(selectedItem) })),
|
package/dist/types/index.d.ts
CHANGED
|
@@ -262,8 +262,8 @@ type Props$I = {
|
|
|
262
262
|
accounts?: Array<SideNavAccount>;
|
|
263
263
|
app?: string;
|
|
264
264
|
appLink: any;
|
|
265
|
-
assistantLink?: string;
|
|
266
265
|
regionalTeam?: any;
|
|
266
|
+
assistantLink?: string;
|
|
267
267
|
baseEnvUrl?: string;
|
|
268
268
|
className?: string;
|
|
269
269
|
defaultAssistantLink?: string;
|
package/package.json
CHANGED