@carbon/ibm-products 2.65.0 → 2.66.0-rc.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
@@ -24,18 +24,17 @@ var useValidCreateStepCount = require('../../global/js/hooks/useValidCreateStepC
24
24
  var useCreateComponentStepChange = require('../../global/js/hooks/useCreateComponentStepChange.js');
25
25
  var CreateInfluencer = require('../CreateInfluencer/CreateInfluencer.js');
26
26
 
27
- var _excluded = ["breadcrumbsOverflowAriaLabel", "breadcrumbs", "backButtonText", "cancelButtonText", "children", "className", "initialStep", "maxVisibleBreadcrumbs", "modalDangerButtonText", "modalDescription", "modalSecondaryButtonText", "modalTitle", "nextButtonText", "onClickInfluencerStep", "onClose", "onRequestSubmit", "firstFocusElement", "submitButtonText", "noTrailingSlash", "title", "secondaryTitle", "breadcrumbOverflowTooltipAlign"];
28
- var blockClass = "".concat(settings.pkg.prefix, "--create-full-page");
29
- var componentName = 'CreateFullPage';
27
+ const blockClass = `${settings.pkg.prefix}--create-full-page`;
28
+ const componentName = 'CreateFullPage';
30
29
 
31
30
  // This is a general context for the steps container
32
31
  // containing information about the state of the container
33
32
  // and providing some callback methods for steps to use
34
- var StepsContext = /*#__PURE__*/React.createContext(null);
33
+ const StepsContext = /*#__PURE__*/React.createContext(null);
35
34
 
36
35
  // This is a context supplied separately to each step in the container
37
36
  // to let it know what number it is in the sequence of steps
38
- var StepNumberContext = /*#__PURE__*/React.createContext(-1);
37
+ const StepNumberContext = /*#__PURE__*/React.createContext(-1);
39
38
  /**
40
39
  * Use with creations that must be completed in order for a service to be usable.
41
40
  *
@@ -48,88 +47,51 @@ on the Carbon's grid system
48
47
  include `<Row>` and `<Column>` components inside of each `CreateFullPageStep`
49
48
  component to get the desired affect.
50
49
  */
51
- exports.CreateFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
52
- var breadcrumbsOverflowAriaLabel = _ref.breadcrumbsOverflowAriaLabel,
53
- breadcrumbs = _ref.breadcrumbs,
54
- backButtonText = _ref.backButtonText,
55
- cancelButtonText = _ref.cancelButtonText,
56
- children = _ref.children,
57
- className = _ref.className,
58
- initialStep = _ref.initialStep,
59
- maxVisibleBreadcrumbs = _ref.maxVisibleBreadcrumbs,
60
- modalDangerButtonText = _ref.modalDangerButtonText,
61
- modalDescription = _ref.modalDescription,
62
- modalSecondaryButtonText = _ref.modalSecondaryButtonText,
63
- modalTitle = _ref.modalTitle,
64
- nextButtonText = _ref.nextButtonText,
65
- onClickInfluencerStep = _ref.onClickInfluencerStep,
66
- onClose = _ref.onClose,
67
- onRequestSubmit = _ref.onRequestSubmit,
68
- firstFocusElement = _ref.firstFocusElement,
69
- submitButtonText = _ref.submitButtonText,
70
- noTrailingSlash = _ref.noTrailingSlash,
71
- title = _ref.title,
72
- secondaryTitle = _ref.secondaryTitle,
73
- _ref$breadcrumbOverfl = _ref.breadcrumbOverflowTooltipAlign,
74
- breadcrumbOverflowTooltipAlign = _ref$breadcrumbOverfl === void 0 ? 'right' : _ref$breadcrumbOverfl,
75
- rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
76
- var _useState = React.useState([]),
77
- _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
78
- createFullPageActions = _useState2[0],
79
- setCreateFullPageActions = _useState2[1];
80
- var _useState3 = React.useState(false),
81
- _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2);
82
- _useState4[0];
83
- _useState4[1];
84
- var _useState5 = React.useState(1),
85
- _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
86
- currentStep = _useState6[0],
87
- setCurrentStep = _useState6[1];
88
- var _useState7 = React.useState(false),
89
- _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
90
- isSubmitting = _useState8[0],
91
- setIsSubmitting = _useState8[1];
92
- var _useState9 = React.useState(false),
93
- _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
94
- modalIsOpen = _useState10[0],
95
- setModalIsOpen = _useState10[1];
96
- var previousState = usePreviousValue.usePreviousValue({
97
- currentStep: currentStep
50
+ exports.CreateFullPage = /*#__PURE__*/React.forwardRef((_ref, ref) => {
51
+ let {
52
+ breadcrumbsOverflowAriaLabel,
53
+ breadcrumbs,
54
+ backButtonText,
55
+ cancelButtonText,
56
+ children,
57
+ className,
58
+ initialStep,
59
+ maxVisibleBreadcrumbs,
60
+ modalDangerButtonText,
61
+ modalDescription,
62
+ modalSecondaryButtonText,
63
+ modalTitle,
64
+ nextButtonText,
65
+ onClickInfluencerStep,
66
+ onClose,
67
+ onRequestSubmit,
68
+ firstFocusElement,
69
+ submitButtonText,
70
+ noTrailingSlash,
71
+ title,
72
+ secondaryTitle,
73
+ breadcrumbOverflowTooltipAlign = 'right',
74
+ ...rest
75
+ } = _ref;
76
+ const [createFullPageActions, setCreateFullPageActions] = React.useState([]);
77
+ const [shouldViewAll, setShouldViewAll] = React.useState(false);
78
+ const [currentStep, setCurrentStep] = React.useState(1);
79
+ const [isSubmitting, setIsSubmitting] = React.useState(false);
80
+ const [modalIsOpen, setModalIsOpen] = React.useState(false);
81
+ const previousState = usePreviousValue.usePreviousValue({
82
+ currentStep
98
83
  });
99
- var _useState11 = React.useState(false),
100
- _useState12 = _rollupPluginBabelHelpers.slicedToArray(_useState11, 2),
101
- isDisabled = _useState12[0],
102
- setIsDisabled = _useState12[1];
103
- var _useState13 = React.useState(),
104
- _useState14 = _rollupPluginBabelHelpers.slicedToArray(_useState13, 2),
105
- onPrevious = _useState14[0],
106
- _setOnPrevious = _useState14[1];
107
- var _useState15 = React.useState(),
108
- _useState16 = _rollupPluginBabelHelpers.slicedToArray(_useState15, 2),
109
- onNext = _useState16[0],
110
- _setOnNext = _useState16[1];
111
- var _useState17 = React.useState(),
112
- _useState18 = _rollupPluginBabelHelpers.slicedToArray(_useState17, 2),
113
- onMount = _useState18[0],
114
- _setOnMount = _useState18[1];
115
- var _useState19 = React.useState([]),
116
- _useState20 = _rollupPluginBabelHelpers.slicedToArray(_useState19, 2),
117
- stepData = _useState20[0],
118
- setStepData = _useState20[1];
119
- var _useState21 = React.useState(1),
120
- _useState22 = _rollupPluginBabelHelpers.slicedToArray(_useState21, 2),
121
- firstIncludedStep = _useState22[0],
122
- setFirstIncludedStep = _useState22[1];
123
- var _useState23 = React.useState(),
124
- _useState24 = _rollupPluginBabelHelpers.slicedToArray(_useState23, 2),
125
- lastIncludedStep = _useState24[0],
126
- setLastIncludedStep = _useState24[1];
127
- var invalidInitialStepWarned = React.useRef(false);
128
- React.useEffect(function () {
129
- var firstItem = stepData.findIndex(function (item) {
130
- return item === null || item === void 0 ? void 0 : item.shouldIncludeStep;
131
- }) + 1;
132
- var lastItem = lastIndexInArray.lastIndexInArray(stepData, 'shouldIncludeStep', true);
84
+ const [isDisabled, setIsDisabled] = React.useState(false);
85
+ const [onPrevious, setOnPrevious] = React.useState();
86
+ const [onNext, setOnNext] = React.useState();
87
+ const [onMount, setOnMount] = React.useState();
88
+ const [stepData, setStepData] = React.useState([]);
89
+ const [firstIncludedStep, setFirstIncludedStep] = React.useState(1);
90
+ const [lastIncludedStep, setLastIncludedStep] = React.useState();
91
+ const invalidInitialStepWarned = React.useRef(false);
92
+ React.useEffect(() => {
93
+ const firstItem = stepData.findIndex(item => item?.shouldIncludeStep) + 1;
94
+ const lastItem = lastIndexInArray.lastIndexInArray(stepData, 'shouldIncludeStep', true);
133
95
  if (firstItem !== firstIncludedStep) {
134
96
  setFirstIncludedStep(firstItem);
135
97
  }
@@ -139,54 +101,54 @@ exports.CreateFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
139
101
 
140
102
  /**@ts-ignore */
141
103
  if (initialStep) {
142
- var numberOfHiddenSteps = getNumberOfHiddenSteps.getNumberOfHiddenSteps(stepData, initialStep);
104
+ const numberOfHiddenSteps = getNumberOfHiddenSteps.getNumberOfHiddenSteps(stepData, initialStep);
143
105
  setCurrentStep(Number(initialStep + numberOfHiddenSteps));
144
106
  }
145
107
  }, [stepData, firstIncludedStep, lastIncludedStep, initialStep, modalIsOpen]);
146
- React.useEffect(function () {
147
- if (!(invalidInitialStepWarned !== null && invalidInitialStepWarned !== void 0 && invalidInitialStepWarned.current)) {
108
+ React.useEffect(() => {
109
+ if (!invalidInitialStepWarned?.current) {
148
110
  checkForValidInitialStep();
149
111
  }
150
112
 
151
113
  // eslint-disable-next-line react-hooks/exhaustive-deps
152
114
  }, [initialStep, stepData]);
153
115
  useCreateComponentFocus.useCreateComponentFocus({
154
- previousState: previousState,
155
- currentStep: currentStep,
156
- blockClass: blockClass,
157
- onMount: onMount,
158
- firstFocusElement: firstFocusElement
116
+ previousState,
117
+ currentStep,
118
+ blockClass,
119
+ onMount,
120
+ firstFocusElement
159
121
  });
160
122
  useValidCreateStepCount.useValidCreateStepCount(stepData.length, componentName);
161
123
  useCreateComponentStepChange.useCreateComponentStepChange({
162
- firstIncludedStep: firstIncludedStep,
163
- lastIncludedStep: lastIncludedStep,
164
- stepData: stepData,
165
- onPrevious: onPrevious,
166
- onNext: onNext,
124
+ firstIncludedStep,
125
+ lastIncludedStep,
126
+ stepData,
127
+ onPrevious,
128
+ onNext,
167
129
  isSubmitDisabled: isDisabled,
168
- setCurrentStep: setCurrentStep,
169
- setIsSubmitting: setIsSubmitting,
170
- onClose: onClose,
171
- onRequestSubmit: onRequestSubmit,
172
- componentName: componentName,
173
- currentStep: currentStep,
174
- backButtonText: backButtonText,
175
- cancelButtonText: cancelButtonText,
176
- submitButtonText: submitButtonText,
177
- nextButtonText: nextButtonText,
178
- isSubmitting: isSubmitting,
130
+ setCurrentStep,
131
+ setIsSubmitting,
132
+ onClose,
133
+ onRequestSubmit,
134
+ componentName,
135
+ currentStep,
136
+ backButtonText,
137
+ cancelButtonText,
138
+ submitButtonText,
139
+ nextButtonText,
140
+ isSubmitting,
179
141
  componentBlockClass: blockClass,
180
142
  setCreateComponentActions: setCreateFullPageActions,
181
- setModalIsOpen: setModalIsOpen
143
+ setModalIsOpen
182
144
  });
183
- var checkForValidInitialStep = function checkForValidInitialStep() {
145
+ const checkForValidInitialStep = () => {
184
146
  // An invalid initialStep value was provided, we'll default to rendering the first step or last step
185
147
 
186
- if (initialStep && stepData !== null && stepData !== void 0 && stepData.length && Number(initialStep) > Number(stepData === null || stepData === void 0 ? void 0 : stepData.length) || Number(initialStep) <= 0) {
148
+ if (initialStep && stepData?.length && Number(initialStep) > Number(stepData?.length) || Number(initialStep) <= 0) {
187
149
  invalidInitialStepWarned.current = true;
188
150
  setCurrentStep(1);
189
- console.warn("".concat(componentName, ": An invalid `initialStep` prop was supplied. The `initialStep` prop should be a number that is greater than 0 or less than or equal to the number of steps your ").concat(componentName, " has."));
151
+ console.warn(`${componentName}: An invalid \`initialStep\` prop was supplied. The \`initialStep\` prop should be a number that is greater than 0 or less than or equal to the number of steps your ${componentName} has.`);
190
152
  }
191
153
  };
192
154
  // currently, we are not supporting the use of 'view all' toggle state
@@ -200,64 +162,50 @@ exports.CreateFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
200
162
  noTrailingSlash: noTrailingSlash,
201
163
  overflowAriaLabel: breadcrumbsOverflowAriaLabel,
202
164
  maxVisible: maxVisibleBreadcrumbs,
203
- className: "".concat(blockClass, "__header"),
165
+ className: `${blockClass}__header`,
204
166
  overflowTooltipAlign: breadcrumbOverflowTooltipAlign
205
167
  }), /*#__PURE__*/React.createElement("div", {
206
- className: "".concat(blockClass, "__influencer-and-body-container")
168
+ className: `${blockClass}__influencer-and-body-container`
207
169
  }, /*#__PURE__*/React.createElement("div", {
208
- className: "".concat(blockClass, "__influencer")
170
+ className: `${blockClass}__influencer`
209
171
  }, /*#__PURE__*/React.createElement(CreateInfluencer.CreateInfluencer, {
210
172
  stepData: stepData,
211
173
  currentStep: currentStep,
212
174
  title: secondaryTitle,
213
175
  onClickStep: onClickInfluencerStep
214
176
  })), /*#__PURE__*/React.createElement("div", {
215
- className: "".concat(blockClass, "__body")
177
+ className: `${blockClass}__body`
216
178
  }, /*#__PURE__*/React.createElement("div", {
217
- className: "".concat(blockClass, "__main")
179
+ className: `${blockClass}__main`
218
180
  }, /*#__PURE__*/React.createElement("div", {
219
- className: "".concat(blockClass, "__content")
181
+ className: `${blockClass}__content`
220
182
  }, /*#__PURE__*/React.createElement(react.Form, {
221
- className: "".concat(blockClass, "__form"),
183
+ className: `${blockClass}__form`,
222
184
  "aria-label": title
223
185
  }, /*#__PURE__*/React.createElement(StepsContext.Provider, {
224
186
  value: {
225
- currentStep: currentStep,
226
- setIsDisabled: setIsDisabled,
227
- setOnPrevious: function setOnPrevious(fn) {
228
- return _setOnPrevious(function () {
229
- return fn;
230
- });
231
- },
232
- setOnNext: function setOnNext(fn) {
233
- return _setOnNext(function () {
234
- return fn;
235
- });
236
- },
237
- setOnMount: function setOnMount(fn) {
238
- return _setOnMount(function () {
239
- return fn;
240
- });
241
- },
242
- setStepData: setStepData,
243
- stepData: stepData
187
+ currentStep,
188
+ setIsDisabled,
189
+ setOnPrevious: fn => setOnPrevious(() => fn),
190
+ setOnNext: fn => setOnNext(() => fn),
191
+ setOnMount: fn => setOnMount(() => fn),
192
+ setStepData,
193
+ stepData
244
194
  }
245
- }, React.Children.toArray(children).filter(Boolean).map(function (child, index) {
246
- return /*#__PURE__*/React.createElement(StepNumberContext.Provider, {
247
- value: index + 1,
248
- key: index
249
- }, child);
250
- })))), /*#__PURE__*/React.createElement(ActionSet.ActionSet, {
251
- className: "".concat(blockClass, "__buttons"),
195
+ }, React.Children.toArray(children).filter(Boolean).map((child, index) => /*#__PURE__*/React.createElement(StepNumberContext.Provider, {
196
+ value: index + 1,
197
+ key: index
198
+ }, child))))), /*#__PURE__*/React.createElement(ActionSet.ActionSet, {
199
+ className: `${blockClass}__buttons`,
252
200
  actions: createFullPageActions,
253
201
  buttonSize: "2xl",
254
202
  size: "2xl"
255
203
  }))), /*#__PURE__*/React.createElement(react.ComposedModal, {
256
- className: "".concat(blockClass, "__modal"),
204
+ className: `${blockClass}__modal`,
257
205
  size: "sm",
258
206
  open: modalIsOpen,
259
207
  "aria-label": modalTitle,
260
- onClose: function onClose() {
208
+ onClose: () => {
261
209
  setModalIsOpen(false);
262
210
  }
263
211
  }, /*#__PURE__*/React.createElement(react.ModalHeader, {
@@ -265,7 +213,7 @@ exports.CreateFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
265
213
  }), /*#__PURE__*/React.createElement(react.ModalBody, null, /*#__PURE__*/React.createElement("p", null, modalDescription)), /*#__PURE__*/React.createElement(react.ModalFooter, null, /*#__PURE__*/React.createElement(react.Button, {
266
214
  type: "button",
267
215
  kind: "secondary",
268
- onClick: function onClick() {
216
+ onClick: () => {
269
217
  setModalIsOpen(!modalIsOpen);
270
218
  },
271
219
  "data-modal-primary-focus": true
@@ -18,12 +18,11 @@ var pconsole = require('../../global/js/utils/pconsole.js');
18
18
  var usePreviousValue = require('../../global/js/hooks/usePreviousValue.js');
19
19
  var useRetrieveStepData = require('../../global/js/hooks/useRetrieveStepData.js');
20
20
 
21
- var _excluded = ["children", "className", "subtitle", "description", "disableSubmit", "includeStep", "introStep", "invalid", "title", "hasFieldset", "fieldsetLegendText", "onNext", "onPrevious", "onMount", "secondaryLabel"];
22
- var componentName = 'CreateFullPageStep';
23
- var blockClass = "".concat(settings.pkg.prefix, "--create-full-page__step");
21
+ const componentName = 'CreateFullPageStep';
22
+ const blockClass = `${settings.pkg.prefix}--create-full-page__step`;
24
23
 
25
24
  // Default values for props
26
- var defaults = {
25
+ const defaults = {
27
26
  includeStep: true
28
27
  };
29
28
 
@@ -31,73 +30,75 @@ var defaults = {
31
30
  // Basically, fieldsetLegendText should only be specified when hasFieldset is true.
32
31
  // And usually, hasFieldset won't be specified at all unless it's being set to true.
33
32
 
34
- exports.CreateFullPageStep = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
35
- var children = _ref.children,
36
- className = _ref.className,
37
- subtitle = _ref.subtitle,
38
- description = _ref.description,
39
- disableSubmit = _ref.disableSubmit,
40
- _ref$includeStep = _ref.includeStep,
41
- includeStep = _ref$includeStep === void 0 ? defaults.includeStep : _ref$includeStep,
42
- introStep = _ref.introStep,
43
- invalid = _ref.invalid,
44
- title = _ref.title,
45
- hasFieldset = _ref.hasFieldset,
46
- fieldsetLegendText = _ref.fieldsetLegendText,
47
- onNext = _ref.onNext,
48
- onPrevious = _ref.onPrevious,
49
- onMount = _ref.onMount,
50
- secondaryLabel = _ref.secondaryLabel,
51
- rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
52
- var stepsContext = React.useContext(CreateFullPage.StepsContext);
53
- var stepNumber = React.useContext(CreateFullPage.StepNumberContext);
54
- var _useState = React.useState(),
55
- _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
56
- shouldIncludeStep = _useState2[0],
57
- setShouldIncludeStep = _useState2[1];
58
- var previousState = usePreviousValue.usePreviousValue({
59
- currentStep: stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep
33
+ exports.CreateFullPageStep = /*#__PURE__*/React.forwardRef((_ref, ref) => {
34
+ let {
35
+ // The component props, in alphabetical order (for consistency).
36
+
37
+ children,
38
+ className,
39
+ subtitle,
40
+ description,
41
+ disableSubmit,
42
+ includeStep = defaults.includeStep,
43
+ introStep,
44
+ invalid,
45
+ title,
46
+ hasFieldset,
47
+ fieldsetLegendText,
48
+ onNext,
49
+ onPrevious,
50
+ onMount,
51
+ secondaryLabel,
52
+ // Collect any other property values passed in.
53
+ ...rest
54
+ } = _ref;
55
+ const stepsContext = React.useContext(CreateFullPage.StepsContext);
56
+ const stepNumber = React.useContext(CreateFullPage.StepNumberContext);
57
+ const [shouldIncludeStep, setShouldIncludeStep] = React.useState();
58
+ const previousState = usePreviousValue.usePreviousValue({
59
+ currentStep: stepsContext?.currentStep
60
60
  });
61
61
  useRetrieveStepData.useRetrieveStepData({
62
- invalid: invalid,
63
- stepsContext: stepsContext,
64
- stepNumber: stepNumber,
65
- introStep: introStep,
66
- shouldIncludeStep: shouldIncludeStep,
67
- secondaryLabel: secondaryLabel,
68
- title: title
62
+ invalid,
63
+ stepsContext,
64
+ stepNumber,
65
+ introStep,
66
+ shouldIncludeStep,
67
+ secondaryLabel,
68
+ title
69
69
  });
70
70
 
71
71
  // This useEffect reports back the onMount value so that they can be used
72
72
  // in the appropriate custom hooks.
73
- React.useEffect(function () {
74
- if (stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep) && (previousState === null || previousState === void 0 ? void 0 : previousState.currentStep) !== (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)) {
75
- stepsContext === null || stepsContext === void 0 || stepsContext.setOnMount(onMount);
73
+ React.useEffect(() => {
74
+ if (stepNumber === stepsContext?.currentStep && previousState?.currentStep !== stepsContext?.currentStep) {
75
+ stepsContext?.setOnMount(onMount);
76
76
  }
77
- }, [onMount, stepsContext, stepNumber, previousState === null || previousState === void 0 ? void 0 : previousState.currentStep]);
78
- React.useEffect(function () {
77
+ }, [onMount, stepsContext, stepNumber, previousState?.currentStep]);
78
+ React.useEffect(() => {
79
79
  setShouldIncludeStep(includeStep);
80
80
  }, [includeStep, stepsContext, title]);
81
81
 
82
82
  // Whenever we are the current step, supply our disableSubmit and onNext values to the
83
83
  // steps container context so that it can manage the 'Next' button appropriately.
84
- React.useEffect(function () {
85
- if (stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)) {
84
+ React.useEffect(() => {
85
+ if (stepNumber === stepsContext?.currentStep) {
86
86
  stepsContext.setIsDisabled(disableSubmit);
87
- stepsContext === null || stepsContext === void 0 || stepsContext.setOnNext(onNext); // needs to be updated here otherwise there could be stale state values from only initially setting onNext
88
- stepsContext === null || stepsContext === void 0 || stepsContext.setOnPrevious(onPrevious);
87
+ stepsContext?.setOnNext(onNext); // needs to be updated here otherwise there could be stale state values from only initially setting onNext
88
+ stepsContext?.setOnPrevious(onPrevious);
89
89
  }
90
90
  }, [stepsContext, stepNumber, disableSubmit, onNext, onPrevious]);
91
- var span = {
91
+ const span = {
92
92
  span: 50
93
93
  }; // Half.
94
94
 
95
- var renderDescription = function renderDescription() {
95
+ const renderDescription = () => {
96
96
  if (description) {
97
- var common = _rollupPluginBabelHelpers.objectSpread2({
97
+ const common = {
98
98
  children: description,
99
- className: "".concat(blockClass, "-description")
100
- }, span);
99
+ className: `${blockClass}-description`,
100
+ ...span
101
+ };
101
102
  if (typeof description === 'string') {
102
103
  return /*#__PURE__*/React.createElement(react.Column, _rollupPluginBabelHelpers.extends({}, common, {
103
104
  as: "p"
@@ -111,18 +112,21 @@ exports.CreateFullPageStep = /*#__PURE__*/React.forwardRef(function (_ref, ref)
111
112
  return null;
112
113
  };
113
114
  return stepsContext ? /*#__PURE__*/React.createElement(react.Section, _rollupPluginBabelHelpers.extends({}, rest, {
114
- className: cx(blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__step--hidden-step"), stepNumber !== (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)), "".concat(blockClass, "__step--visible-step"), stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep))),
115
+ className: cx(blockClass, className, {
116
+ [`${blockClass}__step--hidden-step`]: stepNumber !== stepsContext?.currentStep,
117
+ [`${blockClass}__step--visible-step`]: stepNumber === stepsContext?.currentStep
118
+ }),
115
119
  ref: ref
116
120
  }), /*#__PURE__*/React.createElement(react.Grid, null, /*#__PURE__*/React.createElement(react.Column, span, /*#__PURE__*/React.createElement(react.Grid, null, /*#__PURE__*/React.createElement(react.Column, _rollupPluginBabelHelpers.extends({
117
- className: "".concat(blockClass, "-title"),
121
+ className: `${blockClass}-title`,
118
122
  as: react.Heading
119
123
  }, span), title), subtitle && /*#__PURE__*/React.createElement(react.Column, _rollupPluginBabelHelpers.extends({
120
- className: "".concat(blockClass, "-subtitle"),
124
+ className: `${blockClass}-subtitle`,
121
125
  as: "p"
122
126
  }, span), subtitle), renderDescription()))), hasFieldset ? /*#__PURE__*/React.createElement(react.FormGroup, {
123
127
  legendText: fieldsetLegendText,
124
- className: "".concat(blockClass, "-fieldset")
125
- }, children) : children) : pconsole.default.warn("You have tried using a ".concat(componentName, " component outside of a CreateFullPage. This is not allowed. ").concat(componentName, "s should always be children of the CreateFullPage"));
128
+ className: `${blockClass}-fieldset`
129
+ }, children) : children) : pconsole.default.warn(`You have tried using a ${componentName} component outside of a CreateFullPage. This is not allowed. ${componentName}s should always be children of the CreateFullPage`);
126
130
  });
127
131
 
128
132
  // Return a placeholder if not released and not enabled by feature flag
@@ -148,8 +152,10 @@ exports.CreateFullPageStep.propTypes = {
148
152
  * This is the legend text that appears above a fieldset html element for accessibility purposes. It is required when the optional `hasFieldset` prop is provided to a FullPageStep.
149
153
  */
150
154
  /**@ts-ignore */
151
- fieldsetLegendText: index.default.string.isRequired.if(function (_ref2) {
152
- var hasFieldset = _ref2.hasFieldset;
155
+ fieldsetLegendText: index.default.string.isRequired.if(_ref2 => {
156
+ let {
157
+ hasFieldset
158
+ } = _ref2;
153
159
  return hasFieldset === true;
154
160
  }),
155
161
  /**
@@ -17,19 +17,20 @@ var settings = require('../../settings.js');
17
17
  // Import portions of React that are needed.
18
18
 
19
19
  // The block part of our conventional BEM class names (blockClass__E--M).
20
- var blockClass = "".concat(settings.pkg.prefix, "--create-influencer");
21
- var componentName = 'CreateInfluencer';
22
- var CreateInfluencer = function CreateInfluencer(_ref) {
23
- var className = _ref.className,
24
- currentStep = _ref.currentStep,
25
- onClickStep = _ref.onClickStep,
26
- stepData = _ref.stepData,
27
- title = _ref.title;
28
- var getNumberOfDynamicStepsBeforeCurrentStep = function getNumberOfDynamicStepsBeforeCurrentStep(array, key) {
29
- var dynamicSteps = [];
30
- array.forEach(function (item, index) {
31
- var _array$index;
32
- if (((_array$index = array[index]) === null || _array$index === void 0 ? void 0 : _array$index[key]) === false && index <= currentStep - 1) {
20
+ const blockClass = `${settings.pkg.prefix}--create-influencer`;
21
+ const componentName = 'CreateInfluencer';
22
+ const CreateInfluencer = _ref => {
23
+ let {
24
+ className,
25
+ currentStep,
26
+ onClickStep,
27
+ stepData,
28
+ title
29
+ } = _ref;
30
+ const getNumberOfDynamicStepsBeforeCurrentStep = (array, key) => {
31
+ const dynamicSteps = [];
32
+ array.forEach((item, index) => {
33
+ if (array[index]?.[key] === false && index <= currentStep - 1) {
33
34
  dynamicSteps.push(item);
34
35
  }
35
36
  });
@@ -37,34 +38,29 @@ var CreateInfluencer = function CreateInfluencer(_ref) {
37
38
  };
38
39
 
39
40
  // renders the step progression components in the left influencer area
40
- var renderProgressSteps = function renderProgressSteps() {
41
- var _stepData$, _stepData$2;
42
- var extractedSteps = stepData === null || stepData === void 0 ? void 0 : stepData.filter(function (item) {
43
- return !(item !== null && item !== void 0 && item.introStep);
44
- });
45
- var progressSteps = extractedSteps === null || extractedSteps === void 0 ? void 0 : extractedSteps.filter(function (item) {
46
- return item === null || item === void 0 ? void 0 : item.shouldIncludeStep;
47
- });
41
+ const renderProgressSteps = () => {
42
+ const extractedSteps = stepData?.filter(item => !item?.introStep);
43
+ const progressSteps = extractedSteps?.filter(item => item?.shouldIncludeStep);
48
44
 
49
45
  // To get the ProgressIndicator's `currentIndex`, accounting for dynamic steps,
50
46
  // we need to subtract the number of !shouldIncludeStep/s before the current step
51
47
  // which we get from `getNumberOfDynamicStepsBeforeCurrentStep()`
52
- var totalDynamicSteps = getNumberOfDynamicStepsBeforeCurrentStep(stepData, 'shouldIncludeStep') || 0;
48
+ const totalDynamicSteps = getNumberOfDynamicStepsBeforeCurrentStep(stepData, 'shouldIncludeStep') || 0;
53
49
  return /*#__PURE__*/React.createElement(react.Section, {
54
- className: "".concat(blockClass, "__left-nav")
50
+ className: `${blockClass}__left-nav`
55
51
  }, title && /*#__PURE__*/React.createElement(react.Heading, {
56
- className: "".concat(blockClass, "__title")
57
- }, title), currentStep === 1 && (_stepData$ = stepData[0]) !== null && _stepData$ !== void 0 && _stepData$.introStep ? null : /*#__PURE__*/React.createElement(react.ProgressIndicator, {
58
- currentIndex: (_stepData$2 = stepData[0]) !== null && _stepData$2 !== void 0 && _stepData$2.introStep ? currentStep - totalDynamicSteps - 2 // minus 2 because we need to account for the intro step in addition to `currentIndex` being 0 index based and our steps being 1 index based
52
+ className: `${blockClass}__title`
53
+ }, title), currentStep === 1 && stepData[0]?.introStep ? null : /*#__PURE__*/React.createElement(react.ProgressIndicator, {
54
+ currentIndex: stepData[0]?.introStep ? currentStep - totalDynamicSteps - 2 // minus 2 because we need to account for the intro step in addition to `currentIndex` being 0 index based and our steps being 1 index based
59
55
  : currentStep - totalDynamicSteps - 1 // minus 1 because ProgressIndicator currentIndex prop is 0 index based, but our steps are 1 index based
60
56
  ,
61
57
  spaceEqually: true,
62
58
  vertical: true,
63
- className: cx("".concat(blockClass, "__progress-indicator")),
59
+ className: cx(`${blockClass}__progress-indicator`),
64
60
  onChange: onClickStep
65
- }, progressSteps.map(function (step, stepIndex) {
61
+ }, progressSteps.map((step, stepIndex) => {
66
62
  return /*#__PURE__*/React.createElement(react.ProgressStep, {
67
- label: step === null || step === void 0 ? void 0 : step.title,
63
+ label: step?.title,
68
64
  key: stepIndex,
69
65
  secondaryLabel: step.secondaryLabel || undefined,
70
66
  invalid: step.invalid