@carbon/ibm-products 2.50.0 → 2.51.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 (451) hide show
  1. package/README.md +1 -1
  2. package/css/index-full-carbon.css +56 -29
  3. package/css/index-full-carbon.css.map +1 -1
  4. package/css/index-full-carbon.min.css +1 -1
  5. package/css/index-full-carbon.min.css.map +1 -1
  6. package/css/index-without-carbon-released-only.css +3 -10
  7. package/css/index-without-carbon-released-only.css.map +1 -1
  8. package/css/index-without-carbon-released-only.min.css +1 -1
  9. package/css/index-without-carbon-released-only.min.css.map +1 -1
  10. package/css/index-without-carbon.css +3 -10
  11. package/css/index-without-carbon.css.map +1 -1
  12. package/css/index-without-carbon.min.css +1 -1
  13. package/css/index-without-carbon.min.css.map +1 -1
  14. package/css/index.css +34 -28
  15. package/css/index.css.map +1 -1
  16. package/css/index.min.css +1 -1
  17. package/css/index.min.css.map +1 -1
  18. package/es/components/ActionBar/ActionBarOverflowItems.js +5 -0
  19. package/es/components/AddSelect/AddSelectBody.js +1 -1
  20. package/es/components/BigNumbers/BigNumbers.js +1 -1
  21. package/es/components/Coachmark/utils/enums.js +1 -0
  22. package/es/components/ConditionBuilder/ConditionBuilder.js +26 -20
  23. package/es/components/ConditionBuilder/ConditionBuilder.types.d.ts +6 -2
  24. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +11 -8
  25. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +44 -24
  26. package/es/components/CreateFullPage/CreateFullPage.d.ts +4 -2
  27. package/es/components/CreateFullPage/CreateFullPage.js +10 -3
  28. package/es/components/CreateFullPage/CreateFullPageStep.d.ts +3 -1
  29. package/es/components/CreateFullPage/CreateFullPageStep.js +5 -2
  30. package/es/components/Datagrid/Datagrid/Datagrid.d.ts +1 -1
  31. package/es/components/Datagrid/Datagrid/Datagrid.js +1 -1
  32. package/es/components/Datagrid/Datagrid/DatagridToolbar.js +12 -1
  33. package/es/components/Datagrid/Datagrid/DraggableElement.js +1 -0
  34. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +3 -8
  35. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +15 -13
  36. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +17 -2
  37. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +13 -2
  38. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +1 -12
  39. package/es/components/Datagrid/types/index.d.ts +4 -0
  40. package/es/components/Datagrid/useSelectRows.js +40 -19
  41. package/es/components/EditInPlace/EditInPlace.js +0 -3
  42. package/es/components/ExportModal/ExportModal.js +18 -5
  43. package/es/components/NotificationsPanel/NotificationsPanel.d.ts +5 -1
  44. package/es/components/NotificationsPanel/NotificationsPanel.js +14 -1
  45. package/es/components/OptionsTile/OptionsTile.d.ts +1 -1
  46. package/es/components/OptionsTile/OptionsTile.js +0 -1
  47. package/es/components/ProductiveCard/ProductiveCard.d.ts +4 -0
  48. package/es/components/ProductiveCard/ProductiveCard.js +4 -0
  49. package/es/components/ScrollGradient/ScrollGradient.js +1 -1
  50. package/es/components/SimpleHeader/SimpleHeader.d.ts +3 -1
  51. package/es/components/SimpleHeader/SimpleHeader.js +9 -2
  52. package/es/components/StringFormatter/StringFormatter.js +1 -1
  53. package/es/components/TagSet/TagSet.js +5 -0
  54. package/es/components/TagSet/TagSetOverflow.d.ts +4 -0
  55. package/es/components/TagSet/TagSetOverflow.js +13 -6
  56. package/es/components/Tearsheet/TearsheetShell.js +9 -2
  57. package/es/components/UserProfileImage/UserProfileImage.d.ts +1 -1
  58. package/es/components/UserProfileImage/UserProfileImage.js +1 -1
  59. package/es/global/js/utils/Wrap.d.ts +4 -0
  60. package/es/global/js/utils/Wrap.js +9 -3
  61. package/es/global/js/utils/devtools.js +1 -2
  62. package/es/node_modules/@carbon/icon-helpers/es/index.js +3 -3
  63. package/lib/_virtual/_commonjsHelpers.js +0 -2
  64. package/lib/_virtual/_rollupPluginBabelHelpers.js +2 -4
  65. package/lib/_virtual/index.js +0 -2
  66. package/lib/components/APIKeyModal/APIKeyDownloader.js +8 -14
  67. package/lib/components/APIKeyModal/APIKeyModal.js +70 -77
  68. package/lib/components/AboutModal/AboutModal.js +29 -36
  69. package/lib/components/ActionBar/ActionBar.js +26 -33
  70. package/lib/components/ActionBar/ActionBarItem.js +9 -16
  71. package/lib/components/ActionBar/ActionBarOverflowItems.js +23 -25
  72. package/lib/components/ActionSet/ActionSet.js +17 -24
  73. package/lib/components/AddSelect/AddSelect.js +62 -68
  74. package/lib/components/AddSelect/AddSelectBody.js +82 -89
  75. package/lib/components/AddSelect/AddSelectBreadcrumbs.js +6 -13
  76. package/lib/components/AddSelect/AddSelectColumn.js +29 -35
  77. package/lib/components/AddSelect/AddSelectFilter.js +30 -37
  78. package/lib/components/AddSelect/AddSelectFormControl.js +15 -21
  79. package/lib/components/AddSelect/AddSelectList.js +9 -16
  80. package/lib/components/AddSelect/AddSelectMetaPanel.js +16 -22
  81. package/lib/components/AddSelect/AddSelectRow.js +32 -39
  82. package/lib/components/AddSelect/AddSelectSidebar.js +29 -35
  83. package/lib/components/AddSelect/AddSelectSort.js +10 -16
  84. package/lib/components/AddSelect/add-select-utils.js +0 -2
  85. package/lib/components/AddSelect/hooks/useFocus.js +1 -1
  86. package/lib/components/AddSelect/hooks/useItemSort.js +0 -2
  87. package/lib/components/AddSelect/hooks/useParentSelect.js +1 -1
  88. package/lib/components/AddSelect/hooks/usePath.js +1 -1
  89. package/lib/components/BigNumbers/BigNumbers.js +39 -46
  90. package/lib/components/BigNumbers/constants.js +0 -2
  91. package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +35 -42
  92. package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +22 -29
  93. package/lib/components/Card/Card.js +73 -80
  94. package/lib/components/Card/CardFooter.js +28 -35
  95. package/lib/components/Card/CardHeader.js +37 -44
  96. package/lib/components/Carousel/Carousel.js +21 -28
  97. package/lib/components/Carousel/CarouselItem.js +5 -12
  98. package/lib/components/Cascade/Cascade.js +15 -22
  99. package/lib/components/Checklist/Checklist.js +50 -57
  100. package/lib/components/Checklist/Checklist.types.js +0 -2
  101. package/lib/components/Checklist/ChecklistChart.js +7 -15
  102. package/lib/components/Checklist/ChecklistIcon.js +7 -14
  103. package/lib/components/Coachmark/Coachmark.js +24 -31
  104. package/lib/components/Coachmark/CoachmarkDragbar.js +12 -19
  105. package/lib/components/Coachmark/CoachmarkHeader.js +9 -16
  106. package/lib/components/Coachmark/CoachmarkOverlay.js +14 -21
  107. package/lib/components/Coachmark/CoachmarkTagline.js +12 -19
  108. package/lib/components/Coachmark/utils/constants.js +0 -2
  109. package/lib/components/Coachmark/utils/context.js +0 -2
  110. package/lib/components/Coachmark/utils/enums.js +1 -2
  111. package/lib/components/Coachmark/utils/hooks.js +0 -2
  112. package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +10 -17
  113. package/lib/components/CoachmarkButton/CoachmarkButton.js +6 -13
  114. package/lib/components/CoachmarkFixed/CoachmarkFixed.js +13 -20
  115. package/lib/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js +11 -18
  116. package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +25 -32
  117. package/lib/components/CoachmarkStack/CoachmarkStack.js +23 -30
  118. package/lib/components/CoachmarkStack/CoachmarkStackHome.js +29 -36
  119. package/lib/components/ComboButton/ComboButton.js +11 -18
  120. package/lib/components/ComboButton/ComboButtonItem/index.js +2 -8
  121. package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +34 -39
  122. package/lib/components/ConditionBuilder/ConditionBuilder.js +58 -59
  123. package/lib/components/ConditionBuilder/ConditionBuilder.types.d.ts +6 -2
  124. package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +18 -23
  125. package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +15 -20
  126. package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +20 -27
  127. package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +8 -12
  128. package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +4 -8
  129. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +11 -8
  130. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +63 -47
  131. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +25 -31
  132. package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +0 -2
  133. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +17 -23
  134. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +9 -15
  135. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +5 -11
  136. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +13 -19
  137. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +17 -23
  138. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +6 -12
  139. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +9 -15
  140. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +27 -32
  141. package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +25 -30
  142. package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +0 -2
  143. package/lib/components/ConditionBuilder/utils/useDataConfigs.js +0 -2
  144. package/lib/components/ConditionBuilder/utils/useTranslations.js +0 -2
  145. package/lib/components/ConditionBuilder/utils/util.js +0 -2
  146. package/lib/components/CreateFullPage/CreateFullPage.d.ts +4 -2
  147. package/lib/components/CreateFullPage/CreateFullPage.js +53 -53
  148. package/lib/components/CreateFullPage/CreateFullPageStep.d.ts +3 -1
  149. package/lib/components/CreateFullPage/CreateFullPageStep.js +27 -31
  150. package/lib/components/CreateInfluencer/CreateInfluencer.js +15 -22
  151. package/lib/components/CreateModal/CreateModal.js +22 -29
  152. package/lib/components/CreateSidePanel/CreateSidePanel.js +24 -31
  153. package/lib/components/CreateTearsheet/CreateTearsheet.js +26 -33
  154. package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +3 -10
  155. package/lib/components/CreateTearsheet/CreateTearsheetStep.js +31 -38
  156. package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +24 -31
  157. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +37 -44
  158. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +54 -61
  159. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +37 -44
  160. package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +0 -2
  161. package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +0 -2
  162. package/lib/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +0 -2
  163. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +0 -2
  164. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +0 -2
  165. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +0 -2
  166. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +0 -2
  167. package/lib/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +0 -2
  168. package/lib/components/DataSpreadsheet/utils/checkForHoldingKey.js +0 -2
  169. package/lib/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +0 -2
  170. package/lib/components/DataSpreadsheet/utils/commonEventHandlers.js +1 -3
  171. package/lib/components/DataSpreadsheet/utils/createActiveCellFn.js +0 -2
  172. package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js +0 -2
  173. package/lib/components/DataSpreadsheet/utils/getCellSize.js +0 -2
  174. package/lib/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +0 -2
  175. package/lib/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +0 -2
  176. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +0 -2
  177. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +0 -2
  178. package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +0 -2
  179. package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js +1 -3
  180. package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +1 -3
  181. package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +2 -4
  182. package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +0 -2
  183. package/lib/components/DataSpreadsheet/utils/removeCellSelections.js +0 -2
  184. package/lib/components/DataSpreadsheet/utils/selectAllCells.js +1 -3
  185. package/lib/components/Datagrid/Datagrid/Datagrid.d.ts +1 -1
  186. package/lib/components/Datagrid/Datagrid/Datagrid.js +10 -17
  187. package/lib/components/Datagrid/Datagrid/DatagridBody.js +5 -9
  188. package/lib/components/Datagrid/Datagrid/DatagridContent.js +43 -50
  189. package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +4 -8
  190. package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +6 -11
  191. package/lib/components/Datagrid/Datagrid/DatagridHead.js +2 -6
  192. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +12 -17
  193. package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +3 -8
  194. package/lib/components/Datagrid/Datagrid/DatagridRow.js +12 -17
  195. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +4 -11
  196. package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +18 -23
  197. package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +3 -8
  198. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +26 -20
  199. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +5 -9
  200. package/lib/components/Datagrid/Datagrid/DraggableElement.js +18 -22
  201. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +11 -12
  202. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +10 -11
  203. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +25 -31
  204. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +21 -30
  205. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +7 -13
  206. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +18 -20
  207. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +1 -7
  208. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +49 -39
  209. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +54 -48
  210. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +5 -11
  211. package/lib/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +11 -15
  212. package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +0 -2
  213. package/lib/components/Datagrid/Datagrid/addons/Filtering/handleCheckboxChange.js +0 -2
  214. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +1 -1
  215. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +16 -31
  216. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +2 -6
  217. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +1 -1
  218. package/lib/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js +0 -2
  219. package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +0 -2
  220. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +18 -25
  221. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +32 -39
  222. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +2 -8
  223. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +0 -2
  224. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +0 -2
  225. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +0 -2
  226. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +0 -2
  227. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +0 -2
  228. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +12 -17
  229. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +11 -16
  230. package/lib/components/Datagrid/Datagrid/addons/Slug/DatagridSlug.js +2 -8
  231. package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +0 -2
  232. package/lib/components/Datagrid/common-column-ids.js +0 -2
  233. package/lib/components/Datagrid/types/index.d.ts +4 -0
  234. package/lib/components/Datagrid/useActionsColumn.js +12 -17
  235. package/lib/components/Datagrid/useColumnCenterAlign.js +4 -9
  236. package/lib/components/Datagrid/useColumnRightAlign.js +4 -9
  237. package/lib/components/Datagrid/useCustomizeColumns.js +6 -7
  238. package/lib/components/Datagrid/useDatagrid.js +4 -8
  239. package/lib/components/Datagrid/useDefaultStringRenderer.js +5 -10
  240. package/lib/components/Datagrid/useDisableSelectRows.js +1 -1
  241. package/lib/components/Datagrid/useEditableCell.js +2 -2
  242. package/lib/components/Datagrid/useExpandedRow.js +3 -3
  243. package/lib/components/Datagrid/useFiltering.js +5 -5
  244. package/lib/components/Datagrid/useFlexResize.js +1 -1
  245. package/lib/components/Datagrid/useFloatingScroll.js +2 -6
  246. package/lib/components/Datagrid/useFocusRowExpander.js +0 -2
  247. package/lib/components/Datagrid/useInfiniteScroll.js +4 -8
  248. package/lib/components/Datagrid/useInitialColumnSort.js +0 -2
  249. package/lib/components/Datagrid/useInlineEdit.js +7 -12
  250. package/lib/components/Datagrid/useNestedRowExpander.js +5 -10
  251. package/lib/components/Datagrid/useNestedRows.js +3 -7
  252. package/lib/components/Datagrid/useOnRowClick.js +1 -1
  253. package/lib/components/Datagrid/useParentDimensions.js +1 -1
  254. package/lib/components/Datagrid/useResizeTable.js +1 -1
  255. package/lib/components/Datagrid/useRowExpander.js +5 -10
  256. package/lib/components/Datagrid/useRowIsMouseOver.js +2 -6
  257. package/lib/components/Datagrid/useRowRenderer.js +2 -2
  258. package/lib/components/Datagrid/useRowSize.js +2 -2
  259. package/lib/components/Datagrid/useSelectAllToggle.js +3 -8
  260. package/lib/components/Datagrid/useSelectRows.js +45 -29
  261. package/lib/components/Datagrid/useSkeletonRows.js +1 -1
  262. package/lib/components/Datagrid/useSortableColumns.js +8 -13
  263. package/lib/components/Datagrid/useStickyColumn.js +4 -9
  264. package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.js +0 -2
  265. package/lib/components/Decorator/Decorator.js +16 -22
  266. package/lib/components/DecoratorBase/DecoratorBase.js +41 -48
  267. package/lib/components/DecoratorBase/DecoratorIcon.js +6 -13
  268. package/lib/components/DecoratorBase/utils.js +0 -2
  269. package/lib/components/DecoratorDualButton/DecoratorDualButton.js +21 -27
  270. package/lib/components/DecoratorLink/DecoratorLink.js +19 -25
  271. package/lib/components/DecoratorSingleButton/DecoratorSingleButton.js +19 -25
  272. package/lib/components/DelimitedList/DelimitedList.js +7 -14
  273. package/lib/components/DescriptionList/DescriptionList.js +8 -15
  274. package/lib/components/DescriptionList/DescriptionListBody.js +5 -12
  275. package/lib/components/DescriptionList/DescriptionListCell.js +5 -12
  276. package/lib/components/DescriptionList/DescriptionListRow.js +5 -12
  277. package/lib/components/DescriptionList/constants.js +0 -2
  278. package/lib/components/EditFullPage/EditFullPage.js +5 -12
  279. package/lib/components/EditInPlace/EditInPlace.js +35 -45
  280. package/lib/components/EditSidePanel/EditSidePanel.js +26 -33
  281. package/lib/components/EditTearsheet/EditTearsheet.js +24 -31
  282. package/lib/components/EditTearsheet/EditTearsheetForm.js +16 -23
  283. package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +5 -12
  284. package/lib/components/EditUpdateCards/EditUpdateCards.js +32 -39
  285. package/lib/components/EmptyStates/EmptyState.js +22 -29
  286. package/lib/components/EmptyStates/EmptyStateContent.js +18 -25
  287. package/lib/components/EmptyStates/EmptyStateIllustration.js +3 -7
  288. package/lib/components/EmptyStates/EmptyStateV2.js +25 -32
  289. package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +19 -26
  290. package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +19 -26
  291. package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +19 -26
  292. package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +19 -26
  293. package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +19 -26
  294. package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +19 -26
  295. package/lib/components/EmptyStates/assets/ErrorIllustration.js +53 -58
  296. package/lib/components/EmptyStates/assets/NoDataIllustration.js +43 -48
  297. package/lib/components/EmptyStates/assets/NoTagsIllustration.js +114 -119
  298. package/lib/components/EmptyStates/assets/NotFoundIllustration.js +84 -89
  299. package/lib/components/EmptyStates/assets/NotificationsIllustration.js +81 -86
  300. package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +74 -79
  301. package/lib/components/ExportModal/ExportModal.js +59 -53
  302. package/lib/components/ExpressiveCard/ExpressiveCard.js +28 -34
  303. package/lib/components/FeatureFlags/index.js +3 -9
  304. package/lib/components/FilterPanel/FilterPanel.js +7 -14
  305. package/lib/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js +10 -17
  306. package/lib/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js +13 -20
  307. package/lib/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js +9 -16
  308. package/lib/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js +17 -24
  309. package/lib/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js +11 -18
  310. package/lib/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js +9 -16
  311. package/lib/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js +9 -16
  312. package/lib/components/FilterSummary/FilterSummary.js +22 -28
  313. package/lib/components/FullPageError/FullPageError.js +21 -28
  314. package/lib/components/FullPageError/assets/Error403SVG.js +129 -135
  315. package/lib/components/FullPageError/assets/Error404SVG.js +114 -120
  316. package/lib/components/FullPageError/assets/ErrorGenericSVG.js +128 -134
  317. package/lib/components/GetStartedCard/GetStartedCard.js +16 -22
  318. package/lib/components/Guidebanner/Guidebanner.js +32 -39
  319. package/lib/components/Guidebanner/GuidebannerElement.js +10 -17
  320. package/lib/components/Guidebanner/GuidebannerElementButton.js +9 -16
  321. package/lib/components/Guidebanner/GuidebannerElementLink.js +5 -12
  322. package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +5 -12
  323. package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +5 -12
  324. package/lib/components/HTTPErrors/HTTPErrorContent.js +5 -11
  325. package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +5 -12
  326. package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +358 -364
  327. package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +309 -315
  328. package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +321 -327
  329. package/lib/components/ImportModal/ImportModal.js +48 -55
  330. package/lib/components/InlineTip/InlineTip.js +38 -45
  331. package/lib/components/InlineTip/InlineTipButton.js +5 -12
  332. package/lib/components/InlineTip/InlineTipLink.js +6 -13
  333. package/lib/components/InlineTip/utils.js +2 -4
  334. package/lib/components/InterstitialScreen/InterstitialScreen.js +73 -80
  335. package/lib/components/InterstitialScreenView/InterstitialScreenView.js +6 -13
  336. package/lib/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js +8 -15
  337. package/lib/components/MultiAddSelect/MultiAddSelect.js +45 -51
  338. package/lib/components/Nav/Nav.js +14 -21
  339. package/lib/components/Nav/NavItem.js +19 -24
  340. package/lib/components/Nav/NavItemLink.js +4 -8
  341. package/lib/components/Nav/NavList.js +12 -17
  342. package/lib/components/NonLinearReading/NonLinearReading.js +12 -19
  343. package/lib/components/NotificationsPanel/NotificationsPanel.d.ts +5 -1
  344. package/lib/components/NotificationsPanel/NotificationsPanel.js +104 -98
  345. package/lib/components/NotificationsPanel/utils.js +0 -2
  346. package/lib/components/OptionsTile/OptionsTile.d.ts +1 -1
  347. package/lib/components/OptionsTile/OptionsTile.js +40 -48
  348. package/lib/components/PageHeader/PageHeader.js +105 -112
  349. package/lib/components/PageHeader/PageHeaderTitle.js +23 -30
  350. package/lib/components/PageHeader/PageHeaderUtils.js +2 -9
  351. package/lib/components/ProductiveCard/ProductiveCard.d.ts +4 -0
  352. package/lib/components/ProductiveCard/ProductiveCard.js +39 -41
  353. package/lib/components/RemoveModal/RemoveModal.js +27 -34
  354. package/lib/components/Saving/Saving.js +27 -34
  355. package/lib/components/ScrollGradient/ScrollGradient.js +17 -24
  356. package/lib/components/ScrollGradient/constants.js +0 -2
  357. package/lib/components/SearchBar/SearchBar.js +22 -29
  358. package/lib/components/SidePanel/SidePanel.js +66 -73
  359. package/lib/components/SidePanel/constants.js +0 -2
  360. package/lib/components/SidePanel/motion/variants.js +0 -2
  361. package/lib/components/SimpleHeader/SimpleHeader.d.ts +3 -1
  362. package/lib/components/SimpleHeader/SimpleHeader.js +27 -27
  363. package/lib/components/SingleAddSelect/SingleAddSelect.js +21 -27
  364. package/lib/components/StatusIcon/StatusIcon.js +52 -59
  365. package/lib/components/StatusIndicator/StatusIndicator.js +13 -20
  366. package/lib/components/StatusIndicator/StatusIndicatorStep.js +14 -21
  367. package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +8 -17
  368. package/lib/components/StringFormatter/StringFormatter.js +12 -19
  369. package/lib/components/StringFormatter/utils/enums.js +0 -2
  370. package/lib/components/TagOverflow/TagOverflow.js +26 -33
  371. package/lib/components/TagOverflow/TagOverflowModal.js +17 -24
  372. package/lib/components/TagOverflow/TagOverflowPopover.js +22 -29
  373. package/lib/components/TagOverflow/constants.js +0 -2
  374. package/lib/components/TagSet/TagSet.js +39 -41
  375. package/lib/components/TagSet/TagSetModal.js +16 -23
  376. package/lib/components/TagSet/TagSetOverflow.d.ts +4 -0
  377. package/lib/components/TagSet/TagSetOverflow.js +32 -32
  378. package/lib/components/Tearsheet/Tearsheet.js +23 -29
  379. package/lib/components/Tearsheet/TearsheetNarrow.js +18 -24
  380. package/lib/components/Tearsheet/TearsheetShell.js +63 -63
  381. package/lib/components/Toolbar/Toolbar.js +3 -10
  382. package/lib/components/Toolbar/ToolbarButton.js +3 -10
  383. package/lib/components/Toolbar/ToolbarGroup.js +2 -9
  384. package/lib/components/TooltipTrigger/TooltipTrigger.js +4 -11
  385. package/lib/components/TruncatedList/TruncatedList.js +15 -22
  386. package/lib/components/UserAvatar/UserAvatar.js +18 -25
  387. package/lib/components/UserProfileImage/UserProfileImage.d.ts +1 -1
  388. package/lib/components/UserProfileImage/UserProfileImage.js +25 -32
  389. package/lib/components/WebTerminal/WebTerminal.js +26 -33
  390. package/lib/components/WebTerminal/WebTerminalContentWrapper.js +4 -11
  391. package/lib/components/WebTerminal/hooks/index.js +2 -8
  392. package/lib/components/_Canary/Canary.js +7 -14
  393. package/lib/feature-flags.js +3 -4
  394. package/lib/global/js/hooks/useActiveElement.js +0 -2
  395. package/lib/global/js/hooks/useClickOutside.js +0 -2
  396. package/lib/global/js/hooks/useControllableState.js +2 -4
  397. package/lib/global/js/hooks/useCreateComponentFocus.js +1 -3
  398. package/lib/global/js/hooks/useCreateComponentStepChange.js +0 -2
  399. package/lib/global/js/hooks/useFocus.js +1 -3
  400. package/lib/global/js/hooks/useIsomorphicEffect.js +0 -2
  401. package/lib/global/js/hooks/usePortalTarget.js +0 -2
  402. package/lib/global/js/hooks/usePrefersReducedMotion.js +1 -1
  403. package/lib/global/js/hooks/usePrefix.js +1 -3
  404. package/lib/global/js/hooks/usePreviousValue.js +0 -2
  405. package/lib/global/js/hooks/useResetCreateComponent.js +0 -2
  406. package/lib/global/js/hooks/useResizeObserver.js +0 -2
  407. package/lib/global/js/hooks/useRetrieveFormTitles.js +0 -2
  408. package/lib/global/js/hooks/useRetrieveStepData.js +0 -2
  409. package/lib/global/js/hooks/useValidCreateStepCount.js +0 -2
  410. package/lib/global/js/hooks/useWindowResize.js +1 -3
  411. package/lib/global/js/hooks/useWindowScroll.js +1 -3
  412. package/lib/global/js/package-settings.js +1 -1
  413. package/lib/global/js/utils/Wrap.d.ts +4 -0
  414. package/lib/global/js/utils/Wrap.js +16 -16
  415. package/lib/global/js/utils/deepCloneObject.js +1 -3
  416. package/lib/global/js/utils/devtools.js +0 -2
  417. package/lib/global/js/utils/getBezierValues.js +0 -2
  418. package/lib/global/js/utils/getFocusableElements.js +0 -2
  419. package/lib/global/js/utils/getNodeTextContent.js +1 -3
  420. package/lib/global/js/utils/getNumberOfHiddenSteps.js +0 -2
  421. package/lib/global/js/utils/getScrollbarWidth.js +0 -2
  422. package/lib/global/js/utils/keyboardNavigation.js +0 -2
  423. package/lib/global/js/utils/lastIndexInArray.js +0 -2
  424. package/lib/global/js/utils/motionConstants.js +0 -2
  425. package/lib/global/js/utils/pconsole.js +1 -1
  426. package/lib/global/js/utils/props-helper.js +10 -12
  427. package/lib/global/js/utils/rangeWithCallback.js +0 -2
  428. package/lib/global/js/utils/scrollableAncestor.js +1 -3
  429. package/lib/global/js/utils/uuidv4.js +1 -1
  430. package/lib/global/js/utils/wait.js +1 -1
  431. package/lib/global/js/utils/wrapFocus.js +1 -1
  432. package/lib/index.js +19 -21
  433. package/lib/node_modules/@carbon/colors/es/index.js +0 -2
  434. package/lib/node_modules/@carbon/icon-helpers/es/index.js +6 -8
  435. package/lib/node_modules/@carbon/icons-react/es/Icon.js +14 -18
  436. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-2.js +525 -531
  437. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-9.js +500 -506
  438. package/lib/node_modules/@carbon/icons-react/es/iconPropTypes-4cbeb95d.js +1 -3
  439. package/lib/node_modules/object-assign/index.js +0 -2
  440. package/lib/node_modules/prop-types/checkPropTypes.js +2 -4
  441. package/lib/node_modules/prop-types/factoryWithThrowingShims.js +0 -2
  442. package/lib/node_modules/prop-types/factoryWithTypeCheckers.js +4 -10
  443. package/lib/node_modules/prop-types/index.js +2 -6
  444. package/lib/node_modules/prop-types/lib/ReactPropTypesSecret.js +0 -2
  445. package/lib/node_modules/prop-types/lib/has.js +0 -2
  446. package/lib/settings.js +9 -15
  447. package/package.json +11 -11
  448. package/scss/components/EditInPlace/_edit-in-place.scss +0 -11
  449. package/scss/components/SidePanel/_side-panel.scss +1 -0
  450. package/scss/components/TagSet/_tag-set.scss +2 -0
  451. package/telemetry.yml +3 -3
@@ -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');
@@ -29,11 +27,6 @@ var BreadcrumbWithOverflow = require('../BreadcrumbWithOverflow/BreadcrumbWithOv
29
27
  var ActionBar = require('../ActionBar/ActionBar.js');
30
28
  var ButtonSetWithOverflow = require('../ButtonSetWithOverflow/ButtonSetWithOverflow.js');
31
29
 
32
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
33
-
34
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
35
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
36
-
37
30
  var _excluded = ["actionBarItems", "actionBarMenuOptionsClass", "actionBarOverflowAriaLabel", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "allTagsModalTitle", "hasBackgroundAlways", "breadcrumbOverflowAriaLabel", "breadcrumbs", "children", "className", "collapseHeader", "collapseHeaderIconDescription", "collapseTitle", "disableBreadcrumbScroll", "enableBreadcrumbScroll", "expandHeaderIconDescription", "fullWidthGrid", "hasCollapseHeaderToggle", "narrowGrid", "navigation", "pageActions", "pageActionsOverflowLabel", "pageActionsMenuOptionsClass", "showAllTagsLabel", "subtitle", "tags", "title", "withoutBackground", "breadcrumbOverflowTooltipAlign"];
38
31
  var componentName = 'PageHeader';
39
32
  settings.pkg._silenceWarnings(true);
@@ -45,7 +38,7 @@ var defaults = {
45
38
  narrowGrid: false,
46
39
  breadcrumbOverflowTooltipAlign: 'right'
47
40
  };
48
- exports.PageHeader = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
41
+ exports.PageHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
49
42
  var _withoutBackground, _enableBreadcrumbScro;
50
43
  var actionBarItems = _ref.actionBarItems,
51
44
  actionBarMenuOptionsClass = _ref.actionBarMenuOptionsClass,
@@ -369,73 +362,73 @@ exports.PageHeader = /*#__PURE__*/React__default["default"].forwardRef(function
369
362
  }
370
363
  };
371
364
  var displayedBreadcrumbs = getBreadcrumbs();
372
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
365
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
373
366
  className: "".concat(PageHeaderUtils.blockClass, "--offset-top-measuring-element"),
374
367
  ref: offsetTopMeasuringRef
375
- }), /*#__PURE__*/React__default["default"].createElement("section", _rollupPluginBabelHelpers["extends"]({}, rest, {
376
- className: cx__default["default"]([PageHeaderUtils.blockClass, "".concat(PageHeaderUtils.blockClass, "--no-margins-below-row"), className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "--has-navigation"), navigation || tags), "".concat(PageHeaderUtils.blockClass, "--has-navigation-tags-only"), !navigation && tags)]),
368
+ }), /*#__PURE__*/React.createElement("section", _rollupPluginBabelHelpers.extends({}, rest, {
369
+ className: cx([PageHeaderUtils.blockClass, "".concat(PageHeaderUtils.blockClass, "--no-margins-below-row"), className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "--has-navigation"), navigation || tags), "".concat(PageHeaderUtils.blockClass, "--has-navigation-tags-only"), !navigation && tags)]),
377
370
  style: pageHeaderStyles,
378
371
  ref: headerRef
379
- }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(react.FlexGrid, {
372
+ }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(react.FlexGrid, {
380
373
  fullWidth: fullWidthGrid === true || fullWidthGrid === 'xl',
381
374
  narrow: narrowGrid,
382
- className: cx__default["default"](_rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "--width--xl"), fullWidthGrid === 'xl'))
383
- }, /*#__PURE__*/React__default["default"].createElement("div", {
375
+ className: cx(_rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "--width--xl"), fullWidthGrid === 'xl'))
376
+ }, /*#__PURE__*/React.createElement("div", {
384
377
  className: "".concat(PageHeaderUtils.blockClass, "__non-navigation-row-content")
385
- }, hasBreadcrumbRow ? /*#__PURE__*/React__default["default"].createElement(react.Row, {
386
- className: cx__default["default"]("".concat(PageHeaderUtils.blockClass, "__breadcrumb-row"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__breadcrumb-row--next-to-tabs"), nextToTabsCheck()), "".concat(PageHeaderUtils.blockClass, "__breadcrumb-row--has-breadcrumbs"), breadcrumbs || breadcrumbItemForTitle), "".concat(PageHeaderUtils.blockClass, "__breadcrumb-row--has-action-bar"), hasActionBar || widthIsNarrow), "".concat(PageHeaderUtils.blockClass, "__has-page-actions-without-action-bar"), !hasActionBar && !widthIsNarrow && pageActions))
387
- }, /*#__PURE__*/React__default["default"].createElement("div", {
378
+ }, hasBreadcrumbRow ? /*#__PURE__*/React.createElement(react.Row, {
379
+ className: cx("".concat(PageHeaderUtils.blockClass, "__breadcrumb-row"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__breadcrumb-row--next-to-tabs"), nextToTabsCheck()), "".concat(PageHeaderUtils.blockClass, "__breadcrumb-row--has-breadcrumbs"), breadcrumbs || breadcrumbItemForTitle), "".concat(PageHeaderUtils.blockClass, "__breadcrumb-row--has-action-bar"), hasActionBar || widthIsNarrow), "".concat(PageHeaderUtils.blockClass, "__has-page-actions-without-action-bar"), !hasActionBar && !widthIsNarrow && pageActions))
380
+ }, /*#__PURE__*/React.createElement("div", {
388
381
  className: "".concat(PageHeaderUtils.blockClass, "__breadcrumb-row--container")
389
- }, /*#__PURE__*/React__default["default"].createElement(react.Column, {
390
- className: cx__default["default"]("".concat(PageHeaderUtils.blockClass, "__breadcrumb-column"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__breadcrumb-column--background"), !!breadcrumbs || hasActionBar || widthIsNarrow))
391
- }, (breadcrumbs || breadcrumbItemForTitle) && /*#__PURE__*/React__default["default"].createElement(BreadcrumbWithOverflow.BreadcrumbWithOverflow, {
382
+ }, /*#__PURE__*/React.createElement(react.Column, {
383
+ className: cx("".concat(PageHeaderUtils.blockClass, "__breadcrumb-column"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__breadcrumb-column--background"), !!breadcrumbs || hasActionBar || widthIsNarrow))
384
+ }, (breadcrumbs || breadcrumbItemForTitle) && /*#__PURE__*/React.createElement(BreadcrumbWithOverflow.BreadcrumbWithOverflow, {
392
385
  className: "".concat(PageHeaderUtils.blockClass, "__breadcrumb"),
393
386
  noTrailingSlash: !!title,
394
387
  overflowAriaLabel: breadcrumbOverflowAriaLabel,
395
388
  breadcrumbs: displayedBreadcrumbs,
396
389
  overflowTooltipAlign: breadcrumbOverflowTooltipAlign,
397
390
  maxVisible: undefined
398
- })), /*#__PURE__*/React__default["default"].createElement(react.Column, {
399
- className: cx__default["default"](["".concat(PageHeaderUtils.blockClass, "__action-bar-column ").concat(PageHeaderUtils.blockClass, "__action-bar-column--background"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__action-bar-column--has-page-actions"), pageActions), "".concat(PageHeaderUtils.blockClass, "__action-bar-column--influenced-by-collapse-button"), spaceForCollapseButton)])
400
- }, /*#__PURE__*/React__default["default"].createElement("div", {
391
+ })), /*#__PURE__*/React.createElement(react.Column, {
392
+ className: cx(["".concat(PageHeaderUtils.blockClass, "__action-bar-column ").concat(PageHeaderUtils.blockClass, "__action-bar-column--background"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__action-bar-column--has-page-actions"), pageActions), "".concat(PageHeaderUtils.blockClass, "__action-bar-column--influenced-by-collapse-button"), spaceForCollapseButton)])
393
+ }, /*#__PURE__*/React.createElement("div", {
401
394
  className: "".concat(PageHeaderUtils.blockClass, "__action-bar-column-content"),
402
395
  ref: sizingContainerRef
403
396
  }, hasActionBar ?
404
397
  /*#__PURE__*/
405
398
  // Investigate the responsive behavior or this and the title also fix the ActionBar Item and PageAction story css
406
- React__default["default"].createElement(React__default["default"].Fragment, null, thePageActions(true, pageActionsInBreadcrumbRow), /*#__PURE__*/React__default["default"].createElement(ActionBar.ActionBar, {
399
+ React.createElement(React.Fragment, null, thePageActions(true, pageActionsInBreadcrumbRow), /*#__PURE__*/React.createElement(ActionBar.ActionBar, {
407
400
  actions: actionBarItems,
408
401
  className: "".concat(PageHeaderUtils.blockClass, "__action-bar"),
409
- menuOptionsClass: "".concat(cx__default["default"](actionBarMenuOptionsClass, "".concat(PageHeaderUtils.blockClass, "__action-bar-menu-options"))),
402
+ menuOptionsClass: "".concat(cx(actionBarMenuOptionsClass, "".concat(PageHeaderUtils.blockClass, "__action-bar-menu-options"))),
410
403
  onWidthChange: handleActionBarWidthChange,
411
404
  overflowAriaLabel: actionBarOverflowAriaLabel,
412
405
  overflowMenuRef: overflowMenuRef,
413
406
  rightAlign: true
414
- })) : widthIsNarrow && thePageActions(true, pageActionsInBreadcrumbRow))))) : null, !collapseTitle && (title || pageActions) ? /*#__PURE__*/React__default["default"].createElement(react.Row, {
415
- className: cx__default["default"]("".concat(PageHeaderUtils.blockClass, "__title-row"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__title-row--no-breadcrumb-row"), !hasBreadcrumbRow), "".concat(PageHeaderUtils.blockClass, "__title-row--under-action-bar"), hasActionBar || widthIsNarrow), "".concat(PageHeaderUtils.blockClass, "__title-row--has-page-actions"), !!pageActions), "".concat(PageHeaderUtils.blockClass, "__title-row--sticky"), !!pageActions && !actionBarItems && hasBreadcrumbRow))
416
- }, /*#__PURE__*/React__default["default"].createElement(react.Column, {
407
+ })) : widthIsNarrow && thePageActions(true, pageActionsInBreadcrumbRow))))) : null, !collapseTitle && (title || pageActions) ? /*#__PURE__*/React.createElement(react.Row, {
408
+ className: cx("".concat(PageHeaderUtils.blockClass, "__title-row"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__title-row--no-breadcrumb-row"), !hasBreadcrumbRow), "".concat(PageHeaderUtils.blockClass, "__title-row--under-action-bar"), hasActionBar || widthIsNarrow), "".concat(PageHeaderUtils.blockClass, "__title-row--has-page-actions"), !!pageActions), "".concat(PageHeaderUtils.blockClass, "__title-row--sticky"), !!pageActions && !actionBarItems && hasBreadcrumbRow))
409
+ }, /*#__PURE__*/React.createElement(react.Column, {
417
410
  className: "".concat(PageHeaderUtils.blockClass, "__title-column")
418
- }, title ? /*#__PURE__*/React__default["default"].createElement(PageHeaderTitle.PageHeaderTitle, {
411
+ }, title ? /*#__PURE__*/React.createElement(PageHeaderTitle.PageHeaderTitle, {
419
412
  blockClass: PageHeaderUtils.blockClass,
420
413
  hasBreadcrumbRow: hasBreadcrumbRow,
421
414
  title: title
422
- }) : null), thePageActions(false, pageActionsInBreadcrumbRow)) : null, subtitle ? /*#__PURE__*/React__default["default"].createElement(react.Row, {
415
+ }) : null), thePageActions(false, pageActionsInBreadcrumbRow)) : null, subtitle ? /*#__PURE__*/React.createElement(react.Row, {
423
416
  className: "".concat(PageHeaderUtils.blockClass, "__subtitle-row")
424
- }, /*#__PURE__*/React__default["default"].createElement(react.Column, {
417
+ }, /*#__PURE__*/React.createElement(react.Column, {
425
418
  className: "".concat(PageHeaderUtils.blockClass, "__subtitle")
426
- }, subtitle)) : null, children ? /*#__PURE__*/React__default["default"].createElement(react.Row, {
419
+ }, subtitle)) : null, children ? /*#__PURE__*/React.createElement(react.Row, {
427
420
  className: "".concat(PageHeaderUtils.blockClass, "__available-row")
428
- }, /*#__PURE__*/React__default["default"].createElement(react.Column, {
421
+ }, /*#__PURE__*/React.createElement(react.Column, {
429
422
  className: "".concat(PageHeaderUtils.blockClass, "__available-column")
430
- }, children)) : null, (breadcrumbs || actionBarItems || title || pageActions || children || subtitle) && /*#__PURE__*/React__default["default"].createElement("div", {
431
- className: cx__default["default"](["".concat(PageHeaderUtils.blockClass, "__last-row-buffer"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__last-row-buffer--active"), lastRowBufferActive)])
423
+ }, children)) : null, (breadcrumbs || actionBarItems || title || pageActions || children || subtitle) && /*#__PURE__*/React.createElement("div", {
424
+ className: cx(["".concat(PageHeaderUtils.blockClass, "__last-row-buffer"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__last-row-buffer--active"), lastRowBufferActive)])
432
425
  }),
433
426
  // this navigation row scrolls under the breadcrumb if there is one
434
- tags && !navigation ? /*#__PURE__*/React__default["default"].createElement(react.Row, {
435
- className: cx__default["default"]("".concat(PageHeaderUtils.blockClass, "__navigation-row"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__navigation-row--has-tags"), tags))
436
- }, /*#__PURE__*/React__default["default"].createElement(react.Column, {
437
- className: cx__default["default"]("".concat(PageHeaderUtils.blockClass, "__navigation-tags"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__navigation-tags--tags-only"), !navigation))
438
- }, /*#__PURE__*/React__default["default"].createElement(TagSet.TagSet, {
427
+ tags && !navigation ? /*#__PURE__*/React.createElement(react.Row, {
428
+ className: cx("".concat(PageHeaderUtils.blockClass, "__navigation-row"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__navigation-row--has-tags"), tags))
429
+ }, /*#__PURE__*/React.createElement(react.Column, {
430
+ className: cx("".concat(PageHeaderUtils.blockClass, "__navigation-tags"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__navigation-tags--tags-only"), !navigation))
431
+ }, /*#__PURE__*/React.createElement(TagSet.TagSet, {
439
432
  overflowAlign: "bottom-right",
440
433
  allTagsModalSearchLabel: allTagsModalSearchLabel,
441
434
  allTagsModalSearchPlaceholderText: allTagsModalSearchPlaceholderText,
@@ -445,13 +438,13 @@ exports.PageHeader = /*#__PURE__*/React__default["default"].forwardRef(function
445
438
  showAllTagsLabel: showAllTagsLabel || ''
446
439
  }))) : null),
447
440
  // this navigation pushes the breadcrumb off or settles underneath it depending on enableBreadcrumbScroll
448
- navigation ? /*#__PURE__*/React__default["default"].createElement(react.Row, {
449
- className: cx__default["default"]("".concat(PageHeaderUtils.blockClass, "__navigation-row"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__navigation-row--spacing-above-06"), !!navigation), "".concat(PageHeaderUtils.blockClass, "__navigation-row--has-tags"), tags))
450
- }, /*#__PURE__*/React__default["default"].createElement(react.Column, {
441
+ navigation ? /*#__PURE__*/React.createElement(react.Row, {
442
+ className: cx("".concat(PageHeaderUtils.blockClass, "__navigation-row"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__navigation-row--spacing-above-06"), !!navigation), "".concat(PageHeaderUtils.blockClass, "__navigation-row--has-tags"), tags))
443
+ }, /*#__PURE__*/React.createElement(react.Column, {
451
444
  className: "".concat(PageHeaderUtils.blockClass, "__navigation-tabs")
452
- }, navigation), tags ? /*#__PURE__*/React__default["default"].createElement(react.Column, {
453
- className: cx__default["default"]("".concat(PageHeaderUtils.blockClass, "__navigation-tags"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__navigation-tags--tags-only"), !navigation))
454
- }, /*#__PURE__*/React__default["default"].createElement(TagSet.TagSet, {
445
+ }, navigation), tags ? /*#__PURE__*/React.createElement(react.Column, {
446
+ className: cx("".concat(PageHeaderUtils.blockClass, "__navigation-tags"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__navigation-tags--tags-only"), !navigation))
447
+ }, /*#__PURE__*/React.createElement(TagSet.TagSet, {
455
448
  overflowAlign: "bottom-right",
456
449
  allTagsModalSearchLabel: allTagsModalSearchLabel,
457
450
  allTagsModalSearchPlaceholderText: allTagsModalSearchPlaceholderText,
@@ -459,16 +452,16 @@ exports.PageHeader = /*#__PURE__*/React__default["default"].forwardRef(function
459
452
  showAllTagsLabel: showAllTagsLabel || '',
460
453
  tags: tags,
461
454
  overflowClassName: "".concat(PageHeaderUtils.blockClass, "__navigation-tags-overflow")
462
- })) : null) : null), hasCollapseButton ? /*#__PURE__*/React__default["default"].createElement("div", {
463
- className: cx__default["default"]("".concat(PageHeaderUtils.blockClass, "__collapse-expand-toggle"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__collapse-expand-toggle--collapsed"), fullyCollapsed))
464
- }, /*#__PURE__*/React__default["default"].createElement(react.Button, {
455
+ })) : null) : null), hasCollapseButton ? /*#__PURE__*/React.createElement("div", {
456
+ className: cx("".concat(PageHeaderUtils.blockClass, "__collapse-expand-toggle"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__collapse-expand-toggle--collapsed"), fullyCollapsed))
457
+ }, /*#__PURE__*/React.createElement(react.Button, {
465
458
  hasIconOnly: true,
466
459
  iconDescription: /* istanbul ignore next */
467
460
  fullyCollapsed ? expandHeaderIconDescription : collapseHeaderIconDescription,
468
461
  kind: "ghost",
469
462
  onClick: handleCollapseToggle,
470
463
  renderIcon: function renderIcon(props) {
471
- return /*#__PURE__*/React__default["default"].createElement(icons.ChevronUp, _rollupPluginBabelHelpers["extends"]({
464
+ return /*#__PURE__*/React.createElement(icons.ChevronUp, _rollupPluginBabelHelpers.extends({
472
465
  size: 16
473
466
  }, props));
474
467
  },
@@ -484,13 +477,13 @@ exports.PageHeader = /*#__PURE__*/React__default["default"].forwardRef(function
484
477
  // Only report size change of version action bar is rendered as part of the breadcrumb row.
485
478
  // and when there is an actionBar
486
479
  var handleWidthChange = isBreadcrumbRow && hasBreadcrumbRow ? handlePageActionWidthChange : function () {};
487
- return /*#__PURE__*/React__default["default"].createElement(_Tag, {
488
- className: cx__default["default"]("".concat(PageHeaderUtils.blockClass, "__page-actions"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__page-actions--in-breadcrumb"), inBreadcrumbRow))
489
- }, /*#__PURE__*/React__default["default"].createElement("div", {
490
- className: cx__default["default"]("".concat(PageHeaderUtils.blockClass, "__page-actions-content"))
491
- }, (_content = pageActions === null || pageActions === void 0 ? void 0 : pageActions.content) !== null && _content !== void 0 ? _content : /*#__PURE__*/React__default["default"].createElement(ButtonSetWithOverflow.ButtonSetWithOverflow, {
480
+ return /*#__PURE__*/React.createElement(_Tag, {
481
+ className: cx("".concat(PageHeaderUtils.blockClass, "__page-actions"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__page-actions--in-breadcrumb"), inBreadcrumbRow))
482
+ }, /*#__PURE__*/React.createElement("div", {
483
+ className: cx("".concat(PageHeaderUtils.blockClass, "__page-actions-content"))
484
+ }, (_content = pageActions === null || pageActions === void 0 ? void 0 : pageActions.content) !== null && _content !== void 0 ? _content : /*#__PURE__*/React.createElement(ButtonSetWithOverflow.ButtonSetWithOverflow, {
492
485
  className: "".concat(PageHeaderUtils.blockClass, "__button-set-with-overflow"),
493
- menuOptionsClass: cx__default["default"](pageActionsMenuOptionsClass, "".concat(PageHeaderUtils.blockClass, "__button-set-menu-options")),
486
+ menuOptionsClass: cx(pageActionsMenuOptionsClass, "".concat(PageHeaderUtils.blockClass, "__button-set-menu-options")),
494
487
  onWidthChange: handleWidthChange,
495
488
  buttons: pageActions,
496
489
  buttonSetOverflowLabel: pageActionsOverflowLabel,
@@ -523,11 +516,11 @@ var deprecatedProps = {
523
516
  /**
524
517
  * **Deprecated** see property `enableBreadcrumbScroll`
525
518
  */
526
- disableBreadcrumbScroll: propsHelper.deprecateProp(index["default"].bool, 'Property replaced by `enableBreadcrumbScroll`'),
519
+ disableBreadcrumbScroll: propsHelper.deprecateProp(index.default.bool, 'Property replaced by `enableBreadcrumbScroll`'),
527
520
  /**
528
521
  * **Deprecated** see property `withoutBackground`
529
522
  */
530
- hasBackgroundAlways: propsHelper.deprecateProp(index["default"].bool, 'Property replaced by `withoutBackground`')
523
+ hasBackgroundAlways: propsHelper.deprecateProp(index.default.bool, 'Property replaced by `withoutBackground`')
531
524
  };
532
525
 
533
526
  /**@ts-ignore */
@@ -539,15 +532,15 @@ exports.PageHeader.propTypes = _rollupPluginBabelHelpers.objectSpread2({
539
532
  * Button kind, size, tooltipPosition, tooltipAlignment and type are ignored.
540
533
  */
541
534
  /**@ts-ignore */
542
- actionBarItems: index["default"].arrayOf(index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, propsHelper.prepareProps(react.Button.propTypes, ['kind', 'size', 'tooltipPosition', 'tooltipAlignment'])), {}, {
543
- iconDescription: index["default"].string.isRequired,
535
+ actionBarItems: index.default.arrayOf(index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, propsHelper.prepareProps(react.Button.propTypes, ['kind', 'size', 'tooltipPosition', 'tooltipAlignment'])), {}, {
536
+ iconDescription: index.default.string.isRequired,
544
537
  onClick: react.Button.propTypes.onClick,
545
538
  renderIcon: react.Button.propTypes.renderIcon.isRequired
546
539
  }))),
547
540
  /**
548
541
  * class name applied to the action bar overflow options
549
542
  */
550
- actionBarMenuOptionsClass: index["default"].string,
543
+ actionBarMenuOptionsClass: index.default.string,
551
544
  /**
552
545
  * When there is insufficient space for all actionBarItems to be displayed this
553
546
  * aria label is used for the action bar overflow menu
@@ -555,7 +548,7 @@ exports.PageHeader.propTypes = _rollupPluginBabelHelpers.objectSpread2({
555
548
  * NOTE: This prop is required if actionBarItems are supplied
556
549
  */
557
550
  /**@ts-ignore */
558
- actionBarOverflowAriaLabel: index["default"].string.isRequired.if(function (_ref11) {
551
+ actionBarOverflowAriaLabel: index.default.string.isRequired.if(function (_ref11) {
559
552
  var actionBarItems = _ref11.actionBarItems;
560
553
  return actionBarItems && actionBarItems.length > 0;
561
554
  }),
@@ -588,7 +581,7 @@ exports.PageHeader.propTypes = _rollupPluginBabelHelpers.objectSpread2({
588
581
  * It is used in an overflow menu when there is insufficient space to display all breadcrumbs inline.
589
582
  */
590
583
  /**@ts-ignore */
591
- breadcrumbOverflowAriaLabel: index["default"].string.isRequired.if(function (_ref12) {
584
+ breadcrumbOverflowAriaLabel: index.default.string.isRequired.if(function (_ref12) {
592
585
  var breadcrumbs = _ref12.breadcrumbs;
593
586
  return breadcrumbs && breadcrumbs.length > 0;
594
587
  }),
@@ -608,28 +601,28 @@ exports.PageHeader.propTypes = _rollupPluginBabelHelpers.objectSpread2({
608
601
  * HTML attributes.
609
602
  */
610
603
  /**@ts-ignore */
611
- breadcrumbs: index["default"].arrayOf(index["default"].shape({
604
+ breadcrumbs: index.default.arrayOf(index.default.shape({
612
605
  /**
613
606
  * Optional string representing the link location for the BreadcrumbItem
614
607
  */
615
- href: index["default"].string,
608
+ href: index.default.string,
616
609
  /**
617
610
  * Provide if this breadcrumb item represents the current page
618
611
  */
619
- isCurrentPage: index["default"].bool,
612
+ isCurrentPage: index.default.bool,
620
613
  /**
621
614
  * Key required to render array efficiently
622
615
  */
623
- key: index["default"].string.isRequired,
616
+ key: index.default.string.isRequired,
624
617
  /**
625
618
  * Pass in content that will be inside of the BreadcrumbItem
626
619
  */
627
- label: index["default"].node,
620
+ label: index.default.node,
628
621
  /**
629
622
  * A text version of the `label` for display, required if `label` is not a string.
630
623
  */
631
624
  /**@ts-ignore */
632
- title: index["default"].string.isRequired.if(function (_ref13) {
625
+ title: index.default.string.isRequired.if(function (_ref13) {
633
626
  var label = _ref13.label;
634
627
  return typeof label !== 'string';
635
628
  })
@@ -638,12 +631,12 @@ exports.PageHeader.propTypes = _rollupPluginBabelHelpers.objectSpread2({
638
631
  * A zone for placing high-level, client content above the page tabs.
639
632
  * Accepts arbitrary renderable content as a React node. Optional.
640
633
  */
641
- children: index["default"].node,
634
+ children: index.default.node,
642
635
  /**
643
636
  * Specifies class(es) to be applied to the top-level PageHeader node.
644
637
  * Optional.
645
638
  */
646
- className: index["default"].string,
639
+ className: index.default.string,
647
640
  /**
648
641
  * The header can as a whole be collapsed, expanded or somewhere in between.
649
642
  * This setting controls the initial value, but also takes effect on change
@@ -651,13 +644,13 @@ exports.PageHeader.propTypes = _rollupPluginBabelHelpers.objectSpread2({
651
644
  * NOTE: The header is collapsed by setting the scroll position to hide part of the header.
652
645
  * Collapsing has no effect if there is insufficient content to scroll.
653
646
  */
654
- collapseHeader: index["default"].bool,
647
+ collapseHeader: index.default.bool,
655
648
  /**
656
649
  * If `hasCollapseHeaderToggle` is set and `withoutBackground` is unset/falsy then assistive text is
657
650
  * required for both the expend and collapse states of the button component used.
658
651
  */
659
652
  /**@ts-ignore */
660
- collapseHeaderIconDescription: index["default"].string.isRequired.if(function (_ref14) {
653
+ collapseHeaderIconDescription: index.default.string.isRequired.if(function (_ref14) {
661
654
  var withoutBackground = _ref14.withoutBackground,
662
655
  hasCollapseHeaderToggle = _ref14.hasCollapseHeaderToggle;
663
656
  return !withoutBackground && hasCollapseHeaderToggle;
@@ -666,18 +659,18 @@ exports.PageHeader.propTypes = _rollupPluginBabelHelpers.objectSpread2({
666
659
  * The title row typically starts below the breadcrumb row. This option
667
660
  * preCollapses it into the breadcrumb row.
668
661
  */
669
- collapseTitle: index["default"].bool,
662
+ collapseTitle: index.default.bool,
670
663
  /**
671
664
  * Standard keeps the breadcrumb on the page. This option allows the breadcrumb
672
665
  * to scroll off
673
666
  */
674
- enableBreadcrumbScroll: index["default"].bool,
667
+ enableBreadcrumbScroll: index.default.bool,
675
668
  /**
676
669
  * If `hasCollapseHeaderToggle` is set and `withoutBackground` is unset/falsy then assistive text is
677
670
  * required for both the expend and collapse states of the button component used.
678
671
  */
679
672
  /**@ts-ignore */
680
- expandHeaderIconDescription: index["default"].string.isRequired.if(function (_ref15) {
673
+ expandHeaderIconDescription: index.default.string.isRequired.if(function (_ref15) {
681
674
  var withoutBackground = _ref15.withoutBackground,
682
675
  hasCollapseHeaderToggle = _ref15.hasCollapseHeaderToggle;
683
676
  return !withoutBackground && hasCollapseHeaderToggle;
@@ -687,7 +680,7 @@ exports.PageHeader.propTypes = _rollupPluginBabelHelpers.objectSpread2({
687
680
  * 'xl' is used to override the grid width setting. Can be used with narrowGrid: true to get the largest size.
688
681
  */
689
682
  /**@ts-ignore */
690
- fullWidthGrid: index["default"].oneOfType([index["default"].bool, index["default"].oneOf(['xl'])]),
683
+ fullWidthGrid: index.default.oneOfType([index.default.bool, index.default.oneOf(['xl'])]),
691
684
  /**
692
685
  * Adds a button as the last element of the bottom row which collapses and expands the header.
693
686
  *
@@ -695,16 +688,16 @@ exports.PageHeader.propTypes = _rollupPluginBabelHelpers.objectSpread2({
695
688
  * Collapsing has no effect if there is insufficient content to scroll.
696
689
  */
697
690
  /**@ts-ignore */
698
- hasCollapseHeaderToggle: index["default"].bool,
691
+ hasCollapseHeaderToggle: index.default.bool,
699
692
  /**
700
693
  * The PageHeader is hosted in a Carbon grid, this value is passed through to the Carbon grid narrow prop
701
694
  */
702
- narrowGrid: index["default"].bool,
695
+ narrowGrid: index.default.bool,
703
696
  /**
704
697
  * Content for the navigation area in the PageHeader. Should
705
698
  * be a React element that is normally a Carbon Tabs component. Optional.
706
699
  */
707
- navigation: index["default"].element,
700
+ navigation: index.default.element,
708
701
  // Supports Tabs
709
702
  /**
710
703
  * Specifies the primary page actions which are placed at the same level in the page as the title.
@@ -722,24 +715,24 @@ exports.PageHeader.propTypes = _rollupPluginBabelHelpers.objectSpread2({
722
715
  * Carbon Button API https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
723
716
  */
724
717
  /**@ts-ignore */
725
- pageActions: index["default"].oneOfType([index["default"].arrayOf(index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
726
- key: index["default"].string.isRequired,
718
+ pageActions: index.default.oneOfType([index.default.arrayOf(index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
719
+ key: index.default.string.isRequired,
727
720
  kind: react.Button.propTypes.kind,
728
- label: index["default"].node,
729
- onClick: index["default"].func
730
- }))), index["default"].shape({
721
+ label: index.default.node,
722
+ onClick: index.default.func
723
+ }))), index.default.shape({
731
724
  /**
732
725
  * minWidth should not be more than 180
733
726
  * The content is expected to adjust itself to fit in
734
727
  */
735
- content: index["default"].node.isRequired,
736
- minWidth: index["default"].number.isRequired,
737
- maxWidth: index["default"].number.isRequired
728
+ content: index.default.node.isRequired,
729
+ minWidth: index.default.number.isRequired,
730
+ maxWidth: index.default.number.isRequired
738
731
  })]),
739
732
  /**
740
733
  * class name applied to the page actions overflow options
741
734
  */
742
- pageActionsMenuOptionsClass: index["default"].string,
735
+ pageActionsMenuOptionsClass: index.default.string,
743
736
  /**
744
737
  * When there is insufficient space to display all of hte page actions inline a dropdown button menu is shown,
745
738
  * containing the page actions. This label is used as the display content of the dropdown button menu.
@@ -747,7 +740,7 @@ exports.PageHeader.propTypes = _rollupPluginBabelHelpers.objectSpread2({
747
740
  * NOTE: This prop is required if pageActions are supplied
748
741
  */
749
742
  /**@ts-ignore */
750
- pageActionsOverflowLabel: index["default"].node.isRequired.if(function (_ref16) {
743
+ pageActionsOverflowLabel: index.default.node.isRequired.if(function (_ref16) {
751
744
  var pageActions = _ref16.pageActions;
752
745
  return pageActions && pageActions.length > 0 && !pageActions.content;
753
746
  }),
@@ -763,7 +756,7 @@ exports.PageHeader.propTypes = _rollupPluginBabelHelpers.objectSpread2({
763
756
  * Sitting just below the title is this optional subtitle that provides additional context to
764
757
  * identify the current page.
765
758
  */
766
- subtitle: index["default"].node,
759
+ subtitle: index.default.node,
767
760
  /**
768
761
  * An array of tags to be shown as the final content in the PageHeader.
769
762
  *
@@ -777,10 +770,10 @@ exports.PageHeader.propTypes = _rollupPluginBabelHelpers.objectSpread2({
777
770
  * See https://react.carbondesignsystem.com/?path=/docs/components-tag--default
778
771
  */
779
772
  /**@ts-ignore */
780
- tags: index["default"].arrayOf(index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, propsHelper.prepareProps(react.Tag.propTypes, 'filter')), {}, {
781
- label: index["default"].string.isRequired,
773
+ tags: index.default.arrayOf(index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, propsHelper.prepareProps(react.Tag.propTypes, 'filter')), {}, {
774
+ label: index.default.string.isRequired,
782
775
  // we duplicate this prop to improve the DocGen
783
- type: index["default"].oneOf(tagTypes)
776
+ type: index.default.oneOf(tagTypes)
784
777
  }))),
785
778
  /**
786
779
  * An optional page title supplied as a string or object with the following attributes: text, icon, loading
@@ -803,37 +796,37 @@ exports.PageHeader.propTypes = _rollupPluginBabelHelpers.objectSpread2({
803
796
  * - asText: String based representation of the title
804
797
  */
805
798
  /**@ts-ignore */
806
- title: index["default"].oneOfType([index["default"].shape({
799
+ title: index.default.oneOfType([index.default.shape({
807
800
  // Update docgen if changed
808
- text: index["default"].string.isRequired,
809
- shortTitle: index["default"].string,
810
- icon: index["default"].oneOfType([index["default"].func, index["default"].object]),
811
- loading: index["default"].bool,
801
+ text: index.default.string.isRequired,
802
+ shortTitle: index.default.string,
803
+ icon: index.default.oneOfType([index.default.func, index.default.object]),
804
+ loading: index.default.bool,
812
805
  // inline edit version properties
813
- editableLabel: index["default"].string,
806
+ editableLabel: index.default.string,
814
807
  // .isRequired.if(editInPlaceRequired),
815
- id: index["default"].string,
808
+ id: index.default.string,
816
809
  // .isRequired.if(editInPlaceRequired),
817
- onCancel: index["default"].func,
818
- onChange: index["default"].func,
819
- onSave: index["default"].func,
820
- cancelDescription: index["default"].string,
810
+ onCancel: index.default.func,
811
+ onChange: index.default.func,
812
+ onSave: index.default.func,
813
+ cancelDescription: index.default.string,
821
814
  //.isRequired.if(editInPlaceRequired),
822
- editDescription: index["default"].string,
815
+ editDescription: index.default.string,
823
816
  // .isRequired.if(editInPlaceRequired),
824
- saveDescription: index["default"].string //.isRequired.if(editInPlaceRequired),
817
+ saveDescription: index.default.string //.isRequired.if(editInPlaceRequired),
825
818
  // Update docgen if changed
826
- }), index["default"].string, index["default"].shape({
827
- content: index["default"].node.isRequired,
828
- breadcrumbContent: index["default"].node,
829
- asText: index["default"].string.isRequired
819
+ }), index.default.string, index.default.shape({
820
+ content: index.default.node.isRequired,
821
+ breadcrumbContent: index.default.node,
822
+ asText: index.default.string.isRequired
830
823
  })]),
831
824
  /**
832
825
  * Specifies if the PageHeader should appear without a background color, and defaults to the preferred `false` (a background color is shown).
833
826
  * Note that when `true` some parts of the header still gain a background if and when they stick to the top of the PageHeader on scroll.
834
827
  */
835
828
  /**@ts-ignore */
836
- withoutBackground: index["default"].bool
829
+ withoutBackground: index.default.bool
837
830
  }, deprecatedProps);
838
831
  exports.PageHeader.displayName = componentName;
839
832
 
@@ -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');
@@ -16,11 +14,6 @@ var cx = require('classnames');
16
14
  var react = require('@carbon/react');
17
15
  var EditInPlace = require('../EditInPlace/EditInPlace.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
  var _excluded = ["text", "content", "loading", "icon", "asText", "onChange", "onSave", "editDescription", "editableLabel", "cancelDescription", "saveDescription"];
25
18
 
26
19
  /**
@@ -56,11 +49,11 @@ var PageHeaderTitle = function PageHeaderTitle(_ref) {
56
49
  asText = title;
57
50
  }
58
51
  var TitleIcon = icon;
59
- titleInnards = /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, icon && !loading ? /*#__PURE__*/React__default["default"].createElement(TitleIcon, {
52
+ titleInnards = /*#__PURE__*/React.createElement(React.Fragment, null, icon && !loading ? /*#__PURE__*/React.createElement(TitleIcon, {
60
53
  className: "".concat(blockClass, "__title-icon")
61
- }) : null, loading ? /*#__PURE__*/React__default["default"].createElement(react.SkeletonText, {
54
+ }) : null, loading ? /*#__PURE__*/React.createElement(react.SkeletonText, {
62
55
  className: "".concat(blockClass, "__title-skeleton")
63
- }) : isEditable ? /*#__PURE__*/React__default["default"].createElement(EditInPlace.EditInPlace, _rollupPluginBabelHelpers["extends"]({
56
+ }) : isEditable ? /*#__PURE__*/React.createElement(EditInPlace.EditInPlace, _rollupPluginBabelHelpers.extends({
64
57
  tooltipAlignment: "bottom",
65
58
  value: text,
66
59
  cancelLabel: cancelDescription,
@@ -71,15 +64,15 @@ var PageHeaderTitle = function PageHeaderTitle(_ref) {
71
64
  onSave: onSave,
72
65
  size: "md",
73
66
  inheritTypography: true
74
- }, rest)) : /*#__PURE__*/React__default["default"].createElement("span", {
67
+ }, rest)) : /*#__PURE__*/React.createElement("span", {
75
68
  title: !loading ? asText : null
76
69
  }, text));
77
70
  } else {
78
71
  titleInnards = content;
79
72
  titleText = asText;
80
73
  }
81
- return /*#__PURE__*/React__default["default"].createElement("h1", {
82
- className: cx__default["default"]("".concat(blockClass, "__title"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__title--editable"), isEditable), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__title--fades"), hasBreadcrumbRow)),
74
+ return /*#__PURE__*/React.createElement("h1", {
75
+ className: cx("".concat(blockClass, "__title"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__title--editable"), isEditable), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__title--fades"), hasBreadcrumbRow)),
83
76
  title: titleText
84
77
  }, titleInnards);
85
78
  };
@@ -89,11 +82,11 @@ var editInPlaceRequired = function editInPlaceRequired(_ref2) {
89
82
  };
90
83
  PageHeaderTitle.propTypes = {
91
84
  // passed from page header
92
- blockClass: index["default"].string.isRequired,
85
+ blockClass: index.default.string.isRequired,
93
86
  /**
94
87
  * controlled from within page header
95
88
  */
96
- hasBreadcrumbRow: index["default"].bool,
89
+ hasBreadcrumbRow: index.default.bool,
97
90
  /**
98
91
  * An optional page title supplied as a string or object with the following attributes: text, icon, loading
99
92
  *
@@ -114,24 +107,24 @@ PageHeaderTitle.propTypes = {
114
107
  * - breadcrumbContent: version of content used in the breadcrumb on scroll. If not supplied
115
108
  * - asText: String based representation of the title
116
109
  */
117
- title: index["default"].oneOfType([index["default"].shape({
110
+ title: index.default.oneOfType([index.default.shape({
118
111
  // Update docgen if changed
119
- text: index["default"].string.isRequired,
120
- icon: index["default"].oneOfType([index["default"].func, index["default"].object]),
121
- loading: index["default"].bool,
112
+ text: index.default.string.isRequired,
113
+ icon: index.default.oneOfType([index.default.func, index.default.object]),
114
+ loading: index.default.bool,
122
115
  // inline edit version properties
123
- editDescription: index["default"].string.isRequired.if(editInPlaceRequired),
124
- editableLabel: index["default"].string.isRequired.if(editInPlaceRequired),
125
- id: index["default"].string.isRequired.if(editInPlaceRequired),
126
- onChange: index["default"].func,
127
- onSave: index["default"].func,
128
- cancelDescription: index["default"].string.isRequired.if(editInPlaceRequired),
129
- saveDescription: index["default"].string.isRequired.if(editInPlaceRequired)
116
+ editDescription: index.default.string.isRequired.if(editInPlaceRequired),
117
+ editableLabel: index.default.string.isRequired.if(editInPlaceRequired),
118
+ id: index.default.string.isRequired.if(editInPlaceRequired),
119
+ onChange: index.default.func,
120
+ onSave: index.default.func,
121
+ cancelDescription: index.default.string.isRequired.if(editInPlaceRequired),
122
+ saveDescription: index.default.string.isRequired.if(editInPlaceRequired)
130
123
  // Update docgen if changed
131
- }), index["default"].string, index["default"].shape({
132
- content: index["default"].node.isRequired,
133
- breadcrumbContent: index["default"].node,
134
- asText: index["default"].string.isRequired
124
+ }), index.default.string, index.default.shape({
125
+ content: index.default.node.isRequired,
126
+ breadcrumbContent: index.default.node,
127
+ asText: index.default.string.isRequired
135
128
  })])
136
129
  };
137
130