@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('react');
14
12
  var index = require('../../node_modules/prop-types/index.js');
@@ -19,11 +17,6 @@ var react = require('@carbon/react');
19
17
  var enums = require('./utils/enums.js');
20
18
  var propsHelper = require('../../global/js/utils/props-helper.js');
21
19
 
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
20
  var _excluded = ["className", "lines", "tooltipDirection", "truncate", "width", "value"];
28
21
  var blockClass = "".concat(settings.pkg.prefix, "--string-formatter");
29
22
  var componentName = 'StringFormatter';
@@ -38,7 +31,7 @@ var defaults = {
38
31
  * StringFormatter allows for truncating text while displaying a tooltip
39
32
  * overlay on hover or focus with the entirety of the provided copy.
40
33
  */
41
- exports.StringFormatter = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
34
+ exports.StringFormatter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
42
35
  var className = _ref.className,
43
36
  _ref$lines = _ref.lines,
44
37
  lines = _ref$lines === void 0 ? defaults.lines : _ref$lines,
@@ -50,17 +43,17 @@ exports.StringFormatter = /*#__PURE__*/React__default["default"].forwardRef(func
50
43
  width = _ref$width === void 0 ? defaults.width : _ref$width,
51
44
  value = _ref.value,
52
45
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
53
- var stringFormatterContent = /*#__PURE__*/React__default["default"].createElement("span", {
54
- className: cx__default["default"]("".concat(blockClass, "--content"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--truncate"), truncate)),
46
+ var stringFormatterContent = /*#__PURE__*/React.createElement("span", {
47
+ className: cx("".concat(blockClass, "--content"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--truncate"), truncate)),
55
48
  style: {
56
49
  maxWidth: width,
57
50
  WebkitLineClamp: lines
58
51
  }
59
52
  }, value);
60
- return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({}, rest, {
61
- className: cx__default["default"](blockClass, className),
53
+ return /*#__PURE__*/React.createElement("span", _rollupPluginBabelHelpers.extends({}, rest, {
54
+ className: cx(blockClass, className),
62
55
  ref: ref
63
- }, devtools.getDevtoolsProps(componentName)), truncate ? /*#__PURE__*/React__default["default"].createElement(react.DefinitionTooltip, {
56
+ }, devtools.getDevtoolsProps(componentName)), truncate ? /*#__PURE__*/React.createElement(react.DefinitionTooltip, {
64
57
  className: "".concat(blockClass, "__tooltip"),
65
58
  align: tooltipDirection,
66
59
  definition: value,
@@ -83,15 +76,15 @@ exports.StringFormatter.propTypes = {
83
76
  /**
84
77
  * Provide an optional class to be applied to the containing node.
85
78
  */
86
- className: index["default"].string,
79
+ className: index.default.string,
87
80
  /** Number of lines to clamp value. */
88
- lines: index["default"].number,
81
+ lines: index.default.number,
89
82
  /** Specify the direction of the tooltip. Can be either top or bottom. */
90
- tooltipDirection: propsHelper.allPropTypes([exports.StringFormatter.validateAlignment(), index["default"].oneOf(Object.values(enums.deprecated_StringFormatterAlignment), Object.values(enums.StringFormatterAlignment))]),
83
+ tooltipDirection: propsHelper.allPropTypes([exports.StringFormatter.validateAlignment(), index.default.oneOf(Object.values(enums.deprecated_StringFormatterAlignment), Object.values(enums.StringFormatterAlignment))]),
91
84
  /** Whether or not the value should be truncated. */
92
- truncate: index["default"].bool,
85
+ truncate: index.default.bool,
93
86
  /** Value to format. */
94
- value: index["default"].string.isRequired,
87
+ value: index.default.string.isRequired,
95
88
  /** Maximum width of value which should include */
96
- width: index["default"].string
89
+ width: index.default.string
97
90
  };
@@ -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
 
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 React = require('react');
14
12
  var react = require('@carbon/react');
@@ -22,11 +20,6 @@ var propsHelper = require('../../global/js/utils/props-helper.js');
22
20
  var settings = require('../../settings.js');
23
21
  var useResizeObserver = require('../../global/js/hooks/useResizeObserver.js');
24
22
 
25
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
26
-
27
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
28
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
29
-
30
23
  var _excluded = ["align", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "allTagsModalTarget", "allTagsModalTitle", "autoAlign", "className", "containingElementRef", "items", "maxVisible", "measurementOffset", "multiline", "overflowAlign", "overflowClassName", "overflowType", "onOverflowTagChange", "showAllTagsLabel", "tagComponent"],
31
24
  _excluded2 = ["className", "id"],
32
25
  _excluded3 = ["tagType"],
@@ -147,7 +140,7 @@ exports.TagOverflow = /*#__PURE__*/React.forwardRef(function (props, ref) {
147
140
  other = _rollupPluginBabelHelpers.objectWithoutProperties(item, _excluded2);
148
141
  return /*#__PURE__*/React.createElement(tagComponent, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, other), {}, {
149
142
  key: id,
150
- className: cx__default["default"]("".concat(blockClass, "__item"), className),
143
+ className: cx("".concat(blockClass, "__item"), className),
151
144
  ref: function ref(node) {
152
145
  return itemRefHandler(id, node);
153
146
  }
@@ -177,8 +170,8 @@ exports.TagOverflow = /*#__PURE__*/React.forwardRef(function (props, ref) {
177
170
  setPopoverOpen(false);
178
171
  }
179
172
  }, [visibleItems]);
180
- return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
181
- className: cx__default["default"](blockClass, className, "".concat(blockClass, "--align-").concat(align), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--multiline"), multiline)),
173
+ return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
174
+ className: cx(blockClass, className, "".concat(blockClass, "--align-").concat(align), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--multiline"), multiline)),
182
175
  ref: containerRef
183
176
  }, devtools.getDevtoolsProps(componentName)), (visibleItems === null || visibleItems === void 0 ? void 0 : visibleItems.length) > 0 && visibleItems.map(function (item, index) {
184
177
  // Render custom components
@@ -191,15 +184,15 @@ exports.TagOverflow = /*#__PURE__*/React.forwardRef(function (props, ref) {
191
184
  _onClose = item.onClose,
192
185
  other = _rollupPluginBabelHelpers.objectWithoutProperties(item, _excluded4);
193
186
  // If there is no template prop, then render items as Tags
194
- return /*#__PURE__*/React__default["default"].createElement("div", {
187
+ return /*#__PURE__*/React.createElement("div", {
195
188
  ref: function ref(node) {
196
189
  return itemRefHandler(id, node);
197
190
  },
198
191
  key: id
199
- }, /*#__PURE__*/React__default["default"].createElement(react.Tooltip, {
192
+ }, /*#__PURE__*/React.createElement(react.Tooltip, {
200
193
  align: overflowAlign,
201
194
  label: label
202
- }, /*#__PURE__*/React__default["default"].createElement(react.Tag, _rollupPluginBabelHelpers["extends"]({}, other, {
195
+ }, /*#__PURE__*/React.createElement(react.Tag, _rollupPluginBabelHelpers.extends({}, other, {
203
196
  className: "".concat(blockClass, "__item--tag"),
204
197
  type: tagType,
205
198
  onClose: function onClose() {
@@ -207,10 +200,10 @@ exports.TagOverflow = /*#__PURE__*/React.forwardRef(function (props, ref) {
207
200
  }
208
201
  }), label)));
209
202
  }
210
- }), /*#__PURE__*/React__default["default"].createElement("span", {
203
+ }), /*#__PURE__*/React.createElement("span", {
211
204
  className: "".concat(blockClass, "__indicator"),
212
205
  ref: overflowRef
213
- }, (overflowItems === null || overflowItems === void 0 ? void 0 : overflowItems.length) > 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(TagOverflowPopover.TagOverflowPopover, {
206
+ }, (overflowItems === null || overflowItems === void 0 ? void 0 : overflowItems.length) > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TagOverflowPopover.TagOverflowPopover, {
214
207
  allTagsModalSearchThreshold: allTagsModalSearchThreshold,
215
208
  className: overflowClassName,
216
209
  onShowAllClick: handleShowAllClick,
@@ -223,7 +216,7 @@ exports.TagOverflow = /*#__PURE__*/React.forwardRef(function (props, ref) {
223
216
  popoverOpen: popoverOpen,
224
217
  setPopoverOpen: setPopoverOpen,
225
218
  autoAlign: autoAlign
226
- }), /*#__PURE__*/React__default["default"].createElement(TagOverflowModal.TagOverflowModal, {
219
+ }), /*#__PURE__*/React.createElement(TagOverflowModal.TagOverflowModal, {
227
220
  allTags: items,
228
221
  open: showAllModalOpen,
229
222
  title: allTagsModalTitle,
@@ -247,7 +240,7 @@ var tagTypes = Object.keys(constants.TYPES);
247
240
  * The strings shown in the showAllModal are only shown if we have more than allTagsModalSearchLThreshold
248
241
  * @returns null if no problems
249
242
  */
250
- var string_required_if_more_than_10_tags = propsHelper.isRequiredIf(index["default"].string, function (_ref2) {
243
+ var string_required_if_more_than_10_tags = propsHelper.isRequiredIf(index.default.string, function (_ref2) {
251
244
  var items = _ref2.items;
252
245
  return (items === null || items === void 0 ? void 0 : items.length) > allTagsModalSearchThreshold;
253
246
  });
@@ -259,7 +252,7 @@ exports.TagOverflow.propTypes = {
259
252
  /**
260
253
  * align the Tags displayed by the TagSet. Default start.
261
254
  */
262
- align: index["default"].oneOf(['start', 'center', 'end']),
255
+ align: index.default.oneOf(['start', 'center', 'end']),
263
256
  /**
264
257
  * label text for the show all search. **Note: Required if more than 10 tags**
265
258
  */
@@ -271,7 +264,7 @@ exports.TagOverflow.propTypes = {
271
264
  /**
272
265
  * portal target for the all tags modal
273
266
  */
274
- allTagsModalTarget: index["default"].node,
267
+ allTagsModalTarget: index.default.node,
275
268
  /**
276
269
  * title for the show all modal. **Note: Required if more than 10 tags**
277
270
  */
@@ -279,11 +272,11 @@ exports.TagOverflow.propTypes = {
279
272
  /**
280
273
  * Will auto-align the popover on first render if it is not visible. This prop is currently experimental and is subject to future changes.
281
274
  */
282
- autoAlign: index["default"].bool,
275
+ autoAlign: index.default.bool,
283
276
  /**
284
277
  * Provide an optional class to be applied to the containing node.
285
278
  */
286
- className: index["default"].string,
279
+ className: index.default.string,
287
280
  /**
288
281
  * The items to be shown in the TagOverflow. Each item is specified as an object with properties:
289
282
  * **label**\* (required) to supply the content,
@@ -295,40 +288,40 @@ exports.TagOverflow.propTypes = {
295
288
  * then pass the props required for your custom component as the properties of item object
296
289
  */
297
290
  //@ts-ignore
298
- items: index["default"].arrayOf(index["default"].shape({
299
- id: index["default"].string.isRequired,
300
- label: index["default"].string.isRequired,
301
- tagType: index["default"].oneOf(tagTypes)
291
+ items: index.default.arrayOf(index.default.shape({
292
+ id: index.default.string.isRequired,
293
+ label: index.default.string.isRequired,
294
+ tagType: index.default.oneOf(tagTypes)
302
295
  }).isRequired),
303
296
  /**
304
297
  * maximum visible items
305
298
  */
306
- maxVisible: index["default"].number,
299
+ maxVisible: index.default.number,
307
300
  /**
308
301
  * Specify offset amount for measure available space, only used when `containingElementSelector`
309
302
  * is also provided
310
303
  */
311
- measurementOffset: index["default"].number,
304
+ measurementOffset: index.default.number,
312
305
  /**
313
306
  * display items in multiple lines
314
307
  */
315
- multiline: index["default"].bool,
308
+ multiline: index.default.bool,
316
309
  /**
317
310
  * Handler to get overflow tags
318
311
  */
319
- onOverflowTagChange: index["default"].func,
312
+ onOverflowTagChange: index.default.func,
320
313
  /**
321
314
  * overflowAlign from the standard tooltip. Default center.
322
315
  */
323
- overflowAlign: index["default"].oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top']),
316
+ overflowAlign: index.default.oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top']),
324
317
  /**
325
318
  * overflowClassName for the tooltip popup
326
319
  */
327
- overflowClassName: index["default"].string,
320
+ overflowClassName: index.default.string,
328
321
  /**
329
322
  * Type of rendering displayed inside of the tag overflow component
330
323
  */
331
- overflowType: index["default"].oneOf(['default', 'tag']),
324
+ overflowType: index.default.oneOf(['default', 'tag']),
332
325
  /**
333
326
  * label for the overflow show all tags link.
334
327
  *
@@ -339,7 +332,7 @@ exports.TagOverflow.propTypes = {
339
332
  * If this is not passed, items will be rendered as Tag component
340
333
  */
341
334
  //@ts-ignore
342
- tagComponent: index["default"].elementType
335
+ tagComponent: index.default.elementType
343
336
  };
344
337
 
345
338
  exports.string_required_if_more_than_10_tags = string_required_if_more_than_10_tags;
@@ -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');
@@ -18,11 +16,6 @@ var settings = require('../../settings.js');
18
16
  var propsHelper = require('../../global/js/utils/props-helper.js');
19
17
  var usePortalTarget = require('../../global/js/hooks/usePortalTarget.js');
20
18
 
21
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
22
-
23
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
24
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
25
-
26
19
  var _excluded = ["allTags", "className", "title", "onClose", "open", "overflowType", "portalTarget", "searchLabel", "searchPlaceholder"];
27
20
  var componentName = 'TagOverflowModal';
28
21
  var blockClass = "".concat(settings.pkg.prefix, "--tag-overflow-modal");
@@ -61,25 +54,25 @@ var TagOverflowModal = function TagOverflowModal(_ref) {
61
54
  var handleSearch = function handleSearch(evt) {
62
55
  setSearch(evt.target.value || '');
63
56
  };
64
- return renderPortalUse( /*#__PURE__*/React__default["default"].createElement(react.ComposedModal, _rollupPluginBabelHelpers["extends"]({}, rest, {
57
+ return renderPortalUse( /*#__PURE__*/React.createElement(react.ComposedModal, _rollupPluginBabelHelpers.extends({}, rest, {
65
58
  containerClassName: "".concat(blockClass, "__container"),
66
- className: cx__default["default"](className, blockClass),
59
+ className: cx(className, blockClass),
67
60
  size: "sm",
68
61
  "aria-label": "Search all",
69
62
  open: open,
70
63
  onClose: onClose
71
- }), /*#__PURE__*/React__default["default"].createElement(react.ModalHeader, {
64
+ }), /*#__PURE__*/React.createElement(react.ModalHeader, {
72
65
  className: "".concat(blockClass, "__header"),
73
66
  closeModal: onClose,
74
67
  title: title
75
- }, /*#__PURE__*/React__default["default"].createElement(react.Search, {
68
+ }, /*#__PURE__*/React.createElement(react.Search, {
76
69
  "data-modal-primary-focus": true,
77
70
  className: "".concat(blockClass, "__search"),
78
71
  labelText: searchLabel,
79
72
  placeholder: searchPlaceholder,
80
73
  onChange: handleSearch,
81
74
  size: "lg"
82
- })), /*#__PURE__*/React__default["default"].createElement(react.ModalBody, {
75
+ })), /*#__PURE__*/React.createElement(react.ModalBody, {
83
76
  className: "".concat(blockClass, "__body"),
84
77
  hasForm: true
85
78
  }, getFilteredItems().map(function (_ref2) {
@@ -87,26 +80,26 @@ var TagOverflowModal = function TagOverflowModal(_ref) {
87
80
  id = _ref2.id,
88
81
  filter = _ref2.filter;
89
82
  var isFilterable = overflowType === 'tag' ? filter : false;
90
- return /*#__PURE__*/React__default["default"].createElement(react.Tag, {
83
+ return /*#__PURE__*/React.createElement(react.Tag, {
91
84
  key: id,
92
85
  filter: isFilterable
93
86
  }, label);
94
- })), /*#__PURE__*/React__default["default"].createElement("div", {
87
+ })), /*#__PURE__*/React.createElement("div", {
95
88
  className: "".concat(blockClass, "__fade")
96
89
  })));
97
90
  };
98
91
  TagOverflowModal.propTypes = {
99
- allTags: index["default"].arrayOf(index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, propsHelper.prepareProps(react.Tag.propTypes, 'filter')), {}, {
100
- label: index["default"].string.isRequired
92
+ allTags: index.default.arrayOf(index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, propsHelper.prepareProps(react.Tag.propTypes, 'filter')), {}, {
93
+ label: index.default.string.isRequired
101
94
  }))),
102
- className: index["default"].string,
103
- onClose: index["default"].func,
104
- open: index["default"].bool,
105
- overflowType: index["default"].oneOf(['default', 'tag']),
106
- portalTarget: index["default"].node,
107
- searchLabel: index["default"].string,
108
- searchPlaceholder: index["default"].string,
109
- title: index["default"].string
95
+ className: index.default.string,
96
+ onClose: index.default.func,
97
+ open: index.default.bool,
98
+ overflowType: index.default.oneOf(['default', 'tag']),
99
+ portalTarget: index.default.node,
100
+ searchLabel: index.default.string,
101
+ searchPlaceholder: index.default.string,
102
+ title: index.default.string
110
103
  };
111
104
  TagOverflowModal.displayName = componentName;
112
105
 
@@ -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');
@@ -17,11 +15,6 @@ var react = require('@carbon/react');
17
15
  var settings = require('../../settings.js');
18
16
  var useClickOutside = require('../../global/js/hooks/useClickOutside.js');
19
17
 
20
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
21
-
22
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
23
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
24
-
25
18
  var _excluded = ["allTagsModalSearchThreshold", "autoAlign", "className", "onShowAllClick", "overflowAlign", "overflowTags", "overflowType", "showAllTagsLabel", "popoverOpen", "setPopoverOpen"],
26
19
  _excluded2 = ["label", "id", "tagType", "filter", "onClose"];
27
20
  var componentName = 'TagOverflowPopover';
@@ -66,27 +59,27 @@ var TagOverflowPopover = /*#__PURE__*/React.forwardRef(function (props, ref) {
66
59
  };
67
60
  var visibleItems = getOverflowPopoverItems();
68
61
  var hasItems = (visibleItems === null || visibleItems === void 0 ? void 0 : visibleItems.length) > 0;
69
- return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({}, rest, {
62
+ return /*#__PURE__*/React.createElement("span", _rollupPluginBabelHelpers.extends({}, rest, {
70
63
  "aria-hidden": (overflowTags === null || overflowTags === void 0 ? void 0 : overflowTags.length) === 0,
71
- className: cx__default["default"](blockClass, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--hidden"), (overflowTags === null || overflowTags === void 0 ? void 0 : overflowTags.length) === 0)),
64
+ className: cx(blockClass, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--hidden"), (overflowTags === null || overflowTags === void 0 ? void 0 : overflowTags.length) === 0)),
72
65
  ref: ref || localRef
73
- }), /*#__PURE__*/React__default["default"].createElement(react.Popover, {
66
+ }), /*#__PURE__*/React.createElement(react.Popover, {
74
67
  align: overflowAlign,
75
68
  autoAlign: autoAlign,
76
- className: cx__default["default"](className, "".concat(blockClass, "__el")),
69
+ className: cx(className, "".concat(blockClass, "__el")),
77
70
  dropShadow: true,
78
71
  highContrast: true,
79
72
  onKeyDown: handleEscKeyPress,
80
73
  open: popoverOpen
81
- }, /*#__PURE__*/React__default["default"].createElement(react.Tag, {
74
+ }, /*#__PURE__*/React.createElement(react.Tag, {
82
75
  onClick: function onClick() {
83
76
  return setPopoverOpen === null || setPopoverOpen === void 0 ? void 0 : setPopoverOpen(!popoverOpen);
84
77
  },
85
- className: cx__default["default"]("".concat(blockClass, "__trigger"))
86
- }, "+", overflowTags === null || overflowTags === void 0 ? void 0 : overflowTags.length), /*#__PURE__*/React__default["default"].createElement(react.PopoverContent, null, /*#__PURE__*/React__default["default"].createElement("div", {
78
+ className: cx("".concat(blockClass, "__trigger"))
79
+ }, "+", overflowTags === null || overflowTags === void 0 ? void 0 : overflowTags.length), /*#__PURE__*/React.createElement(react.PopoverContent, null, /*#__PURE__*/React.createElement("div", {
87
80
  ref: overflowTagContent,
88
81
  className: "".concat(blockClass, "__content")
89
- }, /*#__PURE__*/React__default["default"].createElement("ul", {
82
+ }, /*#__PURE__*/React.createElement("ul", {
90
83
  className: "".concat(blockClass, "__tag-list")
91
84
  }, hasItems && visibleItems.map(function (_ref) {
92
85
  var label = _ref.label,
@@ -97,17 +90,17 @@ var TagOverflowPopover = /*#__PURE__*/React.forwardRef(function (props, ref) {
97
90
  other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded2);
98
91
  var typeValue = overflowType === 'tag' ? 'high-contrast' : tagType;
99
92
  var isFilterable = overflowType === 'tag' ? filter : false;
100
- return /*#__PURE__*/React__default["default"].createElement("li", {
101
- className: cx__default["default"]("".concat(blockClass, "__tag-item"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__tag-item--default"), overflowType === 'default'), "".concat(blockClass, "__tag-item--tag"), overflowType === 'tag')),
93
+ return /*#__PURE__*/React.createElement("li", {
94
+ className: cx("".concat(blockClass, "__tag-item"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__tag-item--default"), overflowType === 'default'), "".concat(blockClass, "__tag-item--tag"), overflowType === 'tag')),
102
95
  key: id
103
- }, overflowType === 'tag' ? /*#__PURE__*/React__default["default"].createElement(react.Tag, _rollupPluginBabelHelpers["extends"]({}, other, {
96
+ }, overflowType === 'tag' ? /*#__PURE__*/React.createElement(react.Tag, _rollupPluginBabelHelpers.extends({}, other, {
104
97
  onClose: function onClose() {
105
98
  return _onClose === null || _onClose === void 0 ? void 0 : _onClose();
106
99
  },
107
100
  type: typeValue,
108
101
  filter: isFilterable
109
102
  }), label) : label);
110
- })), ((_overflowTags$length = overflowTags === null || overflowTags === void 0 ? void 0 : overflowTags.length) !== null && _overflowTags$length !== void 0 ? _overflowTags$length : 0) > (allTagsModalSearchThreshold !== null && allTagsModalSearchThreshold !== void 0 ? allTagsModalSearchThreshold : 0) && /*#__PURE__*/React__default["default"].createElement(react.Link, {
103
+ })), ((_overflowTags$length = overflowTags === null || overflowTags === void 0 ? void 0 : overflowTags.length) !== null && _overflowTags$length !== void 0 ? _overflowTags$length : 0) > (allTagsModalSearchThreshold !== null && allTagsModalSearchThreshold !== void 0 ? allTagsModalSearchThreshold : 0) && /*#__PURE__*/React.createElement(react.Link, {
111
104
  className: "".concat(blockClass, "__show-all-tags-link"),
112
105
  href: "",
113
106
  onClick: handleShowAllTagsClick,
@@ -119,44 +112,44 @@ TagOverflowPopover.propTypes = {
119
112
  /**
120
113
  * count of overflowTags over which a modal is offered
121
114
  */
122
- allTagsModalSearchThreshold: index["default"].number,
115
+ allTagsModalSearchThreshold: index.default.number,
123
116
  /**
124
117
  * Will auto-align the popover on first render if it is not visible. This prop is currently experimental and is subject to future changes.
125
118
  */
126
- autoAlign: index["default"].bool,
119
+ autoAlign: index.default.bool,
127
120
  /**
128
121
  * className
129
122
  */
130
- className: index["default"].string,
123
+ className: index.default.string,
131
124
  /**
132
125
  * function to execute on clicking show all
133
126
  */
134
- onShowAllClick: index["default"].func.isRequired,
127
+ onShowAllClick: index.default.func.isRequired,
135
128
  /**
136
129
  * overflowAlign from the standard tooltip
137
130
  */
138
- overflowAlign: index["default"].oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top']),
131
+ overflowAlign: index.default.oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top']),
139
132
  /**
140
133
  * tags shown in overflow
141
134
  */
142
135
  //@ts-ignore
143
- overflowTags: index["default"].arrayOf(index["default"].object).isRequired,
136
+ overflowTags: index.default.arrayOf(index.default.object).isRequired,
144
137
  /**
145
138
  * Type of rendering displayed inside of the tag overflow component
146
139
  */
147
- overflowType: index["default"].oneOf(['default', 'tag']),
140
+ overflowType: index.default.oneOf(['default', 'tag']),
148
141
  /**
149
142
  * Open state of the popover
150
143
  */
151
- popoverOpen: index["default"].bool,
144
+ popoverOpen: index.default.bool,
152
145
  /**
153
146
  * Setter function for the popoverOpen state value
154
147
  */
155
- setPopoverOpen: index["default"].func,
148
+ setPopoverOpen: index.default.func,
156
149
  /**
157
150
  * label for the overflow show all tags link
158
151
  */
159
- showAllTagsLabel: index["default"].string
152
+ showAllTagsLabel: index.default.string
160
153
  };
161
154
 
162
155
  exports.TagOverflowPopover = TagOverflowPopover;
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  // Copyright IBM Corp. 2024, 2024
13
11
  //
14
12
  // This source code is licensed under the Apache-2.0 license found in the