@boomerang-io/carbon-addons-boomerang-react 4.6.8-beta.11 → 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.
Files changed (5) hide show
  1. package/dist/cjs/components/AdvantageSideNav/AdvantageSideNav.js +7 -24
  2. package/dist/esm/components/AdvantageSideNav/AdvantageSideNav.js +7 -24
  3. package/dist/types/index.d.ts +1 -1
  4. package/package.json +1 -1
  5. package/scss/components/AdvantageSideNav/_advantageSideNav.scss +4 -4
package/dist/cjs/components/AdvantageSideNav/AdvantageSideNav.js CHANGED
@@ -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);
@@ -54,13 +50,10 @@ function AdvantageSideNav(props) {
54
50
  });
55
51
  };
56
52
  const handleRegionalNewStartNewChat = (team) => {
57
- alert("s");
58
53
  const assistantLink = `${appLink?.newChatRedirect()}?teamName=${team.name}&teamId=${team.id}`;
59
54
  window.open(assistantLink, "_self", "noopener,noreferrer");
60
55
  };
61
56
  const handleAssistantClick = () => {
62
- alert("df");
63
- setRegionalModalIsOpen(true);
64
57
  console.log("regionalTeam", regionalTeam);
65
58
  if (regionalTeam?.length > 1) {
66
59
  // setMultipleRegionalTeams(true);
@@ -70,10 +63,6 @@ function AdvantageSideNav(props) {
70
63
  name: team.name,
71
64
  })));
72
65
  }
73
- // if(multipleRegionalTeams)
74
- // {
75
- // setRegionalModalIsOpen(true);
76
- // }
77
66
  triggerEvent &&
78
67
  triggerEvent({
79
68
  action: "Clicked on SideNav Assistant link",
@@ -141,11 +130,9 @@ function AdvantageSideNav(props) {
141
130
  //@ts-ignore
142
131
  accountsRef.current = Array(accounts?.length).fill().map((_, i) => accountsRef.current[i] || React__default.default.createRef());
143
132
  }
144
- 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),
145
- // isActive={windowLocation.href.includes(assistantLink)}
146
- renderIcon: icons.ChatBot,
147
- // href={enableChatButton && assistantLink}
148
- 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`));
149
136
  return (React__default.default.createElement(react.SideNav, { "aria-label": "sidenav-container", className: cx__default.default(`${settings.prefix}--bmrg-advantage-sidenav-container`, className, {
150
137
  "--closed": !isMenuOpen,
151
138
  }), "data-testid": "sidenav-container", isRail: true, expanded: isMenuOpen, onToggle: () => setActiveSubmenu(""), onMouseEnter: () => setActiveMenu(true), onMouseLeave: () => {
@@ -164,17 +151,13 @@ function AdvantageSideNav(props) {
164
151
  handleHomeClick();
165
152
  } }, "Home")) : null,
166
153
  !isPartnerUser &&
154
+ // assistantLink &&
167
155
  showChatButton &&
168
156
  (showChatTooltip ? (React__default.default.createElement(TooltipHover.default, { className: `${settings.prefix}--bmrg-side-nav__tooltip`, content: tooltipMessage, direction: "right" },
169
157
  React__default.default.createElement("span", null, assistantSideNavLink))) : (assistantSideNavLink)),
170
- regionalModalIsOpen && React__default.default.createElement(react.ComposedModal, { className: `${settings.prefix}--teamSelectionModalContainer`,
171
- // composedModalProps={{ containerClassName: teamSelectionModalContainer }}
172
- // modalHeaderProps={{
173
- // title: "Select Team to Start a New Chat",
174
- // }}
175
- 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" },
176
159
  React__default.default.createElement(react.ModalHeader, { title: "Select Team to Start a New Chat", closeModal: () => setRegionalModalIsOpen(false) }),
177
- React__default.default.createElement(react.ModalBody, null,
160
+ React__default.default.createElement(react.ModalBody, { className: `${settings.prefix}--teamSelectModalBody` },
178
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) })),
179
162
  React__default.default.createElement(react.ModalFooter, null,
180
163
  React__default.default.createElement(react.Button, { kind: "secondary", "data-testid": "select-team-chat-modal-cancel-button", onClick: () => setRegionalModalIsOpen(false) }, "Cancel"),
package/dist/esm/components/AdvantageSideNav/AdvantageSideNav.js CHANGED
@@ -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);
@@ -45,13 +41,10 @@ function AdvantageSideNav(props) {
45
41
  });
46
42
  };
47
43
  const handleRegionalNewStartNewChat = (team) => {
48
- alert("s");
49
44
  const assistantLink = `${appLink?.newChatRedirect()}?teamName=${team.name}&teamId=${team.id}`;
50
45
  window.open(assistantLink, "_self", "noopener,noreferrer");
51
46
  };
52
47
  const handleAssistantClick = () => {
53
- alert("df");
54
- setRegionalModalIsOpen(true);
55
48
  console.log("regionalTeam", regionalTeam);
56
49
  if (regionalTeam?.length > 1) {
57
50
  // setMultipleRegionalTeams(true);
@@ -61,10 +54,6 @@ function AdvantageSideNav(props) {
61
54
  name: team.name,
62
55
  })));
63
56
  }
64
- // if(multipleRegionalTeams)
65
- // {
66
- // setRegionalModalIsOpen(true);
67
- // }
68
57
  triggerEvent &&
69
58
  triggerEvent({
70
59
  action: "Clicked on SideNav Assistant link",
@@ -132,11 +121,9 @@ function AdvantageSideNav(props) {
132
121
  //@ts-ignore
133
122
  accountsRef.current = Array(accounts?.length).fill().map((_, i) => accountsRef.current[i] || React.createRef());
134
123
  }
135
- const assistantSideNavLink = (React.createElement(SideNavLink, { "data-testid": "sidenav-assistant-link", className: !enableChatButton ? `${prefix}--bmrg-advantage-sidenav__inactive-link` : "", disabled: Boolean(!enableChatButton),
136
- // isActive={windowLocation.href.includes(assistantLink)}
137
- renderIcon: ChatBot,
138
- // href={enableChatButton && assistantLink}
139
- 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`));
140
127
  return (React.createElement(SideNav, { "aria-label": "sidenav-container", className: cx(`${prefix}--bmrg-advantage-sidenav-container`, className, {
141
128
  "--closed": !isMenuOpen,
142
129
  }), "data-testid": "sidenav-container", isRail: true, expanded: isMenuOpen, onToggle: () => setActiveSubmenu(""), onMouseEnter: () => setActiveMenu(true), onMouseLeave: () => {
@@ -155,17 +142,13 @@ function AdvantageSideNav(props) {
155
142
  handleHomeClick();
156
143
  } }, "Home")) : null,
157
144
  !isPartnerUser &&
145
+ // assistantLink &&
158
146
  showChatButton &&
159
147
  (showChatTooltip ? (React.createElement(TooltipHover, { className: `${prefix}--bmrg-side-nav__tooltip`, content: tooltipMessage, direction: "right" },
160
148
  React.createElement("span", null, assistantSideNavLink))) : (assistantSideNavLink)),
161
- regionalModalIsOpen && React.createElement(ComposedModal, { className: `${prefix}--teamSelectionModalContainer`,
162
- // composedModalProps={{ containerClassName: teamSelectionModalContainer }}
163
- // modalHeaderProps={{
164
- // title: "Select Team to Start a New Chat",
165
- // }}
166
- 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" },
167
150
  React.createElement(ModalHeader, { title: "Select Team to Start a New Chat", closeModal: () => setRegionalModalIsOpen(false) }),
168
- React.createElement(ModalBody, null,
151
+ React.createElement(ModalBody, { className: `${prefix}--teamSelectModalBody` },
169
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) })),
170
153
  React.createElement(ModalFooter, null,
171
154
  React.createElement(Button, { kind: "secondary", "data-testid": "select-team-chat-modal-cancel-button", onClick: () => setRegionalModalIsOpen(false) }, "Cancel"),
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
@@ -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.11",
4
+ "version": "4.6.8-beta.13",
5
5
  "author": {
6
6
  "name": "Tim Bula",
7
7
  "email": "timrbula@gmail.com"
package/scss/components/AdvantageSideNav/_advantageSideNav.scss CHANGED
@@ -259,7 +259,7 @@ IBM Confidential
259
259
  .#{$prefix}--teamSelectModalBody {
260
260
  overflow: visible;
261
261
  }
262
- .#{$prefix}--teamSelectionModalContainer {
263
- max-width: 40rem;
264
- max-height: 13.25rem;
265
- }
262
+ // .#{$prefix}--teamSelectionModalContainer {
263
+ // max-width: 40rem;
264
+ // max-height: 13.25rem;
265
+ // }