@carbon/ibm-products 2.43.2-canary.12 → 2.43.2-canary.123

Sign up to get free protection for your applications and to get access to all the features.
Files changed (428) hide show
  1. package/css/config-dev.css +6 -1
  2. package/css/config-dev.css.map +1 -1
  3. package/css/config.css +6 -1
  4. package/css/config.css.map +1 -1
  5. package/css/index-full-carbon.css +1854 -499
  6. package/css/index-full-carbon.css.map +1 -1
  7. package/css/index-full-carbon.min.css +1 -1
  8. package/css/index-full-carbon.min.css.map +1 -1
  9. package/css/index-without-carbon-released-only.css +267 -65
  10. package/css/index-without-carbon-released-only.css.map +1 -1
  11. package/css/index-without-carbon-released-only.min.css +1 -1
  12. package/css/index-without-carbon-released-only.min.css.map +1 -1
  13. package/css/index-without-carbon.css +1463 -250
  14. package/css/index-without-carbon.css.map +1 -1
  15. package/css/index-without-carbon.min.css +1 -1
  16. package/css/index-without-carbon.min.css.map +1 -1
  17. package/css/index.css +1659 -369
  18. package/css/index.css.map +1 -1
  19. package/css/index.min.css +1 -1
  20. package/css/index.min.css.map +1 -1
  21. package/es/components/APIKeyModal/APIKeyModal.types.d.ts +6 -0
  22. package/es/components/ActionBar/ActionBar.d.ts +58 -2
  23. package/es/components/ActionBar/ActionBar.js +14 -9
  24. package/es/components/ActionBar/ActionBarItem.d.ts +36 -2
  25. package/es/components/ActionBar/ActionBarItem.js +8 -5
  26. package/es/components/ActionBar/ActionBarOverflowItems.d.ts +55 -16
  27. package/es/components/ActionBar/ActionBarOverflowItems.js +8 -4
  28. package/es/components/AddSelect/types/index.d.ts +6 -0
  29. package/es/components/Card/Card.d.ts +69 -2
  30. package/es/components/Card/Card.js +33 -37
  31. package/es/components/Card/CardFooter.d.ts +51 -48
  32. package/es/components/Card/CardFooter.js +4 -2
  33. package/es/components/Card/CardHeader.d.ts +67 -49
  34. package/es/components/Card/CardHeader.js +4 -2
  35. package/es/components/Coachmark/Coachmark.d.ts +6 -1
  36. package/es/components/Coachmark/Coachmark.js +47 -11
  37. package/es/components/Coachmark/CoachmarkOverlay.js +2 -4
  38. package/es/components/Coachmark/utils/enums.d.ts +6 -0
  39. package/es/components/CoachmarkBeacon/CoachmarkBeacon.js +1 -7
  40. package/es/components/CoachmarkFixed/CoachmarkFixed.js +13 -11
  41. package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +2 -1
  42. package/es/components/CoachmarkStack/CoachmarkStack.d.ts +67 -2
  43. package/es/components/CoachmarkStack/CoachmarkStack.js +22 -11
  44. package/es/components/CoachmarkStack/CoachmarkStackHome.d.ts +71 -2
  45. package/es/components/CoachmarkStack/CoachmarkStackHome.js +25 -23
  46. package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +100 -58
  47. package/es/components/ConditionBuilder/ConditionBuilder.js +82 -25
  48. package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts +15 -0
  49. package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +154 -0
  50. package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.d.ts +3 -1
  51. package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +30 -27
  52. package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +8 -1
  53. package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +35 -11
  54. package/es/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +18 -10
  55. package/es/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +19 -11
  56. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +9 -13
  57. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +83 -64
  58. package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +13 -7
  59. package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +31 -8
  60. package/es/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.d.ts +8 -2
  61. package/es/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.js +35 -24
  62. package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +43 -36
  63. package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +43 -36
  64. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +6 -2
  65. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +114 -40
  66. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.d.ts +3 -1
  67. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +24 -9
  68. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +27 -9
  69. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +13 -0
  70. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +114 -0
  71. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.d.ts → ItemOptionForValueField.d.ts} +2 -2
  72. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.js → ItemOptionForValueField.js} +71 -38
  73. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.d.ts +5 -1
  74. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +22 -9
  75. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +1 -1
  76. package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +1 -3
  77. package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +122 -40
  78. package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.d.ts +5 -1
  79. package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +51 -19
  80. package/es/components/ConditionBuilder/utils/handleKeyboardEvents.d.ts +2 -1
  81. package/es/components/ConditionBuilder/utils/handleKeyboardEvents.js +152 -42
  82. package/es/components/ConditionBuilder/utils/useTranslations.d.ts +1 -0
  83. package/es/components/ConditionBuilder/utils/useTranslations.js +26 -0
  84. package/es/components/ConditionBuilder/utils/util.d.ts +6 -4
  85. package/es/components/ConditionBuilder/utils/util.js +42 -17
  86. package/es/components/CreateFullPage/CreateFullPage.js +2 -2
  87. package/es/components/DataSpreadsheet/DataSpreadsheet.d.ts +26 -0
  88. package/es/components/DataSpreadsheet/DataSpreadsheet.js +129 -53
  89. package/es/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +16 -0
  90. package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +32 -7
  91. package/es/components/DataSpreadsheet/DataSpreadsheetHeader.d.ts +8 -0
  92. package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +16 -3
  93. package/es/components/DataSpreadsheet/types/index.d.ts +7 -0
  94. package/es/components/Datagrid/Datagrid/Datagrid.d.ts +0 -4
  95. package/es/components/Datagrid/Datagrid/Datagrid.js +4 -9
  96. package/es/components/Datagrid/Datagrid/DatagridBody.d.ts +6 -0
  97. package/es/components/Datagrid/Datagrid/DatagridContent.js +4 -3
  98. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +23 -8
  99. package/es/components/Datagrid/Datagrid/DatagridRefBody.d.ts +6 -0
  100. package/es/components/Datagrid/Datagrid/DatagridRow.js +21 -8
  101. package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +6 -6
  102. package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +3 -2
  103. package/es/components/Datagrid/Datagrid/DatagridSimpleBody.d.ts +6 -0
  104. package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +3 -1
  105. package/es/components/Datagrid/Datagrid/DraggableElement.d.ts +6 -0
  106. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +34 -10
  107. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +6 -1
  108. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -1
  109. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.d.ts +6 -3
  110. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +20 -12
  111. package/es/components/Datagrid/Datagrid/addons/Filtering/handleCheckboxChange.js +7 -0
  112. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.d.ts +1 -1
  113. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +54 -17
  114. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +2 -3
  115. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +75 -12
  116. package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +10 -2
  117. package/es/components/Datagrid/common-column-ids.d.ts +6 -0
  118. package/es/components/Datagrid/types/index.d.ts +60 -9
  119. package/es/components/Datagrid/useActionsColumn.d.ts +8 -1
  120. package/es/components/Datagrid/useActionsColumn.js +7 -6
  121. package/es/components/Datagrid/useCustomizeColumns.d.ts +8 -1
  122. package/es/components/Datagrid/useCustomizeColumns.js +4 -3
  123. package/es/components/Datagrid/useDatagrid.d.ts +6 -0
  124. package/es/components/Datagrid/useDefaultStringRenderer.js +0 -1
  125. package/es/components/Datagrid/useDisableSelectRows.d.ts +8 -1
  126. package/es/components/Datagrid/useDisableSelectRows.js +27 -22
  127. package/es/components/Datagrid/useInitialColumnSort.js +4 -0
  128. package/es/components/Datagrid/useInlineEdit.js +12 -2
  129. package/es/components/Datagrid/useNestedRowExpander.js +1 -3
  130. package/es/components/Datagrid/useNestedRows.js +5 -4
  131. package/es/components/Datagrid/useRowExpander.js +1 -3
  132. package/es/components/Datagrid/useRowIsMouseOver.d.ts +6 -0
  133. package/es/components/Datagrid/useSelectRows.js +2 -1
  134. package/es/components/Datagrid/useSortableColumns.d.ts +5 -4
  135. package/es/components/Datagrid/useSortableColumns.js +18 -13
  136. package/es/components/Datagrid/useStickyColumn.d.ts +8 -1
  137. package/es/components/Datagrid/useStickyColumn.js +12 -9
  138. package/es/components/EditInPlace/EditInPlace.d.ts +4 -0
  139. package/es/components/EditInPlace/EditInPlace.js +21 -10
  140. package/es/components/EditTearsheet/EditTearsheet.d.ts +7 -2
  141. package/es/components/EditTearsheet/EditTearsheet.js +44 -10
  142. package/es/components/EditTearsheet/EditTearsheetForm.d.ts +45 -2
  143. package/es/components/EditTearsheet/EditTearsheetForm.js +3 -0
  144. package/es/components/EmptyStates/EmptyState.d.ts +72 -5
  145. package/es/components/EmptyStates/EmptyState.js +8 -5
  146. package/es/components/EmptyStates/EmptyStateV2.d.ts +63 -2
  147. package/es/components/EmptyStates/EmptyStateV2.js +3 -2
  148. package/es/components/FullPageError/FullPageError.d.ts +36 -2
  149. package/es/components/FullPageError/FullPageError.js +0 -3
  150. package/es/components/GetStartedCard/GetStartedCard.d.ts +60 -2
  151. package/es/components/GetStartedCard/GetStartedCard.js +11 -10
  152. package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +6 -0
  153. package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +6 -0
  154. package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +6 -0
  155. package/es/components/HTTPErrors/assets/HTTPErrorSvg403.js +204 -200
  156. package/es/components/HTTPErrors/assets/HTTPErrorSvg404.js +116 -112
  157. package/es/components/HTTPErrors/assets/HTTPErrorSvgOther.js +110 -106
  158. package/es/components/Nav/NavItem.js +12 -3
  159. package/es/components/OptionsTile/OptionsTile.js +11 -6
  160. package/es/components/PageHeader/PageHeader.js +1 -0
  161. package/es/components/PageHeader/PageHeaderUtils.js +1 -1
  162. package/es/components/ProductiveCard/ProductiveCard.d.ts +4 -0
  163. package/es/components/ProductiveCard/ProductiveCard.js +7 -1
  164. package/es/components/RemoveModal/RemoveModal.d.ts +4 -0
  165. package/es/components/RemoveModal/RemoveModal.js +7 -1
  166. package/es/components/SearchBar/SearchBar.d.ts +1 -1
  167. package/es/components/SearchBar/SearchBar.js +2 -2
  168. package/es/components/SidePanel/SidePanel.js +17 -21
  169. package/es/components/SidePanel/motion/variants.d.ts +4 -6
  170. package/es/components/SidePanel/motion/variants.js +10 -11
  171. package/es/components/StatusIndicator/StatusIndicatorStep.js +87 -0
  172. package/es/components/StringFormatter/StringFormatter.js +14 -3
  173. package/es/components/StringFormatter/utils/enums.d.ts +20 -1
  174. package/es/components/StringFormatter/utils/enums.js +29 -2
  175. package/es/components/TagOverflow/TagOverflow.d.ts +35 -4
  176. package/es/components/TagOverflow/TagOverflow.js +47 -64
  177. package/es/components/TagOverflow/TagOverflowModal.js +4 -6
  178. package/es/components/TagOverflow/TagOverflowPopover.d.ts +13 -1
  179. package/es/components/TagOverflow/TagOverflowPopover.js +38 -41
  180. package/es/components/Tearsheet/Tearsheet.d.ts +8 -1
  181. package/es/components/Tearsheet/Tearsheet.js +9 -1
  182. package/es/components/Tearsheet/TearsheetNarrow.d.ts +11 -0
  183. package/es/components/Tearsheet/TearsheetNarrow.js +12 -0
  184. package/es/components/Tearsheet/TearsheetShell.d.ts +11 -1
  185. package/es/components/Tearsheet/TearsheetShell.js +28 -7
  186. package/es/components/Toolbar/ToolbarButton.js +1 -1
  187. package/es/components/UserAvatar/UserAvatar.d.ts +59 -1
  188. package/es/components/UserAvatar/UserAvatar.js +7 -23
  189. package/es/components/WebTerminal/WebTerminal.js +10 -12
  190. package/es/components/index.d.ts +1 -1
  191. package/es/global/js/hooks/useFocus.d.ts +1 -0
  192. package/es/global/js/hooks/useFocus.js +5 -2
  193. package/es/global/js/hooks/usePrefersReducedMotion.js +14 -8
  194. package/es/global/js/package-settings.d.ts +1 -1
  195. package/es/global/js/package-settings.js +1 -1
  196. package/es/global/js/utils/scrollableAncestor.js +7 -0
  197. package/es/global/js/utils/uuidv4.d.ts +6 -0
  198. package/es/global/js/utils/uuidv4.js +2 -0
  199. package/es/global/js/utils/wait.d.ts +6 -0
  200. package/es/global/js/utils/wait.js +2 -0
  201. package/es/index.js +1 -0
  202. package/es/node_modules/@carbon/icon-helpers/es/index.js +49 -62
  203. package/es/node_modules/@carbon/icons-react/es/generated/bucket-2.js +1020 -1058
  204. package/es/node_modules/@carbon/icons-react/es/generated/bucket-9.js +881 -758
  205. package/es/settings.d.ts +1 -1
  206. package/flags.js +7 -0
  207. package/lib/components/APIKeyModal/APIKeyModal.types.d.ts +6 -0
  208. package/lib/components/ActionBar/ActionBar.d.ts +58 -2
  209. package/lib/components/ActionBar/ActionBar.js +14 -9
  210. package/lib/components/ActionBar/ActionBarItem.d.ts +36 -2
  211. package/lib/components/ActionBar/ActionBarItem.js +7 -4
  212. package/lib/components/ActionBar/ActionBarOverflowItems.d.ts +55 -16
  213. package/lib/components/ActionBar/ActionBarOverflowItems.js +8 -4
  214. package/lib/components/AddSelect/types/index.d.ts +6 -0
  215. package/lib/components/Card/Card.d.ts +69 -2
  216. package/lib/components/Card/Card.js +33 -37
  217. package/lib/components/Card/CardFooter.d.ts +51 -48
  218. package/lib/components/Card/CardFooter.js +4 -2
  219. package/lib/components/Card/CardHeader.d.ts +67 -49
  220. package/lib/components/Card/CardHeader.js +4 -2
  221. package/lib/components/Coachmark/Coachmark.d.ts +6 -1
  222. package/lib/components/Coachmark/Coachmark.js +46 -10
  223. package/lib/components/Coachmark/CoachmarkOverlay.js +2 -4
  224. package/lib/components/Coachmark/utils/enums.d.ts +6 -0
  225. package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +1 -7
  226. package/lib/components/CoachmarkFixed/CoachmarkFixed.js +13 -11
  227. package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +2 -1
  228. package/lib/components/CoachmarkStack/CoachmarkStack.d.ts +67 -2
  229. package/lib/components/CoachmarkStack/CoachmarkStack.js +22 -11
  230. package/lib/components/CoachmarkStack/CoachmarkStackHome.d.ts +71 -2
  231. package/lib/components/CoachmarkStack/CoachmarkStackHome.js +25 -23
  232. package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +98 -56
  233. package/lib/components/ConditionBuilder/ConditionBuilder.js +82 -25
  234. package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts +15 -0
  235. package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +163 -0
  236. package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.d.ts +3 -1
  237. package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +29 -25
  238. package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +8 -1
  239. package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +33 -9
  240. package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +16 -8
  241. package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +18 -10
  242. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +9 -13
  243. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +81 -62
  244. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +13 -7
  245. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +31 -8
  246. package/lib/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.d.ts +8 -2
  247. package/lib/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.js +34 -24
  248. package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +43 -36
  249. package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +43 -36
  250. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +6 -2
  251. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +112 -38
  252. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.d.ts +3 -1
  253. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +24 -9
  254. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +28 -10
  255. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +13 -0
  256. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +122 -0
  257. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.d.ts → ItemOptionForValueField.d.ts} +2 -2
  258. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.js → ItemOptionForValueField.js} +68 -35
  259. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.d.ts +5 -1
  260. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +21 -8
  261. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +1 -1
  262. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +1 -3
  263. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +119 -37
  264. package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.d.ts +5 -1
  265. package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +50 -17
  266. package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.d.ts +2 -1
  267. package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +152 -41
  268. package/lib/components/ConditionBuilder/utils/useTranslations.d.ts +1 -0
  269. package/lib/components/ConditionBuilder/utils/useTranslations.js +30 -0
  270. package/lib/components/ConditionBuilder/utils/util.d.ts +6 -4
  271. package/lib/components/ConditionBuilder/utils/util.js +44 -16
  272. package/lib/components/CreateFullPage/CreateFullPage.js +2 -2
  273. package/lib/components/DataSpreadsheet/DataSpreadsheet.d.ts +26 -0
  274. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +129 -53
  275. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +16 -0
  276. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +32 -7
  277. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.d.ts +8 -0
  278. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +16 -3
  279. package/lib/components/DataSpreadsheet/types/index.d.ts +7 -0
  280. package/lib/components/Datagrid/Datagrid/Datagrid.d.ts +0 -4
  281. package/lib/components/Datagrid/Datagrid/Datagrid.js +4 -9
  282. package/lib/components/Datagrid/Datagrid/DatagridBody.d.ts +6 -0
  283. package/lib/components/Datagrid/Datagrid/DatagridContent.js +4 -3
  284. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +23 -8
  285. package/lib/components/Datagrid/Datagrid/DatagridRefBody.d.ts +6 -0
  286. package/lib/components/Datagrid/Datagrid/DatagridRow.js +21 -8
  287. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +6 -6
  288. package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +3 -2
  289. package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.d.ts +6 -0
  290. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +3 -1
  291. package/lib/components/Datagrid/Datagrid/DraggableElement.d.ts +6 -0
  292. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +34 -10
  293. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +6 -1
  294. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -1
  295. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.d.ts +6 -3
  296. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +20 -12
  297. package/lib/components/Datagrid/Datagrid/addons/Filtering/handleCheckboxChange.js +7 -0
  298. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.d.ts +1 -1
  299. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +53 -16
  300. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +2 -3
  301. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +74 -11
  302. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +10 -2
  303. package/lib/components/Datagrid/common-column-ids.d.ts +6 -0
  304. package/lib/components/Datagrid/types/index.d.ts +60 -9
  305. package/lib/components/Datagrid/useActionsColumn.d.ts +8 -1
  306. package/lib/components/Datagrid/useActionsColumn.js +7 -6
  307. package/lib/components/Datagrid/useCustomizeColumns.d.ts +8 -1
  308. package/lib/components/Datagrid/useCustomizeColumns.js +4 -3
  309. package/lib/components/Datagrid/useDatagrid.d.ts +6 -0
  310. package/lib/components/Datagrid/useDefaultStringRenderer.js +0 -1
  311. package/lib/components/Datagrid/useDisableSelectRows.d.ts +8 -1
  312. package/lib/components/Datagrid/useDisableSelectRows.js +27 -22
  313. package/lib/components/Datagrid/useInitialColumnSort.js +4 -0
  314. package/lib/components/Datagrid/useInlineEdit.js +12 -2
  315. package/lib/components/Datagrid/useNestedRowExpander.js +1 -3
  316. package/lib/components/Datagrid/useNestedRows.js +5 -4
  317. package/lib/components/Datagrid/useRowExpander.js +1 -3
  318. package/lib/components/Datagrid/useRowIsMouseOver.d.ts +6 -0
  319. package/lib/components/Datagrid/useSelectRows.js +2 -1
  320. package/lib/components/Datagrid/useSortableColumns.d.ts +5 -4
  321. package/lib/components/Datagrid/useSortableColumns.js +18 -13
  322. package/lib/components/Datagrid/useStickyColumn.d.ts +8 -1
  323. package/lib/components/Datagrid/useStickyColumn.js +12 -9
  324. package/lib/components/EditInPlace/EditInPlace.d.ts +4 -0
  325. package/lib/components/EditInPlace/EditInPlace.js +21 -10
  326. package/lib/components/EditTearsheet/EditTearsheet.d.ts +7 -2
  327. package/lib/components/EditTearsheet/EditTearsheet.js +43 -9
  328. package/lib/components/EditTearsheet/EditTearsheetForm.d.ts +45 -2
  329. package/lib/components/EditTearsheet/EditTearsheetForm.js +3 -0
  330. package/lib/components/EmptyStates/EmptyState.d.ts +72 -5
  331. package/lib/components/EmptyStates/EmptyState.js +8 -5
  332. package/lib/components/EmptyStates/EmptyStateV2.d.ts +63 -2
  333. package/lib/components/EmptyStates/EmptyStateV2.js +3 -2
  334. package/lib/components/FullPageError/FullPageError.d.ts +36 -2
  335. package/lib/components/FullPageError/FullPageError.js +0 -3
  336. package/lib/components/GetStartedCard/GetStartedCard.d.ts +60 -2
  337. package/lib/components/GetStartedCard/GetStartedCard.js +10 -9
  338. package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +6 -0
  339. package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +6 -0
  340. package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +6 -0
  341. package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +204 -200
  342. package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +116 -112
  343. package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +110 -106
  344. package/lib/components/Nav/NavItem.js +10 -1
  345. package/lib/components/OptionsTile/OptionsTile.js +11 -6
  346. package/lib/components/PageHeader/PageHeader.js +1 -0
  347. package/lib/components/PageHeader/PageHeaderUtils.js +1 -1
  348. package/lib/components/ProductiveCard/ProductiveCard.d.ts +4 -0
  349. package/lib/components/ProductiveCard/ProductiveCard.js +7 -1
  350. package/lib/components/RemoveModal/RemoveModal.d.ts +4 -0
  351. package/lib/components/RemoveModal/RemoveModal.js +7 -1
  352. package/lib/components/SearchBar/SearchBar.d.ts +1 -1
  353. package/lib/components/SearchBar/SearchBar.js +2 -2
  354. package/lib/components/SidePanel/SidePanel.js +16 -20
  355. package/lib/components/SidePanel/motion/variants.d.ts +4 -6
  356. package/lib/components/SidePanel/motion/variants.js +10 -11
  357. package/lib/components/StatusIndicator/StatusIndicatorStep.js +94 -0
  358. package/lib/components/StringFormatter/StringFormatter.js +13 -2
  359. package/lib/components/StringFormatter/utils/enums.d.ts +20 -1
  360. package/lib/components/StringFormatter/utils/enums.js +30 -1
  361. package/lib/components/TagOverflow/TagOverflow.d.ts +35 -4
  362. package/lib/components/TagOverflow/TagOverflow.js +46 -63
  363. package/lib/components/TagOverflow/TagOverflowModal.js +4 -6
  364. package/lib/components/TagOverflow/TagOverflowPopover.d.ts +13 -1
  365. package/lib/components/TagOverflow/TagOverflowPopover.js +37 -40
  366. package/lib/components/Tearsheet/Tearsheet.d.ts +8 -1
  367. package/lib/components/Tearsheet/Tearsheet.js +9 -1
  368. package/lib/components/Tearsheet/TearsheetNarrow.d.ts +11 -0
  369. package/lib/components/Tearsheet/TearsheetNarrow.js +12 -0
  370. package/lib/components/Tearsheet/TearsheetShell.d.ts +11 -1
  371. package/lib/components/Tearsheet/TearsheetShell.js +26 -5
  372. package/lib/components/Toolbar/ToolbarButton.js +1 -1
  373. package/lib/components/UserAvatar/UserAvatar.d.ts +59 -1
  374. package/lib/components/UserAvatar/UserAvatar.js +7 -23
  375. package/lib/components/WebTerminal/WebTerminal.js +10 -12
  376. package/lib/components/index.d.ts +1 -1
  377. package/lib/global/js/hooks/useFocus.d.ts +1 -0
  378. package/lib/global/js/hooks/useFocus.js +5 -1
  379. package/lib/global/js/hooks/usePrefersReducedMotion.js +13 -7
  380. package/lib/global/js/package-settings.d.ts +1 -1
  381. package/lib/global/js/package-settings.js +1 -1
  382. package/lib/global/js/utils/scrollableAncestor.js +7 -0
  383. package/lib/global/js/utils/uuidv4.d.ts +6 -0
  384. package/lib/global/js/utils/uuidv4.js +2 -0
  385. package/lib/global/js/utils/wait.d.ts +6 -0
  386. package/lib/global/js/utils/wait.js +2 -0
  387. package/lib/index.js +5 -0
  388. package/lib/node_modules/@carbon/icon-helpers/es/index.js +49 -62
  389. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-2.js +1036 -1074
  390. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-9.js +946 -823
  391. package/lib/settings.d.ts +1 -1
  392. package/package.json +8 -7
  393. package/scss/components/Coachmark/_coachmark-overlay.scss +6 -70
  394. package/scss/components/Coachmark/_coachmark.scss +5 -4
  395. package/scss/components/CoachmarkBeacon/_coachmark-beacon.scss +1 -3
  396. package/scss/components/ConditionBuilder/_condition-builder.scss +8 -1
  397. package/scss/components/ConditionBuilder/styles/_conditionBuilderCondition.scss +30 -5
  398. package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss +88 -22
  399. package/scss/components/ConditionBuilder/styles/_index.scss +7 -0
  400. package/scss/components/CreateModal/_create-modal.scss +0 -4
  401. package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +16 -2
  402. package/scss/components/Datagrid/_datagrid.scss +0 -4
  403. package/scss/components/Datagrid/styles/_datagrid.scss +1 -0
  404. package/scss/components/Datagrid/styles/_useActionsColumn.scss +6 -7
  405. package/scss/components/Datagrid/styles/_useColumnRightAlign.scss +6 -7
  406. package/scss/components/Datagrid/styles/_useExpandedRow.scss +6 -7
  407. package/scss/components/Datagrid/styles/_useInlineEdit.scss +19 -7
  408. package/scss/components/Datagrid/styles/_useNestedRows.scss +6 -7
  409. package/scss/components/Datagrid/styles/_useNestedTable.scss +6 -7
  410. package/scss/components/Datagrid/styles/_useStickyColumn.scss +6 -7
  411. package/scss/components/Datagrid/styles/addons/_CustomizeColumnsTearsheet.scss +7 -5
  412. package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss +5 -4
  413. package/scss/components/Datagrid/styles/addons/_RowSizeDropdown.scss +6 -7
  414. package/scss/components/HTTPErrors/_http-errors.scss +77 -0
  415. package/scss/components/OptionsTile/_options-tile.scss +6 -6
  416. package/scss/components/SidePanel/_side-panel.scss +1 -1
  417. package/scss/components/_index-released-only.scss +1 -0
  418. package/scss/config-dev.scss +7 -0
  419. package/scss/config.scss +7 -0
  420. package/telemetry.yml +34 -19
  421. package/es/components/ConditionBuilder/utils/checkForHoldingKey.d.ts +0 -1
  422. package/es/components/ConditionBuilder/utils/checkForHoldingKey.js +0 -16
  423. package/es/global/js/utils/window.d.ts +0 -2
  424. package/es/global/js/utils/window.js +0 -12
  425. package/lib/components/ConditionBuilder/utils/checkForHoldingKey.d.ts +0 -1
  426. package/lib/components/ConditionBuilder/utils/checkForHoldingKey.js +0 -20
  427. package/lib/global/js/utils/window.d.ts +0 -2
  428. package/lib/global/js/utils/window.js +0 -16
@@ -1,2 +1,60 @@
1
- export let UserAvatar: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
1
+ /**
2
+ * Copyright IBM Corp. 2024, 2024
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
2
7
  import React from 'react';
8
+ import '../../global/js/utils/props-helper';
9
+ /**
10
+ * TODO: A description of the component.
11
+ */
12
+ type BackgroundColor = 'order-1-cyan' | 'order-2-gray' | 'order-3-green' | 'order-4-magenta' | 'order-5-purple' | 'order-6-teal' | 'order-7-cyan' | 'order-8-gray' | 'order-9-green' | 'order-10-magenta' | 'order-11-purple' | 'order-12-teal';
13
+ type Size = 'xl' | 'lg' | 'md' | 'sm';
14
+ type TooltipAlignment = 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
15
+ type ImageProps = {
16
+ /**
17
+ * When passing the image prop, supply a full path to the image to be displayed.
18
+ */
19
+ image: string;
20
+ /**
21
+ * When passing the image prop use the imageDescription prop to describe the image for screen reader.
22
+ */
23
+ imageDescription: string;
24
+ } | {
25
+ image?: never;
26
+ imageDescription?: never;
27
+ };
28
+ type UserAvatarBaseProps = {
29
+ /**
30
+ * Provide the background color need to be set for UserAvatar.
31
+ */
32
+ backgroundColor?: BackgroundColor;
33
+ /**
34
+ * Provide an optional class to be applied to the containing node.
35
+ */
36
+ className?: string;
37
+ /**
38
+ * When passing the name prop, either send the initials to be used or the user's full name. The first two capital letters of the user's name will be used as the name.
39
+ */
40
+ name?: string;
41
+ /**
42
+ * Provide a custom icon to use if you need to use an icon other than the default one
43
+ */
44
+ renderIcon?: React.ElementType;
45
+ /**
46
+ * Set the size of the avatar circle
47
+ */
48
+ size?: Size;
49
+ /**
50
+ * Specify how the trigger should align with the tooltip
51
+ */
52
+ tooltipAlignment?: TooltipAlignment;
53
+ /**
54
+ * Pass in the display name to have it shown on hover
55
+ */
56
+ tooltipText?: string;
57
+ };
58
+ type UserAvatarProps = UserAvatarBaseProps & ImageProps;
59
+ export declare let UserAvatar: React.ForwardRefExoticComponent<UserAvatarProps & React.RefAttributes<HTMLDivElement>>;
60
+ export {};
@@ -35,42 +35,23 @@ var componentName = 'UserAvatar';
35
35
 
36
36
  // NOTE: the component SCSS is not imported here: it is rolled up separately.
37
37
 
38
- // Default values can be included here and then assigned to the prop params,
39
- // e.g. prop = defaults.prop,
40
- // This gathers default values together neatly and ensures non-primitive
41
- // values are initialized early to avoid react making unnecessary re-renders.
42
- // Note that default values are not required for props that are 'required',
43
- // nor for props where the component can apply undefined values reasonably.
44
- // Default values should be provided when the component needs to make a choice
45
- // or assumption when a prop is not supplied.
46
-
47
- // Default values for props
48
- // const defaults = {
49
- // /* TODO: add defaults for relevant props if needed */
50
- // };
51
-
52
38
  /**
53
39
  * TODO: A description of the component.
54
40
  */
55
41
 
56
- var defaults = {
57
- size: 'md',
58
- tooltipAlignment: 'bottom',
59
- backgroundColor: 'order-1-cyan'
60
- };
61
42
  exports.UserAvatar = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
62
43
  var _ref$backgroundColor = _ref.backgroundColor,
63
- backgroundColor = _ref$backgroundColor === void 0 ? defaults.backgroundColor : _ref$backgroundColor,
44
+ backgroundColor = _ref$backgroundColor === void 0 ? 'order-1-cyan' : _ref$backgroundColor,
64
45
  className = _ref.className,
65
46
  image = _ref.image,
66
47
  imageDescription = _ref.imageDescription,
67
48
  name = _ref.name,
68
49
  RenderIcon = _ref.renderIcon,
69
50
  _ref$size = _ref.size,
70
- size = _ref$size === void 0 ? defaults.size : _ref$size,
51
+ size = _ref$size === void 0 ? 'md' : _ref$size,
71
52
  tooltipText = _ref.tooltipText,
72
53
  _ref$tooltipAlignment = _ref.tooltipAlignment,
73
- tooltipAlignment = _ref$tooltipAlignment === void 0 ? defaults.tooltipAlignment : _ref$tooltipAlignment,
54
+ tooltipAlignment = _ref$tooltipAlignment === void 0 ? 'bottom' : _ref$tooltipAlignment,
74
55
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
75
56
  var carbonPrefix = react.usePrefix();
76
57
  var iconSize = {
@@ -81,7 +62,7 @@ exports.UserAvatar = /*#__PURE__*/React__default["default"].forwardRef(function
81
62
  };
82
63
  var formatInitials = function formatInitials() {
83
64
  var _ref2;
84
- var parts = name.split(' ');
65
+ var parts = (name === null || name === void 0 ? void 0 : name.split(' ')) || [];
85
66
  var firstChar = parts[0].charAt(0).toUpperCase();
86
67
  var secondChar = parts[0].charAt(1).toUpperCase();
87
68
  if (parts.length === 1) {
@@ -161,10 +142,12 @@ exports.UserAvatar.propTypes = {
161
142
  /**
162
143
  * When passing the image prop, supply a full path to the image to be displayed.
163
144
  */
145
+ /**@ts-ignore */
164
146
  image: index["default"].string,
165
147
  /**
166
148
  * When passing the image prop use the imageDescription prop to describe the image for screen reader.
167
149
  */
150
+ /**@ts-ignore */
168
151
  imageDescription: index["default"].string.isRequired.if(function (_ref3) {
169
152
  var image = _ref3.image;
170
153
  return !!image;
@@ -176,6 +159,7 @@ exports.UserAvatar.propTypes = {
176
159
  /**
177
160
  * Provide a custom icon to use if you need to use an icon other than the default one
178
161
  */
162
+ /**@ts-ignore */
179
163
  renderIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
180
164
  /**
181
165
  * Set the size of the avatar circle
@@ -19,6 +19,7 @@ var react = require('@carbon/react');
19
19
  var carbonMotion = require('@carbon/motion');
20
20
  var index = require('./hooks/index.js');
21
21
  var devtools = require('../../global/js/utils/devtools.js');
22
+ var usePrefersReducedMotion = require('../../global/js/hooks/usePrefersReducedMotion.js');
22
23
 
23
24
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
24
25
 
@@ -65,10 +66,7 @@ exports.WebTerminal = /*#__PURE__*/React__default["default"].forwardRef(function
65
66
  _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
66
67
  shouldRender = _useState2[0],
67
68
  setRender = _useState2[1];
68
- var _ref2 = window && window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)') : {
69
- matches: true
70
- },
71
- prefersReducedMotion = _ref2.matches;
69
+ var shouldReduceMotion = usePrefersReducedMotion["default"]();
72
70
  var webTerminalAnimationName = "".concat(open ? 'web-terminal-entrance' : 'web-terminal-exit forwards', " ").concat(carbonMotion.moderate02);
73
71
  var showDocumentationLinks = React.useMemo(function () {
74
72
  return documentationLinks.length > 0;
@@ -101,7 +99,7 @@ exports.WebTerminal = /*#__PURE__*/React__default["default"].forwardRef(function
101
99
  If the user prefers reduced motion, we have to manually set render to false
102
100
  because onAnimationEnd will never be called.
103
101
  */
104
- if (prefersReducedMotion) {
102
+ if (shouldReduceMotion) {
105
103
  setRender(false);
106
104
  }
107
105
  closeWebTerminal === null || closeWebTerminal === void 0 || closeWebTerminal();
@@ -110,7 +108,7 @@ exports.WebTerminal = /*#__PURE__*/React__default["default"].forwardRef(function
110
108
  ref: ref,
111
109
  className: cx__default["default"]([blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--open"), open), "".concat(blockClass, "--closed"), !open)]),
112
110
  style: {
113
- animation: !prefersReducedMotion ? webTerminalAnimationName : ''
111
+ animation: !shouldReduceMotion ? webTerminalAnimationName : ''
114
112
  },
115
113
  onAnimationEnd: onAnimationEnd
116
114
  }), /*#__PURE__*/React__default["default"].createElement("header", {
@@ -128,15 +126,15 @@ exports.WebTerminal = /*#__PURE__*/React__default["default"].forwardRef(function
128
126
  "aria-label": documentationLinksIconDescription,
129
127
  menuOptionsClass: "".concat(blockClass, "__documentation-overflow"),
130
128
  size: "lg"
131
- }, documentationLinks.map(function (_ref4, i) {
132
- var rest = _rollupPluginBabelHelpers["extends"]({}, (_rollupPluginBabelHelpers.objectDestructuringEmpty(_ref4), _ref4));
129
+ }, documentationLinks.map(function (_ref3, i) {
130
+ var rest = _rollupPluginBabelHelpers["extends"]({}, (_rollupPluginBabelHelpers.objectDestructuringEmpty(_ref3), _ref3));
133
131
  return /*#__PURE__*/React__default["default"].createElement(react.OverflowMenuItem, _rollupPluginBabelHelpers["extends"]({
134
132
  key: i
135
133
  }, rest));
136
- })), actions.map(function (_ref5) {
137
- var renderIcon = _ref5.renderIcon,
138
- onClick = _ref5.onClick,
139
- iconDescription = _ref5.iconDescription;
134
+ })), actions.map(function (_ref4) {
135
+ var renderIcon = _ref4.renderIcon,
136
+ onClick = _ref4.onClick,
137
+ iconDescription = _ref4.iconDescription;
140
138
  return /*#__PURE__*/React__default["default"].createElement(react.Button, {
141
139
  key: iconDescription,
142
140
  hasIconOnly: true,
@@ -50,7 +50,6 @@ export { Nav } from "./Nav";
50
50
  export { StringFormatter } from "./StringFormatter";
51
51
  export { UserAvatar } from "./UserAvatar";
52
52
  export { ScrollGradient } from "./ScrollGradient";
53
- export { StatusIndicator } from "./StatusIndicator";
54
53
  export { TagOverflow } from "./TagOverflow";
55
54
  export { ActionBar } from "./ActionBar";
56
55
  export { ConditionBuilder } from "./ConditionBuilder";
@@ -68,5 +67,6 @@ export { EditTearsheet, EditTearsheetForm } from "./EditTearsheet";
68
67
  export { Guidebanner, GuidebannerElement, GuidebannerElementButton, GuidebannerElementLink } from "./Guidebanner";
69
68
  export { InlineTip, InlineTipButton, InlineTipLink } from "./InlineTip";
70
69
  export { DescriptionList, DescriptionListBody, DescriptionListCell, DescriptionListRow } from "./DescriptionList";
70
+ export { StatusIndicator, StatusIndicatorStep } from "./StatusIndicator";
71
71
  export { FilterPanel, FilterPanelAccordion, FilterPanelAccordionItem, FilterPanelCheckbox, FilterPanelCheckboxWithOverflow, FilterPanelGroup, FilterPanelLabel, FilterPanelSearch } from "./FilterPanel";
72
72
  export { FeatureFlags as unstable_FeatureFlags, useFeatureFlag as unstable_useFeatureFlag, useFeatureFlags as unstable_useFeatureFlags } from "./FeatureFlags";
@@ -1,3 +1,4 @@
1
+ export function getSpecificElement(parentEl: any, elementId: any): any;
1
2
  export function useFocus(modalRef: any, selectorPrimaryFocus: any): {
2
3
  firstElement: any;
3
4
  lastElement: any;
@@ -13,6 +13,9 @@ var react = require('@carbon/react');
13
13
  var settings = require('../../../settings.js');
14
14
  var React = require('react');
15
15
 
16
+ var getSpecificElement = function getSpecificElement(parentEl, elementId) {
17
+ return elementId ? parentEl === null || parentEl === void 0 ? void 0 : parentEl.querySelector(elementId) : null;
18
+ };
16
19
  var useFocus = function useFocus(modalRef, selectorPrimaryFocus) {
17
20
  var carbonPrefix = react.usePrefix();
18
21
  var tearsheetBaseClass = "".concat(settings.pkg.prefix, "--tearsheet");
@@ -43,7 +46,7 @@ var useFocus = function useFocus(modalRef, selectorPrimaryFocus) {
43
46
  var first = (_focusableElements2 = focusableElements) === null || _focusableElements2 === void 0 ? void 0 : _focusableElements2[0];
44
47
  var last = (_focusableElements3 = focusableElements) === null || _focusableElements3 === void 0 ? void 0 : _focusableElements3[((_focusableElements4 = focusableElements) === null || _focusableElements4 === void 0 ? void 0 : _focusableElements4.length) - 1];
45
48
  var all = focusableElements;
46
- var specifiedElement = selectorPrimaryFocus ? modalEl === null || modalEl === void 0 ? void 0 : modalEl.querySelector(selectorPrimaryFocus) : null;
49
+ var specifiedElement = getSpecificElement(modalEl, selectorPrimaryFocus);
47
50
  return {
48
51
  first: first,
49
52
  last: last,
@@ -88,4 +91,5 @@ var useFocus = function useFocus(modalRef, selectorPrimaryFocus) {
88
91
  };
89
92
  };
90
93
 
94
+ exports.getSpecificElement = getSpecificElement;
91
95
  exports.useFocus = useFocus;
@@ -11,19 +11,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
11
11
 
12
12
  var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
13
13
  var React = require('react');
14
- var window$1 = require('../utils/window.js');
14
+ var useIsomorphicEffect = require('./useIsomorphicEffect.js');
15
15
 
16
16
  var usePrefersReducedMotion = function usePrefersReducedMotion() {
17
17
  var _useState = React.useState(false),
18
18
  _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
19
19
  prefersReducedMotion = _useState2[0],
20
20
  setPrefersReducedMotion = _useState2[1];
21
- React.useEffect(function () {
22
- if (window$1.hasDocument()) {
23
- var _window$matchMedia = window.matchMedia('(prefers-reduced-motion: reduce)'),
24
- matches = _window$matchMedia.matches;
25
- setPrefersReducedMotion(matches);
26
- }
21
+ useIsomorphicEffect.useIsomorphicEffect(function () {
22
+ var mediaQueryList = window.matchMedia('(prefers-reduced-motion: no-preference)');
23
+ var _window$matchMedia = window.matchMedia('(prefers-reduced-motion: no-preference)'),
24
+ matches = _window$matchMedia.matches;
25
+ setPrefersReducedMotion(!matches);
26
+ var listener = function listener(event) {
27
+ setPrefersReducedMotion(!event.matches);
28
+ };
29
+ mediaQueryList.addEventListener('change', listener);
30
+ return function () {
31
+ mediaQueryList.removeEventListener('change', listener);
32
+ };
27
33
  }, []);
28
34
  return prefersReducedMotion;
29
35
  };
@@ -39,6 +39,7 @@ declare namespace defaults {
39
39
  let ErrorEmptyState: boolean;
40
40
  let ExportModal: boolean;
41
41
  let ExpressiveCard: boolean;
42
+ let FullPageError: boolean;
42
43
  let HTTPError403: boolean;
43
44
  let HTTPError404: boolean;
44
45
  let HTTPErrorOther: boolean;
@@ -80,7 +81,6 @@ declare namespace defaults {
80
81
  let BigNumbers: boolean;
81
82
  let TruncatedList: boolean;
82
83
  let DelimitedList: boolean;
83
- let FullPageError: boolean;
84
84
  let ScrollGradient: boolean;
85
85
  let StringFormatter: boolean;
86
86
  let StatusIndicator: boolean;
@@ -41,6 +41,7 @@ var defaults = {
41
41
  ErrorEmptyState: true,
42
42
  ExportModal: true,
43
43
  ExpressiveCard: true,
44
+ FullPageError: true,
44
45
  HTTPError403: true,
45
46
  HTTPError404: true,
46
47
  HTTPErrorOther: true,
@@ -83,7 +84,6 @@ var defaults = {
83
84
  BigNumbers: false,
84
85
  TruncatedList: false,
85
86
  DelimitedList: false,
86
- FullPageError: false,
87
87
  ScrollGradient: false,
88
88
  StringFormatter: false,
89
89
  StatusIndicator: false,
@@ -11,6 +11,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
11
11
 
12
12
  var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
13
13
 
14
+ /**
15
+ * Copyright IBM Corp. 2024
16
+ *
17
+ * This source code is licensed under the Apache-2.0 license found in the
18
+ * LICENSE file in the root directory of this source tree.
19
+ */
20
+
14
21
  var windowExists = (typeof window === "undefined" ? "undefined" : _rollupPluginBabelHelpers["typeof"](window)) !== "undefined";
15
22
 
16
23
  // determine whether the target is scrollable
@@ -1,2 +1,8 @@
1
1
  export default uuidv4;
2
+ /**
3
+ * Copyright IBM Corp. 2024
4
+ *
5
+ * This source code is licensed under the Apache-2.0 license found in the
6
+ * LICENSE file in the root directory of this source tree.
7
+ */
2
8
  declare function uuidv4(): any;
@@ -9,6 +9,8 @@
9
9
 
10
10
  Object.defineProperty(exports, '__esModule', { value: true });
11
11
 
12
+ // https://stackoverflow.com/a/2117523
13
+
12
14
  function uuidv4() {
13
15
  var randomValues = function randomValues(c) {
14
16
  return typeof crypto !== 'undefined' ? crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4 : Math.random() * 16 >> c / 4;
@@ -1,2 +1,8 @@
1
1
  export default wait;
2
+ /**
3
+ * Copyright IBM Corp. 2024
4
+ *
5
+ * This source code is licensed under the Apache-2.0 license found in the
6
+ * LICENSE file in the root directory of this source tree.
7
+ */
2
8
  declare function wait(ms: any): Promise<any>;
@@ -9,6 +9,8 @@
9
9
 
10
10
  Object.defineProperty(exports, '__esModule', { value: true });
11
11
 
12
+ // utility function for an async timeout
13
+
12
14
  function wait(ms) {
13
15
  return new Promise(function (resolve) {
14
16
  return setTimeout(resolve, ms);
package/lib/index.js CHANGED
@@ -126,6 +126,7 @@ var StringFormatter = require('./components/StringFormatter/StringFormatter.js')
126
126
  var UserAvatar = require('./components/UserAvatar/UserAvatar.js');
127
127
  var ScrollGradient = require('./components/ScrollGradient/ScrollGradient.js');
128
128
  var StatusIndicator = require('./components/StatusIndicator/StatusIndicator.js');
129
+ var StatusIndicatorStep = require('./components/StatusIndicator/StatusIndicatorStep.js');
129
130
  var TagOverflow = require('./components/TagOverflow/TagOverflow.js');
130
131
  var ActionBar = require('./components/ActionBar/ActionBar.js');
131
132
  var FilterPanel = require('./components/FilterPanel/FilterPanel.js');
@@ -535,6 +536,10 @@ Object.defineProperty(exports, 'StatusIndicator', {
535
536
  enumerable: true,
536
537
  get: function () { return StatusIndicator.StatusIndicator; }
537
538
  });
539
+ Object.defineProperty(exports, 'StatusIndicatorStep', {
540
+ enumerable: true,
541
+ get: function () { return StatusIndicatorStep.StatusIndicatorStep; }
542
+ });
538
543
  Object.defineProperty(exports, 'TagOverflow', {
539
544
  enumerable: true,
540
545
  get: function () { return TagOverflow.TagOverflow; }
@@ -11,81 +11,68 @@ Object.defineProperty(exports, '__esModule', { value: true });
11
11
 
12
12
  var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
13
13
 
14
- function ownKeys(object, enumerableOnly) {
15
- var keys = Object.keys(object);
16
- if (Object.getOwnPropertySymbols) {
17
- var symbols = Object.getOwnPropertySymbols(object);
18
- enumerableOnly && (symbols = symbols.filter(function (sym) {
19
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
20
- })), keys.push.apply(keys, symbols);
21
- }
22
- return keys;
14
+ function _defineProperty(e, r, t) {
15
+ return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
16
+ value: t,
17
+ enumerable: !0,
18
+ configurable: !0,
19
+ writable: !0
20
+ }) : e[r] = t, e;
23
21
  }
24
- function _objectSpread2(target) {
25
- for (var i = 1; i < arguments.length; i++) {
26
- var source = null != arguments[i] ? arguments[i] : {};
27
- i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
28
- _defineProperty(target, key, source[key]);
29
- }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
30
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
31
- });
22
+ function ownKeys(e, r) {
23
+ var t = Object.keys(e);
24
+ if (Object.getOwnPropertySymbols) {
25
+ var o = Object.getOwnPropertySymbols(e);
26
+ r && (o = o.filter(function (r) {
27
+ return Object.getOwnPropertyDescriptor(e, r).enumerable;
28
+ })), t.push.apply(t, o);
32
29
  }
33
- return target;
30
+ return t;
34
31
  }
35
- function _defineProperty(obj, key, value) {
36
- key = _toPropertyKey(key);
37
- if (key in obj) {
38
- Object.defineProperty(obj, key, {
39
- value: value,
40
- enumerable: true,
41
- configurable: true,
42
- writable: true
32
+ function _objectSpread2(e) {
33
+ for (var r = 1; r < arguments.length; r++) {
34
+ var t = null != arguments[r] ? arguments[r] : {};
35
+ r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
36
+ _defineProperty(e, r, t[r]);
37
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
38
+ Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
43
39
  });
44
- } else {
45
- obj[key] = value;
46
40
  }
47
- return obj;
41
+ return e;
48
42
  }
49
- function _objectWithoutPropertiesLoose(source, excluded) {
50
- if (source == null) return {};
51
- var target = {};
52
- var sourceKeys = Object.keys(source);
53
- var key, i;
54
- for (i = 0; i < sourceKeys.length; i++) {
55
- key = sourceKeys[i];
56
- if (excluded.indexOf(key) >= 0) continue;
57
- target[key] = source[key];
43
+ function _objectWithoutProperties(e, t) {
44
+ if (null == e) return {};
45
+ var o,
46
+ r,
47
+ i = _objectWithoutPropertiesLoose(e, t);
48
+ if (Object.getOwnPropertySymbols) {
49
+ var n = Object.getOwnPropertySymbols(e);
50
+ for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
58
51
  }
59
- return target;
52
+ return i;
60
53
  }
61
- function _objectWithoutProperties(source, excluded) {
62
- if (source == null) return {};
63
- var target = _objectWithoutPropertiesLoose(source, excluded);
64
- var key, i;
65
- if (Object.getOwnPropertySymbols) {
66
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
67
- for (i = 0; i < sourceSymbolKeys.length; i++) {
68
- key = sourceSymbolKeys[i];
69
- if (excluded.indexOf(key) >= 0) continue;
70
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
71
- target[key] = source[key];
72
- }
54
+ function _objectWithoutPropertiesLoose(r, e) {
55
+ if (null == r) return {};
56
+ var t = {};
57
+ for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
58
+ if (e.indexOf(n) >= 0) continue;
59
+ t[n] = r[n];
73
60
  }
74
- return target;
61
+ return t;
75
62
  }
76
- function _toPrimitive(input, hint) {
77
- if (_rollupPluginBabelHelpers["typeof"](input) !== "object" || input === null) return input;
78
- var prim = input[Symbol.toPrimitive];
79
- if (prim !== undefined) {
80
- var res = prim.call(input, hint || "default");
81
- if (_rollupPluginBabelHelpers["typeof"](res) !== "object") return res;
63
+ function _toPrimitive(t, r) {
64
+ if ("object" != _rollupPluginBabelHelpers["typeof"](t) || !t) return t;
65
+ var e = t[Symbol.toPrimitive];
66
+ if (void 0 !== e) {
67
+ var i = e.call(t, r || "default");
68
+ if ("object" != _rollupPluginBabelHelpers["typeof"](i)) return i;
82
69
  throw new TypeError("@@toPrimitive must return a primitive value.");
83
70
  }
84
- return (hint === "string" ? String : Number)(input);
71
+ return ("string" === r ? String : Number)(t);
85
72
  }
86
- function _toPropertyKey(arg) {
87
- var key = _toPrimitive(arg, "string");
88
- return _rollupPluginBabelHelpers["typeof"](key) === "symbol" ? key : String(key);
73
+ function _toPropertyKey(t) {
74
+ var i = _toPrimitive(t, "string");
75
+ return "symbol" == _rollupPluginBabelHelpers["typeof"](i) ? i : i + "";
89
76
  }
90
77
  var _excluded = ["width", "height", "viewBox"],
91
78
  _excluded2 = ["tabindex"];