@carbon/ibm-products 2.12.1 → 2.14.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (352) hide show
  1. package/css/index-full-carbon.css +3510 -3234
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -10
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +471 -698
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -4
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +1066 -988
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +1 -8
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +1445 -1435
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +1 -8
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/APIKeyModal/APIKeyDownloader.js +7 -5
  18. package/es/components/APIKeyModal/APIKeyModal.js +7 -5
  19. package/es/components/Checklist/Checklist.docs-page.js +13 -0
  20. package/es/components/Checklist/Checklist.js +292 -0
  21. package/es/components/Checklist/ChecklistChart.js +98 -0
  22. package/es/components/Checklist/ChecklistIcon.js +107 -0
  23. package/es/components/Checklist/index.js +8 -0
  24. package/es/components/Datagrid/Datagrid/DatagridContent.js +2 -1
  25. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +3 -2
  26. package/es/components/Datagrid/Datagrid/DatagridToolbar.js +1 -1
  27. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +20 -6
  28. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +5 -4
  29. package/es/components/FilterSummary/FilterSummary.js +6 -2
  30. package/es/components/ImportModal/ImportModal.js +7 -5
  31. package/es/components/PageHeader/PageHeader.js +1 -1
  32. package/es/components/TagSet/TagSet.js +11 -3
  33. package/es/components/TagSet/TagSetOverflow.js +16 -5
  34. package/es/components/index.js +2 -1
  35. package/es/global/js/hooks/useCreateComponentFocus.js +7 -5
  36. package/es/global/js/hooks/useCreateComponentStepChange.js +28 -17
  37. package/es/global/js/package-settings.js +4 -2
  38. package/es/global/js/utils/story-helper.js +2 -1
  39. package/es/global/js/utils/test-helper.js +28 -17
  40. package/lib/components/APIKeyModal/APIKeyDownloader.js +10 -9
  41. package/lib/components/APIKeyModal/APIKeyModal.docs-page.js +3 -4
  42. package/lib/components/APIKeyModal/APIKeyModal.js +10 -9
  43. package/lib/components/AboutModal/AboutModal.docs-page.js +3 -4
  44. package/lib/components/AboutModal/AboutModal.js +3 -4
  45. package/lib/components/ActionBar/ActionBar.js +3 -4
  46. package/lib/components/ActionBar/ActionBarItem.js +1 -2
  47. package/lib/components/ActionBar/ActionBarOverflowItems.js +3 -4
  48. package/lib/components/ActionSet/ActionSet.js +1 -2
  49. package/lib/components/ActionSet/actions.js +4 -7
  50. package/lib/components/AddSelect/AddSelect.js +3 -4
  51. package/lib/components/AddSelect/AddSelectBody.js +3 -4
  52. package/lib/components/AddSelect/AddSelectBreadcrumbs.js +1 -2
  53. package/lib/components/AddSelect/AddSelectColumn.js +3 -4
  54. package/lib/components/AddSelect/AddSelectFilter.js +3 -4
  55. package/lib/components/AddSelect/AddSelectFormControl.js +1 -2
  56. package/lib/components/AddSelect/AddSelectList.js +1 -2
  57. package/lib/components/AddSelect/AddSelectMetaPanel.js +3 -4
  58. package/lib/components/AddSelect/AddSelectRow.js +3 -4
  59. package/lib/components/AddSelect/AddSelectSidebar.js +1 -2
  60. package/lib/components/AddSelect/AddSelectSort.js +1 -2
  61. package/lib/components/AddSelect/add-select-utils.js +5 -9
  62. package/lib/components/AddSelect/hooks/useFocus.js +1 -2
  63. package/lib/components/AddSelect/hooks/useItemSort.js +2 -3
  64. package/lib/components/AddSelect/hooks/useParentSelect.js +1 -2
  65. package/lib/components/AddSelect/hooks/usePath.js +1 -2
  66. package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +3 -4
  67. package/lib/components/ButtonMenu/ButtonMenu.js +1 -2
  68. package/lib/components/ButtonMenu/ButtonMenuItem.js +1 -2
  69. package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +3 -4
  70. package/lib/components/Card/Card.js +3 -4
  71. package/lib/components/Card/CardFooter.js +1 -2
  72. package/lib/components/Card/CardHeader.js +1 -2
  73. package/lib/components/Cascade/Cascade.docs-page.js +3 -4
  74. package/lib/components/Cascade/Cascade.js +3 -4
  75. package/lib/components/Checklist/Checklist.docs-page.js +23 -0
  76. package/lib/components/Checklist/Checklist.js +297 -0
  77. package/lib/components/Checklist/ChecklistChart.js +99 -0
  78. package/lib/components/Checklist/ChecklistIcon.js +109 -0
  79. package/lib/components/Checklist/index.js +12 -0
  80. package/lib/components/ComboButton/ComboButton.js +3 -4
  81. package/lib/components/ComboButton/ComboButtonItem/index.js +1 -2
  82. package/lib/components/CreateFullPage/CreateFullPage.docs-page.js +3 -4
  83. package/lib/components/CreateFullPage/CreateFullPage.js +5 -8
  84. package/lib/components/CreateFullPage/CreateFullPageStep.js +3 -4
  85. package/lib/components/CreateInfluencer/CreateInfluencer.js +1 -2
  86. package/lib/components/CreateModal/CreateModal.docs-page.js +3 -4
  87. package/lib/components/CreateModal/CreateModal.js +1 -2
  88. package/lib/components/CreateSidePanel/CreateSidePanel.docs-page.js +3 -4
  89. package/lib/components/CreateSidePanel/CreateSidePanel.js +1 -2
  90. package/lib/components/CreateTearsheet/CreateTearsheet.docs-page.js +3 -4
  91. package/lib/components/CreateTearsheet/CreateTearsheet.js +5 -8
  92. package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +3 -4
  93. package/lib/components/CreateTearsheet/CreateTearsheetStep.js +3 -4
  94. package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +4 -5
  95. package/lib/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +4 -5
  96. package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +1 -2
  97. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +3 -4
  98. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +3 -4
  99. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +3 -4
  100. package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +2 -3
  101. package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +2 -3
  102. package/lib/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +2 -3
  103. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +2 -3
  104. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +2 -3
  105. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +2 -3
  106. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +2 -3
  107. package/lib/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +2 -3
  108. package/lib/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +2 -3
  109. package/lib/components/DataSpreadsheet/utils/createActiveCellFn.js +2 -3
  110. package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js +2 -3
  111. package/lib/components/DataSpreadsheet/utils/generateData.js +2 -3
  112. package/lib/components/DataSpreadsheet/utils/getCellSize.js +2 -3
  113. package/lib/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +2 -3
  114. package/lib/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +2 -3
  115. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +2 -3
  116. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +2 -3
  117. package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +2 -3
  118. package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js +2 -3
  119. package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +2 -3
  120. package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +4 -7
  121. package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +2 -3
  122. package/lib/components/DataSpreadsheet/utils/removeCellSelections.js +2 -3
  123. package/lib/components/DataSpreadsheet/utils/selectAllCells.js +2 -3
  124. package/lib/components/Datagrid/Datagrid/Datagrid.js +1 -2
  125. package/lib/components/Datagrid/Datagrid/DatagridBody.js +1 -2
  126. package/lib/components/Datagrid/Datagrid/DatagridContent.js +5 -5
  127. package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +1 -2
  128. package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +1 -2
  129. package/lib/components/Datagrid/Datagrid/DatagridHead.js +1 -2
  130. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +6 -6
  131. package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +1 -2
  132. package/lib/components/Datagrid/Datagrid/DatagridRow.js +1 -2
  133. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +4 -5
  134. package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +3 -4
  135. package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +1 -2
  136. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +4 -5
  137. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +3 -4
  138. package/lib/components/Datagrid/Datagrid/DraggableElement.js +1 -2
  139. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +3 -4
  140. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +3 -4
  141. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +3 -4
  142. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +3 -4
  143. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +1 -2
  144. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +3 -4
  145. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +2 -3
  146. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +3 -4
  147. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +4 -6
  148. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +5 -8
  149. package/lib/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +3 -4
  150. package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +13 -26
  151. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +1 -2
  152. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +4 -6
  153. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +1 -2
  154. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +1 -2
  155. package/lib/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js +4 -7
  156. package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +2 -3
  157. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +1 -2
  158. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +3 -4
  159. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +4 -6
  160. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +2 -3
  161. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +2 -3
  162. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +2 -3
  163. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +2 -3
  164. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +2 -3
  165. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +26 -13
  166. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +9 -6
  167. package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +5 -9
  168. package/lib/components/Datagrid/Datagrid.docs-page.js +4 -5
  169. package/lib/components/Datagrid/Datagrid.stories/CustomizeColumnStory.js +2 -3
  170. package/lib/components/Datagrid/Datagrid.stories/RowSizeDropdownStory.js +2 -3
  171. package/lib/components/Datagrid/Datagrid.stories/SelectAllWithToggleStory.js +2 -3
  172. package/lib/components/Datagrid/Datagrid.stories/common.js +4 -7
  173. package/lib/components/Datagrid/Extensions/ColumnAlignment/ColumnAlignment.docs-page.js +2 -3
  174. package/lib/components/Datagrid/Extensions/ColumnCustomization/ColumnCustomization.docs-page.js +2 -3
  175. package/lib/components/Datagrid/Extensions/EditableCell/EditableCell.docs-page.js +2 -3
  176. package/lib/components/Datagrid/Extensions/ExpandableRow/ExpandableRow.docs-page.js +2 -3
  177. package/lib/components/Datagrid/Extensions/Filtering/Filtering.docs-page.js +2 -3
  178. package/lib/components/Datagrid/Extensions/RowActionButtons/RowActionButtons.docs-page.js +2 -3
  179. package/lib/components/Datagrid/common-column-ids.js +1 -2
  180. package/lib/components/Datagrid/useActionsColumn.js +3 -4
  181. package/lib/components/Datagrid/useColumnCenterAlign.js +1 -2
  182. package/lib/components/Datagrid/useColumnOrder.js +1 -2
  183. package/lib/components/Datagrid/useColumnRightAlign.js +1 -2
  184. package/lib/components/Datagrid/useCustomizeColumns.js +3 -4
  185. package/lib/components/Datagrid/useDatagrid.js +1 -2
  186. package/lib/components/Datagrid/useDefaultStringRenderer.js +1 -2
  187. package/lib/components/Datagrid/useDisableSelectRows.js +1 -2
  188. package/lib/components/Datagrid/useEditableCell.js +1 -2
  189. package/lib/components/Datagrid/useExpandedRow.js +1 -2
  190. package/lib/components/Datagrid/useFiltering.js +1 -2
  191. package/lib/components/Datagrid/useFlexResize.js +1 -2
  192. package/lib/components/Datagrid/useFloatingScroll.js +1 -2
  193. package/lib/components/Datagrid/useInfiniteScroll.js +1 -2
  194. package/lib/components/Datagrid/useInlineEdit.js +3 -4
  195. package/lib/components/Datagrid/useNestedRowExpander.js +3 -4
  196. package/lib/components/Datagrid/useNestedRows.js +1 -2
  197. package/lib/components/Datagrid/useOnRowClick.js +1 -2
  198. package/lib/components/Datagrid/useParentDimensions.js +1 -2
  199. package/lib/components/Datagrid/useResizeTable.js +1 -2
  200. package/lib/components/Datagrid/useRowExpander.js +3 -4
  201. package/lib/components/Datagrid/useRowIsMouseOver.js +1 -2
  202. package/lib/components/Datagrid/useRowRenderer.js +1 -2
  203. package/lib/components/Datagrid/useRowSize.js +1 -2
  204. package/lib/components/Datagrid/useSelectAllToggle.js +3 -4
  205. package/lib/components/Datagrid/useSelectRows.js +3 -4
  206. package/lib/components/Datagrid/useSkeletonRows.js +1 -2
  207. package/lib/components/Datagrid/useSortableColumns.js +1 -2
  208. package/lib/components/Datagrid/useStickyColumn.js +1 -2
  209. package/lib/components/Datagrid/utils/DatagridActions.js +4 -5
  210. package/lib/components/Datagrid/utils/DatagridPagination.js +2 -3
  211. package/lib/components/Datagrid/utils/Wrapper.js +2 -3
  212. package/lib/components/Datagrid/utils/getArgTypes.js +2 -3
  213. package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.js +2 -3
  214. package/lib/components/Datagrid/utils/getInlineEditColumns.js +3 -5
  215. package/lib/components/Datagrid/utils/makeData.js +3 -6
  216. package/lib/components/EditFullPage/EditFullPage.docs-page.js +3 -4
  217. package/lib/components/EditFullPage/EditFullPage.js +1 -2
  218. package/lib/components/EditInPlace/EditInPlace.js +4 -6
  219. package/lib/components/EditSidePanel/EditSidePanel.js +1 -2
  220. package/lib/components/EditTearsheet/EditTearsheet.docs-page.js +3 -4
  221. package/lib/components/EditTearsheet/EditTearsheet.js +5 -8
  222. package/lib/components/EditTearsheet/EditTearsheetForm.js +3 -4
  223. package/lib/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +4 -5
  224. package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +1 -2
  225. package/lib/components/EditUpdateCards/EditUpdateCards.js +1 -2
  226. package/lib/components/EmptyStates/EmptyState.js +2 -4
  227. package/lib/components/EmptyStates/EmptyStateContent.js +1 -2
  228. package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +1 -2
  229. package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -2
  230. package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +1 -2
  231. package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +1 -2
  232. package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +1 -2
  233. package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +1 -2
  234. package/lib/components/EmptyStates/assets/ErrorIllustration.js +1 -2
  235. package/lib/components/EmptyStates/assets/NoDataIllustration.js +1 -2
  236. package/lib/components/EmptyStates/assets/NoTagsIllustration.js +1 -2
  237. package/lib/components/EmptyStates/assets/NotFoundIllustration.js +1 -2
  238. package/lib/components/EmptyStates/assets/NotificationsIllustration.js +1 -2
  239. package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +1 -2
  240. package/lib/components/ExampleComponent/ExampleComponent.docs-page.js +3 -4
  241. package/lib/components/ExampleComponent/ExampleComponent.js +3 -4
  242. package/lib/components/ExampleComponent/ExampleDeprecatedComponent.js +1 -2
  243. package/lib/components/ExampleComponent/useExample.js +1 -2
  244. package/lib/components/ExportModal/ExportModal.js +3 -4
  245. package/lib/components/ExpressiveCard/ExpressiveCard.js +3 -4
  246. package/lib/components/FilterSummary/FilterSummary.js +7 -4
  247. package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +1 -2
  248. package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +1 -2
  249. package/lib/components/HTTPErrors/HTTPErrorContent.js +1 -2
  250. package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +1 -2
  251. package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +1 -2
  252. package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +1 -2
  253. package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +1 -2
  254. package/lib/components/ImportModal/ImportModal.docs-page.js +1 -2
  255. package/lib/components/ImportModal/ImportModal.js +10 -9
  256. package/lib/components/MultiAddSelect/MultiAddSelect.docs-page.js +1 -2
  257. package/lib/components/MultiAddSelect/MultiAddSelect.js +3 -4
  258. package/lib/components/NotificationsPanel/NotificationsPanel.js +3 -4
  259. package/lib/components/NotificationsPanel/NotificationsPanel_data.js +1 -2
  260. package/lib/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +2 -3
  261. package/lib/components/NotificationsPanel/utils.js +1 -2
  262. package/lib/components/OptionsTile/OptionsTile.js +3 -4
  263. package/lib/components/PageHeader/PageHeader.js +5 -7
  264. package/lib/components/PageHeader/PageHeaderDemo.data.js +3 -4
  265. package/lib/components/PageHeader/PageHeaderTitle.js +2 -4
  266. package/lib/components/PageHeader/PageHeaderUtils.js +5 -9
  267. package/lib/components/ProductiveCard/ProductiveCard.js +3 -4
  268. package/lib/components/RemoveModal/RemoveModal.docs-page.js +1 -2
  269. package/lib/components/RemoveModal/RemoveModal.js +3 -4
  270. package/lib/components/Saving/Saving.js +3 -4
  271. package/lib/components/SidePanel/SidePanel.js +3 -4
  272. package/lib/components/SidePanel/constants.js +2 -3
  273. package/lib/components/SidePanel/motion/variants.js +3 -5
  274. package/lib/components/SimpleHeader/SimpleHeader.docs-page.js +3 -4
  275. package/lib/components/SimpleHeader/SimpleHeader.js +4 -6
  276. package/lib/components/SingleAddSelect/SingleAddSelect.docs-page.js +1 -2
  277. package/lib/components/SingleAddSelect/SingleAddSelect.js +3 -4
  278. package/lib/components/StatusIcon/StatusIcon.docs-page.js +3 -4
  279. package/lib/components/StatusIcon/StatusIcon.js +3 -4
  280. package/lib/components/TagSet/TagSet.js +16 -11
  281. package/lib/components/TagSet/TagSetModal.js +3 -4
  282. package/lib/components/TagSet/TagSetOverflow.js +19 -9
  283. package/lib/components/TagSet/constants.js +2 -3
  284. package/lib/components/Tearsheet/Tearsheet.js +2 -4
  285. package/lib/components/Tearsheet/TearsheetNarrow.js +2 -4
  286. package/lib/components/Tearsheet/TearsheetShell.js +8 -14
  287. package/lib/components/Toolbar/Toolbar.docs-page.js +3 -4
  288. package/lib/components/Toolbar/Toolbar.js +6 -10
  289. package/lib/components/Toolbar/ToolbarButton.js +4 -6
  290. package/lib/components/Toolbar/ToolbarGroup.js +3 -4
  291. package/lib/components/TooltipTrigger/TooltipTrigger.js +1 -2
  292. package/lib/components/TooltipTrigger/useExample.js +1 -2
  293. package/lib/components/UserProfileImage/UserProfileImage.docs-page.js +3 -4
  294. package/lib/components/UserProfileImage/UserProfileImage.js +1 -2
  295. package/lib/components/WebTerminal/WebTerminal.docs-page.js +3 -4
  296. package/lib/components/WebTerminal/WebTerminal.js +3 -4
  297. package/lib/components/WebTerminal/WebTerminalContentWrapper.js +1 -2
  298. package/lib/components/WebTerminal/hooks/index.js +6 -9
  299. package/lib/components/WebTerminal/preview-components/Navigation.js +1 -2
  300. package/lib/components/WebTerminal/preview-components/documentationLinks.js +2 -3
  301. package/lib/components/_Canary/Canary.js +1 -2
  302. package/lib/components/index.js +8 -1
  303. package/lib/global/decorators/sidePanelDecorator.js +2 -3
  304. package/lib/global/js/hooks/useActiveElement.js +2 -3
  305. package/lib/global/js/hooks/useClickOutside.js +2 -3
  306. package/lib/global/js/hooks/useCreateComponentFocus.js +9 -8
  307. package/lib/global/js/hooks/useCreateComponentStepChange.js +30 -20
  308. package/lib/global/js/hooks/usePortalTarget.js +2 -3
  309. package/lib/global/js/hooks/usePreviousValue.js +2 -3
  310. package/lib/global/js/hooks/useResetCreateComponent.js +2 -3
  311. package/lib/global/js/hooks/useResizeObserver.js +2 -3
  312. package/lib/global/js/hooks/useRetrieveFormTitles.js +2 -3
  313. package/lib/global/js/hooks/useRetrieveStepData.js +2 -3
  314. package/lib/global/js/hooks/useValidCreateStepCount.js +2 -3
  315. package/lib/global/js/hooks/useWindowResize.js +2 -3
  316. package/lib/global/js/package-settings.js +6 -5
  317. package/lib/global/js/utils/ClickListener.js +3 -4
  318. package/lib/global/js/utils/DisplayBox.js +1 -2
  319. package/lib/global/js/utils/StoryDocsPage.js +2 -4
  320. package/lib/global/js/utils/Wrap.js +1 -2
  321. package/lib/global/js/utils/deepCloneObject.js +2 -3
  322. package/lib/global/js/utils/devtools.js +1 -2
  323. package/lib/global/js/utils/getBezierValues.js +2 -3
  324. package/lib/global/js/utils/getFocusableElements.js +2 -3
  325. package/lib/global/js/utils/getNodeTextContent.js +2 -3
  326. package/lib/global/js/utils/getNumberOfHiddenSteps.js +2 -3
  327. package/lib/global/js/utils/getScrollbarWidth.js +2 -3
  328. package/lib/global/js/utils/keyboardNavigation.js +4 -8
  329. package/lib/global/js/utils/lastIndexInArray.js +2 -3
  330. package/lib/global/js/utils/motionConstants.js +4 -5
  331. package/lib/global/js/utils/pconsole.js +8 -15
  332. package/lib/global/js/utils/props-helper.js +7 -14
  333. package/lib/global/js/utils/rangeWithCallback.js +2 -3
  334. package/lib/global/js/utils/scrollableAncestor.js +2 -3
  335. package/lib/global/js/utils/story-helper.js +15 -26
  336. package/lib/global/js/utils/test-helper.js +39 -42
  337. package/lib/global/js/utils/unwrap-if-fragment.js +1 -2
  338. package/lib/global/js/utils/uuidv4.js +1 -2
  339. package/lib/global/js/utils/wait.js +1 -2
  340. package/lib/global/js/utils/wrapFocus.js +1 -2
  341. package/lib/settings.js +2 -4
  342. package/package.json +6 -6
  343. package/scss/components/AboutModal/_about-modal.scss +1 -2
  344. package/scss/components/Checklist/_checklist.scss +217 -0
  345. package/scss/components/Checklist/_index.scss +8 -0
  346. package/scss/components/Checklist/_storybook-styles.scss +13 -0
  347. package/scss/components/CreateFullPage/_storybook-styles.scss +1 -1
  348. package/scss/components/Datagrid/_datagrid.scss +1 -0
  349. package/scss/components/Datagrid/styles/_datagrid.scss +1 -2
  350. package/scss/components/Datagrid/styles/addons/_RowSizeDropdown.scss +41 -0
  351. package/scss/components/TagSet/_tag-set.scss +10 -2
  352. package/scss/components/_index.scss +2 -1
@@ -21,8 +21,8 @@ var _excluded = ["actionsPlacement"]; //
21
21
  // This source code is licensed under the Apache-2.0 license found in the
22
22
  // LICENSE file in the root directory of this source tree.
23
23
  //
24
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
25
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
24
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
25
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
26
26
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
27
27
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
28
28
  var componentName = 'ProductiveCard';
@@ -31,7 +31,7 @@ var componentName = 'ProductiveCard';
31
31
  var defaults = {
32
32
  actionsPlacement: 'top'
33
33
  };
34
- var ProductiveCard = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
34
+ var ProductiveCard = exports.ProductiveCard = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
35
35
  var _ref$actionsPlacement = _ref.actionsPlacement,
36
36
  actionsPlacement = _ref$actionsPlacement === void 0 ? defaults.actionsPlacement : _ref$actionsPlacement,
37
37
  rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
@@ -45,7 +45,6 @@ var ProductiveCard = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
45
45
  });
46
46
 
47
47
  // Return a placeholder if not released and not enabled by feature flag
48
- exports.ProductiveCard = ProductiveCard;
49
48
  exports.ProductiveCard = ProductiveCard = _settings.pkg.checkComponentEnabled(ProductiveCard, componentName);
50
49
  ProductiveCard.propTypes = {
51
50
  /**
@@ -22,5 +22,4 @@ var DocsPage = function DocsPage() {
22
22
  }]
23
23
  });
24
24
  };
25
- var _default = DocsPage;
26
- exports.default = _default;
25
+ var _default = exports.default = DocsPage;
@@ -25,8 +25,8 @@ var _excluded = ["body", "className", "iconDescription", "inputInvalidText", "in
25
25
  // This source code is licensed under the Apache-2.0 license found in the
26
26
  // LICENSE file in the root directory of this source tree.
27
27
  //
28
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
29
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
28
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
29
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
30
30
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
31
31
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
32
32
  var componentName = 'RemoveModal';
@@ -36,7 +36,7 @@ The `RemoveModal` covers what is known as high impact and medium impact deleting
36
36
  Enabling `textConfirmation` enables what would be considered the high impact state of the modal.
37
37
  For additional information on differentiating between delete / remove and low / medium / high impact please refer to the usage guidelines.
38
38
  */
39
- var RemoveModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
39
+ var RemoveModal = exports.RemoveModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
40
40
  var body = _ref.body,
41
41
  className = _ref.className,
42
42
  iconDescription = _ref.iconDescription,
@@ -126,7 +126,6 @@ var RemoveModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
126
126
  });
127
127
 
128
128
  // Return a placeholder if not released and not enabled by feature flag
129
- exports.RemoveModal = RemoveModal;
130
129
  exports.RemoveModal = RemoveModal = _settings.pkg.checkComponentEnabled(RemoveModal, componentName);
131
130
  RemoveModal.propTypes = {
132
131
  /**
@@ -23,10 +23,10 @@ var _excluded = ["secondaryButtonText", "className", "defaultIconDescription", "
23
23
  * This source code is licensed under the Apache-2.0 license found in the
24
24
  * LICENSE file in the root directory of this source tree.
25
25
  */
26
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
27
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
26
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
27
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
28
28
  var componentName = 'Saving';
29
- var Saving = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
29
+ var Saving = exports.Saving = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
30
30
  var _statusObj, _statusObj$status, _statusObj$status2, _statusObj$status3, _statusObj$status4;
31
31
  var secondaryButtonText = _ref.secondaryButtonText,
32
32
  className = _ref.className,
@@ -106,7 +106,6 @@ var Saving = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
106
106
  type: "button"
107
107
  }, (_statusObj$status4 = statusObj[status]) === null || _statusObj$status4 === void 0 ? void 0 : _statusObj$status4.text)));
108
108
  });
109
- exports.Saving = Saving;
110
109
  exports.Saving = Saving = _settings.pkg.checkComponentEnabled(Saving, componentName);
111
110
  Saving.propTypes = {
112
111
  /**
@@ -37,8 +37,8 @@ var _excluded = ["actionToolbarButtons", "actions", "animateTitle", "children",
37
37
  // Import portions of React that are needed.
38
38
  // Other standard imports.
39
39
  // Carbon and package components we use.
40
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
41
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
40
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
41
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
42
42
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
43
43
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
44
44
  var blockClass = "".concat(_settings.pkg.prefix, "--side-panel");
@@ -59,7 +59,7 @@ var defaults = {
59
59
  /**
60
60
  * Side panels keep users in-context of a page while performing tasks like navigating, editing, viewing details, or configuring something new.
61
61
  */
62
- var SidePanel = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
62
+ var SidePanel = exports.SidePanel = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
63
63
  var _window, _ref5, _cx4;
64
64
  var actionToolbarButtons = _ref.actionToolbarButtons,
65
65
  actions = _ref.actions,
@@ -500,7 +500,6 @@ var SidePanel = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
500
500
  });
501
501
 
502
502
  // Return a placeholder if not released and not enabled by feature flag
503
- exports.SidePanel = SidePanel;
504
503
  exports.SidePanel = SidePanel = _settings.pkg.checkComponentEnabled(SidePanel, componentName);
505
504
  SidePanel.propTypes = {
506
505
  /**
@@ -11,11 +11,10 @@ exports.SIDE_PANEL_SIZES = void 0;
11
11
  * LICENSE file in the root directory of this source tree.
12
12
  */
13
13
 
14
- var SIDE_PANEL_SIZES = {
14
+ var SIDE_PANEL_SIZES = exports.SIDE_PANEL_SIZES = {
15
15
  xs: '16rem',
16
16
  sm: '20rem',
17
17
  md: '30rem',
18
18
  lg: '40rem',
19
19
  max: '75%'
20
- };
21
- exports.SIDE_PANEL_SIZES = SIDE_PANEL_SIZES;
20
+ };
@@ -12,7 +12,7 @@ var _motionConstants = require("../../../global/js/utils/motionConstants");
12
12
  * LICENSE file in the root directory of this source tree.
13
13
  */
14
14
 
15
- var overlayVariants = {
15
+ var overlayVariants = exports.overlayVariants = {
16
16
  visible: {
17
17
  opacity: 1,
18
18
  transition: {
@@ -27,8 +27,7 @@ var overlayVariants = {
27
27
  opacity: 0
28
28
  }
29
29
  };
30
- exports.overlayVariants = overlayVariants;
31
- var panelVariants = {
30
+ var panelVariants = exports.panelVariants = {
32
31
  visible: {
33
32
  x: 0,
34
33
  transition: {
@@ -50,5 +49,4 @@ var panelVariants = {
50
49
  }
51
50
  };
52
51
  }
53
- };
54
- exports.panelVariants = panelVariants;
52
+ };
@@ -9,8 +9,8 @@ exports.default = void 0;
9
9
  var _react = _interopRequireDefault(require("react"));
10
10
  var _StoryDocsPage = require("../../global/js/utils/StoryDocsPage");
11
11
  var stories = _interopRequireWildcard(require("./SimpleHeader.stories"));
12
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
13
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
12
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
13
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
14
14
  var DocsPage = function DocsPage() {
15
15
  return /*#__PURE__*/_react.default.createElement(_StoryDocsPage.StoryDocsPage, {
16
16
  blocks: [{
@@ -24,5 +24,4 @@ var DocsPage = function DocsPage() {
24
24
  }]
25
25
  });
26
26
  };
27
- var _default = DocsPage;
28
- exports.default = _default;
27
+ var _default = exports.default = DocsPage;
@@ -22,8 +22,8 @@ var _excluded = ["breadcrumbs", "className", "title", "noTrailingSlash", "maxVis
22
22
  * This source code is licensed under the Apache-2.0 license found in the
23
23
  * LICENSE file in the root directory of this source tree.
24
24
  */
25
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
26
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
26
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
27
27
  var blockClass = "".concat(_settings.pkg.prefix, "--simple-header");
28
28
  var componentName = 'SimpleHeader';
29
29
  /**
@@ -38,7 +38,7 @@ var componentName = 'SimpleHeader';
38
38
  * The component will throw a warning message if neither a title or breadcrumbs are provided
39
39
  * since it requires at least one of them.
40
40
  * */
41
- var SimpleHeader = function SimpleHeader(_ref) {
41
+ var SimpleHeader = exports.SimpleHeader = function SimpleHeader(_ref) {
42
42
  var breadcrumbs = _ref.breadcrumbs,
43
43
  className = _ref.className,
44
44
  title = _ref.title,
@@ -66,12 +66,10 @@ var SimpleHeader = function SimpleHeader(_ref) {
66
66
  className: (0, _classnames.default)("".concat(blockClass, "__title"))
67
67
  }, title));
68
68
  };
69
- exports.SimpleHeader = SimpleHeader;
70
- var overflowAriaLabel_required_if_breadcrumbs_exist = (0, _propsHelper.isRequiredIf)(_propTypes.default.string, function (props) {
69
+ var overflowAriaLabel_required_if_breadcrumbs_exist = exports.overflowAriaLabel_required_if_breadcrumbs_exist = (0, _propsHelper.isRequiredIf)(_propTypes.default.string, function (props) {
71
70
  var _props$breadcrumbs;
72
71
  return ((_props$breadcrumbs = props.breadcrumbs) === null || _props$breadcrumbs === void 0 ? void 0 : _props$breadcrumbs.length) > 0;
73
72
  });
74
- exports.overflowAriaLabel_required_if_breadcrumbs_exist = overflowAriaLabel_required_if_breadcrumbs_exist;
75
73
  SimpleHeader.propTypes = {
76
74
  /** Header breadcrumbs */
77
75
  breadcrumbs: _propTypes.default.arrayOf(_propTypes.default.shape({
@@ -19,5 +19,4 @@ var DocsPage = function DocsPage() {
19
19
  }]
20
20
  });
21
21
  };
22
- var _default = DocsPage;
23
- exports.default = _default;
22
+ var _default = exports.default = DocsPage;
@@ -13,8 +13,8 @@ var _AddSelect = require("../AddSelect");
13
13
  var _devtools = require("../../global/js/utils/devtools");
14
14
  var _settings = require("../../settings");
15
15
  var _propsHelper = require("../../global/js/utils/props-helper");
16
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
17
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
16
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
17
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
18
18
  //
19
19
  // Copyright IBM Corp. 2022
20
20
  //
@@ -27,14 +27,13 @@ var componentName = 'SingleAddSelect';
27
27
  /**
28
28
  * Used to add or select one or more items from larger lists or hierarchies.
29
29
  */
30
- var SingleAddSelect = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
30
+ var SingleAddSelect = exports.SingleAddSelect = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
31
31
  // remove multi add select specific props
32
32
  var validProps = (0, _propsHelper.prepareProps)(props, ['columnInputPlaceholder', 'globalFilters', 'globalFiltersIconDescription', 'globalFiltersPlaceholderText', 'globalFiltersPrimaryButtonText', 'globalFiltersSecondaryButtonText', 'influencerTitle', 'multi', 'noSelectionDescription', 'noSelectionTitle', 'removeIconDescription']);
33
33
  return /*#__PURE__*/_react.default.createElement(_AddSelect.AddSelect, (0, _extends2.default)({}, validProps, {
34
34
  ref: ref
35
35
  }, (0, _devtools.getDevtoolsProps)(componentName)));
36
36
  });
37
- exports.SingleAddSelect = SingleAddSelect;
38
37
  exports.SingleAddSelect = SingleAddSelect = _settings.pkg.checkComponentEnabled(SingleAddSelect, componentName);
39
38
  SingleAddSelect.propTypes = {
40
39
  /**
@@ -9,8 +9,8 @@ exports.default = void 0;
9
9
  var _react = _interopRequireDefault(require("react"));
10
10
  var _StoryDocsPage = require("../../global/js/utils/StoryDocsPage");
11
11
  var stories = _interopRequireWildcard(require("./StatusIcon.stories"));
12
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
13
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
12
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
13
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
14
14
  var DocsPage = function DocsPage() {
15
15
  return /*#__PURE__*/_react.default.createElement(_StoryDocsPage.StoryDocsPage, {
16
16
  blocks: [{
@@ -24,5 +24,4 @@ var DocsPage = function DocsPage() {
24
24
  }]
25
25
  });
26
26
  };
27
- var _default = DocsPage;
28
- exports.default = _default;
27
+ var _default = exports.default = DocsPage;
@@ -22,8 +22,8 @@ var _excluded = ["kind", "theme", "size", "className", "iconDescription"];
22
22
  * This source code is licensed under the Apache-2.0 license found in the
23
23
  * LICENSE file in the root directory of this source tree.
24
24
  */
25
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
26
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
26
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
27
27
  var blockClass = "".concat(_settings.pkg.prefix, "--status-icon");
28
28
  var componentName = 'StatusIcon';
29
29
 
@@ -36,7 +36,7 @@ _Status icons_ are an important method of communicating severity level
36
36
  information to users. The shapes and colors, communicate severity that enable
37
37
  users to quickly assess and identify status and respond accordingly.
38
38
  */
39
- var StatusIcon = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
39
+ var StatusIcon = exports.StatusIcon = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
40
40
  var _icons$kind;
41
41
  var kind = _ref.kind,
42
42
  theme = _ref.theme,
@@ -339,7 +339,6 @@ var StatusIcon = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
339
339
  ref: ref
340
340
  }, (0, _devtools.getDevtoolsProps)(componentName)), /*#__PURE__*/_react.default.createElement("title", null, iconDescription));
341
341
  });
342
- exports.StatusIcon = StatusIcon;
343
342
  exports.StatusIcon = StatusIcon = _settings.pkg.checkComponentEnabled(StatusIcon, componentName);
344
343
  StatusIcon.displayName = componentName;
345
344
  StatusIcon.propTypes = {
@@ -20,7 +20,7 @@ var _useResizeObserver = require("../../global/js/hooks/useResizeObserver");
20
20
  var _devtools = require("../../global/js/utils/devtools");
21
21
  var _propsHelper = require("../../global/js/utils/props-helper");
22
22
  var _settings = require("../../settings");
23
- var _excluded = ["align", "allTagsModalTarget", "className", "maxVisible", "multiline", "overflowAlign", "overflowClassName", "allTagsModalTitle", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "showAllTagsLabel", "tags"],
23
+ var _excluded = ["align", "allTagsModalTarget", "className", "maxVisible", "multiline", "overflowAlign", "overflowClassName", "overflowType", "allTagsModalTitle", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "showAllTagsLabel", "tags"],
24
24
  _excluded2 = ["label", "id"],
25
25
  _excluded3 = ["label"]; //
26
26
  // Copyright IBM Corp. 2020, 2022
@@ -28,8 +28,8 @@ var _excluded = ["align", "allTagsModalTarget", "className", "maxVisible", "mult
28
28
  // This source code is licensed under the Apache-2.0 license found in the
29
29
  // LICENSE file in the root directory of this source tree.
30
30
  //
31
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
32
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
31
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
32
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
33
33
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
34
34
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
35
35
  var componentName = 'TagSet';
@@ -39,9 +39,10 @@ var allTagsModalSearchThreshold = 10;
39
39
  // Default values for props
40
40
  var defaults = {
41
41
  align: 'start',
42
- overflowAlign: 'bottom'
42
+ overflowAlign: 'bottom',
43
+ overflowType: 'default'
43
44
  };
44
- var TagSet = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
45
+ var TagSet = exports.TagSet = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
45
46
  var _ref$align = _ref.align,
46
47
  align = _ref$align === void 0 ? defaults.align : _ref$align,
47
48
  allTagsModalTarget = _ref.allTagsModalTarget,
@@ -51,6 +52,8 @@ var TagSet = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
51
52
  _ref$overflowAlign = _ref.overflowAlign,
52
53
  overflowAlign = _ref$overflowAlign === void 0 ? defaults.overflowAlign : _ref$overflowAlign,
53
54
  overflowClassName = _ref.overflowClassName,
55
+ _ref$overflowType = _ref.overflowType,
56
+ overflowType = _ref$overflowType === void 0 ? defaults.overflowType : _ref$overflowType,
54
57
  allTagsModalTitle = _ref.allTagsModalTitle,
55
58
  allTagsModalSearchLabel = _ref.allTagsModalSearchLabel,
56
59
  allTagsModalSearchPlaceholderText = _ref.allTagsModalSearchPlaceholderText,
@@ -131,12 +134,13 @@ var TagSet = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
131
134
  onShowAllClick: handleShowAllClick,
132
135
  overflowTags: newOverflowTags,
133
136
  overflowAlign: overflowAlign,
137
+ overflowType: overflowType,
134
138
  showAllTagsLabel: showAllTagsLabel,
135
139
  key: "displayed-tag-overflow",
136
140
  ref: overflowTag
137
141
  }));
138
142
  setDisplayedTags(newDisplayedTags);
139
- }, [displayCount, overflowAlign, overflowClassName, showAllTagsLabel, tags]);
143
+ }, [displayCount, overflowAlign, overflowClassName, overflowType, showAllTagsLabel, tags]);
140
144
  var checkFullyVisibleTags = (0, _react.useCallback)(function () {
141
145
  if (multiline) {
142
146
  return setDisplayCount(maxVisible);
@@ -216,20 +220,18 @@ var TagSet = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
216
220
  });
217
221
 
218
222
  // Return a placeholder if not released and not enabled by feature flag
219
- exports.TagSet = TagSet;
220
223
  exports.TagSet = TagSet = _settings.pkg.checkComponentEnabled(TagSet, componentName);
221
224
 
222
225
  /**
223
226
  * The strings shown in the showAllModal are only shown if we have more than allTagsModalSearchLThreshold
224
227
  * @returns null if no problems
225
228
  */
226
- var string_required_if_more_than_10_tags = (0, _propsHelper.isRequiredIf)(_propTypes.default.string, function (_ref4) {
229
+ var string_required_if_more_than_10_tags = exports.string_required_if_more_than_10_tags = (0, _propsHelper.isRequiredIf)(_propTypes.default.string, function (_ref4) {
227
230
  var tags = _ref4.tags;
228
231
  return tags && tags.length > allTagsModalSearchThreshold;
229
232
  });
230
233
 
231
234
  // copied from carbon-components-react/src/components/Tag/Tag.js for DocGen
232
- exports.string_required_if_more_than_10_tags = string_required_if_more_than_10_tags;
233
235
  var TYPES = {
234
236
  red: 'Red',
235
237
  magenta: 'Magenta',
@@ -287,6 +289,10 @@ TagSet.propTypes = {
287
289
  * overflowClassName for the tooltip popup
288
290
  */
289
291
  overflowClassName: _propTypes.default.string,
292
+ /**
293
+ * Type of rendering displayed inside of the tag overflow component
294
+ */
295
+ overflowType: _propTypes.default.oneOf(['default', 'tag']),
290
296
  /**
291
297
  * label for the overflow show all tags link.
292
298
  *
@@ -308,5 +314,4 @@ TagSet.propTypes = {
308
314
  })))
309
315
  };
310
316
  TagSet.displayName = componentName;
311
- var _default = TagSet;
312
- exports.default = _default;
317
+ var _default = exports.default = TagSet;
@@ -24,8 +24,8 @@ var _excluded = ["allTags", "className", "title", "onClose", "open", "portalTarg
24
24
  // This source code is licensed under the Apache-2.0 license found in the
25
25
  // LICENSE file in the root directory of this source tree.
26
26
  //
27
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
28
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
27
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
28
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
29
29
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
30
30
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
31
31
  var componentName = 'TagSetModal';
@@ -36,7 +36,7 @@ var defaults = {
36
36
  // marked as required by TagSet if needed, default used to satisfy <Search /> component
37
37
  searchLabel: ''
38
38
  };
39
- var TagSetModal = function TagSetModal(_ref) {
39
+ var TagSetModal = exports.TagSetModal = function TagSetModal(_ref) {
40
40
  var allTags = _ref.allTags,
41
41
  className = _ref.className,
42
42
  title = _ref.title,
@@ -109,7 +109,6 @@ var TagSetModal = function TagSetModal(_ref) {
109
109
  className: "".concat(blockClass, "__fade")
110
110
  })));
111
111
  };
112
- exports.TagSetModal = TagSetModal;
113
112
  TagSetModal.propTypes = {
114
113
  allTags: _propTypes.default.arrayOf(_propTypes.default.shape(_objectSpread(_objectSpread({}, (0, _propsHelper.prepareProps)(_react2.Tag.propTypes, 'filter')), {}, {
115
114
  label: _propTypes.default.string.isRequired
@@ -16,14 +16,14 @@ var _classnames = _interopRequireDefault(require("classnames"));
16
16
  var _react2 = require("@carbon/react");
17
17
  var _hooks = require("../../global/js/hooks");
18
18
  var _settings = require("../../settings");
19
- var _excluded = ["allTagsModalSearchThreshold", "className", "onShowAllClick", "overflowAlign", "overflowTags", "showAllTagsLabel"]; //
19
+ var _excluded = ["allTagsModalSearchThreshold", "className", "onShowAllClick", "overflowAlign", "overflowTags", "overflowType", "showAllTagsLabel"]; //
20
20
  // Copyright IBM Corp. 2021, 2022
21
21
  //
22
22
  // This source code is licensed under the Apache-2.0 license found in the
23
23
  // LICENSE file in the root directory of this source tree.
24
24
  //
25
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
26
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
26
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
27
27
  var componentName = 'TagSetOverflow';
28
28
  var blockClass = "".concat(_settings.pkg.prefix, "--tag-set-overflow");
29
29
 
@@ -32,7 +32,7 @@ var defaults = {
32
32
  allTagsModalSearchThreshold: 10,
33
33
  overflowAlign: 'bottom'
34
34
  };
35
- var TagSetOverflow = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
35
+ var TagSetOverflow = exports.TagSetOverflow = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
36
36
  var _ref$allTagsModalSear = _ref.allTagsModalSearchThreshold,
37
37
  allTagsModalSearchThreshold = _ref$allTagsModalSear === void 0 ? defaults.allTagsModalSearchThreshold : _ref$allTagsModalSear,
38
38
  className = _ref.className,
@@ -40,6 +40,7 @@ var TagSetOverflow = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref)
40
40
  _ref$overflowAlign = _ref.overflowAlign,
41
41
  overflowAlign = _ref$overflowAlign === void 0 ? defaults.overflowAlign : _ref$overflowAlign,
42
42
  overflowTags = _ref.overflowTags,
43
+ overflowType = _ref.overflowType,
43
44
  showAllTagsLabel = _ref.showAllTagsLabel,
44
45
  rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
45
46
  var _useState = (0, _react.useState)(false),
@@ -89,12 +90,18 @@ var TagSetOverflow = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref)
89
90
  }, overflowTags.filter(function (_, index) {
90
91
  return overflowTags.length > allTagsModalSearchThreshold ? index < allTagsModalSearchThreshold : index <= allTagsModalSearchThreshold;
91
92
  }).map(function (tag, index) {
93
+ var _cx2;
94
+ var tagProps = {};
95
+ if (overflowType === 'tag') {
96
+ tagProps.type = 'high-contrast';
97
+ }
98
+ if (overflowType === 'default') {
99
+ tagProps.filter = false;
100
+ }
92
101
  return /*#__PURE__*/_react.default.createElement("li", {
93
- className: "".concat(blockClass, "__tag-item"),
102
+ className: (0, _classnames.default)("".concat(blockClass, "__tag-item"), (_cx2 = {}, (0, _defineProperty2.default)(_cx2, "".concat(blockClass, "__tag-item--default"), overflowType === 'default'), (0, _defineProperty2.default)(_cx2, "".concat(blockClass, "__tag-item--tag"), overflowType === 'tag'), _cx2)),
94
103
  key: index
95
- }, /*#__PURE__*/_react.default.cloneElement(tag, {
96
- filter: false
97
- }));
104
+ }, /*#__PURE__*/_react.default.cloneElement(tag, tagProps));
98
105
  })), overflowTags.length > allTagsModalSearchThreshold && /*#__PURE__*/_react.default.createElement(_react2.Link, {
99
106
  className: "".concat(blockClass, "__show-all-tags-link"),
100
107
  href: "",
@@ -102,7 +109,6 @@ var TagSetOverflow = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref)
102
109
  role: "button"
103
110
  }, showAllTagsLabel)))));
104
111
  });
105
- exports.TagSetOverflow = TagSetOverflow;
106
112
  TagSetOverflow.displayName = componentName;
107
113
  TagSetOverflow.propTypes = {
108
114
  /**
@@ -125,6 +131,10 @@ TagSetOverflow.propTypes = {
125
131
  * tags shown in overflow
126
132
  */
127
133
  overflowTags: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
134
+ /**
135
+ * Type of rendering displayed inside of the tag overflow component
136
+ */
137
+ overflowType: _propTypes.default.oneOf(['default', 'tag']),
128
138
  /**
129
139
  * label for the overflow show all tags link
130
140
  */
@@ -11,7 +11,7 @@ exports.TYPES = void 0;
11
11
  // LICENSE file in the root directory of this source tree.
12
12
  //
13
13
 
14
- var TYPES = {
14
+ var TYPES = exports.TYPES = {
15
15
  red: 'Red',
16
16
  magenta: 'Magenta',
17
17
  purple: 'Purple',
@@ -24,5 +24,4 @@ var TYPES = {
24
24
  'warm-gray': 'Warm-Gray',
25
25
  'high-contrast': 'High-Contrast',
26
26
  outline: 'Outline'
27
- };
28
- exports.TYPES = TYPES;
27
+ };