@boomerang-io/carbon-addons-boomerang-react 4.6.11-beta.26 → 4.6.11-beta.27
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.
|
@@ -23,9 +23,9 @@ IBM Confidential
|
|
|
23
23
|
function AdvantageSideNav(props) {
|
|
24
24
|
const { app, appLink, regionalTeam, enableChatButton = true, showChatButton = true, showSelectTeamPurpose = false, homeLink, agentAssistantStudioLink, agentAssistantLibraryLink, assistantLink, defaultAssistantLink, documentCollectionsLink, settingsLink, toolsLink, joinCreateTrigger, isLoading, isOpen, teams = [], triggerEvent, accounts = [], baseEnvUrl, className, navLinks, navigation, personalTeams = [], user, showChatTooltip, templateMeteringEvent, tooltipMessage, isLaunchpad = false, history, children, ...rest } = props;
|
|
25
25
|
const [activeMenu, setActiveMenu] = React__default.default.useState(false);
|
|
26
|
-
|
|
27
|
-
const [regionalModalIsOpen, setRegionalModalIsOpen] =
|
|
28
|
-
|
|
26
|
+
React__default.default.useState(null);
|
|
27
|
+
// const [regionalModalIsOpen, setRegionalModalIsOpen] = React.useState(false);
|
|
28
|
+
React__default.default.useState(null);
|
|
29
29
|
const isMenuOpen = isOpen || activeMenu;
|
|
30
30
|
const windowLocation = window.location;
|
|
31
31
|
const isPartnerUser = user?.type === UserType.USER_PLATFORM_ROLE.Partner;
|
|
@@ -70,10 +70,6 @@ function AdvantageSideNav(props) {
|
|
|
70
70
|
destinationPath: homeLink,
|
|
71
71
|
});
|
|
72
72
|
};
|
|
73
|
-
const handleRegionalNewStartNewChat = (team) => {
|
|
74
|
-
const assistantLink = `${appLink?.newChatRedirect()}?teamName=${team.name}&teamId=${team.id}`;
|
|
75
|
-
window.open(assistantLink, "_self", "noopener,noreferrer");
|
|
76
|
-
};
|
|
77
73
|
const handleToolsClick = () => {
|
|
78
74
|
triggerEvent &&
|
|
79
75
|
triggerEvent({
|
|
@@ -115,19 +111,14 @@ function AdvantageSideNav(props) {
|
|
|
115
111
|
});
|
|
116
112
|
};
|
|
117
113
|
const handleAssistantClick = () => {
|
|
118
|
-
|
|
119
|
-
setRegionalModalIsOpen(true);
|
|
120
|
-
setTeamList(regionalTeam?.map((team) => ({
|
|
121
|
-
id: team.id,
|
|
122
|
-
name: team.name,
|
|
123
|
-
})));
|
|
124
|
-
}
|
|
114
|
+
let redirectLink = `${appLink.newChatRedirect()}?teamName=${teamSwitcherTeam.name}&teamId=${teamSwitcherTeam.id}`;
|
|
125
115
|
triggerEvent &&
|
|
126
116
|
triggerEvent({
|
|
127
117
|
action: "Clicked on SideNav Assistant link",
|
|
128
118
|
category: "Sidenav",
|
|
129
|
-
destinationPath:
|
|
119
|
+
destinationPath: redirectLink,
|
|
130
120
|
});
|
|
121
|
+
window.open(redirectLink, "_self", "noopener,noreferrer");
|
|
131
122
|
};
|
|
132
123
|
const handleCreateJoinClick = () => {
|
|
133
124
|
triggerEvent &&
|
|
@@ -159,7 +150,11 @@ function AdvantageSideNav(props) {
|
|
|
159
150
|
};
|
|
160
151
|
const assistantSideNavLink = (
|
|
161
152
|
// assistantLink &&
|
|
162
|
-
React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-assistant-link", className: !enableChatButton ? `${settings.prefix}--bmrg-advantage-sidenav__inactive-link` : "", disabled: Boolean(!enableChatButton),
|
|
153
|
+
React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-assistant-link", className: !enableChatButton ? `${settings.prefix}--bmrg-advantage-sidenav__inactive-link` : "", disabled: Boolean(!enableChatButton),
|
|
154
|
+
// isActive={assistantLink }
|
|
155
|
+
renderIcon: icons.ChatBot,
|
|
156
|
+
// href={enableChatButton}
|
|
157
|
+
onClick: enableChatButton ? handleAssistantClick : (e) => e.preventDefault() }, "Chat"));
|
|
163
158
|
const catalogNavlink = navigation?.platform?.catalog?.url;
|
|
164
159
|
const adminNavlink = navigation?.platform?.admin?.url;
|
|
165
160
|
const showSecondDivider = (!isPartnerUser && showChatButton) ||
|
|
@@ -227,20 +222,7 @@ function AdvantageSideNav(props) {
|
|
|
227
222
|
settingsLink ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-settings-link", renderIcon: icons.Settings, href: settingsLink, onClick: (e) => {
|
|
228
223
|
handleSettingsClick();
|
|
229
224
|
} }, "Settings")) : null,
|
|
230
|
-
adminNavlink ? (React__default.default.createElement(react.SideNavLink, { href: adminNavlink, renderIcon: icons.LicenseThirdParty }, "Admin")) : null,
|
|
231
|
-
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" },
|
|
232
|
-
React__default.default.createElement(react.ModalHeader, { title: "Select Team to Start a New Chat", closeModal: () => setRegionalModalIsOpen(false) }),
|
|
233
|
-
React__default.default.createElement(react.ModalBody, { className: `${settings.prefix}--teamSelectModalBody` },
|
|
234
|
-
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) })),
|
|
235
|
-
React__default.default.createElement(react.ModalFooter, null,
|
|
236
|
-
React__default.default.createElement(react.Button, { kind: "secondary", "data-testid": "select-team-chat-modal-cancel-button", onClick: () => setRegionalModalIsOpen(false) }, "Cancel"),
|
|
237
|
-
React__default.default.createElement(react.Button, { "data-modal-primary-focus": true, kind: "primary", disabled: !selectedTeam, "data-testid": "select-team-chat-modal-continue-button", onClick: () => {
|
|
238
|
-
if (selectedTeam) {
|
|
239
|
-
handleRegionalNewStartNewChat(selectedTeam);
|
|
240
|
-
setRegionalModalIsOpen(false);
|
|
241
|
-
// closeModal();
|
|
242
|
-
}
|
|
243
|
-
} }, "Continue"))))),
|
|
225
|
+
adminNavlink ? (React__default.default.createElement(react.SideNavLink, { href: adminNavlink, renderIcon: icons.LicenseThirdParty }, "Admin")) : null),
|
|
244
226
|
children ? (React__default.default.createElement(React__default.default.Fragment, null,
|
|
245
227
|
React__default.default.createElement(react.SideNavDivider, null),
|
|
246
228
|
children)) : null)));
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import cx from 'classnames';
|
|
3
|
-
import { SideNavLink, SideNav, SideNavItems, SideNavDivider
|
|
3
|
+
import { SideNavLink, SideNav, SideNavItems, SideNavDivider } from '@carbon/react';
|
|
4
4
|
import TooltipHover from '../TooltipHover/TooltipHover.js';
|
|
5
5
|
import { ChatBot, Home, UserMultiple, AddAlt, Api, IntentRequestCreate, Folders, DocumentMultiple_02, Catalog, Settings, LicenseThirdParty } from '@carbon/react/icons';
|
|
6
6
|
import { USER_PLATFORM_ROLE } from '../../constants/UserType.js';
|
|
@@ -14,9 +14,9 @@ IBM Confidential
|
|
|
14
14
|
function AdvantageSideNav(props) {
|
|
15
15
|
const { app, appLink, regionalTeam, enableChatButton = true, showChatButton = true, showSelectTeamPurpose = false, homeLink, agentAssistantStudioLink, agentAssistantLibraryLink, assistantLink, defaultAssistantLink, documentCollectionsLink, settingsLink, toolsLink, joinCreateTrigger, isLoading, isOpen, teams = [], triggerEvent, accounts = [], baseEnvUrl, className, navLinks, navigation, personalTeams = [], user, showChatTooltip, templateMeteringEvent, tooltipMessage, isLaunchpad = false, history, children, ...rest } = props;
|
|
16
16
|
const [activeMenu, setActiveMenu] = React.useState(false);
|
|
17
|
-
|
|
18
|
-
const [regionalModalIsOpen, setRegionalModalIsOpen] = React.useState(false);
|
|
19
|
-
|
|
17
|
+
React.useState(null);
|
|
18
|
+
// const [regionalModalIsOpen, setRegionalModalIsOpen] = React.useState(false);
|
|
19
|
+
React.useState(null);
|
|
20
20
|
const isMenuOpen = isOpen || activeMenu;
|
|
21
21
|
const windowLocation = window.location;
|
|
22
22
|
const isPartnerUser = user?.type === USER_PLATFORM_ROLE.Partner;
|
|
@@ -61,10 +61,6 @@ function AdvantageSideNav(props) {
|
|
|
61
61
|
destinationPath: homeLink,
|
|
62
62
|
});
|
|
63
63
|
};
|
|
64
|
-
const handleRegionalNewStartNewChat = (team) => {
|
|
65
|
-
const assistantLink = `${appLink?.newChatRedirect()}?teamName=${team.name}&teamId=${team.id}`;
|
|
66
|
-
window.open(assistantLink, "_self", "noopener,noreferrer");
|
|
67
|
-
};
|
|
68
64
|
const handleToolsClick = () => {
|
|
69
65
|
triggerEvent &&
|
|
70
66
|
triggerEvent({
|
|
@@ -106,19 +102,14 @@ function AdvantageSideNav(props) {
|
|
|
106
102
|
});
|
|
107
103
|
};
|
|
108
104
|
const handleAssistantClick = () => {
|
|
109
|
-
|
|
110
|
-
setRegionalModalIsOpen(true);
|
|
111
|
-
setTeamList(regionalTeam?.map((team) => ({
|
|
112
|
-
id: team.id,
|
|
113
|
-
name: team.name,
|
|
114
|
-
})));
|
|
115
|
-
}
|
|
105
|
+
let redirectLink = `${appLink.newChatRedirect()}?teamName=${teamSwitcherTeam.name}&teamId=${teamSwitcherTeam.id}`;
|
|
116
106
|
triggerEvent &&
|
|
117
107
|
triggerEvent({
|
|
118
108
|
action: "Clicked on SideNav Assistant link",
|
|
119
109
|
category: "Sidenav",
|
|
120
|
-
destinationPath:
|
|
110
|
+
destinationPath: redirectLink,
|
|
121
111
|
});
|
|
112
|
+
window.open(redirectLink, "_self", "noopener,noreferrer");
|
|
122
113
|
};
|
|
123
114
|
const handleCreateJoinClick = () => {
|
|
124
115
|
triggerEvent &&
|
|
@@ -150,7 +141,11 @@ function AdvantageSideNav(props) {
|
|
|
150
141
|
};
|
|
151
142
|
const assistantSideNavLink = (
|
|
152
143
|
// assistantLink &&
|
|
153
|
-
React.createElement(SideNavLink, { "data-testid": "sidenav-assistant-link", className: !enableChatButton ? `${prefix}--bmrg-advantage-sidenav__inactive-link` : "", disabled: Boolean(!enableChatButton),
|
|
144
|
+
React.createElement(SideNavLink, { "data-testid": "sidenav-assistant-link", className: !enableChatButton ? `${prefix}--bmrg-advantage-sidenav__inactive-link` : "", disabled: Boolean(!enableChatButton),
|
|
145
|
+
// isActive={assistantLink }
|
|
146
|
+
renderIcon: ChatBot,
|
|
147
|
+
// href={enableChatButton}
|
|
148
|
+
onClick: enableChatButton ? handleAssistantClick : (e) => e.preventDefault() }, "Chat"));
|
|
154
149
|
const catalogNavlink = navigation?.platform?.catalog?.url;
|
|
155
150
|
const adminNavlink = navigation?.platform?.admin?.url;
|
|
156
151
|
const showSecondDivider = (!isPartnerUser && showChatButton) ||
|
|
@@ -218,20 +213,7 @@ function AdvantageSideNav(props) {
|
|
|
218
213
|
settingsLink ? (React.createElement(SideNavLink, { "data-testid": "sidenav-settings-link", renderIcon: Settings, href: settingsLink, onClick: (e) => {
|
|
219
214
|
handleSettingsClick();
|
|
220
215
|
} }, "Settings")) : null,
|
|
221
|
-
adminNavlink ? (React.createElement(SideNavLink, { href: adminNavlink, renderIcon: LicenseThirdParty }, "Admin")) : null,
|
|
222
|
-
regionalModalIsOpen && (React.createElement(ComposedModal, { className: `${prefix}--teamSelectionModalContainer`, open: regionalModalIsOpen, onClose: () => setRegionalModalIsOpen(false), onKeyDown: (e) => e.stopPropagation(), "data-testid": "select-team-chat-modal" },
|
|
223
|
-
React.createElement(ModalHeader, { title: "Select Team to Start a New Chat", closeModal: () => setRegionalModalIsOpen(false) }),
|
|
224
|
-
React.createElement(ModalBody, { className: `${prefix}--teamSelectModalBody` },
|
|
225
|
-
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) })),
|
|
226
|
-
React.createElement(ModalFooter, null,
|
|
227
|
-
React.createElement(Button, { kind: "secondary", "data-testid": "select-team-chat-modal-cancel-button", onClick: () => setRegionalModalIsOpen(false) }, "Cancel"),
|
|
228
|
-
React.createElement(Button, { "data-modal-primary-focus": true, kind: "primary", disabled: !selectedTeam, "data-testid": "select-team-chat-modal-continue-button", onClick: () => {
|
|
229
|
-
if (selectedTeam) {
|
|
230
|
-
handleRegionalNewStartNewChat(selectedTeam);
|
|
231
|
-
setRegionalModalIsOpen(false);
|
|
232
|
-
// closeModal();
|
|
233
|
-
}
|
|
234
|
-
} }, "Continue"))))),
|
|
216
|
+
adminNavlink ? (React.createElement(SideNavLink, { href: adminNavlink, renderIcon: LicenseThirdParty }, "Admin")) : null),
|
|
235
217
|
children ? (React.createElement(React.Fragment, null,
|
|
236
218
|
React.createElement(SideNavDivider, null),
|
|
237
219
|
children)) : null)));
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@boomerang-io/carbon-addons-boomerang-react",
|
|
3
3
|
"description": "Carbon Addons for Boomerang apps",
|
|
4
|
-
"version": "4.6.11-beta.
|
|
4
|
+
"version": "4.6.11-beta.27",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "Tim Bula",
|
|
7
7
|
"email": "timrbula@gmail.com"
|
|
8
8
|
},
|
|
9
9
|
"license": "Apache-2",
|
|
10
|
-
"repository": {
|
|
10
|
+
"repository": {
|
|
11
11
|
"type": "git",
|
|
12
12
|
"url": "git@github.com:boomerang-io/carbon-addons-boomerang-react"
|
|
13
13
|
},
|