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

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 +241 -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 +243 -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
@@ -3,10 +3,12 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
+ var reactQuery = require('react-query');
6
7
  var react = require('@carbon/react');
7
8
  var icons = require('@carbon/react/icons');
8
9
  var ErrorMessage = require('../ErrorMessage/ErrorMessage.js');
9
10
  var cx = require('classnames');
11
+ var servicesConfig = require('../../config/servicesConfig.js');
10
12
  var settings = require('../../internal/settings.js');
11
13
 
12
14
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -14,100 +16,106 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
14
16
  var React__default = /*#__PURE__*/_interopDefault(React);
15
17
  var cx__default = /*#__PURE__*/_interopDefault(cx);
16
18
 
17
- /*
18
- IBM Confidential
19
- 694970X, 69497O0
20
- © Copyright IBM Corp. 2022, 2024
21
- */
22
- const externalProps = {
23
- target: "_blank",
24
- rel: "noreferrer noopener",
25
- };
26
- const panelClassName = `${settings.prefix}--bmrg-header-switcher-panel`;
27
- const contentClassName = `${settings.prefix}--bmrg-header-switcher`;
28
- const skeletonClassName = `${settings.prefix}--bmrg-header-switcher__skeleton`;
29
- function HeaderAppSwitcher({ baseServicesUrl, baseEnvUrl, id, isOpen, teamsQuery, templateMeteringEvent, triggerEvent, userTeams, }) {
30
- const hasUserTeams = Boolean(userTeams);
31
- if (userTeams?.isLoading || teamsQuery?.isLoading) {
32
- return (React__default.default.createElement(react.HeaderPanel, { "aria-label": "App Switcher", className: panelClassName, expanded: isOpen, id: id, role: "menu" },
33
- React__default.default.createElement("div", { className: cx__default.default(contentClassName, "--is-loading", { "--is-hidden": !isOpen }) },
34
- React__default.default.createElement(react.SkeletonText, { className: skeletonClassName }),
35
- React__default.default.createElement(react.SkeletonText, { className: skeletonClassName }),
36
- React__default.default.createElement(react.SkeletonText, { className: skeletonClassName }),
37
- React__default.default.createElement(react.SkeletonText, { className: skeletonClassName }),
38
- React__default.default.createElement(react.SkeletonText, { className: skeletonClassName }))));
39
- }
40
- if (userTeams?.error || teamsQuery?.error) {
41
- return (React__default.default.createElement(react.HeaderPanel, { "aria-label": "App Switcher", id: id, role: "menu", className: panelClassName, expanded: isOpen },
42
- React__default.default.createElement(ErrorMessage.default, { className: cx__default.default(contentClassName, { "--is-hidden": !isOpen }) })));
43
- }
44
- if (userTeams?.data || teamsQuery?.data) {
45
- let accountTeams, standardTeams, personalTeam = [];
46
- if (hasUserTeams) {
47
- accountTeams = userTeams?.data?.accountTeams;
48
- standardTeams = userTeams?.data?.standardTeams;
49
- personalTeam = userTeams?.data?.personalTeam;
50
- }
51
- else {
52
- accountTeams = teamsQuery?.data?.accountTeams;
53
- standardTeams = teamsQuery?.data?.standardTeams;
54
- personalTeam = teamsQuery?.data?.personalTeam;
55
- }
56
- if (accountTeams?.length || standardTeams?.length) {
57
- return (React__default.default.createElement(react.HeaderPanel, { "aria-label": "App Switcher", className: panelClassName, "data-testid": "header-app-switcher", expanded: isOpen, id: id, role: "menu" },
58
- React__default.default.createElement("div", { className: cx__default.default(contentClassName, { "--is-hidden": !isOpen }) },
59
- [...personalTeam, ...standardTeams].map((team) => (React__default.default.createElement(TeamServiceListMenu, { key: team.id, baseEnvUrl: baseEnvUrl, baseServicesUrl: baseServicesUrl, isMember: true, team: team, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent }))),
60
- accountTeams?.map((account) => (React__default.default.createElement("div", { key: account.id },
61
- React__default.default.createElement(react.SwitcherDivider, null),
62
- React__default.default.createElement(TeamServiceListMenu, { baseEnvUrl: baseEnvUrl, baseServicesUrl: baseServicesUrl, isAccount: true, isMember: account.isAccountTeamMember, team: account, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent }),
63
- Boolean(account.projectTeams) &&
64
- account.projectTeams.map((project) => (React__default.default.createElement(TeamServiceListMenu, { key: project.id, baseEnvUrl: baseEnvUrl, baseServicesUrl: baseServicesUrl, isMember: true, team: project, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent })))))))));
65
- }
66
- return (React__default.default.createElement(react.HeaderPanel, { "aria-label": "App Switcher", className: panelClassName, "data-testid": "header-app-switcher", expanded: isOpen, id: id, role: "menu" },
67
- React__default.default.createElement("div", { className: cx__default.default(contentClassName, "--is-empty", { "--is-hidden": !isOpen }) },
68
- React__default.default.createElement("h1", { className: `${settings.prefix}--bmrg-header-switcher__empty-title` }, "No teams"),
69
- React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-header-switcher__empty-subtitle` }, "You must be new here"))));
70
- }
71
- return null;
72
- }
73
- function TeamServiceListMenu({ baseEnvUrl, isAccount, isMember, team, templateMeteringEvent, triggerEvent, }) {
74
- const { name, displayName, services } = team;
75
- const nameToDisplay = displayName ? displayName : name;
76
- const isNameTruncated = nameToDisplay?.length > 30;
77
- if (!isMember) {
78
- return (React__default.default.createElement("div", { className: `${settings.prefix}--side-nav__item`, title: isNameTruncated ? nameToDisplay : undefined },
79
- React__default.default.createElement("button", { disabled: true, className: `${settings.prefix}--side-nav__submenu`, "data-testid": "header-app-switcher-service" },
80
- React__default.default.createElement("span", { className: `${settings.prefix}--side-nav__submenu-title` }, nameToDisplay))));
81
- }
82
- return (
83
- // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
84
- React__default.default.createElement("ul", { className: `${settings.prefix}--bmrg-header-team`, title: isNameTruncated ? nameToDisplay : undefined },
85
- React__default.default.createElement(react.SideNavMenu, { title: nameToDisplay },
86
- React__default.default.createElement(ServiceList, { baseEnvUrl: baseEnvUrl, isAccount: isAccount, servicesData: services, team: team, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent }))));
87
- }
88
- function ServiceList(props) {
89
- const { baseEnvUrl = "", isAccount, servicesData, team, templateMeteringEvent, triggerEvent } = props;
90
- const handleLinkClick = (service) => {
91
- if (templateMeteringEvent) {
92
- templateMeteringEvent({ service, team });
93
- }
94
- triggerEvent && triggerEvent(service);
95
- };
96
- if (!!servicesData) {
97
- if (Boolean(servicesData?.length)) {
98
- return (React__default.default.createElement(React__default.default.Fragment, null, servicesData.map((service) => {
99
- const isExternalLink = typeof service?.url?.includes === "function" && !service.url.includes(baseEnvUrl);
100
- const isNameTruncated = isExternalLink ? service.name.length > 28 : service.name.length > 32;
101
- return (React__default.default.createElement(react.SideNavMenuItem, { key: service.name, href: service.url, title: isNameTruncated ? service.name : undefined, onClick: () => handleLinkClick(service), "data-testid": "header-app-switcher-service", ...(isExternalLink ? externalProps : undefined) },
102
- React__default.default.createElement("span", null, service.name),
103
- isExternalLink ? React__default.default.createElement(icons.Launch, { size: 16, title: "Opens page in new tab" }) : undefined));
104
- })));
105
- }
106
- else {
107
- return (React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-header-team__message`, "data-testid": "header-app-switcher-service" }, `This ${isAccount ? "account" : "team"} has no assets`));
108
- }
109
- }
110
- return null;
19
+ /*
20
+ IBM Confidential
21
+ 694970X, 69497O0
22
+ © Copyright IBM Corp. 2022, 2024
23
+ */
24
+ const externalProps = {
25
+ target: "_blank",
26
+ rel: "noreferrer noopener",
27
+ };
28
+ const panelClassName = `${settings.prefix}--bmrg-header-switcher-panel`;
29
+ const contentClassName = `${settings.prefix}--bmrg-header-switcher`;
30
+ const skeletonClassName = `${settings.prefix}--bmrg-header-switcher__skeleton`;
31
+ function HeaderAppSwitcher({ baseServicesUrl, baseEnvUrl, id, isOpen, templateMeteringEvent, triggerEvent, userTeams }) {
32
+ const hasUserTeams = Boolean(userTeams);
33
+ const userTeamsUrl = servicesConfig.serviceUrl.getUserTeamsServices({ baseServicesUrl });
34
+ const teamsQuery = reactQuery.useQuery({
35
+ queryKey: userTeamsUrl,
36
+ queryFn: servicesConfig.resolver.query(userTeamsUrl, null),
37
+ enabled: !hasUserTeams
38
+ });
39
+ if (userTeams?.isLoading || teamsQuery?.isLoading) {
40
+ return (React__default.default.createElement(react.HeaderPanel, { "aria-label": "App Switcher", className: panelClassName, expanded: isOpen, id: id, role: "menu" },
41
+ React__default.default.createElement("div", { className: cx__default.default(contentClassName, "--is-loading", { "--is-hidden": !isOpen }) },
42
+ React__default.default.createElement(react.SkeletonText, { className: skeletonClassName }),
43
+ React__default.default.createElement(react.SkeletonText, { className: skeletonClassName }),
44
+ React__default.default.createElement(react.SkeletonText, { className: skeletonClassName }),
45
+ React__default.default.createElement(react.SkeletonText, { className: skeletonClassName }),
46
+ React__default.default.createElement(react.SkeletonText, { className: skeletonClassName }))));
47
+ }
48
+ if (userTeams?.error || teamsQuery?.error) {
49
+ return (React__default.default.createElement(react.HeaderPanel, { "aria-label": "App Switcher", id: id, role: "menu", className: panelClassName, expanded: isOpen },
50
+ React__default.default.createElement(ErrorMessage.default, { className: cx__default.default(contentClassName, { "--is-hidden": !isOpen }) })));
51
+ }
52
+ if (userTeams?.data || teamsQuery?.data) {
53
+ let accountTeams, standardTeams, personalTeam = [];
54
+ if (hasUserTeams) {
55
+ accountTeams = userTeams?.data?.accountTeams;
56
+ standardTeams = userTeams?.data?.standardTeams;
57
+ personalTeam = userTeams?.data?.personalTeam;
58
+ }
59
+ else {
60
+ accountTeams = teamsQuery?.data?.accountTeams;
61
+ standardTeams = teamsQuery?.data?.standardTeams;
62
+ personalTeam = teamsQuery?.data?.personalTeam;
63
+ }
64
+ if (accountTeams?.length || standardTeams?.length) {
65
+ return (React__default.default.createElement(react.HeaderPanel, { "aria-label": "App Switcher", className: panelClassName, "data-testid": "header-app-switcher", expanded: isOpen, id: id, role: "menu" },
66
+ React__default.default.createElement("div", { className: cx__default.default(contentClassName, { "--is-hidden": !isOpen }) },
67
+ [...personalTeam, ...standardTeams].map((team) => (React__default.default.createElement(TeamServiceListMenu, { key: team.id, baseEnvUrl: baseEnvUrl, baseServicesUrl: baseServicesUrl, isMember: true, team: team, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent }))),
68
+ accountTeams?.map((account) => (React__default.default.createElement("div", { key: account.id },
69
+ React__default.default.createElement(react.SwitcherDivider, null),
70
+ React__default.default.createElement(TeamServiceListMenu, { baseEnvUrl: baseEnvUrl, baseServicesUrl: baseServicesUrl, isAccount: true, isMember: account.isAccountTeamMember, team: account, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent }),
71
+ Boolean(account.projectTeams) &&
72
+ account.projectTeams.map((project) => (React__default.default.createElement(TeamServiceListMenu, { key: project.id, baseEnvUrl: baseEnvUrl, baseServicesUrl: baseServicesUrl, isMember: true, team: project, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent })))))))));
73
+ }
74
+ return (React__default.default.createElement(react.HeaderPanel, { "aria-label": "App Switcher", className: panelClassName, "data-testid": "header-app-switcher", expanded: isOpen, id: id, role: "menu" },
75
+ React__default.default.createElement("div", { className: cx__default.default(contentClassName, "--is-empty", { "--is-hidden": !isOpen }) },
76
+ React__default.default.createElement("h1", { className: `${settings.prefix}--bmrg-header-switcher__empty-title` }, "No teams"),
77
+ React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-header-switcher__empty-subtitle` }, "You must be new here"))));
78
+ }
79
+ return null;
80
+ }
81
+ function TeamServiceListMenu({ baseEnvUrl, isAccount, isMember, team, templateMeteringEvent, triggerEvent }) {
82
+ const { name, displayName, services } = team;
83
+ const nameToDisplay = displayName ? displayName : name;
84
+ const isNameTruncated = nameToDisplay?.length > 30;
85
+ if (!isMember) {
86
+ return (React__default.default.createElement("div", { className: `${settings.prefix}--side-nav__item`, title: isNameTruncated ? nameToDisplay : undefined },
87
+ React__default.default.createElement("button", { disabled: true, className: `${settings.prefix}--side-nav__submenu`, "data-testid": "header-app-switcher-service" },
88
+ React__default.default.createElement("span", { className: `${settings.prefix}--side-nav__submenu-title` }, nameToDisplay))));
89
+ }
90
+ return (
91
+ // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
92
+ React__default.default.createElement("ul", { className: `${settings.prefix}--bmrg-header-team`, title: isNameTruncated ? nameToDisplay : undefined },
93
+ React__default.default.createElement(react.SideNavMenu, { title: nameToDisplay },
94
+ React__default.default.createElement(ServiceList, { baseEnvUrl: baseEnvUrl, isAccount: isAccount, servicesData: services, team: team, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent }))));
95
+ }
96
+ function ServiceList(props) {
97
+ const { baseEnvUrl = "", isAccount, servicesData, team, templateMeteringEvent, triggerEvent } = props;
98
+ const handleLinkClick = (service) => {
99
+ if (templateMeteringEvent) {
100
+ templateMeteringEvent({ service, team });
101
+ }
102
+ triggerEvent && triggerEvent(service);
103
+ };
104
+ if (!!servicesData) {
105
+ if (Boolean(servicesData?.length)) {
106
+ return (React__default.default.createElement(React__default.default.Fragment, null, servicesData.map((service) => {
107
+ const isExternalLink = typeof service?.url?.includes === "function" && !service.url.includes(baseEnvUrl);
108
+ const isNameTruncated = isExternalLink ? service.name.length > 28 : service.name.length > 32;
109
+ return (React__default.default.createElement(react.SideNavMenuItem, { key: service.name, href: service.url, title: isNameTruncated ? service.name : undefined, onClick: () => handleLinkClick(service), "data-testid": "header-app-switcher-service", ...(isExternalLink ? externalProps : undefined) },
110
+ React__default.default.createElement("span", null, service.name),
111
+ isExternalLink ? React__default.default.createElement(icons.Launch, { size: 16, title: "Opens page in new tab" }) : undefined));
112
+ })));
113
+ }
114
+ else {
115
+ return (React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-header-team__message`, "data-testid": "header-app-switcher-service" }, `This ${isAccount ? "account" : "team"} has no assets`));
116
+ }
117
+ }
118
+ return null;
111
119
  }
112
120
 
113
121
  exports.default = HeaderAppSwitcher;
@@ -9,13 +9,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
9
9
 
10
10
  var React__default = /*#__PURE__*/_interopDefault(React);
11
11
 
12
- /*
13
- IBM Confidential
14
- 694970X, 69497O0
15
- © Copyright IBM Corp. 2022, 2024
16
- */
17
- function HeaderMenu({ children, id, ...rest }) {
18
- return (React__default.default.createElement("ul", { className: `${settings.prefix}--bmrg-header-drop-down`, id: id, role: "menu", ...rest }, children));
12
+ /*
13
+ IBM Confidential
14
+ 694970X, 69497O0
15
+ © Copyright IBM Corp. 2022, 2024
16
+ */
17
+ function HeaderMenu({ children, id, ...rest }) {
18
+ return (React__default.default.createElement("ul", { className: `${settings.prefix}--bmrg-header-drop-down`, id: id, role: "menu", ...rest }, children));
19
19
  }
20
20
 
21
21
  exports.default = HeaderMenu;
@@ -14,58 +14,58 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
14
14
  var React__default = /*#__PURE__*/_interopDefault(React);
15
15
  var cx__default = /*#__PURE__*/_interopDefault(cx);
16
16
 
17
- /*
18
- IBM Confidential
19
- 694970X, 69497O0
20
- © Copyright IBM Corp. 2022, 2024
21
- */
22
- function HeaderMenuItem(props, ref) {
23
- if (props.type === "button") {
24
- const { icon, onClick, type, text, variant = "default", ...rest } = props;
25
- return (React__default.default.createElement(react.HeaderMenuItem
26
- // eslint-disable-next-line no-script-url
27
- , {
28
- // eslint-disable-next-line no-script-url
29
- href: "javascript:void(0)", onClick: onClick, role: "menuitem", ref: ref, ...rest },
30
- React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-header-menu-item__content ${variant === "danger" ? "--danger" : ""}` },
31
- React__default.default.createElement("span", { className: `${settings.prefix}--bmrg-header-menu-item__text` },
32
- icon,
33
- text))));
34
- }
35
- if (props.type === "link") {
36
- const { href, icon, kind, onClick, text, type, variant = "default", ...rest } = props;
37
- const externalProps = kind === "external" ? { target: "_blank", rel: "noopener noreferrer" } : {};
38
- let linkTypeIcon;
39
- switch (kind) {
40
- case "external":
41
- linkTypeIcon = React__default.default.createElement(icons.Launch, { title: "Opens link in new tab" });
42
- break;
43
- case "internal":
44
- linkTypeIcon = React__default.default.createElement(icons.ArrowRight, { title: "Opens link within same platform" });
45
- break;
46
- // no-op
47
- }
48
- return (React__default.default.createElement(react.HeaderMenuItem, { href: href, ...externalProps, onClick: onClick, role: "menuitem", ref: ref, ...rest },
49
- React__default.default.createElement("div", { className: cx__default.default(`${settings.prefix}--bmrg-header-menu-item__content`, { "--danger": variant === "danger" }) },
50
- React__default.default.createElement("span", { className: `${settings.prefix}--bmrg-header-menu-item__text` },
51
- icon,
52
- text),
53
- linkTypeIcon)));
54
- }
55
- if (props.type === "user") {
56
- const { icon, onClick = "default", src, type, userName, ...rest } = props;
57
- return (
58
- // eslint-disable-next-line no-script-url
59
- React__default.default.createElement(react.HeaderMenuItem, { href: "javascript:void(0)", onClick: onClick, role: "menuitem", ref: ref, ...rest },
60
- React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-header-menu-user` },
61
- React__default.default.createElement(Avatar.default, { size: "medium", src: src, userName: userName }),
62
- React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-header-menu-user__name` },
63
- " ",
64
- userName ? userName : "",
65
- " "))));
66
- }
67
- return null;
68
- }
17
+ /*
18
+ IBM Confidential
19
+ 694970X, 69497O0
20
+ © Copyright IBM Corp. 2022, 2024
21
+ */
22
+ function HeaderMenuItem(props, ref) {
23
+ if (props.type === "button") {
24
+ const { icon, onClick, type, text, variant = "default", ...rest } = props;
25
+ return (React__default.default.createElement(react.HeaderMenuItem
26
+ // eslint-disable-next-line no-script-url
27
+ , {
28
+ // eslint-disable-next-line no-script-url
29
+ href: "javascript:void(0)", onClick: onClick, role: "menuitem", ref: ref, ...rest },
30
+ React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-header-menu-item__content ${variant === "danger" ? "--danger" : ""}` },
31
+ React__default.default.createElement("span", { className: `${settings.prefix}--bmrg-header-menu-item__text` },
32
+ icon,
33
+ text))));
34
+ }
35
+ if (props.type === "link") {
36
+ const { href, icon, kind, onClick, text, type, variant = "default", ...rest } = props;
37
+ const externalProps = kind === "external" ? { target: "_blank", rel: "noopener noreferrer" } : {};
38
+ let linkTypeIcon;
39
+ switch (kind) {
40
+ case "external":
41
+ linkTypeIcon = React__default.default.createElement(icons.Launch, { title: "Opens link in new tab" });
42
+ break;
43
+ case "internal":
44
+ linkTypeIcon = React__default.default.createElement(icons.ArrowRight, { title: "Opens link within same platform" });
45
+ break;
46
+ // no-op
47
+ }
48
+ return (React__default.default.createElement(react.HeaderMenuItem, { href: href, ...externalProps, onClick: onClick, role: "menuitem", ref: ref, ...rest },
49
+ React__default.default.createElement("div", { className: cx__default.default(`${settings.prefix}--bmrg-header-menu-item__content`, { "--danger": variant === "danger" }) },
50
+ React__default.default.createElement("span", { className: `${settings.prefix}--bmrg-header-menu-item__text` },
51
+ icon,
52
+ text),
53
+ linkTypeIcon)));
54
+ }
55
+ if (props.type === "user") {
56
+ const { icon, onClick = "default", src, type, userName, ...rest } = props;
57
+ return (
58
+ // eslint-disable-next-line no-script-url
59
+ React__default.default.createElement(react.HeaderMenuItem, { href: "javascript:void(0)", onClick: onClick, role: "menuitem", ref: ref, ...rest },
60
+ React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-header-menu-user` },
61
+ React__default.default.createElement(Avatar.default, { size: "medium", src: src, userName: userName }),
62
+ React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-header-menu-user__name` },
63
+ " ",
64
+ userName ? userName : "",
65
+ " "))));
66
+ }
67
+ return null;
68
+ }
69
69
  var HeaderMenuItem$1 = React__default.default.forwardRef(HeaderMenuItem);
70
70
 
71
71
  exports.default = HeaderMenuItem$1;
@@ -12,35 +12,35 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
12
12
  var React__default = /*#__PURE__*/_interopDefault(React);
13
13
  var cx__default = /*#__PURE__*/_interopDefault(cx);
14
14
 
15
- /*
16
- IBM Confidential
17
- 694970X, 69497O0
18
- © Copyright IBM Corp. 2022, 2024
19
- */
20
- function UserRequests(props) {
21
- const { baseEnvUrl, summary = { requireUserAction: 0, submittedByUser: 0 } } = props;
22
- const { requireUserAction, submittedByUser } = summary;
23
- const existOwnedRequests = requireUserAction > 0;
24
- const existUserRequests = submittedByUser > 0;
25
- return (React__default.default.createElement(React__default.default.Fragment, null,
26
- React__default.default.createElement(react.HeaderMenuItem, { href: `${baseEnvUrl}/launchpad/requests/action`, "data-testid": "header-owned-requests" },
27
- React__default.default.createElement("div", { className: "cds--bmrg-requests" },
28
- React__default.default.createElement("span", { className: cx__default.default(`${settings.prefix}--bmrg-requests__title`, {
29
- [`${settings.prefix}--bmrg-requests-empty__title`]: !existOwnedRequests,
30
- }) },
31
- existOwnedRequests ? requireUserAction : "No",
32
- " Request",
33
- requireUserAction > 1 || !existOwnedRequests ? "s" : ""),
34
- React__default.default.createElement("span", { className: `${settings.prefix}--bmrg-requests__text` }, "requiring your action"))),
35
- React__default.default.createElement(react.HeaderMenuItem, { href: `${baseEnvUrl}/launchpad/requests/mine`, "data-testid": "header-user-requests" },
36
- React__default.default.createElement("div", { className: "cds--bmrg-requests" },
37
- React__default.default.createElement("span", { className: cx__default.default(`${settings.prefix}--bmrg-requests__title`, {
38
- [`${settings.prefix}--bmrg-requests-empty__title`]: !existUserRequests,
39
- }) },
40
- existUserRequests ? submittedByUser : "No",
41
- " Request",
42
- submittedByUser > 1 || !existUserRequests ? "s" : ""),
43
- React__default.default.createElement("span", { className: `${settings.prefix}--bmrg-requests__text` }, "made by you are processing")))));
15
+ /*
16
+ IBM Confidential
17
+ 694970X, 69497O0
18
+ © Copyright IBM Corp. 2022, 2024
19
+ */
20
+ function UserRequests(props) {
21
+ const { baseEnvUrl, summary = { requireUserAction: 0, submittedByUser: 0 } } = props;
22
+ const { requireUserAction, submittedByUser } = summary;
23
+ const existOwnedRequests = requireUserAction > 0;
24
+ const existUserRequests = submittedByUser > 0;
25
+ return (React__default.default.createElement(React__default.default.Fragment, null,
26
+ React__default.default.createElement(react.HeaderMenuItem, { href: `${baseEnvUrl}/launchpad/requests/action`, "data-testid": "header-owned-requests" },
27
+ React__default.default.createElement("div", { className: "cds--bmrg-requests" },
28
+ React__default.default.createElement("span", { className: cx__default.default(`${settings.prefix}--bmrg-requests__title`, {
29
+ [`${settings.prefix}--bmrg-requests-empty__title`]: !existOwnedRequests,
30
+ }) },
31
+ existOwnedRequests ? requireUserAction : "No",
32
+ " Request",
33
+ requireUserAction > 1 || !existOwnedRequests ? "s" : ""),
34
+ React__default.default.createElement("span", { className: `${settings.prefix}--bmrg-requests__text` }, "requiring your action"))),
35
+ React__default.default.createElement(react.HeaderMenuItem, { href: `${baseEnvUrl}/launchpad/requests/mine`, "data-testid": "header-user-requests" },
36
+ React__default.default.createElement("div", { className: "cds--bmrg-requests" },
37
+ React__default.default.createElement("span", { className: cx__default.default(`${settings.prefix}--bmrg-requests__title`, {
38
+ [`${settings.prefix}--bmrg-requests-empty__title`]: !existUserRequests,
39
+ }) },
40
+ existUserRequests ? submittedByUser : "No",
41
+ " Request",
42
+ submittedByUser > 1 || !existUserRequests ? "s" : ""),
43
+ React__default.default.createElement("span", { className: `${settings.prefix}--bmrg-requests__text` }, "made by you are processing")))));
44
44
  }
45
45
 
46
46
  exports.default = UserRequests;
@@ -14,23 +14,23 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
14
14
  var React__default = /*#__PURE__*/_interopDefault(React);
15
15
  var cx__default = /*#__PURE__*/_interopDefault(cx);
16
16
 
17
- /*
18
- IBM Confidential
19
- 694970X, 69497O0
20
- © Copyright IBM Corp. 2022, 2024
21
- */
22
- function ImageModal(props) {
23
- const { appElement = "#app", className, containerClassName, modalProps, imageClassName, imageProps, imageSrc } = props;
24
- const [isModalOpen, setIsModalOpen] = React__default.default.useState(false);
25
- const handleOpenModal = () => {
26
- setIsModalOpen(true);
27
- };
28
- return (React__default.default.createElement("div", { className: cx__default.default(`${settings.prefix}--bmrg-image-modal-container`, containerClassName) },
29
- React__default.default.createElement(Modal.Modal, { appElement: appElement, containerClassName: `${settings.prefix}--bmrg-image-modal`, isOpen: isModalOpen, onRequestClose: () => setIsModalOpen(false), ...modalProps },
30
- React__default.default.createElement(react.Button, { kind: "ghost", size: "lg", hasIconOnly: true, renderIcon: icons.Close, className: `${settings.prefix}--bmrg-image-modal__close`, onClick: () => setIsModalOpen(false) }),
31
- React__default.default.createElement("img", { className: `${settings.prefix}--bmrg-image-modal__open-image`, alt: "modal-content", src: imageSrc })),
32
- React__default.default.createElement("button", { tabIndex: 0, onClick: handleOpenModal, className: cx__default.default(`${settings.prefix}--bmrg-image-modal__trigger`, className) },
33
- React__default.default.createElement("img", { className: cx__default.default(`${settings.prefix}--bmrg-image-modal__image`, imageClassName), alt: "trigger", src: imageSrc, ...imageProps }))));
17
+ /*
18
+ IBM Confidential
19
+ 694970X, 69497O0
20
+ © Copyright IBM Corp. 2022, 2024
21
+ */
22
+ function ImageModal(props) {
23
+ const { appElement = "#app", className, containerClassName, modalProps, imageClassName, imageProps, imageSrc } = props;
24
+ const [isModalOpen, setIsModalOpen] = React__default.default.useState(false);
25
+ const handleOpenModal = () => {
26
+ setIsModalOpen(true);
27
+ };
28
+ return (React__default.default.createElement("div", { className: cx__default.default(`${settings.prefix}--bmrg-image-modal-container`, containerClassName) },
29
+ React__default.default.createElement(Modal.Modal, { appElement: appElement, containerClassName: `${settings.prefix}--bmrg-image-modal`, isOpen: isModalOpen, onRequestClose: () => setIsModalOpen(false), ...modalProps },
30
+ React__default.default.createElement(react.Button, { kind: "ghost", size: "lg", hasIconOnly: true, renderIcon: icons.Close, className: `${settings.prefix}--bmrg-image-modal__close`, onClick: () => setIsModalOpen(false) }),
31
+ React__default.default.createElement("img", { className: `${settings.prefix}--bmrg-image-modal__open-image`, alt: "modal-content", src: imageSrc })),
32
+ React__default.default.createElement("button", { tabIndex: 0, onClick: handleOpenModal, className: cx__default.default(`${settings.prefix}--bmrg-image-modal__trigger`, className) },
33
+ React__default.default.createElement("img", { className: cx__default.default(`${settings.prefix}--bmrg-image-modal__image`, imageClassName), alt: "trigger", src: imageSrc, ...imageProps }))));
34
34
  }
35
35
 
36
36
  exports.ImageModal = ImageModal;
@@ -10,14 +10,14 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
10
10
 
11
11
  var React__default = /*#__PURE__*/_interopDefault(React);
12
12
 
13
- /*
14
- IBM Confidential
15
- 694970X, 69497O0
16
- © Copyright IBM Corp. 2022, 2024
17
- */
18
- function Loading({ delay, ...rest }) {
19
- return (React__default.default.createElement(DelayedRender.default, { delay: delay },
20
- React__default.default.createElement(react.Loading, { ...rest })));
13
+ /*
14
+ IBM Confidential
15
+ 694970X, 69497O0
16
+ © Copyright IBM Corp. 2022, 2024
17
+ */
18
+ function Loading({ delay, ...rest }) {
19
+ return (React__default.default.createElement(DelayedRender.default, { delay: delay },
20
+ React__default.default.createElement(react.Loading, { ...rest })));
21
21
  }
22
22
 
23
23
  exports.default = Loading;
@@ -13,26 +13,26 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
13
13
  var React__default = /*#__PURE__*/_interopDefault(React);
14
14
  var cx__default = /*#__PURE__*/_interopDefault(cx);
15
15
 
16
- /*
17
- IBM Confidential
18
- 694970X, 69497O0
19
- © Copyright IBM Corp. 2022, 2024
20
- */
21
- 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, }) {
22
- const avatarOpacity = isUserNotAllowed ? "0.8" : "1";
23
- return (React__default.default.createElement("li", { ...liProps },
24
- React__default.default.createElement("button", { className: cx__default.default(`${settings.prefix}--bmrg-member-bar`, buttonClassName, {
25
- [`${settings.prefix}--bmrg-member-bar--detail`]: isDetail,
26
- }), disabled: isUserNotAllowed, onClick: addUser && !isUserNotAllowed ? () => addUser(id) : removeUser ? () => removeUser(id) : undefined, type: "button", ...buttonProps },
27
- React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-member-bar__user` },
28
- React__default.default.createElement(Avatar.default, { src: avatarSrc, ...avatarProps, style: { opacity: avatarOpacity } }),
29
- React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-member-bar__data`, style: { opacity: avatarOpacity } },
30
- React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-member-bar__name` }, name),
31
- React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-member-bar__email` }, email))),
32
- (isPartner || removeUser || isUserNotAllowed) && (React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-member-bar__right-section` },
33
- isPartner && React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-member-bar__partner-text` }, "Partner User"),
34
- isUserNotAllowed && (React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-member-bar__partner-not-allowed-text` }, notAllowedMessage)),
35
- removeUser && (React__default.default.createElement(icons.CloseOutline, { size: 32, className: `${settings.prefix}--bmrg-member-bar__close-icon`, title: "Remove user", "data-testid": "remove-user-button" })))))));
16
+ /*
17
+ IBM Confidential
18
+ 694970X, 69497O0
19
+ © Copyright IBM Corp. 2022, 2024
20
+ */
21
+ 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, }) {
22
+ const avatarOpacity = isUserNotAllowed ? "0.8" : "1";
23
+ return (React__default.default.createElement("li", { ...liProps },
24
+ React__default.default.createElement("button", { className: cx__default.default(`${settings.prefix}--bmrg-member-bar`, buttonClassName, {
25
+ [`${settings.prefix}--bmrg-member-bar--detail`]: isDetail,
26
+ }), disabled: isUserNotAllowed, onClick: addUser && !isUserNotAllowed ? () => addUser(id) : removeUser ? () => removeUser(id) : undefined, type: "button", ...buttonProps },
27
+ React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-member-bar__user` },
28
+ React__default.default.createElement(Avatar.default, { src: avatarSrc, ...avatarProps, style: { opacity: avatarOpacity } }),
29
+ React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-member-bar__data`, style: { opacity: avatarOpacity } },
30
+ React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-member-bar__name` }, name),
31
+ React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-member-bar__email` }, email))),
32
+ (isPartner || removeUser || isUserNotAllowed) && (React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-member-bar__right-section` },
33
+ isPartner && React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-member-bar__partner-text` }, "Partner User"),
34
+ isUserNotAllowed && (React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-member-bar__partner-not-allowed-text` }, notAllowedMessage)),
35
+ removeUser && (React__default.default.createElement(icons.CloseOutline, { size: 32, className: `${settings.prefix}--bmrg-member-bar__close-icon`, title: "Remove user", "data-testid": "remove-user-button" })))))));
36
36
  }
37
37
 
38
38
  exports.default = MemberBar;
@@ -13,26 +13,26 @@ var React__default = /*#__PURE__*/_interopDefault(React);
13
13
  var ReactModal__default = /*#__PURE__*/_interopDefault(ReactModal);
14
14
  var cx__default = /*#__PURE__*/_interopDefault(cx);
15
15
 
16
- /*
17
- IBM Confidential
18
- 694970X, 69497O0
19
- © Copyright IBM Corp. 2022, 2024
20
- */
21
- function Modal(props) {
22
- const { appElement = "#app", className, containerClassName, children, isOpen = false, ...rest } = props;
23
- React__default.default.useEffect(() => {
24
- ReactModal__default.default.setAppElement(appElement);
25
- }, [appElement]);
26
- return (React__default.default.createElement(React__default.default.Fragment, null,
27
- React__default.default.createElement(ReactModal__default.default, { shouldCloseOnOverlayClick: true, closeTimeoutMS: 240, isOpen: isOpen, htmlOpenClassName: `${settings.prefix}--bmrg-html-modal-is-open`, bodyOpenClassName: `${settings.prefix}--bmrg-body-modal-is-open`, className: {
28
- base: cx__default.default(`${settings.prefix}--bmrg-modal-container`, containerClassName),
29
- afterOpen: "--is-open",
30
- beforeClose: "--is-closed",
31
- }, portalClassName: `${settings.prefix}--bmrg-modal-portal`, overlayClassName: {
32
- base: cx__default.default(`${settings.prefix}--bmrg-modal-overlay`, className),
33
- afterOpen: "--is-open",
34
- beforeClose: "--is-closed",
35
- }, ...rest }, children)));
16
+ /*
17
+ IBM Confidential
18
+ 694970X, 69497O0
19
+ © Copyright IBM Corp. 2022, 2024
20
+ */
21
+ function Modal(props) {
22
+ const { appElement = "#app", className, containerClassName, children, isOpen = false, ...rest } = props;
23
+ React__default.default.useEffect(() => {
24
+ ReactModal__default.default.setAppElement(appElement);
25
+ }, [appElement]);
26
+ return (React__default.default.createElement(React__default.default.Fragment, null,
27
+ React__default.default.createElement(ReactModal__default.default, { shouldCloseOnOverlayClick: true, closeTimeoutMS: 240, isOpen: isOpen, htmlOpenClassName: `${settings.prefix}--bmrg-html-modal-is-open`, bodyOpenClassName: `${settings.prefix}--bmrg-body-modal-is-open`, className: {
28
+ base: cx__default.default(`${settings.prefix}--bmrg-modal-container`, containerClassName),
29
+ afterOpen: "--is-open",
30
+ beforeClose: "--is-closed",
31
+ }, portalClassName: `${settings.prefix}--bmrg-modal-portal`, overlayClassName: {
32
+ base: cx__default.default(`${settings.prefix}--bmrg-modal-overlay`, className),
33
+ afterOpen: "--is-open",
34
+ beforeClose: "--is-closed",
35
+ }, ...rest }, children)));
36
36
  }
37
37
 
38
38
  exports.Modal = Modal;