@boomerang-io/carbon-addons-boomerang-react 4.6.10-beta.6 → 4.6.11-beta.1

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 (255) hide show
  1. package/README.md +162 -162
  2. package/dist/cjs/components/AboutPlatform/AboutPlatform.js +50 -50
  3. package/dist/cjs/components/AdvantageSideNav/AdvantageSideNav.js +242 -224
  4. package/dist/cjs/components/AutoSuggest/AutoSuggest.js +101 -101
  5. package/dist/cjs/components/Avatar/Avatar.js +18 -18
  6. package/dist/cjs/components/CheckboxList/CheckboxList.js +34 -34
  7. package/dist/cjs/components/ComboBox/ComboBox.js +103 -103
  8. package/dist/cjs/components/ComboBoxMultiSelect/ComboBoxMultiSelect.js +32 -32
  9. package/dist/cjs/components/ComboBoxMultiSelect/MultiSelect.js +208 -208
  10. package/dist/cjs/components/ComposedModal/ComposedModal.js +80 -80
  11. package/dist/cjs/components/ConfirmModal/ConfirmModal.js +43 -43
  12. package/dist/cjs/components/Creatable/Creatable.js +137 -137
  13. package/dist/cjs/components/DataDrivenInput/DataDrivenInput.js +226 -226
  14. package/dist/cjs/components/DateInput/DateInput.js +35 -35
  15. package/dist/cjs/components/DecisionButtons/DecisionButtons.js +61 -61
  16. package/dist/cjs/components/DelayedRender/DelayedRender.js +17 -17
  17. package/dist/cjs/components/DynamicFormik/DynamicFormik.js +578 -578
  18. package/dist/cjs/components/Error403/Error403.js +13 -13
  19. package/dist/cjs/components/Error403/ForbiddenErrorBackground.js +113 -113
  20. package/dist/cjs/components/Error403/GraphicWrangler/GraphicWrangler.js +62 -62
  21. package/dist/cjs/components/Error404/Error404.js +13 -13
  22. package/dist/cjs/components/Error404/GraphicLoch/GraphicLoch.js +17 -17
  23. package/dist/cjs/components/Error404/NotFoundErrorBackground.js +129 -129
  24. package/dist/cjs/components/ErrorBoundary/ErrorBoundary.js +32 -32
  25. package/dist/cjs/components/ErrorDragon/ErrorDragon.js +13 -13
  26. package/dist/cjs/components/ErrorDragon/assets/ErrorGraphic.js +35 -35
  27. package/dist/cjs/components/ErrorFullPage/ErrorFullPage.js +10 -10
  28. package/dist/cjs/components/ErrorMessage/ErrorMessage.js +22 -22
  29. package/dist/cjs/components/ErrorPage/ErrorPage.js +11 -11
  30. package/dist/cjs/components/ErrorPageCore/ErrorPageCore.js +15 -15
  31. package/dist/cjs/components/ErrorPageCore/GenericErrorBackground.js +124 -124
  32. package/dist/cjs/components/FeatureHeader/FeatureHeader.js +29 -29
  33. package/dist/cjs/components/FeatureNavTab/FeatureNavTab.js +12 -12
  34. package/dist/cjs/components/FeatureNavTabs/FeatureNavTabs.js +12 -12
  35. package/dist/cjs/components/FeatureSideNav/FeatureSideNav.js +12 -12
  36. package/dist/cjs/components/FeatureSideNav/FeatureSideNavFooter.js +8 -8
  37. package/dist/cjs/components/FeatureSideNav/FeatureSideNavHeader.js +8 -8
  38. package/dist/cjs/components/FeatureSideNav/FeatureSideNavLinks.js +14 -14
  39. package/dist/cjs/components/FeatureSideNavLink/FeatureSideNavLink.js +12 -12
  40. package/dist/cjs/components/Feedback/Feedback.js +40 -40
  41. package/dist/cjs/components/FlowModal/FlowModal.js +141 -141
  42. package/dist/cjs/components/FlowModal/FlowModalForm.js +12 -12
  43. package/dist/cjs/components/Header/Header.js +168 -182
  44. package/dist/cjs/components/Header/HeaderAppSwitcher.js +102 -94
  45. package/dist/cjs/components/Header/HeaderMenu.js +7 -7
  46. package/dist/cjs/components/Header/HeaderMenuItem.js +52 -52
  47. package/dist/cjs/components/Header/UserRequests.js +29 -29
  48. package/dist/cjs/components/ImageModal/ImageModal.js +17 -17
  49. package/dist/cjs/components/Loading/Loading.js +8 -8
  50. package/dist/cjs/components/MemberBar/MemberBar.js +20 -20
  51. package/dist/cjs/components/Modal/Modal.js +20 -20
  52. package/dist/cjs/components/ModalConfirmEdit/ModalConfirmArray.js +14 -14
  53. package/dist/cjs/components/ModalConfirmEdit/ModalConfirmDetails.js +11 -11
  54. package/dist/cjs/components/ModalConfirmEdit/ModalConfirmEdit.js +17 -17
  55. package/dist/cjs/components/ModalForm/ModalForm.js +9 -9
  56. package/dist/cjs/components/Notifications/NotificationsContainer.js +22 -22
  57. package/dist/cjs/components/Notifications/ToastNotification.js +21 -21
  58. package/dist/cjs/components/Notifications/notify.js +17 -17
  59. package/dist/cjs/components/PlatformBanner/PlatformBanner.js +8 -8
  60. package/dist/cjs/components/PlatformNotifications/PlatformNotification.js +17 -17
  61. package/dist/cjs/components/PlatformNotifications/PlatformNotificationsContainer.js +136 -136
  62. package/dist/cjs/components/Portal/Portal.js +14 -14
  63. package/dist/cjs/components/PrivacyRedirect/PrivacyRedirect.js +30 -30
  64. package/dist/cjs/components/PrivacyStatement/PrivacyStatement.js +90 -90
  65. package/dist/cjs/components/ProfileSettings/ProfileSettings.js +124 -124
  66. package/dist/cjs/components/ProtectedRoute/ProtectedRoute.js +13 -13
  67. package/dist/cjs/components/RadioGroup/RadioGroup.js +33 -33
  68. package/dist/cjs/components/RichTextArea/RichTextArea.js +142 -142
  69. package/dist/cjs/components/SignOut/SignOut.js +27 -27
  70. package/dist/cjs/components/SupportCenter/SupportCenter.js +65 -65
  71. package/dist/cjs/components/TextArea/TextArea.js +16 -16
  72. package/dist/cjs/components/TextInput/TextInput.js +13 -13
  73. package/dist/cjs/components/Toggle/Toggle.js +22 -22
  74. package/dist/cjs/components/TooltipHover/TooltipHover.js +39 -39
  75. package/dist/cjs/components/UIShell/UIShell.js +89 -90
  76. package/dist/cjs/config/servicesConfig.js +21 -21
  77. package/dist/cjs/constants/DataDrivenInputTypes.js +74 -74
  78. package/dist/cjs/constants/UserType.js +13 -13
  79. package/dist/cjs/hooks/useHeaderMenu.js +49 -49
  80. package/dist/cjs/hooks/usePortal.js +74 -74
  81. package/dist/cjs/hooks/useWindowSize.js +33 -33
  82. package/dist/cjs/internal/ListBox/ListBox.js +41 -41
  83. package/dist/cjs/internal/ListBox/ListBoxField.js +19 -19
  84. package/dist/cjs/internal/ListBox/ListBoxMenu.js +19 -19
  85. package/dist/cjs/internal/ListBox/ListBoxMenuIcon.js +31 -31
  86. package/dist/cjs/internal/ListBox/ListBoxMenuItem.js +38 -38
  87. package/dist/cjs/internal/ListBox/ListBoxSelection.js +64 -64
  88. package/dist/cjs/internal/ListBox/index.js +10 -10
  89. package/dist/cjs/internal/keyboard/keys.js +16 -16
  90. package/dist/cjs/internal/keyboard/match.js +67 -67
  91. package/dist/cjs/internal/settings.js +5 -5
  92. package/dist/cjs/tools/accessibility.js +13 -13
  93. package/dist/cjs/tools/createPropAdapter.js +44 -44
  94. package/dist/cjs/tools/isUrl.js +39 -39
  95. package/dist/cjs/tools/setupGetInstanceId.js +20 -20
  96. package/dist/cjs/tools/useSetState.js +12 -12
  97. package/dist/cjs/tools/yupAst/astGenerator.js +212 -212
  98. package/dist/cjs/tools/yupAst/customValidators.js +17 -17
  99. package/dist/esm/components/AboutPlatform/AboutPlatform.js +50 -50
  100. package/dist/esm/components/AdvantageSideNav/AdvantageSideNav.js +244 -226
  101. package/dist/esm/components/AutoSuggest/AutoSuggest.js +101 -101
  102. package/dist/esm/components/Avatar/Avatar.js +18 -18
  103. package/dist/esm/components/CheckboxList/CheckboxList.js +34 -34
  104. package/dist/esm/components/ComboBox/ComboBox.js +103 -103
  105. package/dist/esm/components/ComboBoxMultiSelect/ComboBoxMultiSelect.js +32 -32
  106. package/dist/esm/components/ComboBoxMultiSelect/MultiSelect.js +208 -208
  107. package/dist/esm/components/ComposedModal/ComposedModal.js +80 -80
  108. package/dist/esm/components/ConfirmModal/ConfirmModal.js +43 -43
  109. package/dist/esm/components/Creatable/Creatable.js +137 -137
  110. package/dist/esm/components/DataDrivenInput/DataDrivenInput.js +226 -226
  111. package/dist/esm/components/DateInput/DateInput.js +35 -35
  112. package/dist/esm/components/DecisionButtons/DecisionButtons.js +61 -61
  113. package/dist/esm/components/DelayedRender/DelayedRender.js +17 -17
  114. package/dist/esm/components/DynamicFormik/DynamicFormik.js +578 -578
  115. package/dist/esm/components/Error403/Error403.js +13 -13
  116. package/dist/esm/components/Error403/ForbiddenErrorBackground.js +113 -113
  117. package/dist/esm/components/Error403/GraphicWrangler/GraphicWrangler.js +62 -62
  118. package/dist/esm/components/Error404/Error404.js +13 -13
  119. package/dist/esm/components/Error404/GraphicLoch/GraphicLoch.js +17 -17
  120. package/dist/esm/components/Error404/NotFoundErrorBackground.js +129 -129
  121. package/dist/esm/components/ErrorBoundary/ErrorBoundary.js +32 -32
  122. package/dist/esm/components/ErrorDragon/ErrorDragon.js +13 -13
  123. package/dist/esm/components/ErrorDragon/assets/ErrorGraphic.js +35 -35
  124. package/dist/esm/components/ErrorFullPage/ErrorFullPage.js +10 -10
  125. package/dist/esm/components/ErrorMessage/ErrorMessage.js +22 -22
  126. package/dist/esm/components/ErrorPage/ErrorPage.js +11 -11
  127. package/dist/esm/components/ErrorPageCore/ErrorPageCore.js +15 -15
  128. package/dist/esm/components/ErrorPageCore/GenericErrorBackground.js +124 -124
  129. package/dist/esm/components/FeatureHeader/FeatureHeader.js +29 -29
  130. package/dist/esm/components/FeatureNavTab/FeatureNavTab.js +12 -12
  131. package/dist/esm/components/FeatureNavTabs/FeatureNavTabs.js +12 -12
  132. package/dist/esm/components/FeatureSideNav/FeatureSideNav.js +12 -12
  133. package/dist/esm/components/FeatureSideNav/FeatureSideNavFooter.js +8 -8
  134. package/dist/esm/components/FeatureSideNav/FeatureSideNavHeader.js +8 -8
  135. package/dist/esm/components/FeatureSideNav/FeatureSideNavLinks.js +14 -14
  136. package/dist/esm/components/FeatureSideNavLink/FeatureSideNavLink.js +12 -12
  137. package/dist/esm/components/Feedback/Feedback.js +40 -40
  138. package/dist/esm/components/FlowModal/FlowModal.js +141 -141
  139. package/dist/esm/components/FlowModal/FlowModalForm.js +12 -12
  140. package/dist/esm/components/Header/Header.js +168 -182
  141. package/dist/esm/components/Header/HeaderAppSwitcher.js +102 -94
  142. package/dist/esm/components/Header/HeaderMenu.js +7 -7
  143. package/dist/esm/components/Header/HeaderMenuItem.js +52 -52
  144. package/dist/esm/components/Header/UserRequests.js +29 -29
  145. package/dist/esm/components/ImageModal/ImageModal.js +17 -17
  146. package/dist/esm/components/Loading/Loading.js +8 -8
  147. package/dist/esm/components/MemberBar/MemberBar.js +20 -20
  148. package/dist/esm/components/Modal/Modal.js +20 -20
  149. package/dist/esm/components/ModalConfirmEdit/ModalConfirmArray.js +14 -14
  150. package/dist/esm/components/ModalConfirmEdit/ModalConfirmDetails.js +11 -11
  151. package/dist/esm/components/ModalConfirmEdit/ModalConfirmEdit.js +17 -17
  152. package/dist/esm/components/ModalForm/ModalForm.js +9 -9
  153. package/dist/esm/components/Notifications/NotificationsContainer.js +22 -22
  154. package/dist/esm/components/Notifications/ToastNotification.js +21 -21
  155. package/dist/esm/components/Notifications/notify.js +17 -17
  156. package/dist/esm/components/PlatformBanner/PlatformBanner.js +8 -8
  157. package/dist/esm/components/PlatformNotifications/PlatformNotification.js +17 -17
  158. package/dist/esm/components/PlatformNotifications/PlatformNotificationsContainer.js +136 -136
  159. package/dist/esm/components/Portal/Portal.js +14 -14
  160. package/dist/esm/components/PrivacyRedirect/PrivacyRedirect.js +30 -30
  161. package/dist/esm/components/PrivacyStatement/PrivacyStatement.js +90 -90
  162. package/dist/esm/components/ProfileSettings/ProfileSettings.js +124 -124
  163. package/dist/esm/components/ProtectedRoute/ProtectedRoute.js +13 -13
  164. package/dist/esm/components/RadioGroup/RadioGroup.js +33 -33
  165. package/dist/esm/components/RichTextArea/RichTextArea.js +142 -142
  166. package/dist/esm/components/SignOut/SignOut.js +27 -27
  167. package/dist/esm/components/SupportCenter/SupportCenter.js +65 -65
  168. package/dist/esm/components/TextArea/TextArea.js +16 -16
  169. package/dist/esm/components/TextInput/TextInput.js +13 -13
  170. package/dist/esm/components/Toggle/Toggle.js +22 -22
  171. package/dist/esm/components/TooltipHover/TooltipHover.js +39 -39
  172. package/dist/esm/components/UIShell/UIShell.js +89 -90
  173. package/dist/esm/config/servicesConfig.js +21 -21
  174. package/dist/esm/constants/DataDrivenInputTypes.js +74 -74
  175. package/dist/esm/constants/UserType.js +13 -13
  176. package/dist/esm/hooks/useHeaderMenu.js +49 -49
  177. package/dist/esm/hooks/usePortal.js +74 -74
  178. package/dist/esm/hooks/useWindowSize.js +33 -33
  179. package/dist/esm/internal/ListBox/ListBox.js +41 -41
  180. package/dist/esm/internal/ListBox/ListBoxField.js +19 -19
  181. package/dist/esm/internal/ListBox/ListBoxMenu.js +19 -19
  182. package/dist/esm/internal/ListBox/ListBoxMenuIcon.js +31 -31
  183. package/dist/esm/internal/ListBox/ListBoxMenuItem.js +38 -38
  184. package/dist/esm/internal/ListBox/ListBoxSelection.js +64 -64
  185. package/dist/esm/internal/ListBox/index.js +10 -10
  186. package/dist/esm/internal/keyboard/keys.js +16 -16
  187. package/dist/esm/internal/keyboard/match.js +67 -67
  188. package/dist/esm/internal/settings.js +5 -5
  189. package/dist/esm/tools/accessibility.js +13 -13
  190. package/dist/esm/tools/createPropAdapter.js +44 -44
  191. package/dist/esm/tools/isUrl.js +39 -39
  192. package/dist/esm/tools/setupGetInstanceId.js +20 -20
  193. package/dist/esm/tools/useSetState.js +12 -12
  194. package/dist/esm/tools/yupAst/astGenerator.js +212 -212
  195. package/dist/esm/tools/yupAst/customValidators.js +17 -17
  196. package/dist/types/index.d.ts +1309 -1407
  197. package/package.json +167 -167
  198. package/scss/components/AboutPlatform/_aboutPlatform.scss +139 -139
  199. package/scss/components/AdvantageSideNav/_advantageSideNav.scss +267 -261
  200. package/scss/components/AutoSuggest/_autoSuggest.scss +62 -62
  201. package/scss/components/Avatar/_avatar.scss +32 -32
  202. package/scss/components/CheckboxList/_checkboxList.scss +26 -26
  203. package/scss/components/ComboBox/_combobox.scss +23 -23
  204. package/scss/components/ComboBoxMultiSelect/_comboBoxMultiSelect.scss +53 -53
  205. package/scss/components/ConfirmModal/_confirmModal.scss +12 -12
  206. package/scss/components/Creatable/_creatable.scss +48 -48
  207. package/scss/components/DateInput/_dateInput.scss +36 -36
  208. package/scss/components/DecisionButtons/_decisionButtons.scss +132 -132
  209. package/scss/components/DynamicFormik/_dynamicFormik.scss +17 -17
  210. package/scss/components/ErrorBoundary/_errorBoundary.scss +12 -12
  211. package/scss/components/ErrorDragon/_errorDragon.scss +55 -55
  212. package/scss/components/ErrorMessage/_errorMessage.scss +43 -43
  213. package/scss/components/ErrorPage/_errorPage.scss +66 -66
  214. package/scss/components/ErrorPageCore/_errorPageCore.scss +73 -73
  215. package/scss/components/FeatureHeader/_featureHeader.scss +67 -67
  216. package/scss/components/FeatureNavTab/_featureNavTab.scss +27 -27
  217. package/scss/components/FeatureSideNav/_featureSideNav.scss +76 -76
  218. package/scss/components/FeatureSideNavLink/_featureSideNavLink.scss +49 -49
  219. package/scss/components/Feedback/_feedback.scss +46 -46
  220. package/scss/components/Header/_header.scss +179 -179
  221. package/scss/components/Header/_headerAppSwitcher.scss +117 -117
  222. package/scss/components/Header/_headerMenu.scss +30 -30
  223. package/scss/components/Header/_headerMenuItem.scss +65 -65
  224. package/scss/components/Header/_userRequests.scss +36 -36
  225. package/scss/components/ImageModal/_imageModal.scss +51 -51
  226. package/scss/components/MemberBar/_memberBar.scss +99 -99
  227. package/scss/components/Modal/_modal.scss +163 -163
  228. package/scss/components/ModalConfirmEdit/_modalConfirmEdit.scss +113 -113
  229. package/scss/components/Notifications/_notifications.scss +57 -57
  230. package/scss/components/PlatformBanner/_platformBanner.scss +30 -30
  231. package/scss/components/PlatformNotifications/_platformNotifications.scss +230 -230
  232. package/scss/components/PrivacyRedirect/_privacyRedirect.scss +43 -43
  233. package/scss/components/PrivacyStatement/_privacyStatement.scss +137 -137
  234. package/scss/components/ProfileSettings/_profileSettings.scss +117 -117
  235. package/scss/components/ProtectedRoute/_protectedRoute.scss +32 -32
  236. package/scss/components/RadioGroup/_radioGroup.scss +46 -46
  237. package/scss/components/RichTextArea/_richTextArea.scss +82 -82
  238. package/scss/components/SignOut/_signOut.scss +51 -51
  239. package/scss/components/SupportCenter/_supportCenter.scss +16 -16
  240. package/scss/components/TextArea/_textArea.scss +19 -19
  241. package/scss/components/TextInput/_textInput.scss +26 -26
  242. package/scss/components/Toggle/_toggle.scss +80 -80
  243. package/scss/components/TooltipHover/_tooltip.scss +48 -48
  244. package/scss/global/_config.scss +14 -14
  245. package/scss/global/_tippy.scss +49 -49
  246. package/scss/global/index.scss +402 -401
  247. package/scss/global/themes/_boomerang.scss +184 -184
  248. package/scss/global/themes/_default.scss +79 -79
  249. package/scss/global/themes/_shell-tokens.scss +42 -42
  250. package/scss/global/utils/_animations.scss +15 -15
  251. package/scss/global/utils/_mixins.scss +67 -67
  252. package/scss/global/utils/index.scss +10 -10
  253. package/dist/cjs/components/Header/HeaderTeamSwitcher.js +0 -324
  254. package/dist/esm/components/Header/HeaderTeamSwitcher.js +0 -315
  255. package/scss/components/Header/_headerTeamSwitcher.scss +0 -195
@@ -1,104 +1,112 @@
1
1
  import React from 'react';
2
+ import { useQuery } from 'react-query';
2
3
  import { HeaderPanel, SkeletonText, SwitcherDivider, SideNavMenu, SideNavMenuItem } from '@carbon/react';
3
4
  import { Launch } from '@carbon/react/icons';
4
5
  import Error from '../ErrorMessage/ErrorMessage.js';
5
6
  import cx from 'classnames';
7
+ import { resolver, serviceUrl } from '../../config/servicesConfig.js';
6
8
  import { prefix } from '../../internal/settings.js';
7
9
 
8
- /*
9
- IBM Confidential
10
- 694970X, 69497O0
11
- © Copyright IBM Corp. 2022, 2024
12
- */
13
- const externalProps = {
14
- target: "_blank",
15
- rel: "noreferrer noopener",
16
- };
17
- const panelClassName = `${prefix}--bmrg-header-switcher-panel`;
18
- const contentClassName = `${prefix}--bmrg-header-switcher`;
19
- const skeletonClassName = `${prefix}--bmrg-header-switcher__skeleton`;
20
- function HeaderAppSwitcher({ baseServicesUrl, baseEnvUrl, id, isOpen, teamsQuery, templateMeteringEvent, triggerEvent, userTeams, }) {
21
- const hasUserTeams = Boolean(userTeams);
22
- if (userTeams?.isLoading || teamsQuery?.isLoading) {
23
- return (React.createElement(HeaderPanel, { "aria-label": "App Switcher", className: panelClassName, expanded: isOpen, id: id, role: "menu" },
24
- React.createElement("div", { className: cx(contentClassName, "--is-loading", { "--is-hidden": !isOpen }) },
25
- React.createElement(SkeletonText, { className: skeletonClassName }),
26
- React.createElement(SkeletonText, { className: skeletonClassName }),
27
- React.createElement(SkeletonText, { className: skeletonClassName }),
28
- React.createElement(SkeletonText, { className: skeletonClassName }),
29
- React.createElement(SkeletonText, { className: skeletonClassName }))));
30
- }
31
- if (userTeams?.error || teamsQuery?.error) {
32
- return (React.createElement(HeaderPanel, { "aria-label": "App Switcher", id: id, role: "menu", className: panelClassName, expanded: isOpen },
33
- React.createElement(Error, { className: cx(contentClassName, { "--is-hidden": !isOpen }) })));
34
- }
35
- if (userTeams?.data || teamsQuery?.data) {
36
- let accountTeams, standardTeams, personalTeam = [];
37
- if (hasUserTeams) {
38
- accountTeams = userTeams?.data?.accountTeams;
39
- standardTeams = userTeams?.data?.standardTeams;
40
- personalTeam = userTeams?.data?.personalTeam;
41
- }
42
- else {
43
- accountTeams = teamsQuery?.data?.accountTeams;
44
- standardTeams = teamsQuery?.data?.standardTeams;
45
- personalTeam = teamsQuery?.data?.personalTeam;
46
- }
47
- if (accountTeams?.length || standardTeams?.length) {
48
- return (React.createElement(HeaderPanel, { "aria-label": "App Switcher", className: panelClassName, "data-testid": "header-app-switcher", expanded: isOpen, id: id, role: "menu" },
49
- React.createElement("div", { className: cx(contentClassName, { "--is-hidden": !isOpen }) },
50
- [...personalTeam, ...standardTeams].map((team) => (React.createElement(TeamServiceListMenu, { key: team.id, baseEnvUrl: baseEnvUrl, baseServicesUrl: baseServicesUrl, isMember: true, team: team, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent }))),
51
- accountTeams?.map((account) => (React.createElement("div", { key: account.id },
52
- React.createElement(SwitcherDivider, null),
53
- React.createElement(TeamServiceListMenu, { baseEnvUrl: baseEnvUrl, baseServicesUrl: baseServicesUrl, isAccount: true, isMember: account.isAccountTeamMember, team: account, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent }),
54
- Boolean(account.projectTeams) &&
55
- account.projectTeams.map((project) => (React.createElement(TeamServiceListMenu, { key: project.id, baseEnvUrl: baseEnvUrl, baseServicesUrl: baseServicesUrl, isMember: true, team: project, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent })))))))));
56
- }
57
- return (React.createElement(HeaderPanel, { "aria-label": "App Switcher", className: panelClassName, "data-testid": "header-app-switcher", expanded: isOpen, id: id, role: "menu" },
58
- React.createElement("div", { className: cx(contentClassName, "--is-empty", { "--is-hidden": !isOpen }) },
59
- React.createElement("h1", { className: `${prefix}--bmrg-header-switcher__empty-title` }, "No teams"),
60
- React.createElement("p", { className: `${prefix}--bmrg-header-switcher__empty-subtitle` }, "You must be new here"))));
61
- }
62
- return null;
63
- }
64
- function TeamServiceListMenu({ baseEnvUrl, isAccount, isMember, team, templateMeteringEvent, triggerEvent, }) {
65
- const { name, displayName, services } = team;
66
- const nameToDisplay = displayName ? displayName : name;
67
- const isNameTruncated = nameToDisplay?.length > 30;
68
- if (!isMember) {
69
- return (React.createElement("div", { className: `${prefix}--side-nav__item`, title: isNameTruncated ? nameToDisplay : undefined },
70
- React.createElement("button", { disabled: true, className: `${prefix}--side-nav__submenu`, "data-testid": "header-app-switcher-service" },
71
- React.createElement("span", { className: `${prefix}--side-nav__submenu-title` }, nameToDisplay))));
72
- }
73
- return (
74
- // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
75
- React.createElement("ul", { className: `${prefix}--bmrg-header-team`, title: isNameTruncated ? nameToDisplay : undefined },
76
- React.createElement(SideNavMenu, { title: nameToDisplay },
77
- React.createElement(ServiceList, { baseEnvUrl: baseEnvUrl, isAccount: isAccount, servicesData: services, team: team, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent }))));
78
- }
79
- function ServiceList(props) {
80
- const { baseEnvUrl = "", isAccount, servicesData, team, templateMeteringEvent, triggerEvent } = props;
81
- const handleLinkClick = (service) => {
82
- if (templateMeteringEvent) {
83
- templateMeteringEvent({ service, team });
84
- }
85
- triggerEvent && triggerEvent(service);
86
- };
87
- if (!!servicesData) {
88
- if (Boolean(servicesData?.length)) {
89
- return (React.createElement(React.Fragment, null, servicesData.map((service) => {
90
- const isExternalLink = typeof service?.url?.includes === "function" && !service.url.includes(baseEnvUrl);
91
- const isNameTruncated = isExternalLink ? service.name.length > 28 : service.name.length > 32;
92
- return (React.createElement(SideNavMenuItem, { key: service.name, href: service.url, title: isNameTruncated ? service.name : undefined, onClick: () => handleLinkClick(service), "data-testid": "header-app-switcher-service", ...(isExternalLink ? externalProps : undefined) },
93
- React.createElement("span", null, service.name),
94
- isExternalLink ? React.createElement(Launch, { size: 16, title: "Opens page in new tab" }) : undefined));
95
- })));
96
- }
97
- else {
98
- return (React.createElement("div", { className: `${prefix}--bmrg-header-team__message`, "data-testid": "header-app-switcher-service" }, `This ${isAccount ? "account" : "team"} has no assets`));
99
- }
100
- }
101
- return null;
10
+ /*
11
+ IBM Confidential
12
+ 694970X, 69497O0
13
+ © Copyright IBM Corp. 2022, 2024
14
+ */
15
+ const externalProps = {
16
+ target: "_blank",
17
+ rel: "noreferrer noopener",
18
+ };
19
+ const panelClassName = `${prefix}--bmrg-header-switcher-panel`;
20
+ const contentClassName = `${prefix}--bmrg-header-switcher`;
21
+ const skeletonClassName = `${prefix}--bmrg-header-switcher__skeleton`;
22
+ function HeaderAppSwitcher({ baseServicesUrl, baseEnvUrl, id, isOpen, templateMeteringEvent, triggerEvent, userTeams }) {
23
+ const hasUserTeams = Boolean(userTeams);
24
+ const userTeamsUrl = serviceUrl.getUserTeamsServices({ baseServicesUrl });
25
+ const teamsQuery = useQuery({
26
+ queryKey: userTeamsUrl,
27
+ queryFn: resolver.query(userTeamsUrl, null),
28
+ enabled: !hasUserTeams
29
+ });
30
+ if (userTeams?.isLoading || teamsQuery?.isLoading) {
31
+ return (React.createElement(HeaderPanel, { "aria-label": "App Switcher", className: panelClassName, expanded: isOpen, id: id, role: "menu" },
32
+ React.createElement("div", { className: cx(contentClassName, "--is-loading", { "--is-hidden": !isOpen }) },
33
+ React.createElement(SkeletonText, { className: skeletonClassName }),
34
+ React.createElement(SkeletonText, { className: skeletonClassName }),
35
+ React.createElement(SkeletonText, { className: skeletonClassName }),
36
+ React.createElement(SkeletonText, { className: skeletonClassName }),
37
+ React.createElement(SkeletonText, { className: skeletonClassName }))));
38
+ }
39
+ if (userTeams?.error || teamsQuery?.error) {
40
+ return (React.createElement(HeaderPanel, { "aria-label": "App Switcher", id: id, role: "menu", className: panelClassName, expanded: isOpen },
41
+ React.createElement(Error, { className: cx(contentClassName, { "--is-hidden": !isOpen }) })));
42
+ }
43
+ if (userTeams?.data || teamsQuery?.data) {
44
+ let accountTeams, standardTeams, personalTeam = [];
45
+ if (hasUserTeams) {
46
+ accountTeams = userTeams?.data?.accountTeams;
47
+ standardTeams = userTeams?.data?.standardTeams;
48
+ personalTeam = userTeams?.data?.personalTeam;
49
+ }
50
+ else {
51
+ accountTeams = teamsQuery?.data?.accountTeams;
52
+ standardTeams = teamsQuery?.data?.standardTeams;
53
+ personalTeam = teamsQuery?.data?.personalTeam;
54
+ }
55
+ if (accountTeams?.length || standardTeams?.length) {
56
+ return (React.createElement(HeaderPanel, { "aria-label": "App Switcher", className: panelClassName, "data-testid": "header-app-switcher", expanded: isOpen, id: id, role: "menu" },
57
+ React.createElement("div", { className: cx(contentClassName, { "--is-hidden": !isOpen }) },
58
+ [...personalTeam, ...standardTeams].map((team) => (React.createElement(TeamServiceListMenu, { key: team.id, baseEnvUrl: baseEnvUrl, baseServicesUrl: baseServicesUrl, isMember: true, team: team, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent }))),
59
+ accountTeams?.map((account) => (React.createElement("div", { key: account.id },
60
+ React.createElement(SwitcherDivider, null),
61
+ React.createElement(TeamServiceListMenu, { baseEnvUrl: baseEnvUrl, baseServicesUrl: baseServicesUrl, isAccount: true, isMember: account.isAccountTeamMember, team: account, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent }),
62
+ Boolean(account.projectTeams) &&
63
+ account.projectTeams.map((project) => (React.createElement(TeamServiceListMenu, { key: project.id, baseEnvUrl: baseEnvUrl, baseServicesUrl: baseServicesUrl, isMember: true, team: project, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent })))))))));
64
+ }
65
+ return (React.createElement(HeaderPanel, { "aria-label": "App Switcher", className: panelClassName, "data-testid": "header-app-switcher", expanded: isOpen, id: id, role: "menu" },
66
+ React.createElement("div", { className: cx(contentClassName, "--is-empty", { "--is-hidden": !isOpen }) },
67
+ React.createElement("h1", { className: `${prefix}--bmrg-header-switcher__empty-title` }, "No teams"),
68
+ React.createElement("p", { className: `${prefix}--bmrg-header-switcher__empty-subtitle` }, "You must be new here"))));
69
+ }
70
+ return null;
71
+ }
72
+ function TeamServiceListMenu({ baseEnvUrl, isAccount, isMember, team, templateMeteringEvent, triggerEvent }) {
73
+ const { name, displayName, services } = team;
74
+ const nameToDisplay = displayName ? displayName : name;
75
+ const isNameTruncated = nameToDisplay?.length > 30;
76
+ if (!isMember) {
77
+ return (React.createElement("div", { className: `${prefix}--side-nav__item`, title: isNameTruncated ? nameToDisplay : undefined },
78
+ React.createElement("button", { disabled: true, className: `${prefix}--side-nav__submenu`, "data-testid": "header-app-switcher-service" },
79
+ React.createElement("span", { className: `${prefix}--side-nav__submenu-title` }, nameToDisplay))));
80
+ }
81
+ return (
82
+ // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
83
+ React.createElement("ul", { className: `${prefix}--bmrg-header-team`, title: isNameTruncated ? nameToDisplay : undefined },
84
+ React.createElement(SideNavMenu, { title: nameToDisplay },
85
+ React.createElement(ServiceList, { baseEnvUrl: baseEnvUrl, isAccount: isAccount, servicesData: services, team: team, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent }))));
86
+ }
87
+ function ServiceList(props) {
88
+ const { baseEnvUrl = "", isAccount, servicesData, team, templateMeteringEvent, triggerEvent } = props;
89
+ const handleLinkClick = (service) => {
90
+ if (templateMeteringEvent) {
91
+ templateMeteringEvent({ service, team });
92
+ }
93
+ triggerEvent && triggerEvent(service);
94
+ };
95
+ if (!!servicesData) {
96
+ if (Boolean(servicesData?.length)) {
97
+ return (React.createElement(React.Fragment, null, servicesData.map((service) => {
98
+ const isExternalLink = typeof service?.url?.includes === "function" && !service.url.includes(baseEnvUrl);
99
+ const isNameTruncated = isExternalLink ? service.name.length > 28 : service.name.length > 32;
100
+ return (React.createElement(SideNavMenuItem, { key: service.name, href: service.url, title: isNameTruncated ? service.name : undefined, onClick: () => handleLinkClick(service), "data-testid": "header-app-switcher-service", ...(isExternalLink ? externalProps : undefined) },
101
+ React.createElement("span", null, service.name),
102
+ isExternalLink ? React.createElement(Launch, { size: 16, title: "Opens page in new tab" }) : undefined));
103
+ })));
104
+ }
105
+ else {
106
+ return (React.createElement("div", { className: `${prefix}--bmrg-header-team__message`, "data-testid": "header-app-switcher-service" }, `This ${isAccount ? "account" : "team"} has no assets`));
107
+ }
108
+ }
109
+ return null;
102
110
  }
103
111
 
104
112
  export { HeaderAppSwitcher as default };
@@ -1,13 +1,13 @@
1
1
  import React from 'react';
2
2
  import { prefix } from '../../internal/settings.js';
3
3
 
4
- /*
5
- IBM Confidential
6
- 694970X, 69497O0
7
- © Copyright IBM Corp. 2022, 2024
8
- */
9
- function HeaderMenu({ children, id, ...rest }) {
10
- return (React.createElement("ul", { className: `${prefix}--bmrg-header-drop-down`, id: id, role: "menu", ...rest }, children));
4
+ /*
5
+ IBM Confidential
6
+ 694970X, 69497O0
7
+ © Copyright IBM Corp. 2022, 2024
8
+ */
9
+ function HeaderMenu({ children, id, ...rest }) {
10
+ return (React.createElement("ul", { className: `${prefix}--bmrg-header-drop-down`, id: id, role: "menu", ...rest }, children));
11
11
  }
12
12
 
13
13
  export { HeaderMenu as default };
@@ -5,58 +5,58 @@ import Avatar from '../Avatar/Avatar.js';
5
5
  import cx from 'classnames';
6
6
  import { prefix } from '../../internal/settings.js';
7
7
 
8
- /*
9
- IBM Confidential
10
- 694970X, 69497O0
11
- © Copyright IBM Corp. 2022, 2024
12
- */
13
- function HeaderMenuItem(props, ref) {
14
- if (props.type === "button") {
15
- const { icon, onClick, type, text, variant = "default", ...rest } = props;
16
- return (React.createElement(HeaderMenuItem$2
17
- // eslint-disable-next-line no-script-url
18
- , {
19
- // eslint-disable-next-line no-script-url
20
- href: "javascript:void(0)", onClick: onClick, role: "menuitem", ref: ref, ...rest },
21
- React.createElement("div", { className: `${prefix}--bmrg-header-menu-item__content ${variant === "danger" ? "--danger" : ""}` },
22
- React.createElement("span", { className: `${prefix}--bmrg-header-menu-item__text` },
23
- icon,
24
- text))));
25
- }
26
- if (props.type === "link") {
27
- const { href, icon, kind, onClick, text, type, variant = "default", ...rest } = props;
28
- const externalProps = kind === "external" ? { target: "_blank", rel: "noopener noreferrer" } : {};
29
- let linkTypeIcon;
30
- switch (kind) {
31
- case "external":
32
- linkTypeIcon = React.createElement(Launch, { title: "Opens link in new tab" });
33
- break;
34
- case "internal":
35
- linkTypeIcon = React.createElement(ArrowRight, { title: "Opens link within same platform" });
36
- break;
37
- // no-op
38
- }
39
- return (React.createElement(HeaderMenuItem$2, { href: href, ...externalProps, onClick: onClick, role: "menuitem", ref: ref, ...rest },
40
- React.createElement("div", { className: cx(`${prefix}--bmrg-header-menu-item__content`, { "--danger": variant === "danger" }) },
41
- React.createElement("span", { className: `${prefix}--bmrg-header-menu-item__text` },
42
- icon,
43
- text),
44
- linkTypeIcon)));
45
- }
46
- if (props.type === "user") {
47
- const { icon, onClick = "default", src, type, userName, ...rest } = props;
48
- return (
49
- // eslint-disable-next-line no-script-url
50
- React.createElement(HeaderMenuItem$2, { href: "javascript:void(0)", onClick: onClick, role: "menuitem", ref: ref, ...rest },
51
- React.createElement("div", { className: `${prefix}--bmrg-header-menu-user` },
52
- React.createElement(Avatar, { size: "medium", src: src, userName: userName }),
53
- React.createElement("p", { className: `${prefix}--bmrg-header-menu-user__name` },
54
- " ",
55
- userName ? userName : "",
56
- " "))));
57
- }
58
- return null;
59
- }
8
+ /*
9
+ IBM Confidential
10
+ 694970X, 69497O0
11
+ © Copyright IBM Corp. 2022, 2024
12
+ */
13
+ function HeaderMenuItem(props, ref) {
14
+ if (props.type === "button") {
15
+ const { icon, onClick, type, text, variant = "default", ...rest } = props;
16
+ return (React.createElement(HeaderMenuItem$2
17
+ // eslint-disable-next-line no-script-url
18
+ , {
19
+ // eslint-disable-next-line no-script-url
20
+ href: "javascript:void(0)", onClick: onClick, role: "menuitem", ref: ref, ...rest },
21
+ React.createElement("div", { className: `${prefix}--bmrg-header-menu-item__content ${variant === "danger" ? "--danger" : ""}` },
22
+ React.createElement("span", { className: `${prefix}--bmrg-header-menu-item__text` },
23
+ icon,
24
+ text))));
25
+ }
26
+ if (props.type === "link") {
27
+ const { href, icon, kind, onClick, text, type, variant = "default", ...rest } = props;
28
+ const externalProps = kind === "external" ? { target: "_blank", rel: "noopener noreferrer" } : {};
29
+ let linkTypeIcon;
30
+ switch (kind) {
31
+ case "external":
32
+ linkTypeIcon = React.createElement(Launch, { title: "Opens link in new tab" });
33
+ break;
34
+ case "internal":
35
+ linkTypeIcon = React.createElement(ArrowRight, { title: "Opens link within same platform" });
36
+ break;
37
+ // no-op
38
+ }
39
+ return (React.createElement(HeaderMenuItem$2, { href: href, ...externalProps, onClick: onClick, role: "menuitem", ref: ref, ...rest },
40
+ React.createElement("div", { className: cx(`${prefix}--bmrg-header-menu-item__content`, { "--danger": variant === "danger" }) },
41
+ React.createElement("span", { className: `${prefix}--bmrg-header-menu-item__text` },
42
+ icon,
43
+ text),
44
+ linkTypeIcon)));
45
+ }
46
+ if (props.type === "user") {
47
+ const { icon, onClick = "default", src, type, userName, ...rest } = props;
48
+ return (
49
+ // eslint-disable-next-line no-script-url
50
+ React.createElement(HeaderMenuItem$2, { href: "javascript:void(0)", onClick: onClick, role: "menuitem", ref: ref, ...rest },
51
+ React.createElement("div", { className: `${prefix}--bmrg-header-menu-user` },
52
+ React.createElement(Avatar, { size: "medium", src: src, userName: userName }),
53
+ React.createElement("p", { className: `${prefix}--bmrg-header-menu-user__name` },
54
+ " ",
55
+ userName ? userName : "",
56
+ " "))));
57
+ }
58
+ return null;
59
+ }
60
60
  var HeaderMenuItem$1 = React.forwardRef(HeaderMenuItem);
61
61
 
62
62
  export { HeaderMenuItem$1 as default };
@@ -3,35 +3,35 @@ import { HeaderMenuItem } from '@carbon/react';
3
3
  import cx from 'classnames';
4
4
  import { prefix } from '../../internal/settings.js';
5
5
 
6
- /*
7
- IBM Confidential
8
- 694970X, 69497O0
9
- © Copyright IBM Corp. 2022, 2024
10
- */
11
- function UserRequests(props) {
12
- const { baseEnvUrl, summary = { requireUserAction: 0, submittedByUser: 0 } } = props;
13
- const { requireUserAction, submittedByUser } = summary;
14
- const existOwnedRequests = requireUserAction > 0;
15
- const existUserRequests = submittedByUser > 0;
16
- return (React.createElement(React.Fragment, null,
17
- React.createElement(HeaderMenuItem, { href: `${baseEnvUrl}/launchpad/requests/action`, "data-testid": "header-owned-requests" },
18
- React.createElement("div", { className: "cds--bmrg-requests" },
19
- React.createElement("span", { className: cx(`${prefix}--bmrg-requests__title`, {
20
- [`${prefix}--bmrg-requests-empty__title`]: !existOwnedRequests,
21
- }) },
22
- existOwnedRequests ? requireUserAction : "No",
23
- " Request",
24
- requireUserAction > 1 || !existOwnedRequests ? "s" : ""),
25
- React.createElement("span", { className: `${prefix}--bmrg-requests__text` }, "requiring your action"))),
26
- React.createElement(HeaderMenuItem, { href: `${baseEnvUrl}/launchpad/requests/mine`, "data-testid": "header-user-requests" },
27
- React.createElement("div", { className: "cds--bmrg-requests" },
28
- React.createElement("span", { className: cx(`${prefix}--bmrg-requests__title`, {
29
- [`${prefix}--bmrg-requests-empty__title`]: !existUserRequests,
30
- }) },
31
- existUserRequests ? submittedByUser : "No",
32
- " Request",
33
- submittedByUser > 1 || !existUserRequests ? "s" : ""),
34
- React.createElement("span", { className: `${prefix}--bmrg-requests__text` }, "made by you are processing")))));
6
+ /*
7
+ IBM Confidential
8
+ 694970X, 69497O0
9
+ © Copyright IBM Corp. 2022, 2024
10
+ */
11
+ function UserRequests(props) {
12
+ const { baseEnvUrl, summary = { requireUserAction: 0, submittedByUser: 0 } } = props;
13
+ const { requireUserAction, submittedByUser } = summary;
14
+ const existOwnedRequests = requireUserAction > 0;
15
+ const existUserRequests = submittedByUser > 0;
16
+ return (React.createElement(React.Fragment, null,
17
+ React.createElement(HeaderMenuItem, { href: `${baseEnvUrl}/launchpad/requests/action`, "data-testid": "header-owned-requests" },
18
+ React.createElement("div", { className: "cds--bmrg-requests" },
19
+ React.createElement("span", { className: cx(`${prefix}--bmrg-requests__title`, {
20
+ [`${prefix}--bmrg-requests-empty__title`]: !existOwnedRequests,
21
+ }) },
22
+ existOwnedRequests ? requireUserAction : "No",
23
+ " Request",
24
+ requireUserAction > 1 || !existOwnedRequests ? "s" : ""),
25
+ React.createElement("span", { className: `${prefix}--bmrg-requests__text` }, "requiring your action"))),
26
+ React.createElement(HeaderMenuItem, { href: `${baseEnvUrl}/launchpad/requests/mine`, "data-testid": "header-user-requests" },
27
+ React.createElement("div", { className: "cds--bmrg-requests" },
28
+ React.createElement("span", { className: cx(`${prefix}--bmrg-requests__title`, {
29
+ [`${prefix}--bmrg-requests-empty__title`]: !existUserRequests,
30
+ }) },
31
+ existUserRequests ? submittedByUser : "No",
32
+ " Request",
33
+ submittedByUser > 1 || !existUserRequests ? "s" : ""),
34
+ React.createElement("span", { className: `${prefix}--bmrg-requests__text` }, "made by you are processing")))));
35
35
  }
36
36
 
37
37
  export { UserRequests as default };
@@ -5,23 +5,23 @@ import { Modal } from '../Modal/Modal.js';
5
5
  import cx from 'classnames';
6
6
  import { prefix } from '../../internal/settings.js';
7
7
 
8
- /*
9
- IBM Confidential
10
- 694970X, 69497O0
11
- © Copyright IBM Corp. 2022, 2024
12
- */
13
- function ImageModal(props) {
14
- const { appElement = "#app", className, containerClassName, modalProps, imageClassName, imageProps, imageSrc } = props;
15
- const [isModalOpen, setIsModalOpen] = React.useState(false);
16
- const handleOpenModal = () => {
17
- setIsModalOpen(true);
18
- };
19
- return (React.createElement("div", { className: cx(`${prefix}--bmrg-image-modal-container`, containerClassName) },
20
- React.createElement(Modal, { appElement: appElement, containerClassName: `${prefix}--bmrg-image-modal`, isOpen: isModalOpen, onRequestClose: () => setIsModalOpen(false), ...modalProps },
21
- React.createElement(Button, { kind: "ghost", size: "lg", hasIconOnly: true, renderIcon: Close, className: `${prefix}--bmrg-image-modal__close`, onClick: () => setIsModalOpen(false) }),
22
- React.createElement("img", { className: `${prefix}--bmrg-image-modal__open-image`, alt: "modal-content", src: imageSrc })),
23
- React.createElement("button", { tabIndex: 0, onClick: handleOpenModal, className: cx(`${prefix}--bmrg-image-modal__trigger`, className) },
24
- React.createElement("img", { className: cx(`${prefix}--bmrg-image-modal__image`, imageClassName), alt: "trigger", src: imageSrc, ...imageProps }))));
8
+ /*
9
+ IBM Confidential
10
+ 694970X, 69497O0
11
+ © Copyright IBM Corp. 2022, 2024
12
+ */
13
+ function ImageModal(props) {
14
+ const { appElement = "#app", className, containerClassName, modalProps, imageClassName, imageProps, imageSrc } = props;
15
+ const [isModalOpen, setIsModalOpen] = React.useState(false);
16
+ const handleOpenModal = () => {
17
+ setIsModalOpen(true);
18
+ };
19
+ return (React.createElement("div", { className: cx(`${prefix}--bmrg-image-modal-container`, containerClassName) },
20
+ React.createElement(Modal, { appElement: appElement, containerClassName: `${prefix}--bmrg-image-modal`, isOpen: isModalOpen, onRequestClose: () => setIsModalOpen(false), ...modalProps },
21
+ React.createElement(Button, { kind: "ghost", size: "lg", hasIconOnly: true, renderIcon: Close, className: `${prefix}--bmrg-image-modal__close`, onClick: () => setIsModalOpen(false) }),
22
+ React.createElement("img", { className: `${prefix}--bmrg-image-modal__open-image`, alt: "modal-content", src: imageSrc })),
23
+ React.createElement("button", { tabIndex: 0, onClick: handleOpenModal, className: cx(`${prefix}--bmrg-image-modal__trigger`, className) },
24
+ React.createElement("img", { className: cx(`${prefix}--bmrg-image-modal__image`, imageClassName), alt: "trigger", src: imageSrc, ...imageProps }))));
25
25
  }
26
26
 
27
27
  export { ImageModal, ImageModal as default };
@@ -2,14 +2,14 @@ import React from 'react';
2
2
  import { Loading as Loading$1 } from '@carbon/react';
3
3
  import DelayedRender from '../DelayedRender/DelayedRender.js';
4
4
 
5
- /*
6
- IBM Confidential
7
- 694970X, 69497O0
8
- © Copyright IBM Corp. 2022, 2024
9
- */
10
- function Loading({ delay, ...rest }) {
11
- return (React.createElement(DelayedRender, { delay: delay },
12
- React.createElement(Loading$1, { ...rest })));
5
+ /*
6
+ IBM Confidential
7
+ 694970X, 69497O0
8
+ © Copyright IBM Corp. 2022, 2024
9
+ */
10
+ function Loading({ delay, ...rest }) {
11
+ return (React.createElement(DelayedRender, { delay: delay },
12
+ React.createElement(Loading$1, { ...rest })));
13
13
  }
14
14
 
15
15
  export { Loading as default };
@@ -4,26 +4,26 @@ import cx from 'classnames';
4
4
  import Avatar from '../Avatar/Avatar.js';
5
5
  import { prefix } from '../../internal/settings.js';
6
6
 
7
- /*
8
- IBM Confidential
9
- 694970X, 69497O0
10
- © Copyright IBM Corp. 2022, 2024
11
- */
12
- function MemberBar({ addUser, avatarProps = {}, avatarSrc, buttonClassName = "", buttonProps = {}, email, id, isDetail = false, isPartner = false, isUserNotAllowed = false, liProps = {}, name, notAllowedMessage = "This Partner User is not on the allow-list", removeUser, }) {
13
- const avatarOpacity = isUserNotAllowed ? "0.8" : "1";
14
- return (React.createElement("li", { ...liProps },
15
- React.createElement("button", { className: cx(`${prefix}--bmrg-member-bar`, buttonClassName, {
16
- [`${prefix}--bmrg-member-bar--detail`]: isDetail,
17
- }), disabled: isUserNotAllowed, onClick: addUser && !isUserNotAllowed ? () => addUser(id) : removeUser ? () => removeUser(id) : undefined, type: "button", ...buttonProps },
18
- React.createElement("div", { className: `${prefix}--bmrg-member-bar__user` },
19
- React.createElement(Avatar, { src: avatarSrc, ...avatarProps, style: { opacity: avatarOpacity } }),
20
- React.createElement("div", { className: `${prefix}--bmrg-member-bar__data`, style: { opacity: avatarOpacity } },
21
- React.createElement("p", { className: `${prefix}--bmrg-member-bar__name` }, name),
22
- React.createElement("p", { className: `${prefix}--bmrg-member-bar__email` }, email))),
23
- (isPartner || removeUser || isUserNotAllowed) && (React.createElement("div", { className: `${prefix}--bmrg-member-bar__right-section` },
24
- isPartner && React.createElement("p", { className: `${prefix}--bmrg-member-bar__partner-text` }, "Partner User"),
25
- isUserNotAllowed && (React.createElement("p", { className: `${prefix}--bmrg-member-bar__partner-not-allowed-text` }, notAllowedMessage)),
26
- removeUser && (React.createElement(CloseOutline, { size: 32, className: `${prefix}--bmrg-member-bar__close-icon`, title: "Remove user", "data-testid": "remove-user-button" })))))));
7
+ /*
8
+ IBM Confidential
9
+ 694970X, 69497O0
10
+ © Copyright IBM Corp. 2022, 2024
11
+ */
12
+ function MemberBar({ addUser, avatarProps = {}, avatarSrc, buttonClassName = "", buttonProps = {}, email, id, isDetail = false, isPartner = false, isUserNotAllowed = false, liProps = {}, name, notAllowedMessage = "This Partner User is not on the allow-list", removeUser, }) {
13
+ const avatarOpacity = isUserNotAllowed ? "0.8" : "1";
14
+ return (React.createElement("li", { ...liProps },
15
+ React.createElement("button", { className: cx(`${prefix}--bmrg-member-bar`, buttonClassName, {
16
+ [`${prefix}--bmrg-member-bar--detail`]: isDetail,
17
+ }), disabled: isUserNotAllowed, onClick: addUser && !isUserNotAllowed ? () => addUser(id) : removeUser ? () => removeUser(id) : undefined, type: "button", ...buttonProps },
18
+ React.createElement("div", { className: `${prefix}--bmrg-member-bar__user` },
19
+ React.createElement(Avatar, { src: avatarSrc, ...avatarProps, style: { opacity: avatarOpacity } }),
20
+ React.createElement("div", { className: `${prefix}--bmrg-member-bar__data`, style: { opacity: avatarOpacity } },
21
+ React.createElement("p", { className: `${prefix}--bmrg-member-bar__name` }, name),
22
+ React.createElement("p", { className: `${prefix}--bmrg-member-bar__email` }, email))),
23
+ (isPartner || removeUser || isUserNotAllowed) && (React.createElement("div", { className: `${prefix}--bmrg-member-bar__right-section` },
24
+ isPartner && React.createElement("p", { className: `${prefix}--bmrg-member-bar__partner-text` }, "Partner User"),
25
+ isUserNotAllowed && (React.createElement("p", { className: `${prefix}--bmrg-member-bar__partner-not-allowed-text` }, notAllowedMessage)),
26
+ removeUser && (React.createElement(CloseOutline, { size: 32, className: `${prefix}--bmrg-member-bar__close-icon`, title: "Remove user", "data-testid": "remove-user-button" })))))));
27
27
  }
28
28
 
29
29
  export { MemberBar as default };
@@ -3,26 +3,26 @@ import ReactModal from 'react-modal';
3
3
  import cx from 'classnames';
4
4
  import { prefix } from '../../internal/settings.js';
5
5
 
6
- /*
7
- IBM Confidential
8
- 694970X, 69497O0
9
- © Copyright IBM Corp. 2022, 2024
10
- */
11
- function Modal(props) {
12
- const { appElement = "#app", className, containerClassName, children, isOpen = false, ...rest } = props;
13
- React.useEffect(() => {
14
- ReactModal.setAppElement(appElement);
15
- }, [appElement]);
16
- return (React.createElement(React.Fragment, null,
17
- React.createElement(ReactModal, { shouldCloseOnOverlayClick: true, closeTimeoutMS: 240, isOpen: isOpen, htmlOpenClassName: `${prefix}--bmrg-html-modal-is-open`, bodyOpenClassName: `${prefix}--bmrg-body-modal-is-open`, className: {
18
- base: cx(`${prefix}--bmrg-modal-container`, containerClassName),
19
- afterOpen: "--is-open",
20
- beforeClose: "--is-closed",
21
- }, portalClassName: `${prefix}--bmrg-modal-portal`, overlayClassName: {
22
- base: cx(`${prefix}--bmrg-modal-overlay`, className),
23
- afterOpen: "--is-open",
24
- beforeClose: "--is-closed",
25
- }, ...rest }, children)));
6
+ /*
7
+ IBM Confidential
8
+ 694970X, 69497O0
9
+ © Copyright IBM Corp. 2022, 2024
10
+ */
11
+ function Modal(props) {
12
+ const { appElement = "#app", className, containerClassName, children, isOpen = false, ...rest } = props;
13
+ React.useEffect(() => {
14
+ ReactModal.setAppElement(appElement);
15
+ }, [appElement]);
16
+ return (React.createElement(React.Fragment, null,
17
+ React.createElement(ReactModal, { shouldCloseOnOverlayClick: true, closeTimeoutMS: 240, isOpen: isOpen, htmlOpenClassName: `${prefix}--bmrg-html-modal-is-open`, bodyOpenClassName: `${prefix}--bmrg-body-modal-is-open`, className: {
18
+ base: cx(`${prefix}--bmrg-modal-container`, containerClassName),
19
+ afterOpen: "--is-open",
20
+ beforeClose: "--is-closed",
21
+ }, portalClassName: `${prefix}--bmrg-modal-portal`, overlayClassName: {
22
+ base: cx(`${prefix}--bmrg-modal-overlay`, className),
23
+ afterOpen: "--is-open",
24
+ beforeClose: "--is-closed",
25
+ }, ...rest }, children)));
26
26
  }
27
27
 
28
28
  export { Modal, Modal as default };
@@ -1,20 +1,20 @@
1
1
  import React from 'react';
2
2
  import { prefix } from '../../internal/settings.js';
3
3
 
4
- /*
5
- IBM Confidential
6
- 694970X, 69497O0
7
- © Copyright IBM Corp. 2022, 2024
8
- */
9
- const showCommaSeparatedValues = (items) => {
10
- if (items) {
11
- const commaSeparatedValues = items.join(", ");
12
- return React.createElement("div", { className: `${prefix}--bmrg-modal-confirm-array__csv` }, commaSeparatedValues);
13
- }
14
- };
15
- function ModalConfirmArray({ items, ...rest }) {
16
- return (React.createElement("div", { className: `${prefix}--bmrg-modal-confirm-array`, ...rest },
17
- React.createElement("div", { className: `${prefix}--bmrg-modal-confirm-array__content` }, showCommaSeparatedValues(items))));
4
+ /*
5
+ IBM Confidential
6
+ 694970X, 69497O0
7
+ © Copyright IBM Corp. 2022, 2024
8
+ */
9
+ const showCommaSeparatedValues = (items) => {
10
+ if (items) {
11
+ const commaSeparatedValues = items.join(", ");
12
+ return React.createElement("div", { className: `${prefix}--bmrg-modal-confirm-array__csv` }, commaSeparatedValues);
13
+ }
14
+ };
15
+ function ModalConfirmArray({ items, ...rest }) {
16
+ return (React.createElement("div", { className: `${prefix}--bmrg-modal-confirm-array`, ...rest },
17
+ React.createElement("div", { className: `${prefix}--bmrg-modal-confirm-array__content` }, showCommaSeparatedValues(items))));
18
18
  }
19
19
 
20
20
  export { ModalConfirmArray as default };