@carbon/ibm-products 2.65.0 → 2.66.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 (777) hide show
  1. package/css/index-full-carbon.css +482 -64
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -1
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +14 -20
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -1
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +29 -22
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +1 -1
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +123 -39
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +1 -1
  16. package/css/index.min.css.map +1 -1
  17. package/es/_virtual/_rollupPluginBabelHelpers.js +1 -510
  18. package/es/components/APIKeyModal/APIKeyDownloader.js +32 -50
  19. package/es/components/APIKeyModal/APIKeyModal.js +164 -217
  20. package/es/components/AboutModal/AboutModal.js +50 -52
  21. package/es/components/ActionBar/ActionBar.js +62 -56
  22. package/es/components/ActionBar/ActionBarItem.js +25 -18
  23. package/es/components/ActionBar/ActionBarOverflowItems.js +21 -19
  24. package/es/components/ActionSet/ActionSet.js +92 -88
  25. package/es/components/AddSelect/AddSelect.js +22 -20
  26. package/es/components/AddSelect/AddSelectBody.js +143 -154
  27. package/es/components/AddSelect/AddSelectBreadcrumbs.js +21 -14
  28. package/es/components/AddSelect/AddSelectColumn.js +97 -123
  29. package/es/components/AddSelect/AddSelectFilter.js +72 -79
  30. package/es/components/AddSelect/AddSelectFormControl.js +41 -35
  31. package/es/components/AddSelect/AddSelectList.js +24 -26
  32. package/es/components/AddSelect/AddSelectMetaPanel.js +24 -26
  33. package/es/components/AddSelect/AddSelectRow.js +86 -83
  34. package/es/components/AddSelect/AddSelectSidebar.js +56 -59
  35. package/es/components/AddSelect/AddSelectSort.js +31 -31
  36. package/es/components/AddSelect/add-select-utils.js +46 -41
  37. package/es/components/AddSelect/hooks/useFocus.js +7 -11
  38. package/es/components/AddSelect/hooks/useItemSort.js +13 -14
  39. package/es/components/AddSelect/hooks/useParentSelect.js +10 -8
  40. package/es/components/AddSelect/hooks/usePath.js +33 -36
  41. package/es/components/BigNumbers/BigNumbers.js +43 -46
  42. package/es/components/BigNumbers/BigNumbersSkeleton.js +15 -12
  43. package/es/components/BigNumbers/constants.js +5 -5
  44. package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +112 -127
  45. package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +70 -74
  46. package/es/components/Card/Card.d.ts +15 -11
  47. package/es/components/Card/Card.js +187 -171
  48. package/es/components/Card/CardFooter.js +32 -33
  49. package/es/components/Card/CardHeader.js +59 -46
  50. package/es/components/Carousel/Carousel.js +102 -118
  51. package/es/components/Carousel/CarouselItem.js +9 -8
  52. package/es/components/Cascade/Cascade.js +30 -25
  53. package/es/components/Checklist/Checklist.js +64 -75
  54. package/es/components/Checklist/Checklist.types.js +2 -2
  55. package/es/components/Checklist/ChecklistChart.js +22 -31
  56. package/es/components/Checklist/ChecklistIcon.js +14 -15
  57. package/es/components/Coachmark/Coachmark.js +71 -89
  58. package/es/components/Coachmark/CoachmarkDragbar.js +30 -40
  59. package/es/components/Coachmark/CoachmarkHeader.js +18 -21
  60. package/es/components/Coachmark/CoachmarkOverlay.js +70 -79
  61. package/es/components/Coachmark/CoachmarkTagline.js +19 -21
  62. package/es/components/Coachmark/utils/constants.js +10 -9
  63. package/es/components/Coachmark/utils/context.js +2 -2
  64. package/es/components/Coachmark/utils/enums.js +2 -2
  65. package/es/components/Coachmark/utils/hooks.js +12 -12
  66. package/es/components/CoachmarkBeacon/CoachmarkBeacon.js +15 -15
  67. package/es/components/CoachmarkButton/CoachmarkButton.js +10 -9
  68. package/es/components/CoachmarkFixed/CoachmarkFixed.js +50 -68
  69. package/es/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js +16 -15
  70. package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +54 -72
  71. package/es/components/CoachmarkStack/CoachmarkStack.js +64 -82
  72. package/es/components/CoachmarkStack/CoachmarkStackHome.js +55 -62
  73. package/es/components/ComboButton/ComboButton.js +45 -52
  74. package/es/components/ComboButton/ComboButtonItem/index.js +4 -3
  75. package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +106 -105
  76. package/es/components/ConditionBuilder/ConditionBuilder.js +34 -45
  77. package/es/components/ConditionBuilder/ConditionBuilder.types.d.ts +15 -2
  78. package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +72 -92
  79. package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.d.ts +3 -1
  80. package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +61 -38
  81. package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +31 -27
  82. package/es/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +25 -24
  83. package/es/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +16 -16
  84. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +101 -108
  85. package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +14 -20
  86. package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +1 -1
  87. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +59 -72
  88. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +30 -39
  89. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +18 -19
  90. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +40 -51
  91. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +59 -94
  92. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +14 -13
  93. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +19 -30
  94. package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +182 -200
  95. package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +34 -33
  96. package/es/components/ConditionBuilder/utils/handleKeyboardEvents.js +52 -65
  97. package/es/components/ConditionBuilder/utils/useDataConfigs.js +11 -30
  98. package/es/components/ConditionBuilder/utils/useTranslations.js +7 -6
  99. package/es/components/ConditionBuilder/utils/util.js +27 -36
  100. package/es/components/CreateFullPage/CreateFullPage.d.ts +5 -1
  101. package/es/components/CreateFullPage/CreateFullPage.js +99 -151
  102. package/es/components/CreateFullPage/CreateFullPageStep.js +65 -59
  103. package/es/components/CreateInfluencer/CreateInfluencer.js +25 -29
  104. package/es/components/CreateModal/CreateModal.js +40 -36
  105. package/es/components/CreateSidePanel/CreateSidePanel.js +40 -39
  106. package/es/components/CreateTearsheet/CreateTearsheet.d.ts +1 -1
  107. package/es/components/CreateTearsheet/CreateTearsheet.js +113 -164
  108. package/es/components/CreateTearsheet/CreateTearsheetDivider.js +9 -7
  109. package/es/components/CreateTearsheet/CreateTearsheetStep.js +73 -69
  110. package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +30 -30
  111. package/es/components/DataSpreadsheet/DataSpreadsheet.js +296 -339
  112. package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +215 -215
  113. package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +122 -121
  114. package/es/components/DataSpreadsheet/hooks/useMoveActiveCell.js +15 -13
  115. package/es/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +35 -53
  116. package/es/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +10 -9
  117. package/es/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +40 -46
  118. package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +29 -28
  119. package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +73 -88
  120. package/es/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +16 -15
  121. package/es/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +10 -12
  122. package/es/components/DataSpreadsheet/utils/checkForHoldingKey.js +1 -1
  123. package/es/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +11 -12
  124. package/es/components/DataSpreadsheet/utils/commonEventHandlers.js +75 -124
  125. package/es/components/DataSpreadsheet/utils/createActiveCellFn.js +25 -25
  126. package/es/components/DataSpreadsheet/utils/createCellSelectionArea.js +32 -31
  127. package/es/components/DataSpreadsheet/utils/getCellSize.js +2 -4
  128. package/es/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +9 -9
  129. package/es/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +12 -14
  130. package/es/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +40 -36
  131. package/es/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +37 -34
  132. package/es/components/DataSpreadsheet/utils/handleCellDeletion.js +22 -23
  133. package/es/components/DataSpreadsheet/utils/handleEditSubmit.js +37 -34
  134. package/es/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +65 -76
  135. package/es/components/DataSpreadsheet/utils/handleMultipleKeys.js +94 -88
  136. package/es/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +29 -26
  137. package/es/components/DataSpreadsheet/utils/removeCellSelections.js +9 -11
  138. package/es/components/DataSpreadsheet/utils/selectAllCells.js +17 -14
  139. package/es/components/Datagrid/Datagrid/Datagrid.js +27 -24
  140. package/es/components/Datagrid/Datagrid/DatagridBody.js +7 -6
  141. package/es/components/Datagrid/Datagrid/DatagridContent.js +130 -112
  142. package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +19 -18
  143. package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +42 -43
  144. package/es/components/Datagrid/Datagrid/DatagridHead.js +9 -10
  145. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +172 -125
  146. package/es/components/Datagrid/Datagrid/DatagridRefBody.js +18 -15
  147. package/es/components/Datagrid/Datagrid/DatagridRow.js +101 -91
  148. package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +63 -61
  149. package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +48 -57
  150. package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +18 -15
  151. package/es/components/Datagrid/Datagrid/DatagridToolbar.js +83 -96
  152. package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +74 -76
  153. package/es/components/Datagrid/Datagrid/DraggableElement.js +38 -29
  154. package/es/components/Datagrid/Datagrid/addons/AiLabel/DatagridAiLabel.js +6 -4
  155. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +9 -7
  156. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +18 -20
  157. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +34 -36
  158. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +56 -85
  159. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +88 -106
  160. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +27 -29
  161. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +1 -3
  162. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +96 -104
  163. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +125 -136
  164. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +90 -106
  165. package/es/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +41 -46
  166. package/es/components/Datagrid/Datagrid/addons/Filtering/constants.js +13 -13
  167. package/es/components/Datagrid/Datagrid/addons/Filtering/handleCheckboxChange.js +23 -30
  168. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +2 -2
  169. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +212 -219
  170. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +13 -11
  171. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +4 -3
  172. package/es/components/Datagrid/Datagrid/addons/Filtering/utils.js +44 -42
  173. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +28 -17
  174. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +196 -191
  175. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +41 -39
  176. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +7 -9
  177. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +18 -15
  178. package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +5 -3
  179. package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +84 -73
  180. package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +22 -26
  181. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +24 -28
  182. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +19 -18
  183. package/es/components/Datagrid/Datagrid/addons/stateReducer.js +211 -173
  184. package/es/components/Datagrid/common-column-ids.js +1 -1
  185. package/es/components/Datagrid/useActionsColumn.js +81 -61
  186. package/es/components/Datagrid/useColumnCenterAlign.js +17 -27
  187. package/es/components/Datagrid/useColumnRightAlign.js +17 -28
  188. package/es/components/Datagrid/useCustomizeColumns.js +18 -20
  189. package/es/components/Datagrid/useDatagrid.js +13 -18
  190. package/es/components/Datagrid/useDefaultStringRenderer.js +19 -20
  191. package/es/components/Datagrid/useDisableSelectRows.js +49 -57
  192. package/es/components/Datagrid/useEditableCell.js +1 -1
  193. package/es/components/Datagrid/useExpandedRow.js +20 -25
  194. package/es/components/Datagrid/useFiltering.js +53 -58
  195. package/es/components/Datagrid/useFlexResize.js +31 -29
  196. package/es/components/Datagrid/useFloatingScroll.js +40 -38
  197. package/es/components/Datagrid/useFocusRowExpander.js +16 -15
  198. package/es/components/Datagrid/useInfiniteScroll.js +22 -20
  199. package/es/components/Datagrid/useInitialColumnSort.js +22 -21
  200. package/es/components/Datagrid/useInlineEdit.js +24 -26
  201. package/es/components/Datagrid/useNestedRowExpander.js +63 -80
  202. package/es/components/Datagrid/useNestedRows.js +45 -45
  203. package/es/components/Datagrid/useOnRowClick.js +32 -26
  204. package/es/components/Datagrid/useParentDimensions.js +35 -37
  205. package/es/components/Datagrid/useResizeTable.js +11 -9
  206. package/es/components/Datagrid/useRowExpander.js +30 -27
  207. package/es/components/Datagrid/useRowIsMouseOver.js +22 -28
  208. package/es/components/Datagrid/useRowRenderer.js +25 -35
  209. package/es/components/Datagrid/useRowSize.js +27 -24
  210. package/es/components/Datagrid/useSelectAllToggle.js +47 -46
  211. package/es/components/Datagrid/useSelectRows.js +90 -107
  212. package/es/components/Datagrid/useSkeletonRows.js +14 -25
  213. package/es/components/Datagrid/useSortableColumns.js +61 -87
  214. package/es/components/Datagrid/useStickyColumn.js +84 -94
  215. package/es/components/Datagrid/utils/getAutoSizedColumnWidth.js +5 -16
  216. package/es/components/Decorator/Decorator.js +3 -3
  217. package/es/components/DecoratorBase/DecoratorBase.js +94 -88
  218. package/es/components/DecoratorBase/DecoratorIcon.js +15 -15
  219. package/es/components/DecoratorBase/utils.js +8 -6
  220. package/es/components/DecoratorDualButton/DecoratorDualButton.js +4 -4
  221. package/es/components/DecoratorLink/DecoratorLink.js +4 -4
  222. package/es/components/DecoratorSingleButton/DecoratorSingleButton.js +4 -4
  223. package/es/components/DelimitedList/DelimitedList.js +16 -15
  224. package/es/components/DescriptionList/DescriptionList.js +21 -17
  225. package/es/components/DescriptionList/DescriptionListBody.js +9 -9
  226. package/es/components/DescriptionList/DescriptionListCell.js +9 -9
  227. package/es/components/DescriptionList/DescriptionListRow.js +9 -9
  228. package/es/components/DescriptionList/constants.js +1 -1
  229. package/es/components/EditFullPage/EditFullPage.js +16 -10
  230. package/es/components/EditInPlace/EditInPlace.js +80 -78
  231. package/es/components/EditSidePanel/EditSidePanel.js +50 -47
  232. package/es/components/EditTearsheet/EditTearsheet.js +65 -99
  233. package/es/components/EditTearsheet/EditTearsheetForm.js +36 -28
  234. package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.js +15 -10
  235. package/es/components/EditUpdateCards/EditUpdateCards.d.ts +2 -9
  236. package/es/components/EditUpdateCards/EditUpdateCards.js +42 -31
  237. package/es/components/EmptyStates/EmptyState.js +38 -34
  238. package/es/components/EmptyStates/EmptyStateContent.js +29 -21
  239. package/es/components/EmptyStates/EmptyStateIllustration.js +15 -28
  240. package/es/components/EmptyStates/EmptyStateV2.js +34 -29
  241. package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +28 -25
  242. package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +28 -25
  243. package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +28 -25
  244. package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +28 -25
  245. package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +28 -25
  246. package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +28 -25
  247. package/es/components/EmptyStates/assets/ErrorIllustration.js +27 -26
  248. package/es/components/EmptyStates/assets/NoDataIllustration.js +25 -24
  249. package/es/components/EmptyStates/assets/NoTagsIllustration.js +54 -53
  250. package/es/components/EmptyStates/assets/NotFoundIllustration.js +38 -37
  251. package/es/components/EmptyStates/assets/NotificationsIllustration.js +43 -42
  252. package/es/components/EmptyStates/assets/UnauthorizedIllustration.js +38 -37
  253. package/es/components/ExportModal/ExportModal.js +82 -94
  254. package/es/components/ExpressiveCard/ExpressiveCard.d.ts +2 -10
  255. package/es/components/ExpressiveCard/ExpressiveCard.js +11 -5
  256. package/es/components/FeatureFlags/index.js +33 -43
  257. package/es/components/FilterPanel/FilterPanel.js +12 -12
  258. package/es/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js +20 -20
  259. package/es/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js +21 -25
  260. package/es/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js +13 -13
  261. package/es/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js +54 -60
  262. package/es/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js +15 -15
  263. package/es/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js +13 -13
  264. package/es/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js +21 -25
  265. package/es/components/FilterSummary/FilterSummary.js +60 -67
  266. package/es/components/FullPageError/FullPageError.js +28 -26
  267. package/es/components/FullPageError/assets/Error403SVG.js +4 -2
  268. package/es/components/FullPageError/assets/Error404SVG.js +4 -2
  269. package/es/components/FullPageError/assets/ErrorGenericSVG.js +4 -2
  270. package/es/components/GetStartedCard/GetStartedCard.js +6 -6
  271. package/es/components/Guidebanner/Guidebanner.js +46 -63
  272. package/es/components/Guidebanner/GuidebannerElement.js +14 -14
  273. package/es/components/Guidebanner/GuidebannerElementButton.js +15 -17
  274. package/es/components/Guidebanner/GuidebannerElementLink.js +9 -9
  275. package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +18 -18
  276. package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +18 -18
  277. package/es/components/HTTPErrors/HTTPErrorContent.js +23 -22
  278. package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +18 -18
  279. package/es/components/HTTPErrors/assets/HTTPErrorSvg403.js +83 -81
  280. package/es/components/HTTPErrors/assets/HTTPErrorSvg404.js +87 -85
  281. package/es/components/HTTPErrors/assets/HTTPErrorSvgOther.js +83 -81
  282. package/es/components/ImportModal/ImportModal.js +125 -162
  283. package/es/components/InlineTip/InlineTip.js +46 -61
  284. package/es/components/InlineTip/InlineTipButton.js +9 -9
  285. package/es/components/InlineTip/InlineTipLink.js +12 -13
  286. package/es/components/InlineTip/utils.js +9 -19
  287. package/es/components/InterstitialScreen/InterstitialScreen.js +62 -83
  288. package/es/components/InterstitialScreen/InterstitialScreenBody.js +56 -62
  289. package/es/components/InterstitialScreen/InterstitialScreenFooter.js +87 -118
  290. package/es/components/InterstitialScreen/InterstitialScreenHeader.js +29 -25
  291. package/es/components/MultiAddSelect/MultiAddSelect.js +5 -7
  292. package/es/components/Nav/Nav.js +39 -43
  293. package/es/components/Nav/NavItem.js +44 -51
  294. package/es/components/Nav/NavItemLink.js +9 -8
  295. package/es/components/Nav/NavList.js +57 -66
  296. package/es/components/NonLinearReading/NonLinearReading.js +18 -23
  297. package/es/components/NotificationsPanel/NotificationsPanel.js +178 -258
  298. package/es/components/NotificationsPanel/utils.js +26 -24
  299. package/es/components/OptionsTile/OptionsTile.js +90 -82
  300. package/es/components/PageHeader/PageHeader.js +293 -256
  301. package/es/components/PageHeader/PageHeaderTitle.js +43 -36
  302. package/es/components/PageHeader/PageHeaderUtils.js +31 -28
  303. package/es/components/ProductiveCard/ProductiveCard.d.ts +2 -13
  304. package/es/components/ProductiveCard/ProductiveCard.js +20 -14
  305. package/es/components/RemoveModal/RemoveModal.js +46 -49
  306. package/es/components/Saving/Saving.js +54 -59
  307. package/es/components/ScrollGradient/ScrollGradient.js +63 -66
  308. package/es/components/ScrollGradient/constants.js +13 -24
  309. package/es/components/SearchBar/SearchBar.d.ts +5 -6
  310. package/es/components/SearchBar/SearchBar.js +62 -68
  311. package/es/components/SidePanel/SidePanel.d.ts +2 -5
  312. package/es/components/SidePanel/SidePanel.js +242 -245
  313. package/es/components/SidePanel/constants.js +1 -1
  314. package/es/components/SimpleHeader/SimpleHeader.js +22 -25
  315. package/es/components/SingleAddSelect/SingleAddSelect.js +3 -3
  316. package/es/components/StatusIcon/StatusIcon.js +195 -281
  317. package/es/components/StatusIndicator/StatusIndicator.js +21 -24
  318. package/es/components/StatusIndicator/StatusIndicatorStep.js +18 -18
  319. package/es/components/StringFormatter/StringFormatter.js +62 -38
  320. package/es/components/StringFormatter/utils/enums.js +13 -13
  321. package/es/components/TagOverflow/TagOverflow.js +70 -74
  322. package/es/components/TagOverflow/TagOverflowModal.js +49 -52
  323. package/es/components/TagOverflow/TagOverflowPopover.js +63 -61
  324. package/es/components/TagOverflow/constants.js +1 -1
  325. package/es/components/TagSet/TagSet.js +104 -130
  326. package/es/components/TagSet/TagSetModal.js +48 -51
  327. package/es/components/TagSet/TagSetOverflow.js +54 -50
  328. package/es/components/Tearsheet/Tearsheet.js +22 -22
  329. package/es/components/Tearsheet/TearsheetNarrow.js +20 -19
  330. package/es/components/Tearsheet/TearsheetShell.js +160 -156
  331. package/es/components/Toolbar/Toolbar.js +44 -47
  332. package/es/components/Toolbar/ToolbarButton.js +25 -24
  333. package/es/components/Toolbar/ToolbarGroup.js +9 -8
  334. package/es/components/TooltipTrigger/TooltipTrigger.js +10 -9
  335. package/es/components/TruncatedList/TruncatedList.js +44 -61
  336. package/es/components/UserAvatar/UserAvatar.js +49 -48
  337. package/es/components/UserProfileImage/UserProfileImage.js +59 -74
  338. package/es/components/WebTerminal/WebTerminal.js +64 -67
  339. package/es/components/WebTerminal/WebTerminalContentWrapper.js +16 -11
  340. package/es/components/WebTerminal/hooks/index.js +21 -23
  341. package/es/components/_Canary/Canary.js +13 -8
  342. package/es/global/js/hooks/useActiveElement.js +5 -9
  343. package/es/global/js/hooks/useClickOutside.js +4 -4
  344. package/es/global/js/hooks/useControllableState.js +3 -7
  345. package/es/global/js/hooks/useCreateComponentFocus.js +16 -30
  346. package/es/global/js/hooks/useCreateComponentStepChange.js +99 -190
  347. package/es/global/js/hooks/useFocus.js +64 -85
  348. package/es/global/js/hooks/useIsomorphicEffect.js +1 -1
  349. package/es/global/js/hooks/useOverflowItems/useOverflowItems.js +48 -58
  350. package/es/global/js/hooks/useOverflowString.js +13 -24
  351. package/es/global/js/hooks/usePortalTarget.js +5 -11
  352. package/es/global/js/hooks/usePrefersReducedMotion.js +12 -12
  353. package/es/global/js/hooks/usePrefix.js +1 -3
  354. package/es/global/js/hooks/usePresence.js +8 -12
  355. package/es/global/js/hooks/usePreviousValue.js +3 -3
  356. package/es/global/js/hooks/useResetCreateComponent.js +15 -13
  357. package/es/global/js/hooks/useResizeObserver.js +26 -34
  358. package/es/global/js/hooks/useRetrieveFormTitles.js +10 -9
  359. package/es/global/js/hooks/useRetrieveStepData.js +21 -20
  360. package/es/global/js/hooks/useValidCreateStepCount.js +3 -3
  361. package/es/global/js/hooks/useWindowResize.js +23 -23
  362. package/es/global/js/hooks/useWindowScroll.js +15 -18
  363. package/es/global/js/package-settings.js +43 -56
  364. package/es/global/js/utils/Wrap.js +19 -18
  365. package/es/global/js/utils/clamp.js +1 -1
  366. package/es/global/js/utils/debounce.js +6 -6
  367. package/es/global/js/utils/deepCloneObject.js +7 -16
  368. package/es/global/js/utils/deepCompareObject.js +9 -18
  369. package/es/global/js/utils/devtools.js +3 -2
  370. package/es/global/js/utils/getFocusableElements.js +2 -13
  371. package/es/global/js/utils/getNodeTextContent.js +6 -15
  372. package/es/global/js/utils/getNumberOfHiddenSteps.js +3 -3
  373. package/es/global/js/utils/getScrollbarWidth.js +3 -3
  374. package/es/global/js/utils/getSupportedLocale.js +3 -3
  375. package/es/global/js/utils/lastIndexInArray.js +3 -4
  376. package/es/global/js/utils/pconsole.js +15 -22
  377. package/es/global/js/utils/props-helper.js +34 -40
  378. package/es/global/js/utils/rangeWithCallback.js +2 -2
  379. package/es/global/js/utils/scrollableAncestor.js +8 -17
  380. package/es/global/js/utils/throttle.js +4 -4
  381. package/es/global/js/utils/useId.js +11 -3
  382. package/es/global/js/utils/uuidv4.js +3 -7
  383. package/es/global/js/utils/wait.js +1 -3
  384. package/es/node_modules/@carbon/icons-react/es/Icon.js +17 -19
  385. package/es/node_modules/@carbon/icons-react/es/generated/bucket-10.js +1263 -1136
  386. package/es/node_modules/@carbon/icons-react/es/generated/bucket-3.js +1330 -1186
  387. package/es/node_modules/@carbon/icons-react/es/iconPropTypes-4cbeb95d.js +1 -1
  388. package/es/node_modules/@carbon/icons-react/node_modules/@carbon/icon-helpers/es/index.js +3 -5
  389. package/es/node_modules/prop-types/checkPropTypes.js +4 -5
  390. package/es/node_modules/prop-types/factoryWithThrowingShims.js +1 -1
  391. package/es/node_modules/prop-types/factoryWithTypeCheckers.js +6 -7
  392. package/es/settings.js +15 -19
  393. package/lib/_virtual/_rollupPluginBabelHelpers.js +0 -530
  394. package/lib/components/APIKeyModal/APIKeyDownloader.js +31 -49
  395. package/lib/components/APIKeyModal/APIKeyModal.js +163 -216
  396. package/lib/components/AboutModal/AboutModal.js +49 -51
  397. package/lib/components/ActionBar/ActionBar.js +61 -55
  398. package/lib/components/ActionBar/ActionBarItem.js +24 -17
  399. package/lib/components/ActionBar/ActionBarOverflowItems.js +21 -19
  400. package/lib/components/ActionSet/ActionSet.js +91 -87
  401. package/lib/components/AddSelect/AddSelect.js +20 -18
  402. package/lib/components/AddSelect/AddSelectBody.js +140 -151
  403. package/lib/components/AddSelect/AddSelectBreadcrumbs.js +21 -14
  404. package/lib/components/AddSelect/AddSelectColumn.js +96 -122
  405. package/lib/components/AddSelect/AddSelectFilter.js +71 -78
  406. package/lib/components/AddSelect/AddSelectFormControl.js +41 -35
  407. package/lib/components/AddSelect/AddSelectList.js +23 -25
  408. package/lib/components/AddSelect/AddSelectMetaPanel.js +24 -26
  409. package/lib/components/AddSelect/AddSelectRow.js +85 -82
  410. package/lib/components/AddSelect/AddSelectSidebar.js +56 -59
  411. package/lib/components/AddSelect/AddSelectSort.js +30 -30
  412. package/lib/components/AddSelect/add-select-utils.js +46 -41
  413. package/lib/components/AddSelect/hooks/useFocus.js +7 -11
  414. package/lib/components/AddSelect/hooks/useItemSort.js +13 -14
  415. package/lib/components/AddSelect/hooks/useParentSelect.js +10 -8
  416. package/lib/components/AddSelect/hooks/usePath.js +33 -36
  417. package/lib/components/BigNumbers/BigNumbers.js +42 -45
  418. package/lib/components/BigNumbers/BigNumbersSkeleton.js +14 -11
  419. package/lib/components/BigNumbers/constants.js +5 -5
  420. package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +111 -126
  421. package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +69 -73
  422. package/lib/components/Card/Card.d.ts +15 -11
  423. package/lib/components/Card/Card.js +185 -169
  424. package/lib/components/Card/CardFooter.js +32 -33
  425. package/lib/components/Card/CardHeader.js +58 -45
  426. package/lib/components/Carousel/Carousel.js +101 -117
  427. package/lib/components/Carousel/CarouselItem.js +8 -7
  428. package/lib/components/Cascade/Cascade.js +30 -25
  429. package/lib/components/Checklist/Checklist.js +63 -74
  430. package/lib/components/Checklist/Checklist.types.js +2 -2
  431. package/lib/components/Checklist/ChecklistChart.js +21 -30
  432. package/lib/components/Checklist/ChecklistIcon.js +13 -14
  433. package/lib/components/Coachmark/Coachmark.js +70 -88
  434. package/lib/components/Coachmark/CoachmarkDragbar.js +29 -39
  435. package/lib/components/Coachmark/CoachmarkHeader.js +17 -20
  436. package/lib/components/Coachmark/CoachmarkOverlay.js +69 -78
  437. package/lib/components/Coachmark/CoachmarkTagline.js +18 -20
  438. package/lib/components/Coachmark/utils/constants.js +10 -9
  439. package/lib/components/Coachmark/utils/context.js +2 -2
  440. package/lib/components/Coachmark/utils/enums.js +2 -2
  441. package/lib/components/Coachmark/utils/hooks.js +12 -12
  442. package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +14 -14
  443. package/lib/components/CoachmarkButton/CoachmarkButton.js +9 -8
  444. package/lib/components/CoachmarkFixed/CoachmarkFixed.js +49 -67
  445. package/lib/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js +15 -14
  446. package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +53 -71
  447. package/lib/components/CoachmarkStack/CoachmarkStack.js +63 -81
  448. package/lib/components/CoachmarkStack/CoachmarkStackHome.js +54 -61
  449. package/lib/components/ComboButton/ComboButton.js +44 -51
  450. package/lib/components/ComboButton/ComboButtonItem/index.js +4 -3
  451. package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +105 -104
  452. package/lib/components/ConditionBuilder/ConditionBuilder.js +33 -44
  453. package/lib/components/ConditionBuilder/ConditionBuilder.types.d.ts +15 -2
  454. package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +72 -92
  455. package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.d.ts +3 -1
  456. package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +59 -36
  457. package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +30 -26
  458. package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +24 -23
  459. package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +16 -16
  460. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +99 -106
  461. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +14 -20
  462. package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +1 -1
  463. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +58 -71
  464. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +29 -38
  465. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +17 -18
  466. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +40 -51
  467. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +59 -94
  468. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +14 -13
  469. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +19 -30
  470. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +182 -200
  471. package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +34 -33
  472. package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +52 -65
  473. package/lib/components/ConditionBuilder/utils/useDataConfigs.js +11 -30
  474. package/lib/components/ConditionBuilder/utils/useTranslations.js +7 -6
  475. package/lib/components/ConditionBuilder/utils/util.js +27 -36
  476. package/lib/components/CreateFullPage/CreateFullPage.d.ts +5 -1
  477. package/lib/components/CreateFullPage/CreateFullPage.js +98 -150
  478. package/lib/components/CreateFullPage/CreateFullPageStep.js +64 -58
  479. package/lib/components/CreateInfluencer/CreateInfluencer.js +25 -29
  480. package/lib/components/CreateModal/CreateModal.js +39 -35
  481. package/lib/components/CreateSidePanel/CreateSidePanel.js +39 -38
  482. package/lib/components/CreateTearsheet/CreateTearsheet.d.ts +1 -1
  483. package/lib/components/CreateTearsheet/CreateTearsheet.js +112 -163
  484. package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +8 -6
  485. package/lib/components/CreateTearsheet/CreateTearsheetStep.js +72 -68
  486. package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +29 -29
  487. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +292 -335
  488. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +213 -213
  489. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +121 -120
  490. package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +15 -13
  491. package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +35 -53
  492. package/lib/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +10 -9
  493. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +40 -46
  494. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +29 -28
  495. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +72 -87
  496. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +16 -15
  497. package/lib/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +9 -11
  498. package/lib/components/DataSpreadsheet/utils/checkForHoldingKey.js +1 -1
  499. package/lib/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +10 -11
  500. package/lib/components/DataSpreadsheet/utils/commonEventHandlers.js +73 -122
  501. package/lib/components/DataSpreadsheet/utils/createActiveCellFn.js +25 -25
  502. package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js +31 -30
  503. package/lib/components/DataSpreadsheet/utils/getCellSize.js +2 -4
  504. package/lib/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +9 -9
  505. package/lib/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +12 -14
  506. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +40 -36
  507. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +37 -34
  508. package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +21 -22
  509. package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js +37 -34
  510. package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +64 -75
  511. package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +93 -87
  512. package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +29 -26
  513. package/lib/components/DataSpreadsheet/utils/removeCellSelections.js +9 -11
  514. package/lib/components/DataSpreadsheet/utils/selectAllCells.js +17 -14
  515. package/lib/components/Datagrid/Datagrid/Datagrid.js +26 -23
  516. package/lib/components/Datagrid/Datagrid/DatagridBody.js +7 -6
  517. package/lib/components/Datagrid/Datagrid/DatagridContent.js +129 -111
  518. package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +19 -18
  519. package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +41 -42
  520. package/lib/components/Datagrid/Datagrid/DatagridHead.js +9 -10
  521. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +170 -123
  522. package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +17 -14
  523. package/lib/components/Datagrid/Datagrid/DatagridRow.js +99 -89
  524. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +62 -60
  525. package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +47 -56
  526. package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +17 -14
  527. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +83 -96
  528. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +73 -75
  529. package/lib/components/Datagrid/Datagrid/DraggableElement.js +37 -28
  530. package/lib/components/Datagrid/Datagrid/addons/AiLabel/DatagridAiLabel.js +6 -4
  531. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +9 -7
  532. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +17 -19
  533. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +34 -36
  534. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +56 -85
  535. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +86 -104
  536. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +26 -28
  537. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +1 -3
  538. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +96 -104
  539. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +124 -135
  540. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +90 -106
  541. package/lib/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +40 -45
  542. package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +13 -13
  543. package/lib/components/Datagrid/Datagrid/addons/Filtering/handleCheckboxChange.js +23 -30
  544. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +2 -2
  545. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +211 -218
  546. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +11 -9
  547. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +4 -3
  548. package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +44 -42
  549. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +28 -17
  550. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +195 -190
  551. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +41 -39
  552. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +7 -9
  553. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +18 -15
  554. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +5 -3
  555. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +84 -73
  556. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +22 -26
  557. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +23 -27
  558. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +19 -18
  559. package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +211 -173
  560. package/lib/components/Datagrid/common-column-ids.js +1 -1
  561. package/lib/components/Datagrid/useActionsColumn.js +80 -60
  562. package/lib/components/Datagrid/useColumnCenterAlign.js +17 -27
  563. package/lib/components/Datagrid/useColumnRightAlign.js +17 -28
  564. package/lib/components/Datagrid/useCustomizeColumns.js +17 -19
  565. package/lib/components/Datagrid/useDatagrid.js +12 -17
  566. package/lib/components/Datagrid/useDefaultStringRenderer.js +19 -20
  567. package/lib/components/Datagrid/useDisableSelectRows.js +49 -57
  568. package/lib/components/Datagrid/useEditableCell.js +1 -1
  569. package/lib/components/Datagrid/useExpandedRow.js +20 -25
  570. package/lib/components/Datagrid/useFiltering.js +51 -56
  571. package/lib/components/Datagrid/useFlexResize.js +31 -29
  572. package/lib/components/Datagrid/useFloatingScroll.js +40 -38
  573. package/lib/components/Datagrid/useFocusRowExpander.js +16 -15
  574. package/lib/components/Datagrid/useInfiniteScroll.js +22 -20
  575. package/lib/components/Datagrid/useInitialColumnSort.js +22 -21
  576. package/lib/components/Datagrid/useInlineEdit.js +24 -26
  577. package/lib/components/Datagrid/useNestedRowExpander.js +61 -78
  578. package/lib/components/Datagrid/useNestedRows.js +45 -45
  579. package/lib/components/Datagrid/useOnRowClick.js +32 -26
  580. package/lib/components/Datagrid/useParentDimensions.js +35 -37
  581. package/lib/components/Datagrid/useResizeTable.js +11 -9
  582. package/lib/components/Datagrid/useRowExpander.js +28 -25
  583. package/lib/components/Datagrid/useRowIsMouseOver.js +22 -28
  584. package/lib/components/Datagrid/useRowRenderer.js +25 -35
  585. package/lib/components/Datagrid/useRowSize.js +26 -23
  586. package/lib/components/Datagrid/useSelectAllToggle.js +47 -46
  587. package/lib/components/Datagrid/useSelectRows.js +89 -106
  588. package/lib/components/Datagrid/useSkeletonRows.js +14 -25
  589. package/lib/components/Datagrid/useSortableColumns.js +61 -87
  590. package/lib/components/Datagrid/useStickyColumn.js +84 -94
  591. package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.js +5 -16
  592. package/lib/components/Decorator/Decorator.js +3 -3
  593. package/lib/components/DecoratorBase/DecoratorBase.js +93 -87
  594. package/lib/components/DecoratorBase/DecoratorIcon.js +14 -14
  595. package/lib/components/DecoratorBase/utils.js +8 -6
  596. package/lib/components/DecoratorDualButton/DecoratorDualButton.js +4 -4
  597. package/lib/components/DecoratorLink/DecoratorLink.js +4 -4
  598. package/lib/components/DecoratorSingleButton/DecoratorSingleButton.js +4 -4
  599. package/lib/components/DelimitedList/DelimitedList.js +15 -14
  600. package/lib/components/DescriptionList/DescriptionList.js +20 -16
  601. package/lib/components/DescriptionList/DescriptionListBody.js +8 -8
  602. package/lib/components/DescriptionList/DescriptionListCell.js +8 -8
  603. package/lib/components/DescriptionList/DescriptionListRow.js +8 -8
  604. package/lib/components/DescriptionList/constants.js +1 -1
  605. package/lib/components/EditFullPage/EditFullPage.js +15 -9
  606. package/lib/components/EditInPlace/EditInPlace.js +79 -77
  607. package/lib/components/EditSidePanel/EditSidePanel.js +49 -46
  608. package/lib/components/EditTearsheet/EditTearsheet.js +64 -98
  609. package/lib/components/EditTearsheet/EditTearsheetForm.js +35 -27
  610. package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +14 -9
  611. package/lib/components/EditUpdateCards/EditUpdateCards.d.ts +2 -9
  612. package/lib/components/EditUpdateCards/EditUpdateCards.js +41 -30
  613. package/lib/components/EmptyStates/EmptyState.js +37 -33
  614. package/lib/components/EmptyStates/EmptyStateContent.js +28 -20
  615. package/lib/components/EmptyStates/EmptyStateIllustration.js +14 -27
  616. package/lib/components/EmptyStates/EmptyStateV2.js +33 -28
  617. package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +27 -24
  618. package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +27 -24
  619. package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +27 -24
  620. package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +27 -24
  621. package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +27 -24
  622. package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +27 -24
  623. package/lib/components/EmptyStates/assets/ErrorIllustration.js +26 -25
  624. package/lib/components/EmptyStates/assets/NoDataIllustration.js +24 -23
  625. package/lib/components/EmptyStates/assets/NoTagsIllustration.js +53 -52
  626. package/lib/components/EmptyStates/assets/NotFoundIllustration.js +37 -36
  627. package/lib/components/EmptyStates/assets/NotificationsIllustration.js +42 -41
  628. package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +37 -36
  629. package/lib/components/ExportModal/ExportModal.js +81 -93
  630. package/lib/components/ExpressiveCard/ExpressiveCard.d.ts +2 -10
  631. package/lib/components/ExpressiveCard/ExpressiveCard.js +11 -5
  632. package/lib/components/FeatureFlags/index.js +33 -43
  633. package/lib/components/FilterPanel/FilterPanel.js +11 -11
  634. package/lib/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js +19 -19
  635. package/lib/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js +20 -24
  636. package/lib/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js +12 -12
  637. package/lib/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js +53 -59
  638. package/lib/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js +14 -14
  639. package/lib/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js +12 -12
  640. package/lib/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js +20 -24
  641. package/lib/components/FilterSummary/FilterSummary.js +59 -66
  642. package/lib/components/FullPageError/FullPageError.js +27 -25
  643. package/lib/components/FullPageError/assets/Error403SVG.js +4 -2
  644. package/lib/components/FullPageError/assets/Error404SVG.js +4 -2
  645. package/lib/components/FullPageError/assets/ErrorGenericSVG.js +4 -2
  646. package/lib/components/GetStartedCard/GetStartedCard.js +5 -5
  647. package/lib/components/Guidebanner/Guidebanner.js +45 -62
  648. package/lib/components/Guidebanner/GuidebannerElement.js +13 -13
  649. package/lib/components/Guidebanner/GuidebannerElementButton.js +14 -16
  650. package/lib/components/Guidebanner/GuidebannerElementLink.js +8 -8
  651. package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +17 -17
  652. package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +17 -17
  653. package/lib/components/HTTPErrors/HTTPErrorContent.js +22 -21
  654. package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +17 -17
  655. package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +83 -81
  656. package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +87 -85
  657. package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +83 -81
  658. package/lib/components/ImportModal/ImportModal.js +124 -161
  659. package/lib/components/InlineTip/InlineTip.js +44 -59
  660. package/lib/components/InlineTip/InlineTipButton.js +8 -8
  661. package/lib/components/InlineTip/InlineTipLink.js +11 -12
  662. package/lib/components/InlineTip/utils.js +9 -19
  663. package/lib/components/InterstitialScreen/InterstitialScreen.js +61 -82
  664. package/lib/components/InterstitialScreen/InterstitialScreenBody.js +55 -61
  665. package/lib/components/InterstitialScreen/InterstitialScreenFooter.js +86 -117
  666. package/lib/components/InterstitialScreen/InterstitialScreenHeader.js +29 -25
  667. package/lib/components/MultiAddSelect/MultiAddSelect.js +5 -7
  668. package/lib/components/Nav/Nav.js +38 -42
  669. package/lib/components/Nav/NavItem.js +43 -50
  670. package/lib/components/Nav/NavItemLink.js +9 -8
  671. package/lib/components/Nav/NavList.js +56 -65
  672. package/lib/components/NonLinearReading/NonLinearReading.js +17 -22
  673. package/lib/components/NotificationsPanel/NotificationsPanel.js +177 -257
  674. package/lib/components/NotificationsPanel/utils.js +26 -24
  675. package/lib/components/OptionsTile/OptionsTile.js +88 -80
  676. package/lib/components/PageHeader/PageHeader.js +292 -255
  677. package/lib/components/PageHeader/PageHeaderTitle.js +42 -35
  678. package/lib/components/PageHeader/PageHeaderUtils.js +31 -28
  679. package/lib/components/ProductiveCard/ProductiveCard.d.ts +2 -13
  680. package/lib/components/ProductiveCard/ProductiveCard.js +19 -13
  681. package/lib/components/RemoveModal/RemoveModal.js +45 -48
  682. package/lib/components/Saving/Saving.js +51 -56
  683. package/lib/components/ScrollGradient/ScrollGradient.js +62 -65
  684. package/lib/components/ScrollGradient/constants.js +13 -24
  685. package/lib/components/SearchBar/SearchBar.d.ts +5 -6
  686. package/lib/components/SearchBar/SearchBar.js +61 -67
  687. package/lib/components/SidePanel/SidePanel.d.ts +2 -5
  688. package/lib/components/SidePanel/SidePanel.js +243 -244
  689. package/lib/components/SidePanel/constants.js +1 -1
  690. package/lib/components/SimpleHeader/SimpleHeader.js +21 -24
  691. package/lib/components/SingleAddSelect/SingleAddSelect.js +3 -3
  692. package/lib/components/StatusIcon/StatusIcon.js +194 -280
  693. package/lib/components/StatusIndicator/StatusIndicator.js +20 -23
  694. package/lib/components/StatusIndicator/StatusIndicatorStep.js +17 -17
  695. package/lib/components/StringFormatter/StringFormatter.js +60 -36
  696. package/lib/components/StringFormatter/utils/enums.js +13 -13
  697. package/lib/components/TagOverflow/TagOverflow.js +69 -73
  698. package/lib/components/TagOverflow/TagOverflowModal.js +48 -51
  699. package/lib/components/TagOverflow/TagOverflowPopover.js +62 -60
  700. package/lib/components/TagOverflow/constants.js +1 -1
  701. package/lib/components/TagSet/TagSet.js +103 -129
  702. package/lib/components/TagSet/TagSetModal.js +47 -50
  703. package/lib/components/TagSet/TagSetOverflow.js +53 -49
  704. package/lib/components/Tearsheet/Tearsheet.js +21 -21
  705. package/lib/components/Tearsheet/TearsheetNarrow.js +19 -18
  706. package/lib/components/Tearsheet/TearsheetShell.js +156 -152
  707. package/lib/components/Toolbar/Toolbar.js +43 -46
  708. package/lib/components/Toolbar/ToolbarButton.js +24 -23
  709. package/lib/components/Toolbar/ToolbarGroup.js +8 -7
  710. package/lib/components/TooltipTrigger/TooltipTrigger.js +9 -8
  711. package/lib/components/TruncatedList/TruncatedList.js +43 -60
  712. package/lib/components/UserAvatar/UserAvatar.js +48 -47
  713. package/lib/components/UserProfileImage/UserProfileImage.js +58 -73
  714. package/lib/components/WebTerminal/WebTerminal.js +63 -66
  715. package/lib/components/WebTerminal/WebTerminalContentWrapper.js +15 -10
  716. package/lib/components/WebTerminal/hooks/index.js +21 -23
  717. package/lib/components/_Canary/Canary.js +12 -7
  718. package/lib/global/js/hooks/useActiveElement.js +5 -9
  719. package/lib/global/js/hooks/useClickOutside.js +4 -4
  720. package/lib/global/js/hooks/useControllableState.js +3 -7
  721. package/lib/global/js/hooks/useCreateComponentFocus.js +16 -30
  722. package/lib/global/js/hooks/useCreateComponentStepChange.js +99 -190
  723. package/lib/global/js/hooks/useFocus.js +64 -85
  724. package/lib/global/js/hooks/useIsomorphicEffect.js +1 -1
  725. package/lib/global/js/hooks/useOverflowItems/useOverflowItems.js +48 -58
  726. package/lib/global/js/hooks/useOverflowString.js +13 -24
  727. package/lib/global/js/hooks/usePortalTarget.js +5 -11
  728. package/lib/global/js/hooks/usePrefersReducedMotion.js +12 -12
  729. package/lib/global/js/hooks/usePrefix.js +1 -3
  730. package/lib/global/js/hooks/usePresence.js +8 -12
  731. package/lib/global/js/hooks/usePreviousValue.js +3 -3
  732. package/lib/global/js/hooks/useResetCreateComponent.js +15 -13
  733. package/lib/global/js/hooks/useResizeObserver.js +26 -34
  734. package/lib/global/js/hooks/useRetrieveFormTitles.js +10 -9
  735. package/lib/global/js/hooks/useRetrieveStepData.js +21 -20
  736. package/lib/global/js/hooks/useValidCreateStepCount.js +3 -3
  737. package/lib/global/js/hooks/useWindowResize.js +23 -23
  738. package/lib/global/js/hooks/useWindowScroll.js +15 -18
  739. package/lib/global/js/package-settings.js +43 -56
  740. package/lib/global/js/utils/Wrap.js +18 -17
  741. package/lib/global/js/utils/clamp.js +1 -1
  742. package/lib/global/js/utils/debounce.js +6 -6
  743. package/lib/global/js/utils/deepCloneObject.js +7 -16
  744. package/lib/global/js/utils/deepCompareObject.js +9 -18
  745. package/lib/global/js/utils/devtools.js +3 -2
  746. package/lib/global/js/utils/getFocusableElements.js +2 -13
  747. package/lib/global/js/utils/getNodeTextContent.js +6 -15
  748. package/lib/global/js/utils/getNumberOfHiddenSteps.js +3 -3
  749. package/lib/global/js/utils/getScrollbarWidth.js +3 -3
  750. package/lib/global/js/utils/getSupportedLocale.js +3 -3
  751. package/lib/global/js/utils/lastIndexInArray.js +3 -4
  752. package/lib/global/js/utils/pconsole.js +15 -22
  753. package/lib/global/js/utils/props-helper.js +34 -40
  754. package/lib/global/js/utils/rangeWithCallback.js +2 -2
  755. package/lib/global/js/utils/scrollableAncestor.js +8 -17
  756. package/lib/global/js/utils/throttle.js +4 -4
  757. package/lib/global/js/utils/useId.js +11 -3
  758. package/lib/global/js/utils/uuidv4.js +3 -7
  759. package/lib/global/js/utils/wait.js +1 -3
  760. package/lib/index.js +1 -4
  761. package/lib/node_modules/@carbon/icons-react/es/Icon.js +17 -19
  762. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-10.js +1263 -1136
  763. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-3.js +1330 -1186
  764. package/lib/node_modules/@carbon/icons-react/es/iconPropTypes-4cbeb95d.js +1 -1
  765. package/lib/node_modules/@carbon/icons-react/node_modules/@carbon/icon-helpers/es/index.js +3 -5
  766. package/lib/node_modules/prop-types/checkPropTypes.js +4 -5
  767. package/lib/node_modules/prop-types/factoryWithThrowingShims.js +1 -1
  768. package/lib/node_modules/prop-types/factoryWithTypeCheckers.js +6 -7
  769. package/lib/settings.js +15 -19
  770. package/package.json +13 -13
  771. package/scss/components/Datagrid/styles/_useSortableColumns.scss +3 -0
  772. package/scss/components/NotificationsPanel/_notifications-panel.scss +16 -4
  773. package/scss/components/StringFormatter/_string-formatter.scss +18 -2
  774. package/scss/components/Tearsheet/_tearsheet.scss +1 -22
  775. package/telemetry.yml +2 -3
  776. package/es/global/js/utils/checkForOverflow.js +0 -21
  777. package/lib/global/js/utils/checkForOverflow.js +0 -23
@@ -5,7 +5,6 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
 
8
- import { slicedToArray as _slicedToArray, defineProperty as _defineProperty, objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
9
8
  import React__default, { useContext, useState } from 'react';
10
9
  import PropTypes from '../../../_virtual/index.js';
11
10
  import cx from 'classnames';
@@ -20,119 +19,100 @@ import { useTranslations } from '../utils/useTranslations.js';
20
19
  import { ItemOptionForValueField } from '../ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js';
21
20
  import { blockClass } from '../utils/util.js';
22
21
 
23
- var ConditionBuilderActions = function ConditionBuilderActions(_ref) {
24
- var actions = _ref.actions,
25
- className = _ref.className;
26
- var _useContext = useContext(ConditionBuilderContext),
27
- _useContext$actionSta = _useContext.actionState,
28
- actionState = _useContext$actionSta === void 0 ? [] : _useContext$actionSta,
29
- setActionState = _useContext.setActionState;
30
- var _useState = useState(-1),
31
- _useState2 = _slicedToArray(_useState, 2),
32
- showDeletionPreview = _useState2[0],
33
- setShowDeletionPreview = _useState2[1];
34
- var _useTranslations = useTranslations(['actionsText', 'then', 'and', 'removeActionText', 'addActionText', 'actionSectionText']),
35
- _useTranslations2 = _slicedToArray(_useTranslations, 6),
36
- actionsText = _useTranslations2[0],
37
- thenText = _useTranslations2[1],
38
- andText = _useTranslations2[2],
39
- removeActionText = _useTranslations2[3],
40
- addActionText = _useTranslations2[4],
41
- actionSectionText = _useTranslations2[5];
42
- var addActionHandler = function addActionHandler() {
43
- var action = {
22
+ const ConditionBuilderActions = _ref => {
23
+ let {
24
+ actions,
25
+ className
26
+ } = _ref;
27
+ const {
28
+ actionState = [],
29
+ setActionState
30
+ } = useContext(ConditionBuilderContext);
31
+ const [showDeletionPreview, setShowDeletionPreview] = useState(-1);
32
+ const [actionsText, thenText, andText, removeActionText, addActionText, actionSectionText] = useTranslations(['actionsText', 'then', 'and', 'removeActionText', 'addActionText', 'actionSectionText']);
33
+ const addActionHandler = () => {
34
+ const action = {
44
35
  id: uuidv4(),
45
36
  label: undefined,
46
37
  popoverToOpen: 'valueField'
47
38
  };
48
- setActionState === null || setActionState === void 0 || setActionState([].concat(_toConsumableArray(actionState), [action]));
39
+ setActionState?.([...actionState, action]);
49
40
  };
50
- var onchangeHandler = function onchangeHandler(selectedId, actionIndex) {
51
- var action = actions.find(function (action) {
52
- return action.id === selectedId;
53
- }); //fetch the selected action from the input action array
41
+ const onchangeHandler = (selectedId, actionIndex) => {
42
+ const action = actions.find(action => action.id === selectedId); //fetch the selected action from the input action array
54
43
 
55
44
  // same actions can be added multiple times
56
- var newAction = _objectSpread2(_objectSpread2({}, action), {}, {
45
+ const newAction = {
46
+ ...action,
57
47
  id: actionState[actionIndex].id
58
- });
59
- setActionState === null || setActionState === void 0 || setActionState([].concat(_toConsumableArray(actionState.slice(0, actionIndex)), [newAction], _toConsumableArray(actionState.slice(actionIndex + 1))));
48
+ };
49
+ setActionState?.([...actionState.slice(0, actionIndex), newAction, ...actionState.slice(actionIndex + 1)]);
60
50
  };
61
- var onRemove = function onRemove(selectedId) {
62
- setActionState === null || setActionState === void 0 || setActionState(actionState.filter(function (action) {
63
- return action.id !== selectedId;
64
- }));
51
+ const onRemove = selectedId => {
52
+ setActionState?.(actionState.filter(action => action.id !== selectedId));
65
53
  };
66
- var handleShowDeletionPreview = function handleShowDeletionPreview(index) {
54
+ const handleShowDeletionPreview = index => {
67
55
  setShowDeletionPreview(index);
68
56
  };
69
- var handleHideDeletionPreview = function handleHideDeletionPreview() {
57
+ const handleHideDeletionPreview = () => {
70
58
  setShowDeletionPreview(-1);
71
59
  };
72
60
  return /*#__PURE__*/React__default.createElement("div", {
73
61
  className: className
74
62
  }, /*#__PURE__*/React__default.createElement(Section, {
75
- className: "".concat(blockClass, "__heading"),
63
+ className: `${blockClass}__heading`,
76
64
  level: 4
77
65
  }, /*#__PURE__*/React__default.createElement(Heading, null, actionsText)), /*#__PURE__*/React__default.createElement("div", {
78
- className: "".concat(blockClass, "__condition-wrapper"),
66
+ className: `${blockClass}__condition-wrapper`,
79
67
  role: "grid",
80
68
  "aria-label": actionSectionText
81
- }, actionState === null || actionState === void 0 ? void 0 : actionState.map(function (action, index) {
82
- return /*#__PURE__*/React__default.createElement("div", {
83
- key: action.id,
84
- role: "row",
85
- className: cx("".concat(blockClass, "__condition-block ").concat(blockClass, "__gap ").concat(blockClass, "__gap-bottom"), _defineProperty({}, "".concat(blockClass, "__condition__deletion-preview"), showDeletionPreview == index))
86
- }, /*#__PURE__*/React__default.createElement(ConditionBuilderItem, {
87
- className: "".concat(blockClass, "__statement-button"),
88
- tabIndex: 0,
89
- popOverClassName: "".concat(blockClass, "__gap"),
90
- label: index === 0 ? thenText : andText
91
- }), /*#__PURE__*/React__default.createElement(ConditionBuilderItem, {
92
- label: action.label,
93
- title: actionsText,
94
- condition: action,
95
- "data-name": "valueField",
96
- type: "option"
97
- }, /*#__PURE__*/React__default.createElement(ItemOptionForValueField, {
98
- conditionState: {
99
- value: action.label
100
- },
101
- onChange: function onChange(selection) {
102
- return onchangeHandler(selection.id, index);
103
- },
104
- config: {
105
- options: actions
106
- }
107
- })), /*#__PURE__*/React__default.createElement("span", {
108
- role: "gridcell",
109
- "aria-label": removeActionText
110
- }, /*#__PURE__*/React__default.createElement(ConditionBuilderButton, {
111
- hideLabel: true,
112
- label: removeActionText,
113
- onClick: function onClick() {
114
- return onRemove(action.id);
115
- },
116
- onMouseEnter: function onMouseEnter() {
117
- return handleShowDeletionPreview(index);
118
- },
119
- onMouseLeave: handleHideDeletionPreview,
120
- onFocus: function onFocus() {
121
- return handleShowDeletionPreview(index);
122
- },
123
- onBlur: handleHideDeletionPreview,
124
- renderIcon: Close,
125
- className: "".concat(blockClass, "__close-condition"),
126
- "data-name": "closeCondition"
127
- })), actionState.length === index + 1 && /*#__PURE__*/React__default.createElement(ConditionBuilderAdd, {
128
- onClick: addActionHandler,
129
- className: "".concat(blockClass, "__gap ").concat(blockClass, "__gap-left"),
130
- buttonLabel: addActionText,
131
- tabIndex: 0
132
- }));
133
- }), actionState.length === 0 && /*#__PURE__*/React__default.createElement(ConditionBuilderAdd, {
69
+ }, actionState?.map((action, index) => /*#__PURE__*/React__default.createElement("div", {
70
+ key: action.id,
71
+ role: "row",
72
+ className: cx(`${blockClass}__condition-block ${blockClass}__gap ${blockClass}__gap-bottom`, {
73
+ [`${blockClass}__condition__deletion-preview`]: showDeletionPreview == index
74
+ })
75
+ }, /*#__PURE__*/React__default.createElement(ConditionBuilderItem, {
76
+ className: `${blockClass}__statement-button`,
77
+ tabIndex: 0,
78
+ popOverClassName: `${blockClass}__gap`,
79
+ label: index === 0 ? thenText : andText
80
+ }), /*#__PURE__*/React__default.createElement(ConditionBuilderItem, {
81
+ label: action.label,
82
+ title: actionsText,
83
+ condition: action,
84
+ "data-name": "valueField",
85
+ type: "option"
86
+ }, /*#__PURE__*/React__default.createElement(ItemOptionForValueField, {
87
+ conditionState: {
88
+ value: action.label
89
+ },
90
+ onChange: selection => onchangeHandler(selection.id, index),
91
+ config: {
92
+ options: actions
93
+ }
94
+ })), /*#__PURE__*/React__default.createElement("span", {
95
+ role: "gridcell",
96
+ "aria-label": removeActionText
97
+ }, /*#__PURE__*/React__default.createElement(ConditionBuilderButton, {
98
+ hideLabel: true,
99
+ label: removeActionText,
100
+ onClick: () => onRemove(action.id),
101
+ onMouseEnter: () => handleShowDeletionPreview(index),
102
+ onMouseLeave: handleHideDeletionPreview,
103
+ onFocus: () => handleShowDeletionPreview(index),
104
+ onBlur: handleHideDeletionPreview,
105
+ renderIcon: Close,
106
+ className: `${blockClass}__close-condition`,
107
+ "data-name": "closeCondition"
108
+ })), actionState.length === index + 1 && /*#__PURE__*/React__default.createElement(ConditionBuilderAdd, {
109
+ onClick: addActionHandler,
110
+ className: `${blockClass}__gap ${blockClass}__gap-left`,
111
+ buttonLabel: addActionText,
112
+ tabIndex: 0
113
+ }))), actionState.length === 0 && /*#__PURE__*/React__default.createElement(ConditionBuilderAdd, {
134
114
  onClick: addActionHandler,
135
- className: "".concat(blockClass, "__gap ").concat(blockClass, "__gap-left"),
115
+ className: `${blockClass}__gap ${blockClass}__gap-left`,
136
116
  buttonLabel: addActionText,
137
117
  tabIndex: 0
138
118
  })));
@@ -5,6 +5,7 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
  import React from 'react';
8
+ import { ConditionGroup } from '../ConditionBuilder.types';
8
9
  interface ConditionBuilderAddProps {
9
10
  className?: string;
10
11
  onClick: () => void;
@@ -16,9 +17,10 @@ interface ConditionBuilderAddProps {
16
17
  enableSubGroup?: boolean;
17
18
  buttonLabel?: string;
18
19
  tabIndex?: number;
20
+ group?: ConditionGroup;
19
21
  }
20
22
  declare const ConditionBuilderAdd: {
21
- ({ className, onClick, addConditionSubGroupHandler, showConditionSubGroupPreviewHandler, hideConditionSubGroupPreviewHandler, showConditionPreviewHandler, hideConditionPreviewHandler, enableSubGroup, buttonLabel, tabIndex, }: ConditionBuilderAddProps): React.JSX.Element;
23
+ ({ className, onClick, addConditionSubGroupHandler, showConditionSubGroupPreviewHandler, hideConditionSubGroupPreviewHandler, showConditionPreviewHandler, hideConditionPreviewHandler, enableSubGroup, buttonLabel, tabIndex, group, }: ConditionBuilderAddProps): React.JSX.Element;
22
24
  propTypes: {
23
25
  /**
24
26
  * handler for hiding sub group preview
@@ -5,36 +5,49 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
 
8
- import { slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
9
- import React__default from 'react';
8
+ import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
9
+ import React__default, { useContext } from 'react';
10
10
  import cx from 'classnames';
11
11
  import { AddAlt, TextNewLine } from '@carbon/react/icons';
12
12
  import { ConditionBuilderButton } from '../ConditionBuilderButton/ConditionBuilderButton.js';
13
13
  import PropTypes from '../../../_virtual/index.js';
14
14
  import { useTranslations } from '../utils/useTranslations.js';
15
15
  import { blockClass } from '../utils/util.js';
16
+ import { ConditionBuilderContext } from '../ConditionBuilderContext/ConditionBuilderProvider.js';
16
17
 
17
- var ConditionBuilderAdd = function ConditionBuilderAdd(_ref) {
18
- var className = _ref.className,
19
- onClick = _ref.onClick,
20
- addConditionSubGroupHandler = _ref.addConditionSubGroupHandler,
21
- showConditionSubGroupPreviewHandler = _ref.showConditionSubGroupPreviewHandler,
22
- hideConditionSubGroupPreviewHandler = _ref.hideConditionSubGroupPreviewHandler,
23
- showConditionPreviewHandler = _ref.showConditionPreviewHandler,
24
- hideConditionPreviewHandler = _ref.hideConditionPreviewHandler,
25
- enableSubGroup = _ref.enableSubGroup,
26
- buttonLabel = _ref.buttonLabel,
27
- tabIndex = _ref.tabIndex;
28
- var _useTranslations = useTranslations(['addConditionText', 'addConditionRowText', 'addSubgroupText']),
29
- _useTranslations2 = _slicedToArray(_useTranslations, 3),
30
- addConditionText = _useTranslations2[0],
31
- addConditionRowText = _useTranslations2[1],
32
- addSubgroupText = _useTranslations2[2];
33
- var onClickHandler = function onClickHandler() {
34
- hideConditionPreviewHandler === null || hideConditionPreviewHandler === void 0 || hideConditionPreviewHandler();
35
- onClick();
18
+ const ConditionBuilderAdd = _ref => {
19
+ let {
20
+ className,
21
+ onClick,
22
+ addConditionSubGroupHandler,
23
+ showConditionSubGroupPreviewHandler,
24
+ hideConditionSubGroupPreviewHandler,
25
+ showConditionPreviewHandler,
26
+ hideConditionPreviewHandler,
27
+ enableSubGroup,
28
+ buttonLabel,
29
+ tabIndex,
30
+ group
31
+ } = _ref;
32
+ const [addConditionText, addConditionRowText, addSubgroupText] = useTranslations(['addConditionText', 'addConditionRowText', 'addSubgroupText']);
33
+ const {
34
+ onAddItem,
35
+ rootState
36
+ } = useContext(ConditionBuilderContext);
37
+ const onClickHandler = () => {
38
+ const {
39
+ preventAdd
40
+ } = onAddItem?.({
41
+ type: 'condition',
42
+ state: rootState,
43
+ group
44
+ }) ?? {};
45
+ if (!preventAdd) {
46
+ hideConditionPreviewHandler?.();
47
+ onClick();
48
+ }
36
49
  };
37
- var previewHandlers = function previewHandlers() {
50
+ const previewHandlers = () => {
38
51
  return enableSubGroup ? {
39
52
  onMouseEnter: showConditionPreviewHandler,
40
53
  onMouseLeave: hideConditionPreviewHandler,
@@ -42,22 +55,32 @@ var ConditionBuilderAdd = function ConditionBuilderAdd(_ref) {
42
55
  onBlur: hideConditionPreviewHandler
43
56
  } : {};
44
57
  };
45
- var previewHandlersForSubgroup = function previewHandlersForSubgroup() {
46
- return {
47
- onMouseEnter: showConditionSubGroupPreviewHandler,
48
- onMouseLeave: hideConditionSubGroupPreviewHandler,
49
- onFocus: showConditionSubGroupPreviewHandler,
50
- onBlur: hideConditionSubGroupPreviewHandler
51
- };
58
+ const previewHandlersForSubgroup = () => ({
59
+ onMouseEnter: showConditionSubGroupPreviewHandler,
60
+ onMouseLeave: hideConditionSubGroupPreviewHandler,
61
+ onFocus: showConditionSubGroupPreviewHandler,
62
+ onBlur: hideConditionSubGroupPreviewHandler
63
+ });
64
+ const handleAddSubGroup = () => {
65
+ const {
66
+ preventAdd
67
+ } = onAddItem?.({
68
+ type: 'subgroup',
69
+ state: rootState,
70
+ group
71
+ }) ?? {};
72
+ if (!preventAdd) {
73
+ addConditionSubGroupHandler?.();
74
+ }
52
75
  };
53
- var getAriaLabel = function getAriaLabel() {
76
+ const getAriaLabel = () => {
54
77
  return buttonLabel ? buttonLabel : !enableSubGroup ? addConditionRowText : undefined;
55
78
  };
56
- var wrapperProps = enableSubGroup ? {
79
+ const wrapperProps = enableSubGroup ? {
57
80
  role: 'gridcell'
58
81
  } : {};
59
82
  return /*#__PURE__*/React__default.createElement("div", {
60
- className: "".concat(className, " ").concat(blockClass, "__add-button-wrapper"),
83
+ className: `${className} ${blockClass}__add-button-wrapper`,
61
84
  role: !enableSubGroup ? 'gridcell' : 'none',
62
85
  "aria-label": getAriaLabel()
63
86
  }, /*#__PURE__*/React__default.createElement(ConditionBuilderButton, _extends({
@@ -65,20 +88,20 @@ var ConditionBuilderAdd = function ConditionBuilderAdd(_ref) {
65
88
  onClick: onClickHandler
66
89
  }, previewHandlers(), {
67
90
  wrapperProps: wrapperProps,
68
- className: "".concat(blockClass, "__add-button"),
91
+ className: `${blockClass}__add-button`,
69
92
  hideLabel: true,
70
93
  "data-name": "addButton",
71
- label: buttonLabel !== null && buttonLabel !== void 0 ? buttonLabel : addConditionText,
94
+ label: buttonLabel ?? addConditionText,
72
95
  tabIndex: tabIndex,
73
- wrapperClassName: "".concat(blockClass, "__add-condition-wrapper")
96
+ wrapperClassName: `${blockClass}__add-condition-wrapper`
74
97
  })), enableSubGroup && /*#__PURE__*/React__default.createElement(ConditionBuilderButton, _extends({
75
98
  renderIcon: TextNewLine,
76
- onClick: addConditionSubGroupHandler,
77
- className: cx("".concat(blockClass, "__add-condition-sub-group")),
99
+ onClick: handleAddSubGroup,
100
+ className: cx(`${blockClass}__add-condition-sub-group`),
78
101
  hideLabel: true,
79
102
  label: addSubgroupText,
80
103
  wrapperProps: wrapperProps,
81
- wrapperClassName: "".concat(blockClass, "__add-condition-sub-group-wrapper ").concat(blockClass, "__gap-left")
104
+ wrapperClassName: `${blockClass}__add-condition-sub-group-wrapper ${blockClass}__gap-left`
82
105
  }, previewHandlersForSubgroup())));
83
106
  };
84
107
  ConditionBuilderAdd.propTypes = {
@@ -5,7 +5,7 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
 
8
- import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty } from '../../../_virtual/_rollupPluginBabelHelpers.js';
8
+ import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
9
9
  import React__default from 'react';
10
10
  import cx from 'classnames';
11
11
  import PropTypes from '../../../_virtual/index.js';
@@ -14,34 +14,38 @@ import { WarningAltFilled } from '@carbon/react/icons';
14
14
  import { blockClass } from '../utils/util.js';
15
15
 
16
16
  var _WarningAltFilled;
17
- var _excluded = ["className", "label", "hideLabel", "tooltipAlign", "renderIcon", "onClick", "showToolTip", "wrapperProps", "onBlur", "onFocus", "onMouseEnter", "onMouseLeave", "isInvalid", "wrapperClassName", "tabIndex", "description"];
18
- var ConditionBuilderButton = function ConditionBuilderButton(_ref) {
17
+ const ConditionBuilderButton = _ref => {
19
18
  var _Icon, _span;
20
- var className = _ref.className,
21
- label = _ref.label,
22
- hideLabel = _ref.hideLabel,
23
- tooltipAlign = _ref.tooltipAlign,
24
- Icon = _ref.renderIcon,
25
- onClick = _ref.onClick,
26
- showToolTip = _ref.showToolTip,
27
- wrapperProps = _ref.wrapperProps,
28
- onBlur = _ref.onBlur,
29
- onFocus = _ref.onFocus,
30
- onMouseEnter = _ref.onMouseEnter,
31
- onMouseLeave = _ref.onMouseLeave,
32
- isInvalid = _ref.isInvalid,
33
- wrapperClassName = _ref.wrapperClassName,
34
- tabIndex = _ref.tabIndex,
35
- description = _ref.description,
36
- rest = _objectWithoutProperties(_ref, _excluded);
37
- var tooltipText = description || label;
38
- var carbonPrefix = usePrefix();
39
- var Button = function Button() {
40
- var _rest$dataName;
41
- var dataName = (_rest$dataName = rest['data-name']) !== null && _rest$dataName !== void 0 ? _rest$dataName : '';
19
+ let {
20
+ className,
21
+ label,
22
+ hideLabel,
23
+ tooltipAlign,
24
+ renderIcon: Icon,
25
+ onClick,
26
+ showToolTip,
27
+ wrapperProps,
28
+ onBlur,
29
+ onFocus,
30
+ onMouseEnter,
31
+ onMouseLeave,
32
+ isInvalid,
33
+ wrapperClassName,
34
+ tabIndex,
35
+ description,
36
+ ...rest
37
+ } = _ref;
38
+ const tooltipText = description || label;
39
+ const carbonPrefix = usePrefix();
40
+ const Button = () => {
41
+ const dataName = rest['data-name'] ?? '';
42
42
  return /*#__PURE__*/React__default.createElement("button", _extends({
43
43
  tabIndex: tabIndex !== undefined ? tabIndex : -1,
44
- className: cx([className, "".concat(blockClass, "__button"), _defineProperty({}, "".concat(blockClass, "__text-ellipsis"), showToolTip && !hideLabel && !isInvalid), _defineProperty({}, "".concat(blockClass, "__invalid-input"), isInvalid)]),
44
+ className: cx([className, `${blockClass}__button`, {
45
+ [`${blockClass}__text-ellipsis`]: showToolTip && !hideLabel && !isInvalid
46
+ }, {
47
+ [`${blockClass}__invalid-input`]: isInvalid
48
+ }]),
45
49
  type: "button",
46
50
  onClick: onClick,
47
51
  onBlur: onBlur,
@@ -54,7 +58,7 @@ var ConditionBuilderButton = function ConditionBuilderButton(_ref) {
54
58
  return hideLabel || showToolTip || description ? /*#__PURE__*/React__default.createElement(Tooltip, _extends({
55
59
  label: tooltipText,
56
60
  align: tooltipAlign,
57
- className: "".concat(wrapperClassName, " ").concat(blockClass, "__tooltip ").concat(carbonPrefix, "--icon-tooltip")
61
+ className: `${wrapperClassName} ${blockClass}__tooltip ${carbonPrefix}--icon-tooltip`
58
62
  }, wrapperProps, {
59
63
  leaveDelayMs: 0
60
64
  }), Button()) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, Button());
@@ -5,7 +5,7 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
 
8
- import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
8
+ import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
9
9
  import React__default, { useContext, useCallback } from 'react';
10
10
  import { ConditionBuilderItem } from '../ConditionBuilderItem/ConditionBuilderItem.js';
11
11
  import { ItemOption } from '../ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js';
@@ -16,41 +16,42 @@ import { useTranslations } from '../utils/useTranslations.js';
16
16
  import { useDataConfigs } from '../utils/useDataConfigs.js';
17
17
  import { ConditionBuilderButton } from '../ConditionBuilderButton/ConditionBuilderButton.js';
18
18
 
19
- var _excluded = ["operator", "className", "onChange"];
20
- var ConditionConnector = function ConditionConnector(_ref) {
21
- var operator = _ref.operator,
22
- className = _ref.className,
23
- onChange = _ref.onChange,
24
- rest = _objectWithoutProperties(_ref, _excluded);
25
- var _useContext = useContext(ConditionBuilderContext),
26
- variant = _useContext.variant,
27
- conditionBuilderRef = _useContext.conditionBuilderRef;
28
- var _useTranslations = useTranslations(['connectorText']),
29
- _useTranslations2 = _slicedToArray(_useTranslations, 1),
30
- connectorText = _useTranslations2[0];
31
- var _useDataConfigs = useDataConfigs(),
32
- connectorConfig = _useDataConfigs.connectorConfig;
33
- var handleConnectorHover = useCallback(function (parentGroup, isHover) {
19
+ const ConditionConnector = _ref => {
20
+ let {
21
+ operator,
22
+ className,
23
+ onChange,
24
+ ...rest
25
+ } = _ref;
26
+ const {
27
+ variant,
28
+ conditionBuilderRef
29
+ } = useContext(ConditionBuilderContext);
30
+ const [connectorText] = useTranslations(['connectorText']);
31
+ const {
32
+ connectorConfig
33
+ } = useDataConfigs();
34
+ const handleConnectorHover = useCallback((parentGroup, isHover) => {
34
35
  if (isHover) {
35
36
  parentGroup.classList.add('hoveredConnector');
36
37
  } else {
37
38
  parentGroup.classList.remove('hoveredConnector');
38
39
  }
39
40
  }, []);
40
- var activeConnectorHandler = function activeConnectorHandler(evt) {
41
- var parentGroup = evt === null || evt === void 0 ? void 0 : evt.currentTarget.closest('.eachGroup');
41
+ const activeConnectorHandler = evt => {
42
+ const parentGroup = evt?.currentTarget.closest('.eachGroup');
42
43
  handleConnectorHover(parentGroup, true);
43
44
  };
44
- var inActiveConnectorHandler = function inActiveConnectorHandler(evt) {
45
- var parentGroup = evt === null || evt === void 0 ? void 0 : evt.currentTarget.closest('.eachGroup');
45
+ const inActiveConnectorHandler = evt => {
46
+ const parentGroup = evt?.currentTarget.closest('.eachGroup');
46
47
  handleConnectorHover(parentGroup, false);
47
48
  };
48
- var onChangeHandler = function onChangeHandler(op, evt) {
49
- onChange === null || onChange === void 0 || onChange(op);
49
+ const onChangeHandler = (op, evt) => {
50
+ onChange?.(op);
50
51
  focusThisField(evt, conditionBuilderRef);
51
52
  };
52
53
  return variant == HIERARCHICAL_VARIANT ? /*#__PURE__*/React__default.createElement("span", {
53
- className: "".concat(className, " ").concat(blockClass, "__connector--disabled")
54
+ className: `${className} ${blockClass}__connector--disabled`
54
55
  }, /*#__PURE__*/React__default.createElement(ConditionBuilderButton, {
55
56
  label: operator
56
57
  })) : /*#__PURE__*/React__default.createElement(ConditionBuilderItem, _extends({
@@ -63,7 +64,7 @@ var ConditionConnector = function ConditionConnector(_ref) {
63
64
  onBlur: inActiveConnectorHandler
64
65
  }, rest, {
65
66
  popOverClassName: className,
66
- className: "".concat(blockClass, "__connector-button")
67
+ className: `${blockClass}__connector-button`
67
68
  }), /*#__PURE__*/React__default.createElement(ItemOption, {
68
69
  config: {
69
70
  options: connectorConfig
@@ -5,7 +5,6 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
 
8
- import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
9
8
  import React__default, { useContext } from 'react';
10
9
  import { ConditionBuilderItem } from '../ConditionBuilderItem/ConditionBuilderItem.js';
11
10
  import { ItemOption } from '../ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js';
@@ -14,22 +13,23 @@ import { useTranslations } from '../utils/useTranslations.js';
14
13
  import { blockClass } from '../utils/util.js';
15
14
  import { useDataConfigs } from '../utils/useDataConfigs.js';
16
15
 
17
- var GroupConnector = function GroupConnector() {
18
- var _useContext = useContext(ConditionBuilderContext),
19
- rootState = _useContext.rootState,
20
- setRootState = _useContext.setRootState;
21
- var _useTranslations = useTranslations(['conditionText']),
22
- _useTranslations2 = _slicedToArray(_useTranslations, 1),
23
- conditionText = _useTranslations2[0];
24
- var _useDataConfigs = useDataConfigs(),
25
- connectorConfig = _useDataConfigs.connectorConfig;
26
- var onStatementChangeHandler = function onStatementChangeHandler(updatedStatement) {
27
- setRootState(_objectSpread2(_objectSpread2({}, rootState), {}, {
16
+ const GroupConnector = () => {
17
+ const {
18
+ rootState,
19
+ setRootState
20
+ } = useContext(ConditionBuilderContext);
21
+ const [conditionText] = useTranslations(['conditionText']);
22
+ const {
23
+ connectorConfig
24
+ } = useDataConfigs();
25
+ const onStatementChangeHandler = updatedStatement => {
26
+ setRootState({
27
+ ...rootState,
28
28
  operator: updatedStatement
29
- }));
29
+ });
30
30
  };
31
31
  return /*#__PURE__*/React__default.createElement("div", {
32
- className: "".concat(blockClass, "__group-separator ").concat(blockClass, "__group-separator-row"),
32
+ className: `${blockClass}__group-separator ${blockClass}__group-separator-row`,
33
33
  role: "row",
34
34
  tabIndex: -1,
35
35
  "aria-level": 1
@@ -37,8 +37,8 @@ var GroupConnector = function GroupConnector() {
37
37
  label: rootState.operator,
38
38
  title: conditionText,
39
39
  "data-name": "connectorField",
40
- popOverClassName: "".concat(blockClass, "__gap"),
41
- className: "".concat(blockClass, "__statement-button")
40
+ popOverClassName: `${blockClass}__gap`,
41
+ className: `${blockClass}__statement-button`
42
42
  }, /*#__PURE__*/React__default.createElement(ItemOption, {
43
43
  conditionState: {
44
44
  value: rootState.operator,