@boomerang-io/carbon-addons-boomerang-react 4.6.7 → 4.6.8-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 (252) 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 +240 -212
  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 -168
  44. package/dist/cjs/components/Header/HeaderAppSwitcher.js +100 -100
  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 -89
  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 +241 -213
  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 -168
  141. package/dist/esm/components/Header/HeaderAppSwitcher.js +100 -100
  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 -89
  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 -1306
  197. package/package.json +167 -167
  198. package/scss/components/AboutPlatform/_aboutPlatform.scss +139 -139
  199. package/scss/components/AdvantageSideNav/_advantageSideNav.scss +265 -258
  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 -402
  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
@@ -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 };
@@ -1,17 +1,17 @@
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 ModalConfirmDetails({ items, ...rest }) {
10
- return (React.createElement("ul", { className: `${prefix}--bmrg-modal-confirm-details`, ...rest }, items?.map((item) => {
11
- return (React.createElement("li", { className: `${prefix}--bmrg-modal-confirm-details__item`, key: item.name },
12
- React.createElement("div", { className: `${prefix}--bmrg-modal-confirm-details__name` }, item.name),
13
- React.createElement("div", { className: `${prefix}--bmrg-modal-confirm-details__value` }, item.value)));
14
- }) ?? null));
4
+ /*
5
+ IBM Confidential
6
+ 694970X, 69497O0
7
+ © Copyright IBM Corp. 2022, 2024
8
+ */
9
+ function ModalConfirmDetails({ items, ...rest }) {
10
+ return (React.createElement("ul", { className: `${prefix}--bmrg-modal-confirm-details`, ...rest }, items?.map((item) => {
11
+ return (React.createElement("li", { className: `${prefix}--bmrg-modal-confirm-details__item`, key: item.name },
12
+ React.createElement("div", { className: `${prefix}--bmrg-modal-confirm-details__name` }, item.name),
13
+ React.createElement("div", { className: `${prefix}--bmrg-modal-confirm-details__value` }, item.value)));
14
+ }) ?? null));
15
15
  }
16
16
 
17
17
  export { ModalConfirmDetails as default };
@@ -4,23 +4,23 @@ import ModalConfirmDetails from './ModalConfirmDetails.js';
4
4
  import ModalConfirmArray from './ModalConfirmArray.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
- const TYPES = {
13
- DETAILS: "details",
14
- ARRAY: "array",
15
- };
16
- function ModalConfirmEdit({ items, onEdit, style, title = "Confirm Your Details", type = "details", ...rest }) {
17
- return (React.createElement("div", { className: `${prefix}--bmrg-modal-confirm-edit`, style: style, ...rest },
18
- React.createElement("p", { className: `${prefix}--bmrg-modal-confirm-edit__title` }, title),
19
- React.createElement("section", { className: `${prefix}--bmrg-modal-confirm-edit__section` },
20
- React.createElement("div", { className: `${prefix}--bmrg-modal-confirm-edit__content` },
21
- type === TYPES.DETAILS ? (React.createElement(ModalConfirmDetails, { items: items })) : type === TYPES.ARRAY ? (React.createElement(ModalConfirmArray, { items: items })) : null,
22
- typeof onEdit === "function" && (React.createElement("button", { className: `${prefix}--bmrg-modal-confirm-edit__button`, onClick: onEdit },
23
- React.createElement(Edit, { size: 16, className: `${prefix}--bmrg-modal-confirm-edit__icon`, title: "Edit" })))))));
7
+ /*
8
+ IBM Confidential
9
+ 694970X, 69497O0
10
+ © Copyright IBM Corp. 2022, 2024
11
+ */
12
+ const TYPES = {
13
+ DETAILS: "details",
14
+ ARRAY: "array",
15
+ };
16
+ function ModalConfirmEdit({ items, onEdit, style, title = "Confirm Your Details", type = "details", ...rest }) {
17
+ return (React.createElement("div", { className: `${prefix}--bmrg-modal-confirm-edit`, style: style, ...rest },
18
+ React.createElement("p", { className: `${prefix}--bmrg-modal-confirm-edit__title` }, title),
19
+ React.createElement("section", { className: `${prefix}--bmrg-modal-confirm-edit__section` },
20
+ React.createElement("div", { className: `${prefix}--bmrg-modal-confirm-edit__content` },
21
+ type === TYPES.DETAILS ? (React.createElement(ModalConfirmDetails, { items: items })) : type === TYPES.ARRAY ? (React.createElement(ModalConfirmArray, { items: items })) : null,
22
+ typeof onEdit === "function" && (React.createElement("button", { className: `${prefix}--bmrg-modal-confirm-edit__button`, onClick: onEdit },
23
+ React.createElement(Edit, { size: 16, className: `${prefix}--bmrg-modal-confirm-edit__icon`, title: "Edit" })))))));
24
24
  }
25
25
 
26
26
  export { ModalConfirmEdit as default };
@@ -2,15 +2,15 @@ import React from 'react';
2
2
  import cx from 'classnames';
3
3
  import { prefix } from '../../internal/settings.js';
4
4
 
5
- /*
6
- IBM Confidential
7
- 694970X, 69497O0
8
- © Copyright IBM Corp. 2022, 2024
9
- */
10
- const ModalForm = React.forwardRef(function ModalForm({ children, className, element: Element = "form", title, ...rest }, ref) {
11
- return (React.createElement(Element, { className: cx(`${prefix}--bmrg-modal-form`, className), ...rest, ref: ref },
12
- title && React.createElement("p", { className: `${prefix}--bmrg-modal-form__title` }, title),
13
- children));
5
+ /*
6
+ IBM Confidential
7
+ 694970X, 69497O0
8
+ © Copyright IBM Corp. 2022, 2024
9
+ */
10
+ const ModalForm = React.forwardRef(function ModalForm({ children, className, element: Element = "form", title, ...rest }, ref) {
11
+ return (React.createElement(Element, { className: cx(`${prefix}--bmrg-modal-form`, className), ...rest, ref: ref },
12
+ title && React.createElement("p", { className: `${prefix}--bmrg-modal-form__title` }, title),
13
+ children));
14
14
  });
15
15
 
16
16
  export { ModalForm as default };
@@ -4,28 +4,28 @@ import { Close } from '@carbon/react/icons';
4
4
  import { injectStyle } from 'react-toastify/dist/inject-style';
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
- if (typeof window !== "undefined") {
13
- injectStyle();
14
- }
15
- const CloseButton = ({ closeToast }) => React.createElement(Close, { size: 20, onClick: closeToast });
16
- class NotificationsContainer extends Component {
17
- static defaultProps = {
18
- autoClose: 3000,
19
- closeOnClick: true,
20
- draggablePercent: 60,
21
- hideProgressBar: true,
22
- pauseOnHover: true,
23
- transition: Slide,
24
- };
25
- render() {
26
- const { autoClose, closeOnClick, draggablePercent, hideProgressBar, pauseOnHover, transition, ...rest } = this.props;
27
- return (React.createElement(ToastContainer, { className: `${prefix}--bmrg-toastify-container`, autoClose: autoClose, closeButton: React.createElement(CloseButton, null), closeOnClick: closeOnClick, draggablePercent: draggablePercent, hideProgressBar: hideProgressBar, pauseOnHover: pauseOnHover, transition: transition, ...rest }));
28
- }
7
+ /*
8
+ IBM Confidential
9
+ 694970X, 69497O0
10
+ © Copyright IBM Corp. 2022, 2024
11
+ */
12
+ if (typeof window !== "undefined") {
13
+ injectStyle();
14
+ }
15
+ const CloseButton = ({ closeToast }) => React.createElement(Close, { size: 20, onClick: closeToast });
16
+ class NotificationsContainer extends Component {
17
+ static defaultProps = {
18
+ autoClose: 3000,
19
+ closeOnClick: true,
20
+ draggablePercent: 60,
21
+ hideProgressBar: true,
22
+ pauseOnHover: true,
23
+ transition: Slide,
24
+ };
25
+ render() {
26
+ const { autoClose, closeOnClick, draggablePercent, hideProgressBar, pauseOnHover, transition, ...rest } = this.props;
27
+ return (React.createElement(ToastContainer, { className: `${prefix}--bmrg-toastify-container`, autoClose: autoClose, closeButton: React.createElement(CloseButton, null), closeOnClick: closeOnClick, draggablePercent: draggablePercent, hideProgressBar: hideProgressBar, pauseOnHover: pauseOnHover, transition: transition, ...rest }));
28
+ }
29
29
  }
30
30
 
31
31
  export { NotificationsContainer as default };
@@ -2,27 +2,27 @@ import React from 'react';
2
2
  import { ToastNotification as ToastNotification$1 } from '@carbon/react';
3
3
  import { prefix } from '../../internal/settings.js';
4
4
 
5
- /*
6
- IBM Confidential
7
- 694970X, 69497O0
8
- © Copyright IBM Corp. 2022, 2024
9
- */
10
- // eslint-disable no-unused-vars
11
- ToastNotification.defaultProps = {
12
- kind: "info",
13
- title: "",
14
- subtitle: "",
15
- caption: undefined,
16
- role: "alert",
17
- notificationType: "toast",
18
- iconDescription: "closes notification",
19
- onCloseButtonClick: () => { },
20
- hideCloseButton: true,
21
- timeout: 1000000,
22
- };
23
- function ToastNotification({ iconDescription, closeToast, toastProps, notificationType, ...rest }) {
24
- return (React.createElement("div", { className: `${prefix}--bmrg-toast-notification-container` },
25
- React.createElement(ToastNotification$1, { ...rest })));
5
+ /*
6
+ IBM Confidential
7
+ 694970X, 69497O0
8
+ © Copyright IBM Corp. 2022, 2024
9
+ */
10
+ // eslint-disable no-unused-vars
11
+ ToastNotification.defaultProps = {
12
+ kind: "info",
13
+ title: "",
14
+ subtitle: "",
15
+ caption: undefined,
16
+ role: "alert",
17
+ notificationType: "toast",
18
+ iconDescription: "closes notification",
19
+ onCloseButtonClick: () => { },
20
+ hideCloseButton: true,
21
+ timeout: 1000000,
22
+ };
23
+ function ToastNotification({ iconDescription, closeToast, toastProps, notificationType, ...rest }) {
24
+ return (React.createElement("div", { className: `${prefix}--bmrg-toast-notification-container` },
25
+ React.createElement(ToastNotification$1, { ...rest })));
26
26
  }
27
27
 
28
28
  export { ToastNotification as default };
@@ -3,23 +3,23 @@ import { toast } from 'react-toastify';
3
3
  import { prefix } from '../../internal/settings.js';
4
4
  import ToastNotification from './ToastNotification.js';
5
5
 
6
- /*
7
- IBM Confidential
8
- 694970X, 69497O0
9
- © Copyright IBM Corp. 2022, 2024
10
- */
11
- /** Create notifcation wrapper around react-toastify with default component for basic notification
12
- * @param {*} notification notifcation content
13
- * @param {Object} config custom configuration for ToastContainer
14
- */
15
- const notify = (notification, config) => {
16
- // Check to see if they pass in a component or function
17
- // Default passing prop to Notification component
18
- const notificationComponent = typeof notification === "object" || typeof notification === "function" ? (notification) : (React.createElement(ToastNotification, { title: notification }));
19
- toast(notificationComponent, {
20
- className: `${prefix}--bmrg--toast-container`,
21
- ...config,
22
- });
6
+ /*
7
+ IBM Confidential
8
+ 694970X, 69497O0
9
+ © Copyright IBM Corp. 2022, 2024
10
+ */
11
+ /** Create notifcation wrapper around react-toastify with default component for basic notification
12
+ * @param {*} notification notifcation content
13
+ * @param {Object} config custom configuration for ToastContainer
14
+ */
15
+ const notify = (notification, config) => {
16
+ // Check to see if they pass in a component or function
17
+ // Default passing prop to Notification component
18
+ const notificationComponent = typeof notification === "object" || typeof notification === "function" ? (notification) : (React.createElement(ToastNotification, { title: notification }));
19
+ toast(notificationComponent, {
20
+ className: `${prefix}--bmrg--toast-container`,
21
+ ...config,
22
+ });
23
23
  };
24
24
 
25
25
  export { notify as default };