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

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 (4) hide show
  1. package/dist/cjs/components/AdvantageSideNav/AdvantageSideNav.js +21 -20
  2. package/dist/esm/components/AdvantageSideNav/AdvantageSideNav.js +22 -21
  3. package/package.json +1 -1
  4. package/scss/components/AdvantageSideNav/_advantageSideNav.scss +4 -4
package/dist/cjs/components/AdvantageSideNav/AdvantageSideNav.js CHANGED
@@ -58,6 +58,7 @@ function AdvantageSideNav(props) {
58
58
  window.open(assistantLink, "_self", "noopener,noreferrer");
59
59
  };
60
60
  const handleAssistantClick = () => {
61
+ console.log("regionalTeam", regionalTeam);
61
62
  if (regionalTeam?.length > 1) {
62
63
  // setMultipleRegionalTeams(true);
63
64
  setRegionalModalIsOpen(true);
@@ -137,7 +138,9 @@ function AdvantageSideNav(props) {
137
138
  //@ts-ignore
138
139
  accountsRef.current = Array(accounts?.length).fill().map((_, i) => accountsRef.current[i] || React__default.default.createRef());
139
140
  }
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`));
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`));
141
144
  return (React__default.default.createElement(react.SideNav, { "aria-label": "sidenav-container", className: cx__default.default(`${settings.prefix}--bmrg-advantage-sidenav-container`, className, {
142
145
  "--closed": !isMenuOpen,
143
146
  }), "data-testid": "sidenav-container", isRail: true, expanded: isMenuOpen, onToggle: () => setActiveSubmenu(""), onMouseEnter: () => setActiveMenu(true), onMouseLeave: () => {
@@ -156,29 +159,27 @@ function AdvantageSideNav(props) {
156
159
  handleHomeClick();
157
160
  } }, "Home")) : null,
158
161
  !isPartnerUser &&
159
- assistantLink &&
160
162
  showChatButton &&
161
163
  (showChatTooltip ? (React__default.default.createElement(TooltipHover.default, { className: `${settings.prefix}--bmrg-side-nav__tooltip`, content: tooltipMessage, direction: "right" },
162
164
  React__default.default.createElement("span", null, assistantSideNavLink))) : (assistantSideNavLink)),
163
- React__default.default.createElement(react.ComposedModal
164
- // composedModalProps={{ containerClassName: teamSelectionModalContainer }}
165
- , {
165
+ regionalModalIsOpen && React__default.default.createElement(react.ComposedModal, { className: `${settings.prefix}--teamSelectionModalContainer`,
166
166
  // 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
- }),
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" },
171
+ React__default.default.createElement(react.ModalHeader, { title: "Select Team to Start a New Chat", closeModal: () => setRegionalModalIsOpen(false) }),
172
+ React__default.default.createElement(react.ModalBody, { className: `${settings.prefix}--teamSelectModalBody` },
173
+ 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) })),
174
+ React__default.default.createElement(react.ModalFooter, null,
175
+ React__default.default.createElement(react.Button, { kind: "secondary", "data-testid": "select-team-chat-modal-cancel-button", onClick: () => setRegionalModalIsOpen(false) }, "Cancel"),
176
+ React__default.default.createElement(react.Button, { "data-modal-primary-focus": true, kind: "primary", disabled: !selectedTeam, "data-testid": "select-team-chat-modal-continue-button", onClick: () => {
177
+ if (selectedTeam) {
178
+ handleRegionalNewStartNewChat(selectedTeam);
179
+ setRegionalModalIsOpen(false);
180
+ // closeModal();
181
+ }
182
+ } }, "Continue"))),
182
183
  !isPartnerUser && joinCreateTrigger ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-create-join-trigger", renderIcon: icons.AddAlt, onClick: (e) => {
183
184
  joinCreateTrigger(e);
184
185
  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';
@@ -49,6 +49,7 @@ function AdvantageSideNav(props) {
49
49
  window.open(assistantLink, "_self", "noopener,noreferrer");
50
50
  };
51
51
  const handleAssistantClick = () => {
52
+ console.log("regionalTeam", regionalTeam);
52
53
  if (regionalTeam?.length > 1) {
53
54
  // setMultipleRegionalTeams(true);
54
55
  setRegionalModalIsOpen(true);
@@ -128,7 +129,9 @@ function AdvantageSideNav(props) {
128
129
  //@ts-ignore
129
130
  accountsRef.current = Array(accounts?.length).fill().map((_, i) => accountsRef.current[i] || React.createRef());
130
131
  }
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`));
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`));
132
135
  return (React.createElement(SideNav, { "aria-label": "sidenav-container", className: cx(`${prefix}--bmrg-advantage-sidenav-container`, className, {
133
136
  "--closed": !isMenuOpen,
134
137
  }), "data-testid": "sidenav-container", isRail: true, expanded: isMenuOpen, onToggle: () => setActiveSubmenu(""), onMouseEnter: () => setActiveMenu(true), onMouseLeave: () => {
@@ -147,29 +150,27 @@ function AdvantageSideNav(props) {
147
150
  handleHomeClick();
148
151
  } }, "Home")) : null,
149
152
  !isPartnerUser &&
150
- assistantLink &&
151
153
  showChatButton &&
152
154
  (showChatTooltip ? (React.createElement(TooltipHover, { className: `${prefix}--bmrg-side-nav__tooltip`, content: tooltipMessage, direction: "right" },
153
155
  React.createElement("span", null, assistantSideNavLink))) : (assistantSideNavLink)),
154
- React.createElement(ComposedModal
155
- // composedModalProps={{ containerClassName: teamSelectionModalContainer }}
156
- , {
156
+ regionalModalIsOpen && React.createElement(ComposedModal, { className: `${prefix}--teamSelectionModalContainer`,
157
157
  // 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
- }),
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" },
162
+ React.createElement(ModalHeader, { title: "Select Team to Start a New Chat", closeModal: () => setRegionalModalIsOpen(false) }),
163
+ React.createElement(ModalBody, { className: `${prefix}--teamSelectModalBody` },
164
+ 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) })),
165
+ React.createElement(ModalFooter, null,
166
+ React.createElement(Button, { kind: "secondary", "data-testid": "select-team-chat-modal-cancel-button", onClick: () => setRegionalModalIsOpen(false) }, "Cancel"),
167
+ React.createElement(Button, { "data-modal-primary-focus": true, kind: "primary", disabled: !selectedTeam, "data-testid": "select-team-chat-modal-continue-button", onClick: () => {
168
+ if (selectedTeam) {
169
+ handleRegionalNewStartNewChat(selectedTeam);
170
+ setRegionalModalIsOpen(false);
171
+ // closeModal();
172
+ }
173
+ } }, "Continue"))),
173
174
  !isPartnerUser && joinCreateTrigger ? (React.createElement(SideNavLink, { "data-testid": "sidenav-create-join-trigger", renderIcon: AddAlt, onClick: (e) => {
174
175
  joinCreateTrigger(e);
175
176
  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.12",
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
+ // }