@boomerang-io/carbon-addons-boomerang-react 4.6.10-beta.5 → 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,45 +3,45 @@ import Tippy from '@tippyjs/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
- /**
12
- * TooltipHover to replace TooltipDefintion in most situations.
13
- * Uses https://github.com/atomiks/tippyjs-react
14
- */
15
- function TooltipHover({ align, direction, children, className, content, placement, tooltipContent, tooltipText, ...rest }) {
16
- // support all three for compat with both tippy props and carbon
17
- const contentToRender = content || tooltipContent || tooltipText;
18
- /**
19
- * Determine where to place it based on possible combinations
20
- *
21
- */
22
- let computedPlacement = "";
23
- // Tippy prop placement takes precedence
24
- if (placement) {
25
- computedPlacement = placement;
26
- }
27
- else {
28
- if (direction && align) {
29
- computedPlacement = `${direction}-${align}`;
30
- }
31
- else if (direction) {
32
- computedPlacement = direction;
33
- }
34
- else if (align) {
35
- computedPlacement = `auto-${align}`;
36
- }
37
- else {
38
- computedPlacement = "bottom";
39
- }
40
- }
41
- // Sensible defaults to match CDS
42
- return (React.createElement(Tippy, { arrow: `<svg height="6px" width="8px" viewBox="0 0 80 60" xmlns="http://www.w3.org/2000/svg">
43
- <polygon points= "0 60, 40 0, 80 60"/>
44
- </svg>`, animation: "fade", className: cx(`${prefix}--bmrg-tooltip`, className), content: contentToRender, duration: 100, placement: computedPlacement, ...rest }, children));
6
+ /*
7
+ IBM Confidential
8
+ 694970X, 69497O0
9
+ © Copyright IBM Corp. 2022, 2024
10
+ */
11
+ /**
12
+ * TooltipHover to replace TooltipDefintion in most situations.
13
+ * Uses https://github.com/atomiks/tippyjs-react
14
+ */
15
+ function TooltipHover({ align, direction, children, className, content, placement, tooltipContent, tooltipText, ...rest }) {
16
+ // support all three for compat with both tippy props and carbon
17
+ const contentToRender = content || tooltipContent || tooltipText;
18
+ /**
19
+ * Determine where to place it based on possible combinations
20
+ *
21
+ */
22
+ let computedPlacement = "";
23
+ // Tippy prop placement takes precedence
24
+ if (placement) {
25
+ computedPlacement = placement;
26
+ }
27
+ else {
28
+ if (direction && align) {
29
+ computedPlacement = `${direction}-${align}`;
30
+ }
31
+ else if (direction) {
32
+ computedPlacement = direction;
33
+ }
34
+ else if (align) {
35
+ computedPlacement = `auto-${align}`;
36
+ }
37
+ else {
38
+ computedPlacement = "bottom";
39
+ }
40
+ }
41
+ // Sensible defaults to match CDS
42
+ return (React.createElement(Tippy, { arrow: `<svg height="6px" width="8px" viewBox="0 0 80 60" xmlns="http://www.w3.org/2000/svg">
43
+ <polygon points= "0 60, 40 0, 80 60"/>
44
+ </svg>`, animation: "fade", className: cx(`${prefix}--bmrg-tooltip`, className), content: contentToRender, duration: 100, placement: computedPlacement, ...rest }, children));
45
45
  }
46
46
 
47
47
  export { TooltipHover as default };
@@ -13,96 +13,95 @@ import { queryClient } from '../../config/servicesConfig.js';
13
13
  import { SignOutMenuItem } from '../SignOut/SignOut.js';
14
14
  import { USER_PLATFORM_ROLE } from '../../constants/UserType.js';
15
15
 
16
- /*
17
- IBM Confidential
18
- 694970X, 69497O0
19
- © Copyright IBM Corp. 2022, 2024
20
- */
21
- function UIShell({ analyticsHelpers, baseEnvUrl, carbonTheme = "g10", config, createJoinTeamTrigger, history, isLaunchpad = false, isLoadingTeamSwitcher, isSuccessTeamSwitcher, setIsSuccessTeamSwitcher, leftPanel, platformName, productName, profileMenuItems = [], supportMenuItems = [], renderPrivacyRedirect = true, renderPrivacyStatement = true, rightPanel, handleShowTutorial, skipToContentProps, templateMeteringEvent, trackEvent, triggerEvent, tutorialScreenToShow, user, userTeams, enableIcaMacs, }) {
22
- // Support base header .e.g for an error state
23
- if (!config) {
24
- return (React.createElement(QueryClientProvider, { client: queryClient },
25
- React.createElement(Header, { baseEnvUrl: baseEnvUrl ?? "", baseServicesUrl: "", carbonTheme: carbonTheme, enableAppSwitcher: false, enableNotifications: false, enableNotificationsCount: false, productName: productName || platformName || "", user: user })));
26
- }
27
- const { features, navigation, platform, platformMessage } = config;
28
- const names = getProductAndPlatformNames({ productName, platformName, platform });
29
- const sendIdeasUrl = platform?.feedbackUrl || "https://ideas.ibm.com";
30
- const supportLink = platform?.supportUrl;
31
- const partnerEmailId = "ica-support@ibm.com";
32
- /**
33
- * Check feature enablement via explicit feature flags
34
- */
35
- const isAppSwitcherEnabled = Boolean(features?.["appSwitcher.enabled"]);
36
- const instanceSwitcherEnabled = Boolean(platform?.["instanceSwitcherEnabled"]);
37
- const isFeedbackEnabled = Boolean(features?.["feedback.enabled"]);
38
- const isNotificationsEnabled = Boolean(features?.["notifications.enabled"]);
39
- const isNotificationsCountEnabled = Boolean(features?.["notificationsCount.enabled"]);
40
- const isSupportEnabled = Boolean(features?.["support.enabled"]);
41
- /**
42
- * Check feature enablement via value truthiness
43
- */
44
- const isAboutPlatformEnabled = Boolean(platform.name);
45
- const isCommunityEnabled = Boolean(platform?.communityUrl);
46
- const isSendMailEnabled = Boolean(platform.sendMail);
47
- const isSignOutEnabled = Boolean(platform?.signOutUrl);
48
- const isUserEnabled = Boolean(user?.id);
49
- const isPartnerUser = Boolean(user?.type === USER_PLATFORM_ROLE.Partner);
50
- const supportFlagCheck = user?.showSupport;
51
- const askICAEnabled = Boolean(platform?.askICAEnabled);
52
- /**
53
- * Checking for conditions when we explicitly set "renderPrivacyRedirect" to false (it defaults to true) OR
54
- * it's disabled overall for the platform. This lets us toggle the UIShell consent redirect per app as needed
55
- * e.g. disabled in Launchpad, but have it enabled for rest of the platform AND also support
56
- * having it disabled in a "standalone" mode via the consent.enable feature flag, i.e. data driven via the service
57
- */
58
- const isPrivacyRedirectDisabled = renderPrivacyRedirect === false || features?.["consent.enabled"] === false;
59
- const isPrivacyModalRendered = isPrivacyRedirectDisabled === false && user?.hasConsented === false;
60
- /**
61
- * Also enable/disable privacy statement via the consent.enabled feature flag
62
- */
63
- const isPrivacyStatementDisabled = renderPrivacyStatement === false || features?.["consent.enabled"] === false;
64
- return (React.createElement(QueryClientProvider, { client: queryClient },
65
- React.createElement(Header, { analyticsHelpers: analyticsHelpers, baseEnvUrl: platform.baseEnvUrl, baseServicesUrl: platform.baseServicesUrl, carbonTheme: carbonTheme, createJoinTeamTrigger: createJoinTeamTrigger, enableAppSwitcher: isAppSwitcherEnabled, instanceSwitcherEnabled: instanceSwitcherEnabled, enableNotifications: isNotificationsEnabled, enableNotificationsCount: isNotificationsCountEnabled, leftPanel: leftPanel, navLinks: navigation, platform: platform, platformMessage: platformMessage, prefixName: names.platformName, productName: names.productName, rightPanel: rightPanel, requestSummary: user?.requestSummary, skipToContentProps: skipToContentProps, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent, profileMenuItems: [
66
- isUserEnabled && (React.createElement(ProfileSettingsMenuItem, { key: "profile-settings", baseServicesUrl: platform.baseServicesUrl, src: `${platform.baseServicesUrl}/users/image/${user?.email}`, userName: user?.displayName ?? user?.name })),
67
- isSendMailEnabled && (React.createElement(HeaderMenuItem, { key: "email-preferences", href: `${platform.baseEnvUrl}/launchpad/email-preferences`, icon: React.createElement(Email, null), kind: "internal", text: "Email Preferences", type: "link" })),
68
- !isPrivacyStatementDisabled && (React.createElement(PrivacyStatementMenuItem, { key: "privacy-statement", baseServicesUrl: platform.baseServicesUrl, platformEmail: platform?.platformEmail })),
69
- ...profileMenuItems,
70
- isSignOutEnabled && React.createElement(SignOutMenuItem, { key: "Sign Out", signOutLink: platform.signOutUrl }),
71
- ].filter(Boolean), supportMenuItems: [
72
- isSupportEnabled &&
73
- (supportFlagCheck || isPartnerUser ? (React.createElement(SupportCenterMenuItem, { key: "support-center", platformName: platform?.platformName, platformOrganization: platform?.platformOrganization, supportLink: supportLink, partnerEmailId: partnerEmailId, enablePartner: isPartnerUser, baseServicesUrl: platform.baseServicesUrl })) : (React.createElement(HeaderMenuItem, { key: "support-center", href: platform?.supportUrl, icon: React.createElement(HelpDesk, null), kind: "external", text: "Support Center", type: "link" }))),
74
- isCommunityEnabled && (React.createElement(HeaderMenuItem, { key: "community", href: platform?.communityUrl, icon: React.createElement(Forum, null), kind: "external", text: "Community", type: "link" })),
75
- isFeedbackEnabled && (React.createElement(FeedbackMenuItem, { key: "feedback", platformName: platform?.platformName, platformOrganization: platform?.platformOrganization, sendIdeasUrl: sendIdeasUrl })),
76
- !isPartnerUser && askICAEnabled ? (React.createElement(HeaderMenuItem, { key: "chat-launch", href: platform?.askICAUrl, icon: React.createElement(ChatLaunch, null), "data-testid": "askICA-chatlaunch", kind: "external", text: "AskICA", type: "link" })) : null,
77
- !isPartnerUser && enableIcaMacs && (React.createElement(HeaderMenuItem, { key: "launch-ideation-agent", href: `${platform.baseEnvUrl}/launchpad/macs`, icon: React.createElement(Cognitive, null), "data-testid": "launch-ideation-agent", kind: "app", text: "AI Proposal Feedback Tool", type: "link" })),
78
- isAboutPlatformEnabled && (React.createElement(AboutPlatformMenuItem, { key: "about-platform", name: platform.name, baseServicesUrl: platform.baseServicesUrl })),
79
- tutorialScreenToShow && handleShowTutorial && (React.createElement(HeaderMenuItem, { key: "launch-tutorial", onClick: handleShowTutorial, icon: React.createElement(Book, null), "data-testid": "launch-tutorial", text: "Launch Tutorial", type: "button" })),
80
- ...supportMenuItems,
81
- ].filter(Boolean), history: history, isLaunchpad: isLaunchpad, isLoadingTeamSwitcher: isLoadingTeamSwitcher, isSuccessTeamSwitcher: isSuccessTeamSwitcher, setIsSuccessTeamSwitcher: setIsSuccessTeamSwitcher, trackEvent: trackEvent, user: user, userTeams: userTeams }),
82
- isPrivacyModalRendered ? (React.createElement(PrivacyRedirect, { isOpen: true, baseEnvUrl: platform.baseEnvUrl, platformName: platform?.name, user: user })) : null));
83
- }
84
- /**
85
- * Determine how to render the name and prefix in the Header based
86
- * on what is passed in. If we only have the plaform or product name, then
87
- * we want it to be bolded. If we have both, then make the platform the prefix
88
- */
89
- function getProductAndPlatformNames(args) {
90
- const { productName, platformName, platform } = args;
91
- const resolvedPlatformName = platform.platformName ?? platformName;
92
- let finalProductName = "";
93
- let finalPlatformName = "";
94
- if (productName && resolvedPlatformName) {
95
- finalProductName = productName;
96
- finalPlatformName = resolvedPlatformName;
97
- }
98
- else if (productName && !resolvedPlatformName) {
99
- finalProductName = productName;
100
- }
101
- else if (!productName && resolvedPlatformName) {
102
- finalProductName = resolvedPlatformName;
103
- }
104
- else ;
105
- return { productName: finalProductName, platformName: finalPlatformName };
16
+ /*
17
+ IBM Confidential
18
+ 694970X, 69497O0
19
+ © Copyright IBM Corp. 2022, 2024
20
+ */
21
+ function UIShell({ baseEnvUrl, carbonTheme = "g10", config, leftPanel, platformName, productName, profileMenuItems = [], supportMenuItems = [], renderPrivacyRedirect = true, renderPrivacyStatement = true, rightPanel, handleShowTutorial, skipToContentProps, templateMeteringEvent, triggerEvent, tutorialScreenToShow, user, userTeams, enableIcaMacs, }) {
22
+ // Support base header .e.g for an error state
23
+ if (!config) {
24
+ return (React.createElement(Header, { baseEnvUrl: baseEnvUrl ?? "", baseServicesUrl: "", carbonTheme: carbonTheme, enableAppSwitcher: false, enableNotifications: false, enableNotificationsCount: false, productName: productName || platformName || "" }));
25
+ }
26
+ const { features, navigation, platform, platformMessage } = config;
27
+ const names = getProductAndPlatformNames({ productName, platformName, platform });
28
+ const sendIdeasUrl = platform?.feedbackUrl || "https://ideas.ibm.com";
29
+ const supportLink = platform?.supportUrl;
30
+ const partnerEmailId = "ica-support@ibm.com";
31
+ /**
32
+ * Check feature enablement via explicit feature flags
33
+ */
34
+ const isAppSwitcherEnabled = Boolean(features?.["appSwitcher.enabled"]);
35
+ const instanceSwitcherEnabled = Boolean(platform?.["instanceSwitcherEnabled"]);
36
+ const isFeedbackEnabled = Boolean(features?.["feedback.enabled"]);
37
+ const isNotificationsEnabled = Boolean(features?.["notifications.enabled"]);
38
+ const isNotificationsCountEnabled = Boolean(features?.["notificationsCount.enabled"]);
39
+ const isSupportEnabled = Boolean(features?.["support.enabled"]);
40
+ /**
41
+ * Check feature enablement via value truthiness
42
+ */
43
+ const isAboutPlatformEnabled = Boolean(platform.name);
44
+ const isCommunityEnabled = Boolean(platform?.communityUrl);
45
+ const isSendMailEnabled = Boolean(platform.sendMail);
46
+ const isSignOutEnabled = Boolean(platform?.signOutUrl);
47
+ const isUserEnabled = Boolean(user?.id);
48
+ const isPartnerUser = Boolean(user?.type === USER_PLATFORM_ROLE.Partner);
49
+ const supportFlagCheck = user?.showSupport;
50
+ const askICAEnabled = Boolean(platform?.askICAEnabled);
51
+ /**
52
+ * Checking for conditions when we explicitly set "renderPrivacyRedirect" to false (it defaults to true) OR
53
+ * it's disabled overall for the platform. This lets us toggle the UIShell consent redirect per app as needed
54
+ * e.g. disabled in Launchpad, but have it enabled for rest of the platform AND also support
55
+ * having it disabled in a "standalone" mode via the consent.enable feature flag, i.e. data driven via the service
56
+ */
57
+ const isPrivacyRedirectDisabled = renderPrivacyRedirect === false || features?.["consent.enabled"] === false;
58
+ const isPrivacyModalRendered = isPrivacyRedirectDisabled === false && user?.hasConsented === false;
59
+ /**
60
+ * Also enable/disable privacy statement via the consent.enabled feature flag
61
+ */
62
+ const isPrivacyStatementDisabled = renderPrivacyStatement === false || features?.["consent.enabled"] === false;
63
+ return (React.createElement(QueryClientProvider, { client: queryClient },
64
+ React.createElement(Header, { baseEnvUrl: platform.baseEnvUrl, baseServicesUrl: platform.baseServicesUrl, carbonTheme: carbonTheme, enableAppSwitcher: isAppSwitcherEnabled, instanceSwitcherEnabled: instanceSwitcherEnabled, enableNotifications: isNotificationsEnabled, enableNotificationsCount: isNotificationsCountEnabled, leftPanel: leftPanel, navLinks: navigation, platform: platform, platformMessage: platformMessage, prefixName: names.platformName, productName: names.productName, rightPanel: rightPanel, requestSummary: user?.requestSummary, skipToContentProps: skipToContentProps, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent, profileMenuItems: [
65
+ isUserEnabled && (React.createElement(ProfileSettingsMenuItem, { key: "profile-settings", baseServicesUrl: platform.baseServicesUrl, src: `${platform.baseServicesUrl}/users/image/${user?.email}`, userName: user?.displayName ?? user?.name })),
66
+ isSendMailEnabled && (React.createElement(HeaderMenuItem, { key: "email-preferences", href: `${platform.baseEnvUrl}/launchpad/email-preferences`, icon: React.createElement(Email, null), kind: "internal", text: "Email Preferences", type: "link" })),
67
+ !isPrivacyStatementDisabled && (React.createElement(PrivacyStatementMenuItem, { key: "privacy-statement", baseServicesUrl: platform.baseServicesUrl, platformEmail: platform?.platformEmail })),
68
+ ...profileMenuItems,
69
+ isSignOutEnabled && React.createElement(SignOutMenuItem, { key: "Sign Out", signOutLink: platform.signOutUrl }),
70
+ ].filter(Boolean), supportMenuItems: [
71
+ isSupportEnabled &&
72
+ (supportFlagCheck || isPartnerUser ? (React.createElement(SupportCenterMenuItem, { key: "support-center", platformName: platform?.platformName, platformOrganization: platform?.platformOrganization, supportLink: supportLink, partnerEmailId: partnerEmailId, enablePartner: isPartnerUser, baseServicesUrl: platform.baseServicesUrl })) : (React.createElement(HeaderMenuItem, { key: "support-center", href: platform?.supportUrl, icon: React.createElement(HelpDesk, null), kind: "external", text: "Support Center", type: "link" }))),
73
+ isCommunityEnabled && (React.createElement(HeaderMenuItem, { key: "community", href: platform?.communityUrl, icon: React.createElement(Forum, null), kind: "external", text: "Community", type: "link" })),
74
+ isFeedbackEnabled && (React.createElement(FeedbackMenuItem, { key: "feedback", platformName: platform?.platformName, platformOrganization: platform?.platformOrganization, sendIdeasUrl: sendIdeasUrl })),
75
+ !isPartnerUser && askICAEnabled ? (React.createElement(HeaderMenuItem, { key: "chat-launch", href: platform?.askICAUrl, icon: React.createElement(ChatLaunch, null), "data-testid": "askICA-chatlaunch", kind: "external", text: "AskICA", type: "link" })) : null,
76
+ !isPartnerUser && enableIcaMacs && (React.createElement(HeaderMenuItem, { key: "launch-ideation-agent", href: `${platform.baseEnvUrl}/launchpad/macs`, icon: React.createElement(Cognitive, null), "data-testid": "launch-ideation-agent", kind: "app", text: "AI Proposal Feedback Tool", type: "link" })),
77
+ isAboutPlatformEnabled && (React.createElement(AboutPlatformMenuItem, { key: "about-platform", name: platform.name, baseServicesUrl: platform.baseServicesUrl })),
78
+ tutorialScreenToShow && handleShowTutorial && (React.createElement(HeaderMenuItem, { key: "launch-tutorial", onClick: handleShowTutorial, icon: React.createElement(Book, null), "data-testid": "launch-tutorial", text: "Launch Tutorial", type: "button" })),
79
+ ...supportMenuItems,
80
+ ].filter(Boolean), userTeams: userTeams }),
81
+ isPrivacyModalRendered ? (React.createElement(PrivacyRedirect, { isOpen: true, baseEnvUrl: platform.baseEnvUrl, platformName: platform?.name, user: user })) : null));
82
+ }
83
+ /**
84
+ * Determine how to render the name and prefix in the Header based
85
+ * on what is passed in. If we only have the plaform or product name, then
86
+ * we want it to be bolded. If we have both, then make the platform the prefix
87
+ */
88
+ function getProductAndPlatformNames(args) {
89
+ const { productName, platformName, platform } = args;
90
+ const resolvedPlatformName = platform.platformName ?? platformName;
91
+ let finalProductName = "";
92
+ let finalPlatformName = "";
93
+ if (productName && resolvedPlatformName) {
94
+ finalProductName = productName;
95
+ finalPlatformName = resolvedPlatformName;
96
+ }
97
+ else if (productName && !resolvedPlatformName) {
98
+ finalProductName = productName;
99
+ }
100
+ else if (!productName && resolvedPlatformName) {
101
+ finalProductName = resolvedPlatformName;
102
+ }
103
+ else ;
104
+ return { productName: finalProductName, platformName: finalPlatformName };
106
105
  }
107
106
 
108
107
  export { UIShell as default };
@@ -1,27 +1,27 @@
1
1
  import axios from 'axios';
2
2
  import { QueryClient } from 'react-query';
3
3
 
4
- /*
5
- IBM Confidential
6
- 694970X, 69497O0
7
- © Copyright IBM Corp. 2022, 2024
8
- */
9
- const queryClient = new QueryClient({
10
- defaultOptions: { queries: { refetchOnWindowFocus: false } },
11
- });
12
- const serviceUrl = {
13
- getLaunchpadUser: ({ baseServicesUrl }) => `${baseServicesUrl}/launchpad/user`,
14
- getPlatformVersion: ({ baseServicesUrl }) => `${baseServicesUrl}/users/platform/version`,
15
- getStatement: ({ baseServicesUrl }) => `${baseServicesUrl}/users/consents`,
16
- getTeamServices: ({ baseServicesUrl, teamId }) => `${baseServicesUrl}/launchpad/teams/${teamId}/services`,
17
- getUserTeamsServices: ({ baseServicesUrl }) => `${baseServicesUrl}/users/teams/services`,
18
- resourceUserConsent: ({ baseServicesUrl }) => `${baseServicesUrl}/users/consent`,
19
- resourceUserProfile: ({ baseServicesUrl }) => `${baseServicesUrl}/users/profile`,
20
- };
21
- const resolver = {
22
- query: (url, config) => () => axios.get(url, config).then((response) => response.data),
23
- patchUserProfile: ({ baseServicesUrl, body }) => axios.patch(serviceUrl.resourceUserProfile({ baseServicesUrl }), body),
24
- putUserConsent: ({ baseServicesUrl, body }) => axios.put(serviceUrl.resourceUserConsent({ baseServicesUrl }), body),
4
+ /*
5
+ IBM Confidential
6
+ 694970X, 69497O0
7
+ © Copyright IBM Corp. 2022, 2024
8
+ */
9
+ const queryClient = new QueryClient({
10
+ defaultOptions: { queries: { refetchOnWindowFocus: false } },
11
+ });
12
+ const serviceUrl = {
13
+ getLaunchpadUser: ({ baseServicesUrl }) => `${baseServicesUrl}/launchpad/user`,
14
+ getPlatformVersion: ({ baseServicesUrl }) => `${baseServicesUrl}/users/platform/version`,
15
+ getStatement: ({ baseServicesUrl }) => `${baseServicesUrl}/users/consents`,
16
+ getTeamServices: ({ baseServicesUrl, teamId }) => `${baseServicesUrl}/launchpad/teams/${teamId}/services`,
17
+ getUserTeamsServices: ({ baseServicesUrl }) => `${baseServicesUrl}/users/teams/services`,
18
+ resourceUserConsent: ({ baseServicesUrl }) => `${baseServicesUrl}/users/consent`,
19
+ resourceUserProfile: ({ baseServicesUrl }) => `${baseServicesUrl}/users/profile`,
20
+ };
21
+ const resolver = {
22
+ query: (url, config) => () => axios.get(url, config).then((response) => response.data),
23
+ patchUserProfile: ({ baseServicesUrl, body }) => axios.patch(serviceUrl.resourceUserProfile({ baseServicesUrl }), body),
24
+ putUserConsent: ({ baseServicesUrl, body }) => axios.put(serviceUrl.resourceUserConsent({ baseServicesUrl }), body),
25
25
  };
26
26
 
27
27
  export { queryClient, resolver, serviceUrl };
@@ -1,77 +1,77 @@
1
- /*
2
- IBM Confidential
3
- 694970X, 69497O0
4
- © Copyright IBM Corp. 2022, 2024
5
- */
6
- const CHECKBOX_TYPES = {
7
- CHECKBOX: "checkbox",
8
- };
9
- const CREATABLE_TYPES = {
10
- CREATABLE_SINGLE: "creatable-single",
11
- CREATABLE_SINGLE_NON_DELETABLE: "creatable-single-non-deletable",
12
- CREATABLE_PAIR: "creatable-pair",
13
- CREATABLE_PAIR_NON_DELETABLE: "creatable-pair-non-deletable",
14
- };
15
- const DATE_TYPES = {
16
- DATE: "date",
17
- DATE_RANGE: "date-range",
18
- };
19
- const MULTI_SELECT_TYPES = {
20
- MULTI_SELECT: "multiselect",
21
- };
22
- const RADIO_TYPES = {
23
- RADIO: "radio",
24
- };
25
- const SELECT_TYPES = {
26
- SELECT: "select",
27
- };
28
- const TEXT_AREA_TYPES = {
29
- TEXT_AREA: "textarea",
30
- };
31
- const TEXT_EDITOR_TYPES = {
32
- TEXT_EDITOR: "texteditor",
33
- };
34
- const TEXT_INPUT_TYPES = {
35
- TEXT: "text",
36
- PASSWORD: "password",
37
- SECURED: "secured",
38
- NUMBER: "number",
39
- URL: "url",
40
- EMAIL: "email",
41
- TIME: "time",
42
- TEL: "tel",
43
- };
44
- const BOOLEAN_TYPES = {
45
- BOOLEAN: "boolean",
46
- };
47
- const INPUT_GROUPS = {
48
- CHECKBOX: "checkbox",
49
- CREATABLE: "creatable",
50
- DATE: "date",
51
- MULTI_SELECT: "multiselect",
52
- RADIO: "radio",
53
- SELECT: "select",
54
- TEXT_AREA: "textArea",
55
- TEXT_EDITOR: "textEditor",
56
- TEXT_INPUT: "textInput",
57
- BOOLEAN: "boolean",
58
- };
59
- const ARRAY_INPUT_TYPES = {
60
- ...CHECKBOX_TYPES,
61
- ...CREATABLE_TYPES,
62
- ...MULTI_SELECT_TYPES,
63
- };
64
- const INPUT_TYPES_ARRAY = Object.values({
65
- ...BOOLEAN_TYPES,
66
- ...CHECKBOX_TYPES,
67
- ...CREATABLE_TYPES,
68
- ...DATE_TYPES,
69
- ...MULTI_SELECT_TYPES,
70
- ...RADIO_TYPES,
71
- ...SELECT_TYPES,
72
- ...TEXT_AREA_TYPES,
73
- ...TEXT_EDITOR_TYPES,
74
- ...TEXT_INPUT_TYPES,
1
+ /*
2
+ IBM Confidential
3
+ 694970X, 69497O0
4
+ © Copyright IBM Corp. 2022, 2024
5
+ */
6
+ const CHECKBOX_TYPES = {
7
+ CHECKBOX: "checkbox",
8
+ };
9
+ const CREATABLE_TYPES = {
10
+ CREATABLE_SINGLE: "creatable-single",
11
+ CREATABLE_SINGLE_NON_DELETABLE: "creatable-single-non-deletable",
12
+ CREATABLE_PAIR: "creatable-pair",
13
+ CREATABLE_PAIR_NON_DELETABLE: "creatable-pair-non-deletable",
14
+ };
15
+ const DATE_TYPES = {
16
+ DATE: "date",
17
+ DATE_RANGE: "date-range",
18
+ };
19
+ const MULTI_SELECT_TYPES = {
20
+ MULTI_SELECT: "multiselect",
21
+ };
22
+ const RADIO_TYPES = {
23
+ RADIO: "radio",
24
+ };
25
+ const SELECT_TYPES = {
26
+ SELECT: "select",
27
+ };
28
+ const TEXT_AREA_TYPES = {
29
+ TEXT_AREA: "textarea",
30
+ };
31
+ const TEXT_EDITOR_TYPES = {
32
+ TEXT_EDITOR: "texteditor",
33
+ };
34
+ const TEXT_INPUT_TYPES = {
35
+ TEXT: "text",
36
+ PASSWORD: "password",
37
+ SECURED: "secured",
38
+ NUMBER: "number",
39
+ URL: "url",
40
+ EMAIL: "email",
41
+ TIME: "time",
42
+ TEL: "tel",
43
+ };
44
+ const BOOLEAN_TYPES = {
45
+ BOOLEAN: "boolean",
46
+ };
47
+ const INPUT_GROUPS = {
48
+ CHECKBOX: "checkbox",
49
+ CREATABLE: "creatable",
50
+ DATE: "date",
51
+ MULTI_SELECT: "multiselect",
52
+ RADIO: "radio",
53
+ SELECT: "select",
54
+ TEXT_AREA: "textArea",
55
+ TEXT_EDITOR: "textEditor",
56
+ TEXT_INPUT: "textInput",
57
+ BOOLEAN: "boolean",
58
+ };
59
+ const ARRAY_INPUT_TYPES = {
60
+ ...CHECKBOX_TYPES,
61
+ ...CREATABLE_TYPES,
62
+ ...MULTI_SELECT_TYPES,
63
+ };
64
+ const INPUT_TYPES_ARRAY = Object.values({
65
+ ...BOOLEAN_TYPES,
66
+ ...CHECKBOX_TYPES,
67
+ ...CREATABLE_TYPES,
68
+ ...DATE_TYPES,
69
+ ...MULTI_SELECT_TYPES,
70
+ ...RADIO_TYPES,
71
+ ...SELECT_TYPES,
72
+ ...TEXT_AREA_TYPES,
73
+ ...TEXT_EDITOR_TYPES,
74
+ ...TEXT_INPUT_TYPES,
75
75
  });
76
76
 
77
77
  export { ARRAY_INPUT_TYPES, BOOLEAN_TYPES, CHECKBOX_TYPES, CREATABLE_TYPES, DATE_TYPES, INPUT_GROUPS, INPUT_TYPES_ARRAY, MULTI_SELECT_TYPES, RADIO_TYPES, SELECT_TYPES, TEXT_AREA_TYPES, TEXT_EDITOR_TYPES, TEXT_INPUT_TYPES };
@@ -1,16 +1,16 @@
1
- /*
2
- IBM Confidential
3
- 694970X, 69497O0
4
- © Copyright IBM Corp. 2022, 2024
5
- */
6
- const USER_PLATFORM_ROLE = {
7
- Admin: "admin",
8
- Advisor: "advisor",
9
- Operator: "operator",
10
- Auditor: "auditor",
11
- Author: "author",
12
- User: "user",
13
- Partner: "partner",
1
+ /*
2
+ IBM Confidential
3
+ 694970X, 69497O0
4
+ © Copyright IBM Corp. 2022, 2024
5
+ */
6
+ const USER_PLATFORM_ROLE = {
7
+ Admin: "admin",
8
+ Advisor: "advisor",
9
+ Operator: "operator",
10
+ Auditor: "auditor",
11
+ Author: "author",
12
+ User: "user",
13
+ Partner: "partner",
14
14
  };
15
15
 
16
16
  export { USER_PLATFORM_ROLE };
@@ -1,54 +1,54 @@
1
1
  import React from 'react';
2
2
 
3
- /*
4
- IBM Confidential
5
- 694970X, 69497O0
6
- © Copyright IBM Corp. 2022, 2024
7
- */
8
- /**
9
- * Supports HeaderMenu components in the Header meeting usability and a11y guidelines
10
- * Manage state for click/touch, escape and tab events
11
- */
12
- function useHeaderMenu(focusableElementId) {
13
- const ref = React.useRef(null);
14
- const [isOpen, setIsOpen] = React.useState(false);
15
- const toggleActive = () => setIsOpen(!isOpen);
16
- // Close menu if click event originates outside the menu
17
- const handleMousedownEvent = React.useCallback((event) => {
18
- if (!ref.current?.contains(event.target)) {
19
- setIsOpen(false);
20
- }
21
- return;
22
- }, []);
23
- // Close menu if ESC keydown event originates in the menu and transfer focus
24
- const handleKeyDownEvent = React.useCallback((event) => {
25
- if (event.key === "Escape") {
26
- if (ref.current?.contains(event.target)) {
27
- document.getElementById(focusableElementId)?.focus();
28
- setIsOpen(false);
29
- }
30
- }
31
- return;
32
- }, [focusableElementId]);
33
- // Close menu if focus transfer event originates in the node AND
34
- // transfers focus to a element OUTSIDE the menu
35
- const handleFocusOutEvent = React.useCallback((event) => {
36
- if (event.relatedTarget && !ref.current?.contains(event.relatedTarget)) {
37
- setIsOpen(false);
38
- }
39
- return;
40
- }, []);
41
- React.useEffect(() => {
42
- document.addEventListener("mousedown", handleMousedownEvent);
43
- document.addEventListener("keydown", handleKeyDownEvent);
44
- document.addEventListener("focusout", handleFocusOutEvent);
45
- return () => {
46
- document.removeEventListener("mousedown", handleMousedownEvent);
47
- document.removeEventListener("keydown", handleKeyDownEvent);
48
- document.removeEventListener("focusout", handleFocusOutEvent);
49
- };
50
- }, [handleMousedownEvent, handleKeyDownEvent, handleFocusOutEvent]);
51
- return { isOpen, setIsOpen, toggleActive, ref };
3
+ /*
4
+ IBM Confidential
5
+ 694970X, 69497O0
6
+ © Copyright IBM Corp. 2022, 2024
7
+ */
8
+ /**
9
+ * Supports HeaderMenu components in the Header meeting usability and a11y guidelines
10
+ * Manage state for click/touch, escape and tab events
11
+ */
12
+ function useHeaderMenu(focusableElementId) {
13
+ const ref = React.useRef(null);
14
+ const [isOpen, setIsOpen] = React.useState(false);
15
+ const toggleActive = () => setIsOpen(!isOpen);
16
+ // Close menu if click event originates outside the menu
17
+ const handleMousedownEvent = React.useCallback((event) => {
18
+ if (!ref.current?.contains(event.target)) {
19
+ setIsOpen(false);
20
+ }
21
+ return;
22
+ }, []);
23
+ // Close menu if ESC keydown event originates in the menu and transfer focus
24
+ const handleKeyDownEvent = React.useCallback((event) => {
25
+ if (event.key === "Escape") {
26
+ if (ref.current?.contains(event.target)) {
27
+ document.getElementById(focusableElementId)?.focus();
28
+ setIsOpen(false);
29
+ }
30
+ }
31
+ return;
32
+ }, [focusableElementId]);
33
+ // Close menu if focus transfer event originates in the node AND
34
+ // transfers focus to a element OUTSIDE the menu
35
+ const handleFocusOutEvent = React.useCallback((event) => {
36
+ if (event.relatedTarget && !ref.current?.contains(event.relatedTarget)) {
37
+ setIsOpen(false);
38
+ }
39
+ return;
40
+ }, []);
41
+ React.useEffect(() => {
42
+ document.addEventListener("mousedown", handleMousedownEvent);
43
+ document.addEventListener("keydown", handleKeyDownEvent);
44
+ document.addEventListener("focusout", handleFocusOutEvent);
45
+ return () => {
46
+ document.removeEventListener("mousedown", handleMousedownEvent);
47
+ document.removeEventListener("keydown", handleKeyDownEvent);
48
+ document.removeEventListener("focusout", handleFocusOutEvent);
49
+ };
50
+ }, [handleMousedownEvent, handleKeyDownEvent, handleFocusOutEvent]);
51
+ return { isOpen, setIsOpen, toggleActive, ref };
52
52
  }
53
53
 
54
54
  export { useHeaderMenu as default };