@boomerang-io/carbon-addons-boomerang-react 4.6.8-beta.12 → 4.6.8-beta.14

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, regionalTeam,
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);
@@ -59,7 +55,7 @@ function AdvantageSideNav(props) {
59
55
  };
60
56
  const handleAssistantClick = () => {
61
57
  console.log("regionalTeam", regionalTeam);
62
- if (regionalTeam?.length > 1) {
58
+ if (regionalTeam?.length > 18) {
63
59
  // setMultipleRegionalTeams(true);
64
60
  setRegionalModalIsOpen(true);
65
61
  setTeamList(regionalTeam?.map((team) => ({
@@ -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 = (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-assistant-link", className: !enableChatButton ? `${settings.prefix}--bmrg-advantage-sidenav__inactive-link` : "", disabled: Boolean(!enableChatButton),
142
- // isActive={windowLocation.href.includes(assistantLink)}
143
- renderIcon: icons.ChatBot, href: enableChatButton && assistantLink, onClick: enableChatButton ? handleAssistantClick : (e) => e.preventDefault() }, `Start a ${defaultAssistantLink ? "" : "New "}Chat`));
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, regionalTeam,
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);
@@ -50,7 +46,7 @@ function AdvantageSideNav(props) {
50
46
  };
51
47
  const handleAssistantClick = () => {
52
48
  console.log("regionalTeam", regionalTeam);
53
- if (regionalTeam?.length > 1) {
49
+ if (regionalTeam?.length > 18) {
54
50
  // setMultipleRegionalTeams(true);
55
51
  setRegionalModalIsOpen(true);
56
52
  setTeamList(regionalTeam?.map((team) => ({
@@ -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 = (React.createElement(SideNavLink, { "data-testid": "sidenav-assistant-link", className: !enableChatButton ? `${prefix}--bmrg-advantage-sidenav__inactive-link` : "", disabled: Boolean(!enableChatButton),
133
- // isActive={windowLocation.href.includes(assistantLink)}
134
- renderIcon: ChatBot, href: enableChatButton && assistantLink, onClick: enableChatButton ? handleAssistantClick : (e) => e.preventDefault() }, `Start a ${defaultAssistantLink ? "" : "New "}Chat`));
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) })),
@@ -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
@@ -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.8-beta.12",
4
+ "version": "4.6.8-beta.14",
5
5
  "author": {
6
6
  "name": "Tim Bula",
7
7
  "email": "timrbula@gmail.com"