@carbon/ibm-products 2.43.2-canary.255 → 2.43.2-canary.260

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 (397) hide show
  1. package/css/index-full-carbon.css +1 -0
  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 +1 -0
  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 +1 -0
  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 +1 -0
  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/components/ActionBar/ActionBarOverflowItems.js +5 -0
  18. package/es/components/AddSelect/AddSelectBody.js +1 -1
  19. package/es/components/BigNumbers/BigNumbers.js +1 -1
  20. package/es/components/Coachmark/utils/enums.js +1 -0
  21. package/es/components/NotificationsPanel/NotificationsPanel.js +1 -1
  22. package/es/components/ScrollGradient/ScrollGradient.js +1 -1
  23. package/es/components/StringFormatter/StringFormatter.js +1 -1
  24. package/es/global/js/utils/devtools.js +1 -2
  25. package/lib/_virtual/_commonjsHelpers.js +0 -2
  26. package/lib/_virtual/_rollupPluginBabelHelpers.js +2 -4
  27. package/lib/_virtual/index.js +0 -2
  28. package/lib/components/APIKeyModal/APIKeyDownloader.js +8 -14
  29. package/lib/components/APIKeyModal/APIKeyModal.js +70 -77
  30. package/lib/components/AboutModal/AboutModal.js +29 -36
  31. package/lib/components/ActionBar/ActionBar.js +26 -33
  32. package/lib/components/ActionBar/ActionBarItem.js +9 -16
  33. package/lib/components/ActionBar/ActionBarOverflowItems.js +23 -25
  34. package/lib/components/ActionSet/ActionSet.js +17 -24
  35. package/lib/components/AddSelect/AddSelect.js +62 -68
  36. package/lib/components/AddSelect/AddSelectBody.js +82 -89
  37. package/lib/components/AddSelect/AddSelectBreadcrumbs.js +6 -13
  38. package/lib/components/AddSelect/AddSelectColumn.js +29 -35
  39. package/lib/components/AddSelect/AddSelectFilter.js +30 -37
  40. package/lib/components/AddSelect/AddSelectFormControl.js +15 -21
  41. package/lib/components/AddSelect/AddSelectList.js +9 -16
  42. package/lib/components/AddSelect/AddSelectMetaPanel.js +16 -22
  43. package/lib/components/AddSelect/AddSelectRow.js +32 -39
  44. package/lib/components/AddSelect/AddSelectSidebar.js +29 -35
  45. package/lib/components/AddSelect/AddSelectSort.js +10 -16
  46. package/lib/components/AddSelect/add-select-utils.js +0 -2
  47. package/lib/components/AddSelect/hooks/useFocus.js +1 -1
  48. package/lib/components/AddSelect/hooks/useItemSort.js +0 -2
  49. package/lib/components/AddSelect/hooks/useParentSelect.js +1 -1
  50. package/lib/components/AddSelect/hooks/usePath.js +1 -1
  51. package/lib/components/BigNumbers/BigNumbers.js +39 -46
  52. package/lib/components/BigNumbers/constants.js +0 -2
  53. package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +35 -42
  54. package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +22 -29
  55. package/lib/components/Card/Card.js +73 -80
  56. package/lib/components/Card/CardFooter.js +28 -35
  57. package/lib/components/Card/CardHeader.js +37 -44
  58. package/lib/components/Carousel/Carousel.js +21 -28
  59. package/lib/components/Carousel/CarouselItem.js +5 -12
  60. package/lib/components/Cascade/Cascade.js +15 -22
  61. package/lib/components/Checklist/Checklist.js +50 -57
  62. package/lib/components/Checklist/Checklist.types.js +0 -2
  63. package/lib/components/Checklist/ChecklistChart.js +7 -15
  64. package/lib/components/Checklist/ChecklistIcon.js +7 -14
  65. package/lib/components/Coachmark/Coachmark.js +24 -31
  66. package/lib/components/Coachmark/CoachmarkDragbar.js +12 -19
  67. package/lib/components/Coachmark/CoachmarkHeader.js +9 -16
  68. package/lib/components/Coachmark/CoachmarkOverlay.js +14 -21
  69. package/lib/components/Coachmark/CoachmarkTagline.js +12 -19
  70. package/lib/components/Coachmark/utils/constants.js +0 -2
  71. package/lib/components/Coachmark/utils/context.js +0 -2
  72. package/lib/components/Coachmark/utils/enums.js +1 -2
  73. package/lib/components/Coachmark/utils/hooks.js +0 -2
  74. package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +10 -17
  75. package/lib/components/CoachmarkButton/CoachmarkButton.js +6 -13
  76. package/lib/components/CoachmarkFixed/CoachmarkFixed.js +13 -20
  77. package/lib/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js +11 -18
  78. package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +25 -32
  79. package/lib/components/CoachmarkStack/CoachmarkStack.js +23 -30
  80. package/lib/components/CoachmarkStack/CoachmarkStackHome.js +29 -36
  81. package/lib/components/ComboButton/ComboButton.js +11 -18
  82. package/lib/components/ComboButton/ComboButtonItem/index.js +2 -8
  83. package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +34 -39
  84. package/lib/components/ConditionBuilder/ConditionBuilder.js +49 -56
  85. package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +18 -23
  86. package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +15 -20
  87. package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +20 -27
  88. package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +8 -12
  89. package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +4 -8
  90. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +38 -42
  91. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +25 -31
  92. package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +0 -2
  93. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +17 -23
  94. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +9 -15
  95. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +5 -11
  96. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +13 -19
  97. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +17 -23
  98. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +6 -12
  99. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +9 -15
  100. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +27 -32
  101. package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +25 -30
  102. package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +0 -2
  103. package/lib/components/ConditionBuilder/utils/useDataConfigs.js +0 -2
  104. package/lib/components/ConditionBuilder/utils/useTranslations.js +0 -2
  105. package/lib/components/ConditionBuilder/utils/util.js +0 -2
  106. package/lib/components/CreateFullPage/CreateFullPage.js +44 -51
  107. package/lib/components/CreateFullPage/CreateFullPageStep.js +22 -29
  108. package/lib/components/CreateInfluencer/CreateInfluencer.js +15 -22
  109. package/lib/components/CreateModal/CreateModal.js +22 -29
  110. package/lib/components/CreateSidePanel/CreateSidePanel.js +24 -31
  111. package/lib/components/CreateTearsheet/CreateTearsheet.js +26 -33
  112. package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +3 -10
  113. package/lib/components/CreateTearsheet/CreateTearsheetStep.js +31 -38
  114. package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +24 -31
  115. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +37 -44
  116. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +54 -61
  117. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +37 -44
  118. package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +0 -2
  119. package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +0 -2
  120. package/lib/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +0 -2
  121. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +0 -2
  122. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +0 -2
  123. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +0 -2
  124. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +0 -2
  125. package/lib/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +0 -2
  126. package/lib/components/DataSpreadsheet/utils/checkForHoldingKey.js +0 -2
  127. package/lib/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +0 -2
  128. package/lib/components/DataSpreadsheet/utils/commonEventHandlers.js +1 -3
  129. package/lib/components/DataSpreadsheet/utils/createActiveCellFn.js +0 -2
  130. package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js +0 -2
  131. package/lib/components/DataSpreadsheet/utils/getCellSize.js +0 -2
  132. package/lib/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +0 -2
  133. package/lib/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +0 -2
  134. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +0 -2
  135. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +0 -2
  136. package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +0 -2
  137. package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js +1 -3
  138. package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +1 -3
  139. package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +2 -4
  140. package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +0 -2
  141. package/lib/components/DataSpreadsheet/utils/removeCellSelections.js +0 -2
  142. package/lib/components/DataSpreadsheet/utils/selectAllCells.js +1 -3
  143. package/lib/components/Datagrid/Datagrid/Datagrid.js +9 -16
  144. package/lib/components/Datagrid/Datagrid/DatagridBody.js +5 -9
  145. package/lib/components/Datagrid/Datagrid/DatagridContent.js +43 -50
  146. package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +4 -8
  147. package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +6 -11
  148. package/lib/components/Datagrid/Datagrid/DatagridHead.js +2 -6
  149. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +12 -17
  150. package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +3 -8
  151. package/lib/components/Datagrid/Datagrid/DatagridRow.js +12 -17
  152. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +4 -11
  153. package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +18 -23
  154. package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +3 -8
  155. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +14 -19
  156. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +5 -9
  157. package/lib/components/Datagrid/Datagrid/DraggableElement.js +17 -22
  158. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +11 -12
  159. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +10 -11
  160. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +25 -31
  161. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +18 -22
  162. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +7 -13
  163. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +3 -7
  164. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +1 -7
  165. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +34 -39
  166. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +42 -47
  167. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +5 -11
  168. package/lib/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +11 -15
  169. package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +0 -2
  170. package/lib/components/Datagrid/Datagrid/addons/Filtering/handleCheckboxChange.js +0 -2
  171. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +1 -1
  172. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +16 -20
  173. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +2 -6
  174. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +1 -1
  175. package/lib/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js +0 -2
  176. package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +0 -2
  177. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +18 -25
  178. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +32 -39
  179. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +2 -8
  180. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +0 -2
  181. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +0 -2
  182. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +0 -2
  183. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +0 -2
  184. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +0 -2
  185. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +12 -17
  186. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +11 -16
  187. package/lib/components/Datagrid/Datagrid/addons/Slug/DatagridSlug.js +2 -8
  188. package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +0 -2
  189. package/lib/components/Datagrid/common-column-ids.js +0 -2
  190. package/lib/components/Datagrid/useActionsColumn.js +12 -17
  191. package/lib/components/Datagrid/useColumnCenterAlign.js +4 -9
  192. package/lib/components/Datagrid/useColumnRightAlign.js +4 -9
  193. package/lib/components/Datagrid/useCustomizeColumns.js +6 -7
  194. package/lib/components/Datagrid/useDatagrid.js +4 -8
  195. package/lib/components/Datagrid/useDefaultStringRenderer.js +5 -10
  196. package/lib/components/Datagrid/useDisableSelectRows.js +1 -1
  197. package/lib/components/Datagrid/useEditableCell.js +2 -2
  198. package/lib/components/Datagrid/useExpandedRow.js +3 -3
  199. package/lib/components/Datagrid/useFiltering.js +5 -5
  200. package/lib/components/Datagrid/useFlexResize.js +1 -1
  201. package/lib/components/Datagrid/useFloatingScroll.js +2 -6
  202. package/lib/components/Datagrid/useFocusRowExpander.js +0 -2
  203. package/lib/components/Datagrid/useInfiniteScroll.js +4 -8
  204. package/lib/components/Datagrid/useInitialColumnSort.js +0 -2
  205. package/lib/components/Datagrid/useInlineEdit.js +7 -12
  206. package/lib/components/Datagrid/useNestedRowExpander.js +5 -10
  207. package/lib/components/Datagrid/useNestedRows.js +3 -7
  208. package/lib/components/Datagrid/useOnRowClick.js +1 -1
  209. package/lib/components/Datagrid/useParentDimensions.js +1 -1
  210. package/lib/components/Datagrid/useResizeTable.js +1 -1
  211. package/lib/components/Datagrid/useRowExpander.js +5 -10
  212. package/lib/components/Datagrid/useRowIsMouseOver.js +2 -6
  213. package/lib/components/Datagrid/useRowRenderer.js +2 -2
  214. package/lib/components/Datagrid/useRowSize.js +2 -2
  215. package/lib/components/Datagrid/useSelectAllToggle.js +3 -8
  216. package/lib/components/Datagrid/useSelectRows.js +6 -11
  217. package/lib/components/Datagrid/useSkeletonRows.js +1 -1
  218. package/lib/components/Datagrid/useSortableColumns.js +8 -13
  219. package/lib/components/Datagrid/useStickyColumn.js +4 -9
  220. package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.js +0 -2
  221. package/lib/components/Decorator/Decorator.js +16 -22
  222. package/lib/components/DecoratorBase/DecoratorBase.js +41 -48
  223. package/lib/components/DecoratorBase/DecoratorIcon.js +6 -13
  224. package/lib/components/DecoratorBase/utils.js +0 -2
  225. package/lib/components/DecoratorDualButton/DecoratorDualButton.js +21 -27
  226. package/lib/components/DecoratorLink/DecoratorLink.js +19 -25
  227. package/lib/components/DecoratorSingleButton/DecoratorSingleButton.js +19 -25
  228. package/lib/components/DelimitedList/DelimitedList.js +7 -14
  229. package/lib/components/DescriptionList/DescriptionList.js +8 -15
  230. package/lib/components/DescriptionList/DescriptionListBody.js +5 -12
  231. package/lib/components/DescriptionList/DescriptionListCell.js +5 -12
  232. package/lib/components/DescriptionList/DescriptionListRow.js +5 -12
  233. package/lib/components/DescriptionList/constants.js +0 -2
  234. package/lib/components/EditFullPage/EditFullPage.js +5 -12
  235. package/lib/components/EditInPlace/EditInPlace.js +35 -42
  236. package/lib/components/EditSidePanel/EditSidePanel.js +26 -33
  237. package/lib/components/EditTearsheet/EditTearsheet.js +24 -31
  238. package/lib/components/EditTearsheet/EditTearsheetForm.js +16 -23
  239. package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +5 -12
  240. package/lib/components/EditUpdateCards/EditUpdateCards.js +32 -39
  241. package/lib/components/EmptyStates/EmptyState.js +22 -29
  242. package/lib/components/EmptyStates/EmptyStateContent.js +18 -25
  243. package/lib/components/EmptyStates/EmptyStateIllustration.js +3 -7
  244. package/lib/components/EmptyStates/EmptyStateV2.js +25 -32
  245. package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +19 -26
  246. package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +19 -26
  247. package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +19 -26
  248. package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +19 -26
  249. package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +19 -26
  250. package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +19 -26
  251. package/lib/components/EmptyStates/assets/ErrorIllustration.js +53 -58
  252. package/lib/components/EmptyStates/assets/NoDataIllustration.js +43 -48
  253. package/lib/components/EmptyStates/assets/NoTagsIllustration.js +114 -119
  254. package/lib/components/EmptyStates/assets/NotFoundIllustration.js +84 -89
  255. package/lib/components/EmptyStates/assets/NotificationsIllustration.js +81 -86
  256. package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +74 -79
  257. package/lib/components/ExportModal/ExportModal.js +45 -52
  258. package/lib/components/ExpressiveCard/ExpressiveCard.js +28 -34
  259. package/lib/components/FeatureFlags/index.js +3 -9
  260. package/lib/components/FilterPanel/FilterPanel.js +7 -14
  261. package/lib/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js +10 -17
  262. package/lib/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js +13 -20
  263. package/lib/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js +9 -16
  264. package/lib/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js +17 -24
  265. package/lib/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js +11 -18
  266. package/lib/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js +9 -16
  267. package/lib/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js +9 -16
  268. package/lib/components/FilterSummary/FilterSummary.js +22 -28
  269. package/lib/components/FullPageError/FullPageError.js +21 -28
  270. package/lib/components/FullPageError/assets/Error403SVG.js +129 -135
  271. package/lib/components/FullPageError/assets/Error404SVG.js +114 -120
  272. package/lib/components/FullPageError/assets/ErrorGenericSVG.js +128 -134
  273. package/lib/components/GetStartedCard/GetStartedCard.js +16 -22
  274. package/lib/components/Guidebanner/Guidebanner.js +32 -39
  275. package/lib/components/Guidebanner/GuidebannerElement.js +10 -17
  276. package/lib/components/Guidebanner/GuidebannerElementButton.js +9 -16
  277. package/lib/components/Guidebanner/GuidebannerElementLink.js +5 -12
  278. package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +5 -12
  279. package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +5 -12
  280. package/lib/components/HTTPErrors/HTTPErrorContent.js +5 -11
  281. package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +5 -12
  282. package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +358 -364
  283. package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +309 -315
  284. package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +321 -327
  285. package/lib/components/ImportModal/ImportModal.js +48 -55
  286. package/lib/components/InlineTip/InlineTip.js +38 -45
  287. package/lib/components/InlineTip/InlineTipButton.js +5 -12
  288. package/lib/components/InlineTip/InlineTipLink.js +6 -13
  289. package/lib/components/InlineTip/utils.js +2 -4
  290. package/lib/components/InterstitialScreen/InterstitialScreen.js +73 -80
  291. package/lib/components/InterstitialScreenView/InterstitialScreenView.js +6 -13
  292. package/lib/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js +8 -15
  293. package/lib/components/MultiAddSelect/MultiAddSelect.js +45 -51
  294. package/lib/components/Nav/Nav.js +14 -21
  295. package/lib/components/Nav/NavItem.js +19 -24
  296. package/lib/components/Nav/NavItemLink.js +4 -8
  297. package/lib/components/Nav/NavList.js +12 -17
  298. package/lib/components/NonLinearReading/NonLinearReading.js +12 -19
  299. package/lib/components/NotificationsPanel/NotificationsPanel.js +92 -99
  300. package/lib/components/NotificationsPanel/utils.js +0 -2
  301. package/lib/components/OptionsTile/OptionsTile.js +40 -47
  302. package/lib/components/PageHeader/PageHeader.js +105 -112
  303. package/lib/components/PageHeader/PageHeaderTitle.js +23 -30
  304. package/lib/components/PageHeader/PageHeaderUtils.js +2 -9
  305. package/lib/components/ProductiveCard/ProductiveCard.js +36 -42
  306. package/lib/components/RemoveModal/RemoveModal.js +27 -34
  307. package/lib/components/Saving/Saving.js +27 -34
  308. package/lib/components/ScrollGradient/ScrollGradient.js +17 -24
  309. package/lib/components/ScrollGradient/constants.js +0 -2
  310. package/lib/components/SearchBar/SearchBar.js +22 -29
  311. package/lib/components/SidePanel/SidePanel.js +66 -73
  312. package/lib/components/SidePanel/constants.js +0 -2
  313. package/lib/components/SidePanel/motion/variants.js +0 -2
  314. package/lib/components/SimpleHeader/SimpleHeader.js +18 -25
  315. package/lib/components/SingleAddSelect/SingleAddSelect.js +21 -27
  316. package/lib/components/StatusIcon/StatusIcon.js +52 -59
  317. package/lib/components/StatusIndicator/StatusIndicator.js +13 -20
  318. package/lib/components/StatusIndicator/StatusIndicatorStep.js +14 -21
  319. package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +8 -17
  320. package/lib/components/StringFormatter/StringFormatter.js +12 -19
  321. package/lib/components/StringFormatter/utils/enums.js +0 -2
  322. package/lib/components/TagOverflow/TagOverflow.js +26 -33
  323. package/lib/components/TagOverflow/TagOverflowModal.js +17 -24
  324. package/lib/components/TagOverflow/TagOverflowPopover.js +22 -29
  325. package/lib/components/TagOverflow/constants.js +0 -2
  326. package/lib/components/TagSet/TagSet.js +34 -41
  327. package/lib/components/TagSet/TagSetModal.js +16 -23
  328. package/lib/components/TagSet/TagSetOverflow.js +25 -32
  329. package/lib/components/Tearsheet/Tearsheet.js +23 -29
  330. package/lib/components/Tearsheet/TearsheetNarrow.js +18 -24
  331. package/lib/components/Tearsheet/TearsheetShell.js +55 -62
  332. package/lib/components/Toolbar/Toolbar.js +3 -10
  333. package/lib/components/Toolbar/ToolbarButton.js +3 -10
  334. package/lib/components/Toolbar/ToolbarGroup.js +2 -9
  335. package/lib/components/TooltipTrigger/TooltipTrigger.js +4 -11
  336. package/lib/components/TruncatedList/TruncatedList.js +15 -22
  337. package/lib/components/UserAvatar/UserAvatar.js +18 -25
  338. package/lib/components/UserProfileImage/UserProfileImage.js +24 -31
  339. package/lib/components/WebTerminal/WebTerminal.js +26 -33
  340. package/lib/components/WebTerminal/WebTerminalContentWrapper.js +4 -11
  341. package/lib/components/WebTerminal/hooks/index.js +2 -8
  342. package/lib/components/_Canary/Canary.js +7 -14
  343. package/lib/feature-flags.js +3 -4
  344. package/lib/global/js/hooks/useActiveElement.js +0 -2
  345. package/lib/global/js/hooks/useClickOutside.js +0 -2
  346. package/lib/global/js/hooks/useControllableState.js +2 -4
  347. package/lib/global/js/hooks/useCreateComponentFocus.js +1 -3
  348. package/lib/global/js/hooks/useCreateComponentStepChange.js +0 -2
  349. package/lib/global/js/hooks/useFocus.js +1 -3
  350. package/lib/global/js/hooks/useIsomorphicEffect.js +0 -2
  351. package/lib/global/js/hooks/usePortalTarget.js +0 -2
  352. package/lib/global/js/hooks/usePrefersReducedMotion.js +1 -1
  353. package/lib/global/js/hooks/usePrefix.js +1 -3
  354. package/lib/global/js/hooks/usePreviousValue.js +0 -2
  355. package/lib/global/js/hooks/useResetCreateComponent.js +0 -2
  356. package/lib/global/js/hooks/useResizeObserver.js +0 -2
  357. package/lib/global/js/hooks/useRetrieveFormTitles.js +0 -2
  358. package/lib/global/js/hooks/useRetrieveStepData.js +0 -2
  359. package/lib/global/js/hooks/useValidCreateStepCount.js +0 -2
  360. package/lib/global/js/hooks/useWindowResize.js +1 -3
  361. package/lib/global/js/hooks/useWindowScroll.js +1 -3
  362. package/lib/global/js/package-settings.js +1 -1
  363. package/lib/global/js/utils/Wrap.js +9 -15
  364. package/lib/global/js/utils/deepCloneObject.js +1 -3
  365. package/lib/global/js/utils/devtools.js +0 -2
  366. package/lib/global/js/utils/getBezierValues.js +0 -2
  367. package/lib/global/js/utils/getFocusableElements.js +0 -2
  368. package/lib/global/js/utils/getNodeTextContent.js +1 -3
  369. package/lib/global/js/utils/getNumberOfHiddenSteps.js +0 -2
  370. package/lib/global/js/utils/getScrollbarWidth.js +0 -2
  371. package/lib/global/js/utils/keyboardNavigation.js +0 -2
  372. package/lib/global/js/utils/lastIndexInArray.js +0 -2
  373. package/lib/global/js/utils/motionConstants.js +0 -2
  374. package/lib/global/js/utils/pconsole.js +1 -1
  375. package/lib/global/js/utils/props-helper.js +10 -12
  376. package/lib/global/js/utils/rangeWithCallback.js +0 -2
  377. package/lib/global/js/utils/scrollableAncestor.js +1 -3
  378. package/lib/global/js/utils/uuidv4.js +1 -1
  379. package/lib/global/js/utils/wait.js +1 -1
  380. package/lib/global/js/utils/wrapFocus.js +1 -1
  381. package/lib/index.js +19 -21
  382. package/lib/node_modules/@carbon/colors/es/index.js +0 -2
  383. package/lib/node_modules/@carbon/icon-helpers/es/index.js +3 -5
  384. package/lib/node_modules/@carbon/icons-react/es/Icon.js +14 -18
  385. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-2.js +525 -531
  386. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-9.js +500 -506
  387. package/lib/node_modules/@carbon/icons-react/es/iconPropTypes-4cbeb95d.js +1 -3
  388. package/lib/node_modules/object-assign/index.js +0 -2
  389. package/lib/node_modules/prop-types/checkPropTypes.js +2 -4
  390. package/lib/node_modules/prop-types/factoryWithThrowingShims.js +0 -2
  391. package/lib/node_modules/prop-types/factoryWithTypeCheckers.js +4 -10
  392. package/lib/node_modules/prop-types/index.js +2 -6
  393. package/lib/node_modules/prop-types/lib/ReactPropTypesSecret.js +0 -2
  394. package/lib/node_modules/prop-types/lib/has.js +0 -2
  395. package/lib/settings.js +9 -15
  396. package/package.json +5 -5
  397. package/scss/components/SidePanel/_side-panel.scss +1 -0
@@ -19,11 +19,6 @@ var useTranslations = require('../utils/useTranslations.js');
19
19
  var icons = require('@carbon/react/icons');
20
20
  var util = require('../utils/util.js');
21
21
 
22
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
23
-
24
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
25
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
26
-
27
22
  var ConditionPreview = function ConditionPreview(_ref) {
28
23
  var _ConditionBuilderItem, _ConditionBuilderItem2, _ConditionBuilderItem3;
29
24
  var previewType = _ref.previewType,
@@ -43,49 +38,49 @@ var ConditionPreview = function ConditionPreview(_ref) {
43
38
  setAnimate(true);
44
39
  }, []);
45
40
  var getConditionSection = function getConditionSection() {
46
- return /*#__PURE__*/React__default["default"].createElement("div", {
41
+ return /*#__PURE__*/React.createElement("div", {
47
42
  className: "".concat(util.blockClass, "__preview-condition")
48
- }, _ConditionBuilderItem || (_ConditionBuilderItem = /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
43
+ }, _ConditionBuilderItem || (_ConditionBuilderItem = /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, {
49
44
  label: propertyText,
50
45
  renderIcon: icons.Bee
51
- })), _ConditionBuilderItem2 || (_ConditionBuilderItem2 = /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
46
+ })), _ConditionBuilderItem2 || (_ConditionBuilderItem2 = /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, {
52
47
  label: operatorText
53
- })), _ConditionBuilderItem3 || (_ConditionBuilderItem3 = /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
48
+ })), _ConditionBuilderItem3 || (_ConditionBuilderItem3 = /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, {
54
49
  label: valueText
55
50
  })));
56
51
  };
57
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, previewType == 'newGroup' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
58
- className: cx__default["default"](["".concat(util.blockClass, "__group__row ").concat(util.blockClass, "__group-preview "), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__group-preview-animate"), animate)])
59
- }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
52
+ return /*#__PURE__*/React.createElement(React.Fragment, null, previewType == 'newGroup' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
53
+ className: cx(["".concat(util.blockClass, "__group__row ").concat(util.blockClass, "__group-preview "), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__group-preview-animate"), animate)])
54
+ }, /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, {
60
55
  className: "".concat(util.blockClass, "__statement-button"),
61
56
  label: group.groupOperator
62
- })), /*#__PURE__*/React__default["default"].createElement("div", {
57
+ })), /*#__PURE__*/React.createElement("div", {
63
58
  "data-color-index": colorIndex,
64
59
  "aria-hidden": true,
65
- className: cx__default["default"](["".concat(util.blockClass, "__group ").concat(util.blockClass, "__condition-wrapper ").concat(util.blockClass, "__group-preview ").concat(util.blockClass, "__group-wrapper "), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__group-preview-animate"), animate)])
66
- }, /*#__PURE__*/React__default["default"].createElement("div", {
60
+ className: cx(["".concat(util.blockClass, "__group ").concat(util.blockClass, "__condition-wrapper ").concat(util.blockClass, "__group-preview ").concat(util.blockClass, "__group-wrapper "), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__group-preview-animate"), animate)])
61
+ }, /*#__PURE__*/React.createElement("div", {
67
62
  className: "".concat(util.blockClass, "__gap")
68
- }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
63
+ }, /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, {
69
64
  className: "".concat(util.blockClass, "__statement-button"),
70
65
  label: ifText
71
- })), getConditionSection())), previewType == 'subGroup' && /*#__PURE__*/React__default["default"].createElement("div", {
72
- className: cx__default["default"](["".concat(util.blockClass, "__group__row ").concat(util.blockClass, "__group-preview ").concat(util.blockClass, "__gap-bottom"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__group-preview-animate"), animate)])
73
- }, /*#__PURE__*/React__default["default"].createElement("div", {
66
+ })), getConditionSection())), previewType == 'subGroup' && /*#__PURE__*/React.createElement("div", {
67
+ className: cx(["".concat(util.blockClass, "__group__row ").concat(util.blockClass, "__group-preview ").concat(util.blockClass, "__gap-bottom"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__group-preview-animate"), animate)])
68
+ }, /*#__PURE__*/React.createElement("div", {
74
69
  className: "".concat(util.blockClass, "__condition-block ").concat(util.blockClass, "__gap")
75
- }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
70
+ }, /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, {
76
71
  label: group.groupOperator,
77
72
  className: "".concat(util.blockClass, "__statement-button"),
78
73
  popOverClassName: "".concat(util.blockClass, "__gap")
79
- }), /*#__PURE__*/React__default["default"].createElement("div", {
74
+ }), /*#__PURE__*/React.createElement("div", {
80
75
  className: "".concat(util.blockClass, "__group ").concat(util.blockClass, "__condition-wrapper")
81
- }, /*#__PURE__*/React__default["default"].createElement(ConditionConnector["default"], {
76
+ }, /*#__PURE__*/React.createElement(ConditionConnector.default, {
82
77
  className: "".concat(util.blockClass, "__gap ").concat(util.blockClass, "__groupConnector"),
83
78
  operator: ifText
84
- }), getConditionSection()))), previewType == 'condition' && /*#__PURE__*/React__default["default"].createElement("div", {
85
- className: cx__default["default"](["".concat(util.blockClass, "__group__row ").concat(util.blockClass, "__group-preview ").concat(util.blockClass, "__gap-bottom"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__group-preview-animate"), animate)])
86
- }, /*#__PURE__*/React__default["default"].createElement("div", {
79
+ }), getConditionSection()))), previewType == 'condition' && /*#__PURE__*/React.createElement("div", {
80
+ className: cx(["".concat(util.blockClass, "__group__row ").concat(util.blockClass, "__group-preview ").concat(util.blockClass, "__gap-bottom"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__group-preview-animate"), animate)])
81
+ }, /*#__PURE__*/React.createElement("div", {
87
82
  className: "".concat(util.blockClass, "__condition-block ").concat(util.blockClass, "__gap")
88
- }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
83
+ }, /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, {
89
84
  label: group.groupOperator,
90
85
  className: "".concat(util.blockClass, "__statement-button"),
91
86
  popOverClassName: "".concat(util.blockClass, "__gap")
@@ -95,15 +90,15 @@ ConditionPreview.propTypes = {
95
90
  /**
96
91
  * index of the color for next group
97
92
  */
98
- colorIndex: index["default"].number,
93
+ colorIndex: index.default.number,
99
94
  /**
100
95
  * current conditional group
101
96
  */
102
- group: index["default"].object,
97
+ group: index.default.object,
103
98
  /**
104
99
  * type of review to be displayed
105
100
  */
106
- previewType: index["default"].oneOf(['condition', 'subGroup', 'newGroup'])
101
+ previewType: index.default.oneOf(['condition', 'subGroup', 'newGroup'])
107
102
  };
108
103
 
109
- exports["default"] = ConditionPreview;
104
+ exports.default = ConditionPreview;
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
13
11
  var util = require('./util.js');
14
12
 
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
13
11
  var useTranslations = require('./useTranslations.js');
14
12
 
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var React = require('react');
13
11
  var ConditionBuilderProvider = require('../ConditionBuilderContext/ConditionBuilderProvider.js');
14
12
  var translationObject = require('../ConditionBuilderContext/translationObject.js');
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var settings = require('../../../settings.js');
13
11
 
14
12
  var blockClass = "".concat(settings.pkg.prefix, "--condition-builder");
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
13
11
  var react = require('@carbon/react');
14
12
  var React = require('react');
@@ -27,11 +25,6 @@ var useResetCreateComponent = require('../../global/js/hooks/useResetCreateCompo
27
25
  var useCreateComponentStepChange = require('../../global/js/hooks/useCreateComponentStepChange.js');
28
26
  var CreateInfluencer = require('../CreateInfluencer/CreateInfluencer.js');
29
27
 
30
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
31
-
32
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
33
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
34
-
35
28
  var _excluded = ["breadcrumbsOverflowAriaLabel", "breadcrumbs", "backButtonText", "cancelButtonText", "children", "className", "initialStep", "maxVisibleBreadcrumbs", "modalDangerButtonText", "modalDescription", "modalSecondaryButtonText", "modalTitle", "nextButtonText", "onClose", "onRequestSubmit", "firstFocusElement", "submitButtonText", "noTrailingSlash", "title", "secondaryTitle", "breadcrumbOverflowTooltipAlign"];
36
29
  var blockClass = "".concat(settings.pkg.prefix, "--create-full-page");
37
30
  var componentName = 'CreateFullPage';
@@ -56,7 +49,7 @@ on the Carbon's grid system
56
49
  include `<Row>` and `<Column>` components inside of each `CreateFullPageStep`
57
50
  component to get the desired affect.
58
51
  */
59
- exports.CreateFullPage = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
52
+ exports.CreateFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
60
53
  var breadcrumbsOverflowAriaLabel = _ref.breadcrumbsOverflowAriaLabel,
61
54
  breadcrumbs = _ref.breadcrumbs,
62
55
  backButtonText = _ref.backButtonText,
@@ -192,10 +185,10 @@ exports.CreateFullPage = /*#__PURE__*/React__default["default"].forwardRef(funct
192
185
  });
193
186
  // currently, we are not supporting the use of 'view all' toggle state
194
187
  /* istanbul ignore next */
195
- return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
188
+ return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
196
189
  ref: ref,
197
- className: cx__default["default"](blockClass, className)
198
- }, devtools.getDevtoolsProps(componentName)), (title || breadcrumbs) && /*#__PURE__*/React__default["default"].createElement(SimpleHeader.SimpleHeader, {
190
+ className: cx(blockClass, className)
191
+ }, devtools.getDevtoolsProps(componentName)), (title || breadcrumbs) && /*#__PURE__*/React.createElement(SimpleHeader.SimpleHeader, {
199
192
  title: title,
200
193
  breadcrumbs: breadcrumbs,
201
194
  noTrailingSlash: noTrailingSlash,
@@ -203,24 +196,24 @@ exports.CreateFullPage = /*#__PURE__*/React__default["default"].forwardRef(funct
203
196
  maxVisible: maxVisibleBreadcrumbs,
204
197
  className: "".concat(blockClass, "__header"),
205
198
  overflowTooltipAlign: breadcrumbOverflowTooltipAlign
206
- }), /*#__PURE__*/React__default["default"].createElement("div", {
199
+ }), /*#__PURE__*/React.createElement("div", {
207
200
  className: "".concat(blockClass, "__influencer-and-body-container")
208
- }, /*#__PURE__*/React__default["default"].createElement("div", {
201
+ }, /*#__PURE__*/React.createElement("div", {
209
202
  className: "".concat(blockClass, "__influencer")
210
- }, /*#__PURE__*/React__default["default"].createElement(CreateInfluencer.CreateInfluencer, {
203
+ }, /*#__PURE__*/React.createElement(CreateInfluencer.CreateInfluencer, {
211
204
  stepData: stepData,
212
205
  currentStep: currentStep,
213
206
  title: secondaryTitle
214
- })), /*#__PURE__*/React__default["default"].createElement("div", {
207
+ })), /*#__PURE__*/React.createElement("div", {
215
208
  className: "".concat(blockClass, "__body")
216
- }, /*#__PURE__*/React__default["default"].createElement("div", {
209
+ }, /*#__PURE__*/React.createElement("div", {
217
210
  className: "".concat(blockClass, "__main")
218
- }, /*#__PURE__*/React__default["default"].createElement("div", {
211
+ }, /*#__PURE__*/React.createElement("div", {
219
212
  className: "".concat(blockClass, "__content")
220
- }, /*#__PURE__*/React__default["default"].createElement(react.Form, {
213
+ }, /*#__PURE__*/React.createElement(react.Form, {
221
214
  className: "".concat(blockClass, "__form"),
222
215
  "aria-label": title
223
- }, /*#__PURE__*/React__default["default"].createElement(StepsContext.Provider, {
216
+ }, /*#__PURE__*/React.createElement(StepsContext.Provider, {
224
217
  value: {
225
218
  currentStep: currentStep,
226
219
  setIsDisabled: setIsDisabled,
@@ -237,16 +230,16 @@ exports.CreateFullPage = /*#__PURE__*/React__default["default"].forwardRef(funct
237
230
  setStepData: setStepData,
238
231
  stepData: stepData
239
232
  }
240
- }, React__default["default"].Children.map(children, function (child, index) {
241
- return /*#__PURE__*/React__default["default"].createElement(StepNumberContext.Provider, {
233
+ }, React.Children.map(children, function (child, index) {
234
+ return /*#__PURE__*/React.createElement(StepNumberContext.Provider, {
242
235
  value: index + 1
243
236
  }, child);
244
- })))), /*#__PURE__*/React__default["default"].createElement(ActionSet.ActionSet, {
237
+ })))), /*#__PURE__*/React.createElement(ActionSet.ActionSet, {
245
238
  className: "".concat(blockClass, "__buttons"),
246
239
  actions: createFullPageActions,
247
240
  buttonSize: "2xl",
248
241
  size: "2xl"
249
- }))), /*#__PURE__*/React__default["default"].createElement(react.ComposedModal, {
242
+ }))), /*#__PURE__*/React.createElement(react.ComposedModal, {
250
243
  className: "".concat(blockClass, "__modal"),
251
244
  size: "sm",
252
245
  open: modalIsOpen,
@@ -254,16 +247,16 @@ exports.CreateFullPage = /*#__PURE__*/React__default["default"].forwardRef(funct
254
247
  onClose: function onClose() {
255
248
  setModalIsOpen(false);
256
249
  }
257
- }, /*#__PURE__*/React__default["default"].createElement(react.ModalHeader, {
250
+ }, /*#__PURE__*/React.createElement(react.ModalHeader, {
258
251
  title: modalTitle
259
- }), /*#__PURE__*/React__default["default"].createElement(react.ModalBody, null, /*#__PURE__*/React__default["default"].createElement("p", null, modalDescription)), /*#__PURE__*/React__default["default"].createElement(react.ModalFooter, null, /*#__PURE__*/React__default["default"].createElement(react.Button, {
252
+ }), /*#__PURE__*/React.createElement(react.ModalBody, null, /*#__PURE__*/React.createElement("p", null, modalDescription)), /*#__PURE__*/React.createElement(react.ModalFooter, null, /*#__PURE__*/React.createElement(react.Button, {
260
253
  type: "button",
261
254
  kind: "secondary",
262
255
  onClick: function onClick() {
263
256
  setModalIsOpen(!modalIsOpen);
264
257
  },
265
258
  "data-modal-primary-focus": true
266
- }, modalSecondaryButtonText), /*#__PURE__*/React__default["default"].createElement(react.Button, {
259
+ }, modalSecondaryButtonText), /*#__PURE__*/React.createElement(react.Button, {
267
260
  type: "button",
268
261
  kind: "danger",
269
262
  onClick: onClose
@@ -284,24 +277,24 @@ exports.CreateFullPage.propTypes = {
284
277
  /**
285
278
  * The back button text
286
279
  */
287
- backButtonText: index["default"].string.isRequired,
280
+ backButtonText: index.default.string.isRequired,
288
281
  /**
289
282
  * align breadcrumb overflow tooltip
290
283
  */
291
284
  breadcrumbOverflowTooltipAlign: react.Tooltip.propTypes.align,
292
285
  /** The header breadcrumbs */
293
286
  /**@ts-ignore */
294
- breadcrumbs: index["default"].arrayOf(index["default"].shape({
287
+ breadcrumbs: index.default.arrayOf(index.default.shape({
295
288
  /** breadcrumb item key */
296
- key: index["default"].string.isRequired,
289
+ key: index.default.string.isRequired,
297
290
  /** breadcrumb item label */
298
- label: index["default"].string.isRequired,
291
+ label: index.default.string.isRequired,
299
292
  /** breadcrumb item link */
300
- href: index["default"].string,
293
+ href: index.default.string,
301
294
  /** breadcrumb item title tooltip */
302
- title: index["default"].string,
295
+ title: index.default.string,
303
296
  /** Provide if this breadcrumb item represents the current page */
304
- isCurrentPage: index["default"].bool
297
+ isCurrentPage: index.default.bool
305
298
  })),
306
299
  /**
307
300
  * Label for open/close overflow button used for breadcrumb items that do not fit
@@ -310,79 +303,79 @@ exports.CreateFullPage.propTypes = {
310
303
  /**
311
304
  * The cancel button text
312
305
  */
313
- cancelButtonText: index["default"].string.isRequired,
306
+ cancelButtonText: index.default.string.isRequired,
314
307
  /**
315
308
  * The main content of the full page
316
309
  */
317
- children: index["default"].node,
310
+ children: index.default.node,
318
311
  /**
319
312
  * Provide an optional class to be applied to the containing node.
320
313
  */
321
- className: index["default"].string,
314
+ className: index.default.string,
322
315
  /**
323
316
  * Specifies elements to focus on first on render.
324
317
  */
325
- firstFocusElement: index["default"].string,
318
+ firstFocusElement: index.default.string,
326
319
  /**
327
320
  * This can be used to open the component to a step other than the first step.
328
321
  * For example, a create flow was previously in progress, data was saved, and
329
322
  * is now being completed.
330
323
  */
331
- initialStep: index["default"].number,
324
+ initialStep: index.default.number,
332
325
  /** Maximum visible breadcrumb-items before overflow is used (values less than 1 are treated as 1) */
333
- maxVisibleBreadcrumbs: index["default"].number,
326
+ maxVisibleBreadcrumbs: index.default.number,
334
327
  /**
335
328
  * The primary 'danger' button text in the modal
336
329
  */
337
- modalDangerButtonText: index["default"].string.isRequired,
330
+ modalDangerButtonText: index.default.string.isRequired,
338
331
  /**
339
332
  * The description located below the title in the modal
340
333
  */
341
- modalDescription: index["default"].string,
334
+ modalDescription: index.default.string,
342
335
  /**
343
336
  * The secondary button text in the modal
344
337
  */
345
- modalSecondaryButtonText: index["default"].string.isRequired,
338
+ modalSecondaryButtonText: index.default.string.isRequired,
346
339
  /**
347
340
  * The title located in the header of the modal
348
341
  */
349
- modalTitle: index["default"].string.isRequired,
342
+ modalTitle: index.default.string.isRequired,
350
343
  /**
351
344
  * The next button text
352
345
  */
353
- nextButtonText: index["default"].string.isRequired,
346
+ nextButtonText: index.default.string.isRequired,
354
347
  /**
355
348
  * A prop to omit the trailing slash for the breadcrumbs
356
349
  */
357
- noTrailingSlash: index["default"].bool,
350
+ noTrailingSlash: index.default.bool,
358
351
  /**
359
352
  * An optional handler that is called when the user closes the full page (by
360
353
  * clicking the secondary button, located in the modal, which triggers after
361
354
  * clicking the ghost button in the modal
362
355
  */
363
- onClose: index["default"].func,
356
+ onClose: index.default.func,
364
357
  /**
365
358
  * Specify a handler for submitting the multi step full page (final step).
366
359
  * This function can _optionally_ return a promise that is either resolved or rejected and the CreateFullPage will handle the submitting state of the create button.
367
360
  */
368
- onRequestSubmit: index["default"].func.isRequired,
361
+ onRequestSubmit: index.default.func.isRequired,
369
362
  /**
370
363
  * A secondary title of the full page, displayed in the influencer area
371
364
  */
372
- secondaryTitle: index["default"].string,
365
+ secondaryTitle: index.default.string,
373
366
  /**
374
367
  * @ignore
375
368
  * The aria label to be used for the UI Shell SideNav Carbon component
376
369
  */
377
- sideNavAriaLabel: index["default"].string,
370
+ sideNavAriaLabel: index.default.string,
378
371
  /**
379
372
  * The submit button text
380
373
  */
381
- submitButtonText: index["default"].string.isRequired,
374
+ submitButtonText: index.default.string.isRequired,
382
375
  /**
383
376
  * The main title of the full page, displayed in the header area
384
377
  */
385
- title: index["default"].string
378
+ title: index.default.string
386
379
  };
387
380
 
388
381
  exports.StepNumberContext = StepNumberContext;
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
13
11
  var React = require('react');
14
12
  var index = require('../../node_modules/prop-types/index.js');
@@ -20,11 +18,6 @@ var pconsole = require('../../global/js/utils/pconsole.js');
20
18
  var usePreviousValue = require('../../global/js/hooks/usePreviousValue.js');
21
19
  var useRetrieveStepData = require('../../global/js/hooks/useRetrieveStepData.js');
22
20
 
23
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
24
-
25
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
26
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
27
-
28
21
  var _excluded = ["children", "className", "subtitle", "description", "disableSubmit", "includeStep", "introStep", "invalid", "title", "hasFieldset", "fieldsetLegendText", "onNext", "onMount", "secondaryLabel"];
29
22
  var componentName = 'CreateFullPageStep';
30
23
  var blockClass = "".concat(settings.pkg.prefix, "--create-full-page__step");
@@ -104,30 +97,30 @@ exports.CreateFullPageStep = /*#__PURE__*/React.forwardRef(function (_ref, ref)
104
97
  className: "".concat(blockClass, "-description")
105
98
  }, span);
106
99
  if (typeof description === 'string') {
107
- return /*#__PURE__*/React__default["default"].createElement(react.Column, _rollupPluginBabelHelpers["extends"]({}, common, {
100
+ return /*#__PURE__*/React.createElement(react.Column, _rollupPluginBabelHelpers.extends({}, common, {
108
101
  as: "p"
109
102
  }));
110
103
  } else if ( /*#__PURE__*/React.isValidElement(description)) {
111
- return /*#__PURE__*/React__default["default"].createElement(react.Column, _rollupPluginBabelHelpers["extends"]({}, common, {
104
+ return /*#__PURE__*/React.createElement(react.Column, _rollupPluginBabelHelpers.extends({}, common, {
112
105
  as: "div"
113
106
  }));
114
107
  }
115
108
  }
116
109
  return null;
117
110
  };
118
- return stepsContext ? /*#__PURE__*/React__default["default"].createElement("section", _rollupPluginBabelHelpers["extends"]({}, rest, {
119
- className: cx__default["default"](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))),
111
+ return stepsContext ? /*#__PURE__*/React.createElement("section", _rollupPluginBabelHelpers.extends({}, rest, {
112
+ 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))),
120
113
  ref: ref
121
- }), /*#__PURE__*/React__default["default"].createElement(react.Grid, null, /*#__PURE__*/React__default["default"].createElement(react.Column, span, /*#__PURE__*/React__default["default"].createElement(react.Grid, null, /*#__PURE__*/React__default["default"].createElement(react.Column, _rollupPluginBabelHelpers["extends"]({
114
+ }), /*#__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({
122
115
  className: "".concat(blockClass, "-title"),
123
116
  as: "h5"
124
- }, span), title), subtitle && /*#__PURE__*/React__default["default"].createElement(react.Column, _rollupPluginBabelHelpers["extends"]({
117
+ }, span), title), subtitle && /*#__PURE__*/React.createElement(react.Column, _rollupPluginBabelHelpers.extends({
125
118
  className: "".concat(blockClass, "-subtitle"),
126
119
  as: "h6"
127
- }, span), subtitle), renderDescription()))), hasFieldset ? /*#__PURE__*/React__default["default"].createElement(react.FormGroup, {
120
+ }, span), subtitle), renderDescription()))), hasFieldset ? /*#__PURE__*/React.createElement(react.FormGroup, {
128
121
  legendText: fieldsetLegendText,
129
122
  className: "".concat(blockClass, "-fieldset")
130
- }, 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"));
123
+ }, 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"));
131
124
  });
132
125
 
133
126
  // Return a placeholder if not released and not enabled by feature flag
@@ -136,65 +129,65 @@ exports.CreateFullPageStep.propTypes = {
136
129
  /**
137
130
  * Content that shows in the CreateFullPage step
138
131
  */
139
- children: index["default"].node,
132
+ children: index.default.node,
140
133
  /**
141
134
  * Sets an optional className to be added to the CreateFullPage step
142
135
  */
143
- className: index["default"].string,
136
+ className: index.default.string,
144
137
  /**
145
138
  * Sets an optional description on the progress step component
146
139
  */
147
- description: index["default"].node,
140
+ description: index.default.node,
148
141
  /**
149
142
  * This will conditionally disable the submit button in the multi step CreateFullPage
150
143
  */
151
- disableSubmit: index["default"].bool,
144
+ disableSubmit: index.default.bool,
152
145
  /**
153
146
  * 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.
154
147
  */
155
148
  /**@ts-ignore */
156
- fieldsetLegendText: index["default"].string.isRequired.if(function (_ref2) {
149
+ fieldsetLegendText: index.default.string.isRequired.if(function (_ref2) {
157
150
  var hasFieldset = _ref2.hasFieldset;
158
151
  return hasFieldset === true;
159
152
  }),
160
153
  /**
161
154
  * This optional prop will render your form content inside of a fieldset html element
162
155
  */
163
- hasFieldset: index["default"].bool,
156
+ hasFieldset: index.default.bool,
164
157
  /**
165
158
  * This prop is used to help track dynamic steps. If this value is `false` then the step is not included in the visible steps or the ProgressIndicator
166
159
  * steps. If this value is `true` then the step will be included in the list of visible steps, as well as being included in the ProgressIndicator step list
167
160
  */
168
- includeStep: index["default"].bool,
161
+ includeStep: index.default.bool,
169
162
  /**
170
163
  * This prop can be used on the first step to mark it as an intro step, which will not render the progress indicator steps
171
164
  */
172
- introStep: index["default"].bool,
165
+ introStep: index.default.bool,
173
166
  /**
174
167
  * This optional prop will indicate an error icon on the progress indicator step item
175
168
  */
176
- invalid: index["default"].bool,
169
+ invalid: index.default.bool,
177
170
  /**
178
171
  * Optional function to be called on initial mount of a step.
179
172
  * For example, this can be used to fetch data that is required on a particular step.
180
173
  */
181
- onMount: index["default"].func,
174
+ onMount: index.default.func,
182
175
  /**
183
176
  * Optional function to be called on a step change.
184
177
  * For example, this can be used to validate input fields before proceeding to the next step.
185
178
  * This function can _optionally_ return a promise that is either resolved or rejected and the CreateFullPage will handle the submitting state of the next button.
186
179
  */
187
- onNext: index["default"].func,
180
+ onNext: index.default.func,
188
181
  /**
189
182
  * Sets the optional secondary label on the progress step component
190
183
  */
191
- secondaryLabel: index["default"].string,
184
+ secondaryLabel: index.default.string,
192
185
  /**
193
186
  * Sets an optional subtitle on the progress step component
194
187
  */
195
- subtitle: index["default"].string,
188
+ subtitle: index.default.string,
196
189
  /**
197
190
  * Sets the title text for a create full page step
198
191
  */
199
- title: index["default"].node.isRequired
192
+ title: index.default.node.isRequired
200
193
  };
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var React = require('react');
13
11
  var index = require('../../node_modules/prop-types/index.js');
14
12
  var cx = require('classnames');
@@ -16,11 +14,6 @@ var react = require('@carbon/react');
16
14
  require('../../global/js/utils/props-helper.js');
17
15
  var settings = require('../../settings.js');
18
16
 
19
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
20
-
21
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
22
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
23
-
24
17
  // Import portions of React that are needed.
25
18
 
26
19
  // The block part of our conventional BEM class names (blockClass__E--M).
@@ -56,19 +49,19 @@ var CreateInfluencer = function CreateInfluencer(_ref) {
56
49
  // we need to subtract the number of !shouldIncludeStep/s before the current step
57
50
  // which we get from `getNumberOfDynamicStepsBeforeCurrentStep()`
58
51
  var totalDynamicSteps = getNumberOfDynamicStepsBeforeCurrentStep(stepData, 'shouldIncludeStep') || 0;
59
- return /*#__PURE__*/React__default["default"].createElement("div", {
52
+ return /*#__PURE__*/React.createElement("div", {
60
53
  className: "".concat(blockClass, "__left-nav")
61
- }, title && /*#__PURE__*/React__default["default"].createElement("h3", {
54
+ }, title && /*#__PURE__*/React.createElement("h3", {
62
55
  className: "".concat(blockClass, "__title")
63
- }, title), currentStep === 1 && (_stepData$ = stepData[0]) !== null && _stepData$ !== void 0 && _stepData$.introStep ? null : /*#__PURE__*/React__default["default"].createElement(react.ProgressIndicator, {
56
+ }, title), currentStep === 1 && (_stepData$ = stepData[0]) !== null && _stepData$ !== void 0 && _stepData$.introStep ? null : /*#__PURE__*/React.createElement(react.ProgressIndicator, {
64
57
  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
65
58
  : currentStep - totalDynamicSteps - 1 // minus 1 because ProgressIndicator currentIndex prop is 0 index based, but our steps are 1 index based
66
59
  ,
67
60
  spaceEqually: true,
68
61
  vertical: true,
69
- className: cx__default["default"]("".concat(blockClass, "__progress-indicator"))
62
+ className: cx("".concat(blockClass, "__progress-indicator"))
70
63
  }, progressSteps.map(function (step, stepIndex) {
71
- return /*#__PURE__*/React__default["default"].createElement(react.ProgressStep, {
64
+ return /*#__PURE__*/React.createElement(react.ProgressStep, {
72
65
  label: step.title,
73
66
  key: stepIndex,
74
67
  secondaryLabel: step.secondaryLabel || undefined,
@@ -76,8 +69,8 @@ var CreateInfluencer = function CreateInfluencer(_ref) {
76
69
  });
77
70
  })));
78
71
  };
79
- return /*#__PURE__*/React__default["default"].createElement("div", {
80
- className: cx__default["default"](blockClass, className)
72
+ return /*#__PURE__*/React.createElement("div", {
73
+ className: cx(blockClass, className)
81
74
  }, renderProgressSteps());
82
75
  };
83
76
 
@@ -88,24 +81,24 @@ CreateInfluencer.propTypes = {
88
81
  /**
89
82
  * Provide an optional class to be applied to the containing node.
90
83
  */
91
- className: index["default"].string,
84
+ className: index.default.string,
92
85
  /**
93
86
  * Used to mark the current step on the ProgressIndicator component
94
87
  */
95
- currentStep: index["default"].number.isRequired,
88
+ currentStep: index.default.number.isRequired,
96
89
  /**
97
90
  * The step data that renders the progress items
98
91
  */
99
- stepData: index["default"].arrayOf(index["default"].shape({
100
- introStep: index["default"].bool,
101
- secondaryLabel: index["default"].string,
102
- shouldIncludeStep: index["default"].bool,
103
- title: index["default"].node
92
+ stepData: index.default.arrayOf(index.default.shape({
93
+ introStep: index.default.bool,
94
+ secondaryLabel: index.default.string,
95
+ shouldIncludeStep: index.default.bool,
96
+ title: index.default.node
104
97
  })),
105
98
  /**
106
99
  * The main title of the full page, displayed in the influencer area.
107
100
  */
108
- title: index["default"].string
101
+ title: index.default.string
109
102
  };
110
103
 
111
104
  exports.CreateInfluencer = CreateInfluencer;