@boomerang-io/carbon-addons-boomerang-react 4.6.8-beta.1 → 4.6.8-beta.11

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 (3) hide show
  1. package/dist/cjs/components/AdvantageSideNav/AdvantageSideNav.js +26 -20
  2. package/dist/esm/components/AdvantageSideNav/AdvantageSideNav.js +27 -21
  3. package/package.json +1 -1
package/dist/cjs/components/AdvantageSideNav/AdvantageSideNav.js CHANGED
@@ -54,10 +54,14 @@ function AdvantageSideNav(props) {
54
54
  });
55
55
  };
56
56
  const handleRegionalNewStartNewChat = (team) => {
57
+ alert("s");
57
58
  const assistantLink = `${appLink?.newChatRedirect()}?teamName=${team.name}&teamId=${team.id}`;
58
59
  window.open(assistantLink, "_self", "noopener,noreferrer");
59
60
  };
60
61
  const handleAssistantClick = () => {
62
+ alert("df");
63
+ setRegionalModalIsOpen(true);
64
+ console.log("regionalTeam", regionalTeam);
61
65
  if (regionalTeam?.length > 1) {
62
66
  // setMultipleRegionalTeams(true);
63
67
  setRegionalModalIsOpen(true);
@@ -137,7 +141,11 @@ function AdvantageSideNav(props) {
137
141
  //@ts-ignore
138
142
  accountsRef.current = Array(accounts?.length).fill().map((_, i) => accountsRef.current[i] || React__default.default.createRef());
139
143
  }
140
- const assistantSideNavLink = assistantLink && (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-assistant-link", className: !enableChatButton ? `${settings.prefix}--bmrg-advantage-sidenav__inactive-link` : "", disabled: Boolean(!enableChatButton), isActive: windowLocation.href.includes(assistantLink), renderIcon: icons.ChatBot, href: enableChatButton && assistantLink, onClick: enableChatButton ? handleAssistantClick : (e) => e.preventDefault() }, `Start a ${defaultAssistantLink ? "" : "New "}Chat`));
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`));
141
149
  return (React__default.default.createElement(react.SideNav, { "aria-label": "sidenav-container", className: cx__default.default(`${settings.prefix}--bmrg-advantage-sidenav-container`, className, {
142
150
  "--closed": !isMenuOpen,
143
151
  }), "data-testid": "sidenav-container", isRail: true, expanded: isMenuOpen, onToggle: () => setActiveSubmenu(""), onMouseEnter: () => setActiveMenu(true), onMouseLeave: () => {
@@ -156,29 +164,27 @@ function AdvantageSideNav(props) {
156
164
  handleHomeClick();
157
165
  } }, "Home")) : null,
158
166
  !isPartnerUser &&
159
- assistantLink &&
160
167
  showChatButton &&
161
168
  (showChatTooltip ? (React__default.default.createElement(TooltipHover.default, { className: `${settings.prefix}--bmrg-side-nav__tooltip`, content: tooltipMessage, direction: "right" },
162
169
  React__default.default.createElement("span", null, assistantSideNavLink))) : (assistantSideNavLink)),
163
- React__default.default.createElement(react.ComposedModal
164
- // composedModalProps={{ containerClassName: teamSelectionModalContainer }}
165
- , {
170
+ regionalModalIsOpen && React__default.default.createElement(react.ComposedModal, { className: `${settings.prefix}--teamSelectionModalContainer`,
166
171
  // composedModalProps={{ containerClassName: teamSelectionModalContainer }}
167
- modalHeaderProps: {
168
- title: "Select Team to Start a New Chat",
169
- }, isOpen: regionalModalIsOpen, onCloseModal: () => setRegionalModalIsOpen(false), onKeyDown: (e) => e.stopPropagation(), "data-testid": "select-team-chat-modal" }, ({ closeModal }) => {
170
- return (React__default.default.createElement(React__default.default.Fragment, null,
171
- React__default.default.createElement(react.ModalBody, { className: `${settings.prefix}--teamSelectModalBody` },
172
- 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) })),
173
- React__default.default.createElement(react.ModalFooter, null,
174
- React__default.default.createElement(react.Button, { kind: "secondary", "data-testid": "select-team-chat-modal-cancel-button", onClick: closeModal }, "Cancel"),
175
- React__default.default.createElement(react.Button, { "data-modal-primary-focus": true, kind: "primary", disabled: !selectedTeam, "data-testid": "select-team-chat-modal-continue-button", onClick: () => {
176
- if (selectedTeam) {
177
- handleRegionalNewStartNewChat(selectedTeam);
178
- closeModal();
179
- }
180
- } }, "Continue"))));
181
- }),
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" },
176
+ 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,
178
+ 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
+ React__default.default.createElement(react.ModalFooter, null,
180
+ React__default.default.createElement(react.Button, { kind: "secondary", "data-testid": "select-team-chat-modal-cancel-button", onClick: () => setRegionalModalIsOpen(false) }, "Cancel"),
181
+ React__default.default.createElement(react.Button, { "data-modal-primary-focus": true, kind: "primary", disabled: !selectedTeam, "data-testid": "select-team-chat-modal-continue-button", onClick: () => {
182
+ if (selectedTeam) {
183
+ handleRegionalNewStartNewChat(selectedTeam);
184
+ setRegionalModalIsOpen(false);
185
+ // closeModal();
186
+ }
187
+ } }, "Continue"))),
182
188
  !isPartnerUser && joinCreateTrigger ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-create-join-trigger", renderIcon: icons.AddAlt, onClick: (e) => {
183
189
  joinCreateTrigger(e);
184
190
  handleCreateJoinClick();
package/dist/esm/components/AdvantageSideNav/AdvantageSideNav.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import cx from 'classnames';
3
- import { SideNavLink, SideNav, SideNavItems, SideNavDivider, ComposedModal, ModalBody, Dropdown, ModalFooter, Button, SkeletonPlaceholder, SideNavMenu } from '@carbon/react';
3
+ import { SideNavLink, SideNav, SideNavItems, SideNavDivider, ComposedModal, ModalHeader, ModalBody, Dropdown, ModalFooter, Button, SkeletonPlaceholder, SideNavMenu } from '@carbon/react';
4
4
  import TooltipHover from '../TooltipHover/TooltipHover.js';
5
5
  import { ChatBot, Home, AddAlt, UserMultiple, User, Locked, Unlocked, ChevronRight, GroupAccount } from '@carbon/react/icons';
6
6
  import { USER_PLATFORM_ROLE } from '../../constants/UserType.js';
@@ -45,10 +45,14 @@ function AdvantageSideNav(props) {
45
45
  });
46
46
  };
47
47
  const handleRegionalNewStartNewChat = (team) => {
48
+ alert("s");
48
49
  const assistantLink = `${appLink?.newChatRedirect()}?teamName=${team.name}&teamId=${team.id}`;
49
50
  window.open(assistantLink, "_self", "noopener,noreferrer");
50
51
  };
51
52
  const handleAssistantClick = () => {
53
+ alert("df");
54
+ setRegionalModalIsOpen(true);
55
+ console.log("regionalTeam", regionalTeam);
52
56
  if (regionalTeam?.length > 1) {
53
57
  // setMultipleRegionalTeams(true);
54
58
  setRegionalModalIsOpen(true);
@@ -128,7 +132,11 @@ function AdvantageSideNav(props) {
128
132
  //@ts-ignore
129
133
  accountsRef.current = Array(accounts?.length).fill().map((_, i) => accountsRef.current[i] || React.createRef());
130
134
  }
131
- const assistantSideNavLink = assistantLink && (React.createElement(SideNavLink, { "data-testid": "sidenav-assistant-link", className: !enableChatButton ? `${prefix}--bmrg-advantage-sidenav__inactive-link` : "", disabled: Boolean(!enableChatButton), isActive: windowLocation.href.includes(assistantLink), renderIcon: ChatBot, href: enableChatButton && assistantLink, onClick: enableChatButton ? handleAssistantClick : (e) => e.preventDefault() }, `Start a ${defaultAssistantLink ? "" : "New "}Chat`));
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`));
132
140
  return (React.createElement(SideNav, { "aria-label": "sidenav-container", className: cx(`${prefix}--bmrg-advantage-sidenav-container`, className, {
133
141
  "--closed": !isMenuOpen,
134
142
  }), "data-testid": "sidenav-container", isRail: true, expanded: isMenuOpen, onToggle: () => setActiveSubmenu(""), onMouseEnter: () => setActiveMenu(true), onMouseLeave: () => {
@@ -147,29 +155,27 @@ function AdvantageSideNav(props) {
147
155
  handleHomeClick();
148
156
  } }, "Home")) : null,
149
157
  !isPartnerUser &&
150
- assistantLink &&
151
158
  showChatButton &&
152
159
  (showChatTooltip ? (React.createElement(TooltipHover, { className: `${prefix}--bmrg-side-nav__tooltip`, content: tooltipMessage, direction: "right" },
153
160
  React.createElement("span", null, assistantSideNavLink))) : (assistantSideNavLink)),
154
- React.createElement(ComposedModal
155
- // composedModalProps={{ containerClassName: teamSelectionModalContainer }}
156
- , {
161
+ regionalModalIsOpen && React.createElement(ComposedModal, { className: `${prefix}--teamSelectionModalContainer`,
157
162
  // composedModalProps={{ containerClassName: teamSelectionModalContainer }}
158
- modalHeaderProps: {
159
- title: "Select Team to Start a New Chat",
160
- }, isOpen: regionalModalIsOpen, onCloseModal: () => setRegionalModalIsOpen(false), onKeyDown: (e) => e.stopPropagation(), "data-testid": "select-team-chat-modal" }, ({ closeModal }) => {
161
- return (React.createElement(React.Fragment, null,
162
- React.createElement(ModalBody, { className: `${prefix}--teamSelectModalBody` },
163
- 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) })),
164
- React.createElement(ModalFooter, null,
165
- React.createElement(Button, { kind: "secondary", "data-testid": "select-team-chat-modal-cancel-button", onClick: closeModal }, "Cancel"),
166
- React.createElement(Button, { "data-modal-primary-focus": true, kind: "primary", disabled: !selectedTeam, "data-testid": "select-team-chat-modal-continue-button", onClick: () => {
167
- if (selectedTeam) {
168
- handleRegionalNewStartNewChat(selectedTeam);
169
- closeModal();
170
- }
171
- } }, "Continue"))));
172
- }),
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" },
167
+ React.createElement(ModalHeader, { title: "Select Team to Start a New Chat", closeModal: () => setRegionalModalIsOpen(false) }),
168
+ React.createElement(ModalBody, null,
169
+ 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
+ React.createElement(ModalFooter, null,
171
+ React.createElement(Button, { kind: "secondary", "data-testid": "select-team-chat-modal-cancel-button", onClick: () => setRegionalModalIsOpen(false) }, "Cancel"),
172
+ React.createElement(Button, { "data-modal-primary-focus": true, kind: "primary", disabled: !selectedTeam, "data-testid": "select-team-chat-modal-continue-button", onClick: () => {
173
+ if (selectedTeam) {
174
+ handleRegionalNewStartNewChat(selectedTeam);
175
+ setRegionalModalIsOpen(false);
176
+ // closeModal();
177
+ }
178
+ } }, "Continue"))),
173
179
  !isPartnerUser && joinCreateTrigger ? (React.createElement(SideNavLink, { "data-testid": "sidenav-create-join-trigger", renderIcon: AddAlt, onClick: (e) => {
174
180
  joinCreateTrigger(e);
175
181
  handleCreateJoinClick();
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.1",
4
+ "version": "4.6.8-beta.11",
5
5
  "author": {
6
6
  "name": "Tim Bula",
7
7
  "email": "timrbula@gmail.com"