@carbon/ibm-products 1.73.0 → 1.73.2

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 (473) hide show
  1. package/css/index-full-carbon.css +34 -53
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -14
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +25 -40
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -12
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +27 -47
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +1 -14
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +31 -51
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +1 -14
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/APIKeyModal/APIKeyDownloader.js +1 -1
  18. package/es/components/APIKeyModal/APIKeyModal.js +3 -3
  19. package/es/components/AboutModal/AboutModal.js +2 -2
  20. package/es/components/ActionBar/ActionBar.js +4 -4
  21. package/es/components/ActionBar/ActionBarItem.js +2 -2
  22. package/es/components/ActionSet/ActionSet.js +5 -6
  23. package/es/components/AddSelect/AddSelectBody.js +4 -4
  24. package/es/components/AddSelect/AddSelectColumn.js +5 -4
  25. package/es/components/AddSelect/AddSelectFilter.js +2 -2
  26. package/es/components/AddSelect/AddSelectList.js +2 -3
  27. package/es/components/AddSelect/AddSelectSidebar.js +1 -1
  28. package/es/components/AddSelect/add-select-utils.js +7 -6
  29. package/es/components/AddSelect/hooks/usePath.js +2 -2
  30. package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +4 -5
  31. package/es/components/ButtonMenu/ButtonMenu.js +0 -1
  32. package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +5 -5
  33. package/es/components/Card/Card.js +3 -4
  34. package/es/components/Card/CardHeader.js +1 -2
  35. package/es/components/Cascade/Cascade.js +2 -2
  36. package/es/components/Coachmark/Coachmark.js +1 -1
  37. package/es/components/CoachmarkBeacon/CoachmarkBeacon.js +2 -3
  38. package/es/components/CoachmarkFixed/CoachmarkFixed.js +1 -2
  39. package/es/components/CoachmarkStack/CoachmarkStackHome.js +1 -1
  40. package/es/components/ComboButton/ComboButton.js +2 -2
  41. package/es/components/CreateFullPage/CreateFullPageStep.js +3 -4
  42. package/es/components/CreateInfluencer/CreateInfluencer.js +0 -1
  43. package/es/components/CreateModal/CreateModal.js +1 -1
  44. package/es/components/CreateSidePanel/CreateSidePanel.js +2 -2
  45. package/es/components/CreateTearsheet/CreateTearsheetStep.js +3 -4
  46. package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +1 -1
  47. package/es/components/DataSpreadsheet/DataSpreadsheet.js +3 -5
  48. package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +7 -8
  49. package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +4 -5
  50. package/es/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +2 -3
  51. package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +5 -5
  52. package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +4 -4
  53. package/es/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +4 -4
  54. package/es/components/DataSpreadsheet/utils/createActiveCellFn.js +1 -2
  55. package/es/components/DataSpreadsheet/utils/createCellSelectionArea.js +0 -1
  56. package/es/components/DataSpreadsheet/utils/generateData.js +2 -2
  57. package/es/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +2 -2
  58. package/es/components/DataSpreadsheet/utils/handleCellDeletion.js +4 -4
  59. package/es/components/DataSpreadsheet/utils/handleEditSubmit.js +2 -4
  60. package/es/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +2 -2
  61. package/es/components/DataSpreadsheet/utils/handleMultipleKeys.js +2 -2
  62. package/es/components/DataSpreadsheet/utils/selectAllCells.js +2 -2
  63. package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -2
  64. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +4 -5
  65. package/es/components/Datagrid/Datagrid/DatagridRefBody.js +2 -2
  66. package/es/components/Datagrid/Datagrid/DatagridRow.js +15 -16
  67. package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +2 -2
  68. package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +2 -2
  69. package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +2 -3
  70. package/es/components/Datagrid/Datagrid/DraggableElement.js +1 -2
  71. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +2 -2
  72. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +2 -2
  73. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +1 -2
  74. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +3 -4
  75. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +2 -2
  76. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +11 -11
  77. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +2 -3
  78. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +11 -11
  79. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +2 -2
  80. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +3 -3
  81. package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +5 -5
  82. package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +1 -1
  83. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +1 -1
  84. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +0 -2
  85. package/es/components/Datagrid/Datagrid/addons/stateReducer.js +5 -5
  86. package/es/components/Datagrid/Datagrid.stories/common.js +5 -5
  87. package/es/components/Datagrid/useActionsColumn.js +3 -5
  88. package/es/components/Datagrid/useColumnCenterAlign.js +2 -2
  89. package/es/components/Datagrid/useColumnRightAlign.js +2 -2
  90. package/es/components/Datagrid/useCustomizeColumns.js +2 -2
  91. package/es/components/Datagrid/useDatagrid.js +2 -2
  92. package/es/components/Datagrid/useDefaultStringRenderer.js +2 -2
  93. package/es/components/Datagrid/useDisableSelectRows.js +4 -4
  94. package/es/components/Datagrid/useExpandedRow.js +2 -2
  95. package/es/components/Datagrid/useFiltering.js +7 -8
  96. package/es/components/Datagrid/useFloatingScroll.js +1 -1
  97. package/es/components/Datagrid/useInitialColumnSort.js +1 -1
  98. package/es/components/Datagrid/useInlineEdit.js +2 -2
  99. package/es/components/Datagrid/useNestedRowExpander.js +3 -4
  100. package/es/components/Datagrid/useNestedRows.js +1 -2
  101. package/es/components/Datagrid/useRowExpander.js +2 -2
  102. package/es/components/Datagrid/useRowIsMouseOver.js +2 -2
  103. package/es/components/Datagrid/useRowRenderer.js +3 -3
  104. package/es/components/Datagrid/useRowSize.js +2 -2
  105. package/es/components/Datagrid/useSelectRows.js +4 -5
  106. package/es/components/Datagrid/useSortableColumns.js +3 -4
  107. package/es/components/Datagrid/useStickyColumn.js +5 -7
  108. package/es/components/Datagrid/utils/DatagridPagination.js +0 -1
  109. package/es/components/Datagrid/utils/filterPropsForTesting.js +2 -3
  110. package/es/components/Datagrid/utils/makeData.js +5 -5
  111. package/es/components/EditInPlace/EditInPlace.js +2 -2
  112. package/es/components/EditSidePanel/EditSidePanel.js +2 -2
  113. package/es/components/EditTearsheet/EditTearsheetForm.js +1 -2
  114. package/es/components/EmptyStates/EmptyState.js +2 -2
  115. package/es/components/EmptyStates/EmptyStateContent.js +2 -2
  116. package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +2 -2
  117. package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +2 -2
  118. package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +2 -2
  119. package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +2 -2
  120. package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +2 -2
  121. package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +2 -2
  122. package/es/components/ExampleComponent/ExampleComponent.js +2 -2
  123. package/es/components/ExportModal/ExportModal.js +5 -5
  124. package/es/components/FilterSummary/FilterSummary.js +3 -3
  125. package/es/components/HTTPErrors/HTTPErrorContent.js +2 -2
  126. package/es/components/ImportModal/ImportModal.js +3 -3
  127. package/es/components/InlineEdit/InlineEdit.js +2 -2
  128. package/es/components/InlineEditV1/InlineEditV1.js +5 -4
  129. package/es/components/InlineEditV2/InlineEditV2.js +3 -4
  130. package/es/components/InlineTip/utils.js +6 -5
  131. package/es/components/InterstitialScreen/InterstitialScreen.js +4 -5
  132. package/es/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js +0 -1
  133. package/es/components/NotificationsPanel/NotificationsPanel.js +2 -3
  134. package/es/components/PageHeader/PageHeader.js +11 -13
  135. package/es/components/PageHeader/PageHeaderUtils.js +2 -2
  136. package/es/components/ProductiveCard/ProductiveCard.js +2 -2
  137. package/es/components/RemoveModal/RemoveModal.js +2 -2
  138. package/es/components/Saving/Saving.js +6 -6
  139. package/es/components/SidePanel/SidePanel.js +17 -18
  140. package/es/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +2 -2
  141. package/es/components/TagSet/TagSet.js +4 -4
  142. package/es/components/TagSet/TagSetModal.js +5 -5
  143. package/es/components/TagSet/TagSetOverflow.js +1 -2
  144. package/es/components/Tearsheet/Tearsheet.js +2 -2
  145. package/es/components/Tearsheet/TearsheetNarrow.js +2 -2
  146. package/es/components/Tearsheet/TearsheetShell.js +10 -11
  147. package/es/components/WebTerminal/WebTerminal.js +3 -4
  148. package/es/global/js/hooks/useCreateComponentFocus.js +1 -1
  149. package/es/global/js/hooks/useCreateComponentStepChange.js +3 -3
  150. package/es/global/js/hooks/useFocus.js +4 -4
  151. package/es/global/js/hooks/useWindowResize.js +2 -2
  152. package/es/global/js/package-settings.js +2 -3
  153. package/es/global/js/utils/Wrap.js +3 -3
  154. package/es/global/js/utils/deepCloneObject.js +4 -3
  155. package/es/global/js/utils/getNodeTextContent.js +6 -5
  156. package/es/global/js/utils/motionConstants.js +0 -1
  157. package/es/global/js/utils/props-helper.js +3 -3
  158. package/es/global/js/utils/scrollableAncestor.js +3 -3
  159. package/es/global/js/utils/story-helper.js +1 -1
  160. package/es/global/js/utils/test-helper.js +1 -1
  161. package/es/global/js/utils/unwrap-if-fragment.js +6 -6
  162. package/lib/components/APIKeyModal/APIKeyDownloader.js +4 -5
  163. package/lib/components/APIKeyModal/APIKeyModal.js +12 -8
  164. package/lib/components/AboutModal/AboutModal.js +14 -6
  165. package/lib/components/ActionBar/ActionBar.js +16 -9
  166. package/lib/components/ActionBar/ActionBarItem.js +12 -5
  167. package/lib/components/ActionBar/ActionBarOverflowItems.js +3 -4
  168. package/lib/components/ActionSet/ActionSet.js +15 -8
  169. package/lib/components/ActionSet/actions.js +4 -7
  170. package/lib/components/AddSelect/AddSelect.js +9 -5
  171. package/lib/components/AddSelect/AddSelectBody.js +13 -9
  172. package/lib/components/AddSelect/AddSelectBreadcrumbs.js +1 -2
  173. package/lib/components/AddSelect/AddSelectColumn.js +12 -8
  174. package/lib/components/AddSelect/AddSelectFilter.js +10 -6
  175. package/lib/components/AddSelect/AddSelectList.js +3 -5
  176. package/lib/components/AddSelect/AddSelectMetaPanel.js +3 -4
  177. package/lib/components/AddSelect/AddSelectSidebar.js +8 -4
  178. package/lib/components/AddSelect/AddSelectSort.js +1 -2
  179. package/lib/components/AddSelect/add-select-utils.js +10 -14
  180. package/lib/components/AddSelect/hooks/useItemSort.js +2 -3
  181. package/lib/components/AddSelect/hooks/useParentSelect.js +1 -2
  182. package/lib/components/AddSelect/hooks/usePath.js +8 -4
  183. package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +16 -10
  184. package/lib/components/ButtonMenu/ButtonMenu.js +10 -3
  185. package/lib/components/ButtonMenu/ButtonMenuItem.js +1 -2
  186. package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +13 -9
  187. package/lib/components/Card/Card.js +12 -9
  188. package/lib/components/Card/CardFooter.js +1 -2
  189. package/lib/components/Card/CardHeader.js +2 -4
  190. package/lib/components/Carousel/Carousel.js +9 -4
  191. package/lib/components/Carousel/CarouselItem.js +8 -2
  192. package/lib/components/Cascade/Cascade.js +11 -7
  193. package/lib/components/Checklist/Checklist.js +19 -4
  194. package/lib/components/Checklist/ChecklistChart.js +15 -2
  195. package/lib/components/Checklist/ChecklistIcon.js +17 -2
  196. package/lib/components/Coachmark/Coachmark.js +10 -5
  197. package/lib/components/Coachmark/CoachmarkDragbar.js +11 -4
  198. package/lib/components/Coachmark/CoachmarkHeader.js +9 -2
  199. package/lib/components/Coachmark/CoachmarkOverlay.js +11 -4
  200. package/lib/components/Coachmark/CoachmarkTagline.js +9 -2
  201. package/lib/components/Coachmark/utils/constants.js +2 -3
  202. package/lib/components/Coachmark/utils/context.js +3 -5
  203. package/lib/components/Coachmark/utils/enums.js +4 -7
  204. package/lib/components/Coachmark/utils/hooks.js +2 -3
  205. package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +11 -5
  206. package/lib/components/CoachmarkButton/CoachmarkButton.js +9 -2
  207. package/lib/components/CoachmarkFixed/CoachmarkFixed.js +12 -6
  208. package/lib/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js +9 -2
  209. package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +11 -4
  210. package/lib/components/CoachmarkStack/CoachmarkStack.js +9 -4
  211. package/lib/components/CoachmarkStack/CoachmarkStackHome.js +10 -5
  212. package/lib/components/ComboButton/ComboButton.js +11 -6
  213. package/lib/components/ComboButton/ComboButtonItem/index.js +1 -2
  214. package/lib/components/CreateFullPage/CreateFullPage.js +14 -8
  215. package/lib/components/CreateFullPage/CreateFullPageStep.js +12 -8
  216. package/lib/components/CreateInfluencer/CreateInfluencer.js +1 -3
  217. package/lib/components/CreateModal/CreateModal.js +10 -3
  218. package/lib/components/CreateSidePanel/CreateSidePanel.js +12 -4
  219. package/lib/components/CreateTearsheet/CreateTearsheet.js +11 -8
  220. package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +9 -4
  221. package/lib/components/CreateTearsheet/CreateTearsheetStep.js +12 -8
  222. package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +11 -5
  223. package/lib/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +4 -5
  224. package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +10 -3
  225. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +14 -9
  226. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +15 -12
  227. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +12 -9
  228. package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +2 -3
  229. package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +2 -3
  230. package/lib/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +2 -3
  231. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +4 -6
  232. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +7 -8
  233. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +11 -7
  234. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +2 -3
  235. package/lib/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +2 -3
  236. package/lib/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +6 -7
  237. package/lib/components/DataSpreadsheet/utils/createActiveCellFn.js +3 -5
  238. package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js +2 -4
  239. package/lib/components/DataSpreadsheet/utils/generateData.js +4 -5
  240. package/lib/components/DataSpreadsheet/utils/getCellSize.js +2 -3
  241. package/lib/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +2 -3
  242. package/lib/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +2 -3
  243. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +9 -5
  244. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +2 -3
  245. package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +6 -7
  246. package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js +9 -7
  247. package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +4 -5
  248. package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +11 -9
  249. package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +2 -3
  250. package/lib/components/DataSpreadsheet/utils/removeCellSelections.js +2 -3
  251. package/lib/components/DataSpreadsheet/utils/selectAllCells.js +9 -5
  252. package/lib/components/Datagrid/Datagrid/Datagrid.js +7 -2
  253. package/lib/components/Datagrid/Datagrid/DatagridBody.js +1 -2
  254. package/lib/components/Datagrid/Datagrid/DatagridContent.js +4 -6
  255. package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +1 -2
  256. package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +1 -2
  257. package/lib/components/Datagrid/Datagrid/DatagridHead.js +1 -2
  258. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +12 -9
  259. package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +9 -4
  260. package/lib/components/Datagrid/Datagrid/DatagridRow.js +21 -18
  261. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +11 -6
  262. package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +9 -4
  263. package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +9 -4
  264. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +9 -4
  265. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +10 -7
  266. package/lib/components/Datagrid/Datagrid/DraggableElement.js +2 -4
  267. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +3 -4
  268. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +9 -4
  269. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +3 -4
  270. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +10 -6
  271. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +8 -4
  272. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +9 -4
  273. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +2 -3
  274. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +4 -6
  275. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -8
  276. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +12 -10
  277. package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +15 -30
  278. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +1 -2
  279. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +19 -15
  280. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +1 -2
  281. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +1 -2
  282. package/lib/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js +4 -7
  283. package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +2 -3
  284. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +3 -5
  285. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +19 -15
  286. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +11 -8
  287. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +2 -3
  288. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +10 -6
  289. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +2 -3
  290. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +12 -8
  291. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +3 -4
  292. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +10 -5
  293. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +3 -6
  294. package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +16 -16
  295. package/lib/components/Datagrid/Datagrid.stories/CustomizeColumnStory.js +2 -3
  296. package/lib/components/Datagrid/Datagrid.stories/RowSizeDropdownStory.js +2 -3
  297. package/lib/components/Datagrid/Datagrid.stories/SelectAllWithToggleStory.js +2 -3
  298. package/lib/components/Datagrid/Datagrid.stories/common.js +9 -12
  299. package/lib/components/Datagrid/common-column-ids.js +1 -2
  300. package/lib/components/Datagrid/useActionsColumn.js +10 -7
  301. package/lib/components/Datagrid/useColumnCenterAlign.js +8 -4
  302. package/lib/components/Datagrid/useColumnOrder.js +1 -2
  303. package/lib/components/Datagrid/useColumnRightAlign.js +8 -4
  304. package/lib/components/Datagrid/useCustomizeColumns.js +10 -6
  305. package/lib/components/Datagrid/useDatagrid.js +9 -4
  306. package/lib/components/Datagrid/useDefaultStringRenderer.js +9 -4
  307. package/lib/components/Datagrid/useDisableSelectRows.js +5 -6
  308. package/lib/components/Datagrid/useEditableCell.js +1 -2
  309. package/lib/components/Datagrid/useExpandedRow.js +8 -4
  310. package/lib/components/Datagrid/useFiltering.js +13 -10
  311. package/lib/components/Datagrid/useFlexResize.js +1 -2
  312. package/lib/components/Datagrid/useFloatingScroll.js +2 -3
  313. package/lib/components/Datagrid/useFocusRowExpander.js +2 -3
  314. package/lib/components/Datagrid/useInfiniteScroll.js +1 -2
  315. package/lib/components/Datagrid/useInitialColumnSort.js +3 -4
  316. package/lib/components/Datagrid/useInlineEdit.js +5 -6
  317. package/lib/components/Datagrid/useNestedRowExpander.js +11 -8
  318. package/lib/components/Datagrid/useNestedRows.js +2 -4
  319. package/lib/components/Datagrid/useOnRowClick.js +1 -2
  320. package/lib/components/Datagrid/useParentDimensions.js +1 -2
  321. package/lib/components/Datagrid/useResizeTable.js +1 -2
  322. package/lib/components/Datagrid/useRowExpander.js +10 -6
  323. package/lib/components/Datagrid/useRowIsMouseOver.js +9 -4
  324. package/lib/components/Datagrid/useRowRenderer.js +4 -5
  325. package/lib/components/Datagrid/useRowSize.js +9 -4
  326. package/lib/components/Datagrid/useSelectAllToggle.js +3 -4
  327. package/lib/components/Datagrid/useSelectRows.js +12 -9
  328. package/lib/components/Datagrid/useSkeletonRows.js +1 -2
  329. package/lib/components/Datagrid/useSortableColumns.js +10 -8
  330. package/lib/components/Datagrid/useStickyColumn.js +11 -9
  331. package/lib/components/Datagrid/utils/DatagridActions.js +4 -5
  332. package/lib/components/Datagrid/utils/DatagridPagination.js +2 -4
  333. package/lib/components/Datagrid/utils/Wrapper.js +2 -3
  334. package/lib/components/Datagrid/utils/filterPropsForTesting.js +5 -8
  335. package/lib/components/Datagrid/utils/getArgTypes.js +2 -3
  336. package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.js +2 -3
  337. package/lib/components/Datagrid/utils/getInlineEditColumns.js +3 -5
  338. package/lib/components/Datagrid/utils/handleFilterTagLabelText.js +2 -3
  339. package/lib/components/Datagrid/utils/makeData.js +13 -11
  340. package/lib/components/EditFullPage/EditFullPage.js +9 -2
  341. package/lib/components/EditInPlace/EditInPlace.js +11 -6
  342. package/lib/components/EditSidePanel/EditSidePanel.js +12 -4
  343. package/lib/components/EditTearsheet/EditTearsheet.js +11 -8
  344. package/lib/components/EditTearsheet/EditTearsheetForm.js +10 -6
  345. package/lib/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +4 -5
  346. package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +9 -2
  347. package/lib/components/EditUpdateCards/EditUpdateCards.js +9 -2
  348. package/lib/components/EmptyStates/EmptyState.js +12 -6
  349. package/lib/components/EmptyStates/EmptyStateContent.js +10 -4
  350. package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +11 -4
  351. package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +11 -4
  352. package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +11 -4
  353. package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +11 -4
  354. package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +11 -4
  355. package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +11 -4
  356. package/lib/components/EmptyStates/assets/ErrorIllustration.js +9 -2
  357. package/lib/components/EmptyStates/assets/NoDataIllustration.js +9 -2
  358. package/lib/components/EmptyStates/assets/NoTagsIllustration.js +9 -2
  359. package/lib/components/EmptyStates/assets/NotFoundIllustration.js +9 -2
  360. package/lib/components/EmptyStates/assets/NotificationsIllustration.js +9 -2
  361. package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +9 -2
  362. package/lib/components/ExampleComponent/ExampleComponent.js +14 -6
  363. package/lib/components/ExampleComponent/useExample.js +1 -2
  364. package/lib/components/ExportModal/ExportModal.js +14 -10
  365. package/lib/components/ExpressiveCard/ExpressiveCard.js +3 -4
  366. package/lib/components/FilterSummary/FilterSummary.js +12 -7
  367. package/lib/components/Guidebanner/Guidebanner.js +11 -4
  368. package/lib/components/Guidebanner/GuidebannerElement.js +9 -2
  369. package/lib/components/Guidebanner/GuidebannerElementButton.js +9 -2
  370. package/lib/components/Guidebanner/GuidebannerElementLink.js +9 -2
  371. package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +9 -2
  372. package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +9 -2
  373. package/lib/components/HTTPErrors/HTTPErrorContent.js +10 -4
  374. package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +9 -2
  375. package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +1 -2
  376. package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +1 -2
  377. package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +1 -2
  378. package/lib/components/ImportModal/ImportModal.js +12 -8
  379. package/lib/components/InlineEdit/InlineEdit.js +11 -6
  380. package/lib/components/InlineEditV1/InlineEditV1.js +18 -8
  381. package/lib/components/InlineEditV2/InlineEditV2.js +13 -10
  382. package/lib/components/InlineTip/InlineTip.js +11 -4
  383. package/lib/components/InlineTip/InlineTipButton.js +9 -2
  384. package/lib/components/InlineTip/InlineTipLink.js +9 -2
  385. package/lib/components/InlineTip/utils.js +5 -6
  386. package/lib/components/InterstitialScreen/InterstitialScreen.js +15 -9
  387. package/lib/components/InterstitialScreen/assets/index.js +4 -8
  388. package/lib/components/InterstitialScreenView/InterstitialScreenView.js +9 -2
  389. package/lib/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js +9 -3
  390. package/lib/components/ModifiedTabs/ModifiedTabLabelNew.js +1 -2
  391. package/lib/components/ModifiedTabs/ModifiedTabLabelWithClose.js +1 -2
  392. package/lib/components/ModifiedTabs/ModifiedTabs.js +3 -4
  393. package/lib/components/MultiAddSelect/MultiAddSelect.js +3 -4
  394. package/lib/components/NonLinearReading/NonLinearReading.js +9 -4
  395. package/lib/components/NotificationsPanel/NotificationsPanel.js +14 -7
  396. package/lib/components/NotificationsPanel/NotificationsPanel_data.js +1 -2
  397. package/lib/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +2 -3
  398. package/lib/components/NotificationsPanel/utils.js +1 -2
  399. package/lib/components/OptionsTile/OptionsTile.js +12 -4
  400. package/lib/components/PageHeader/PageHeader.js +21 -20
  401. package/lib/components/PageHeader/PageHeaderDemo.data.js +3 -4
  402. package/lib/components/PageHeader/PageHeaderTitle.js +2 -4
  403. package/lib/components/PageHeader/PageHeaderUtils.js +12 -11
  404. package/lib/components/ProductiveCard/ProductiveCard.js +11 -7
  405. package/lib/components/RemoveModal/RemoveModal.js +11 -7
  406. package/lib/components/Saving/Saving.js +15 -10
  407. package/lib/components/SidePanel/SidePanel.js +29 -22
  408. package/lib/components/SidePanel/constants.js +2 -3
  409. package/lib/components/SidePanel/motion/variants.js +3 -5
  410. package/lib/components/SingleAddSelect/SingleAddSelect.js +3 -4
  411. package/lib/components/StatusIcon/StatusIcon.js +7 -2
  412. package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +13 -6
  413. package/lib/components/SteppedAnimatedMedia/assets/index.js +3 -6
  414. package/lib/components/TagSet/TagSet.js +15 -13
  415. package/lib/components/TagSet/TagSetModal.js +14 -10
  416. package/lib/components/TagSet/TagSetOverflow.js +10 -7
  417. package/lib/components/Tearsheet/Tearsheet.js +13 -6
  418. package/lib/components/Tearsheet/TearsheetNarrow.js +13 -6
  419. package/lib/components/Tearsheet/TearsheetShell.js +26 -23
  420. package/lib/components/Toolbar/Toolbar.js +12 -10
  421. package/lib/components/Toolbar/ToolbarButton.js +10 -6
  422. package/lib/components/Toolbar/ToolbarGroup.js +9 -4
  423. package/lib/components/UserProfileImage/UserProfileImage.js +10 -2
  424. package/lib/components/WebTerminal/WebTerminal.js +15 -8
  425. package/lib/components/WebTerminal/WebTerminalContentWrapper.js +9 -2
  426. package/lib/components/WebTerminal/hooks/index.js +6 -9
  427. package/lib/components/WebTerminal/preview-components/Navigation.js +1 -2
  428. package/lib/components/WebTerminal/preview-components/documentationLinks.js +2 -3
  429. package/lib/components/_Canary/Canary.js +11 -2
  430. package/lib/global/js/hooks/useActiveElement.js +2 -3
  431. package/lib/global/js/hooks/useClickOutside.js +2 -3
  432. package/lib/global/js/hooks/useCreateComponentFocus.js +3 -4
  433. package/lib/global/js/hooks/useCreateComponentStepChange.js +5 -6
  434. package/lib/global/js/hooks/useFocus.js +6 -7
  435. package/lib/global/js/hooks/useIsomorphicEffect.js +1 -2
  436. package/lib/global/js/hooks/usePrefix.js +2 -3
  437. package/lib/global/js/hooks/usePreviousValue.js +2 -3
  438. package/lib/global/js/hooks/useResetCreateComponent.js +2 -3
  439. package/lib/global/js/hooks/useResizeObserver.js +2 -3
  440. package/lib/global/js/hooks/useRetrieveStepData.js +2 -3
  441. package/lib/global/js/hooks/useValidCreateStepCount.js +2 -3
  442. package/lib/global/js/hooks/useWindowResize.js +4 -5
  443. package/lib/global/js/package-settings.js +9 -6
  444. package/lib/global/js/utils/ClickListener.js +3 -4
  445. package/lib/global/js/utils/DisplayBox.js +1 -2
  446. package/lib/global/js/utils/Wrap.js +12 -5
  447. package/lib/global/js/utils/deepCloneObject.js +3 -4
  448. package/lib/global/js/utils/devtools.js +1 -2
  449. package/lib/global/js/utils/getBezierValues.js +2 -3
  450. package/lib/global/js/utils/getFocusableElements.js +2 -3
  451. package/lib/global/js/utils/getNodeTextContent.js +5 -6
  452. package/lib/global/js/utils/getNumberOfHiddenSteps.js +2 -3
  453. package/lib/global/js/utils/getScrollbarWidth.js +2 -3
  454. package/lib/global/js/utils/keyboardNavigation.js +4 -8
  455. package/lib/global/js/utils/lastIndexInArray.js +2 -3
  456. package/lib/global/js/utils/motionConstants.js +3 -5
  457. package/lib/global/js/utils/pconsole.js +8 -15
  458. package/lib/global/js/utils/props-helper.js +15 -17
  459. package/lib/global/js/utils/rangeWithCallback.js +2 -3
  460. package/lib/global/js/utils/scrollableAncestor.js +5 -6
  461. package/lib/global/js/utils/story-helper.js +7 -12
  462. package/lib/global/js/utils/test-helper.js +15 -28
  463. package/lib/global/js/utils/unwrap-if-fragment.js +7 -8
  464. package/lib/global/js/utils/uuidv4.js +1 -2
  465. package/lib/global/js/utils/wait.js +1 -2
  466. package/lib/global/js/utils/wrapFocus.js +1 -2
  467. package/lib/settings.js +2 -4
  468. package/package.json +4 -4
  469. package/scss/components/AboutModal/_about-modal.scss +1 -2
  470. package/scss/components/Coachmark/styles/_coachmark-tagline.scss +1 -4
  471. package/scss/components/Datagrid/styles/_datagrid.scss +1 -2
  472. package/scss/components/Datagrid/styles/_useStickyColumn.scss +1 -0
  473. package/scss/components/SidePanel/_side-panel.scss +1 -4
@@ -3,8 +3,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
4
4
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
5
5
  var _excluded = ["actionBarItems", "actionBarMenuOptionsClass", "actionBarOverflowAriaLabel", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "allTagsModalTitle", "hasBackgroundAlways", "breadcrumbOverflowAriaLabel", "breadcrumbs", "children", "className", "collapseHeader", "collapseHeaderIconDescription", "collapseTitle", "disableBreadcrumbScroll", "enableBreadcrumbScroll", "expandHeaderIconDescription", "fullWidthGrid", "hasCollapseHeaderToggle", "narrowGrid", "navigation", "pageActions", "pageActionsOverflowLabel", "pageActionsMenuOptionsClass", "showAllTagsLabel", "subtitle", "tags", "title", "withoutBackground"];
6
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
7
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
6
+ 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; }
7
+ 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) { _defineProperty(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; }
8
8
  //
9
9
  // Copyright IBM Corp. 2020, 2021
10
10
  //
@@ -38,7 +38,7 @@ var defaults = {
38
38
  narrowGrid: false
39
39
  };
40
40
  export var PageHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
41
- var _withoutBackground, _enableBreadcrumbScro, _ref7, _cx2, _ref8, _cx4, _cx7;
41
+ var _withoutBackground, _enableBreadcrumbScro;
42
42
  var actionBarItems = _ref.actionBarItems,
43
43
  actionBarMenuOptionsClass = _ref.actionBarMenuOptionsClass,
44
44
  actionBarOverflowAriaLabel = _ref.actionBarOverflowAriaLabel,
@@ -234,17 +234,15 @@ export var PageHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
234
234
  }
235
235
  }
236
236
  setPageHeaderStyles(function (prev) {
237
- var _objectSpread2;
238
- return _objectSpread(_objectSpread({}, prev), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, "--".concat(blockClass, "--max-action-bar-width-px"), newActionBarWidth), _defineProperty(_objectSpread2, "--".concat(blockClass, "--button-set-in-breadcrumb-width-px"), "".concat(newPageActionInBreadcrumbWidth)), _objectSpread2));
237
+ return _objectSpread(_objectSpread({}, prev), {}, _defineProperty(_defineProperty({}, "--".concat(blockClass, "--max-action-bar-width-px"), newActionBarWidth), "--".concat(blockClass, "--button-set-in-breadcrumb-width-px"), "".concat(newPageActionInBreadcrumbWidth)));
239
238
  });
240
239
  }, [actionBarColumnWidth, actionBarMaxWidth, actionBarMinWidth, pageActionInBreadcrumbMaxWidth, pageActionInBreadcrumbMinWidth, headerRef]);
241
240
  useEffect(function () {
242
241
  // Updates custom CSS props used to manage scroll behavior
243
242
  /* istanbul ignore next */
244
243
  setPageHeaderStyles(function (prev) {
245
- var _objectSpread3;
246
- return _objectSpread(_objectSpread({}, prev), {}, (_objectSpread3 = {}, _defineProperty(_objectSpread3, "--".concat(blockClass, "--height-px"), "".concat(metrics.headerHeight, "px")), _defineProperty(_objectSpread3, "--".concat(blockClass, "--width-px"), "".concat(metrics.headerWidth, "px")), _defineProperty(_objectSpread3, "--".concat(blockClass, "--header-top"), "".concat(metrics.headerTopValue + metrics.headerOffset, "px")), _defineProperty(_objectSpread3, "--".concat(blockClass, "--breadcrumb-title-visibility"), scrollYValue > 0 ? 'visible' : 'hidden'), _defineProperty(_objectSpread3, "--".concat(blockClass, "--scroll"), "".concat(scrollYValue)), _defineProperty(_objectSpread3, "--".concat(blockClass, "--breadcrumb-title-top"), "".concat(Math.max(0, metrics.breadcrumbTitleHeight + metrics.titleRowSpaceAbove - scrollYValue), "px")), _defineProperty(_objectSpread3, "--".concat(blockClass, "--breadcrumb-title-opacity"), "".concat(Math.min(1, Math.max(0, (scrollYValue - (metrics.titleRowSpaceAbove || 0)) / (metrics.breadcrumbTitleHeight || 1) // don't want to divide by zero
247
- )))), _defineProperty(_objectSpread3, "--".concat(blockClass, "--breadcrumb-row-width-px"), "".concat(metrics.breadcrumbRowWidth, "px")), _objectSpread3));
244
+ return _objectSpread(_objectSpread({}, prev), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "--".concat(blockClass, "--height-px"), "".concat(metrics.headerHeight, "px")), "--".concat(blockClass, "--width-px"), "".concat(metrics.headerWidth, "px")), "--".concat(blockClass, "--header-top"), "".concat(metrics.headerTopValue + metrics.headerOffset, "px")), "--".concat(blockClass, "--breadcrumb-title-visibility"), scrollYValue > 0 ? 'visible' : 'hidden'), "--".concat(blockClass, "--scroll"), "".concat(scrollYValue)), "--".concat(blockClass, "--breadcrumb-title-top"), "".concat(Math.max(0, metrics.breadcrumbTitleHeight + metrics.titleRowSpaceAbove - scrollYValue), "px")), "--".concat(blockClass, "--breadcrumb-title-opacity"), "".concat(Math.min(1, Math.max(0, (scrollYValue - (metrics.titleRowSpaceAbove || 0)) / (metrics.breadcrumbTitleHeight || 1) // don't want to divide by zero
245
+ )))), "--".concat(blockClass, "--breadcrumb-row-width-px"), "".concat(metrics.breadcrumbRowWidth, "px")));
248
246
  });
249
247
  }, [headerRef, enableBreadcrumbScroll, metrics, metrics.breadcrumbRowHeight, metrics.breadcrumbRowSpaceBelow, metrics.breadcrumbTitleHeight, metrics.breadcrumbRowWidth, metrics.headerHeight, metrics.headerWidth, metrics.headerOffset, metrics.headerTopValue, metrics.navigationRowHeight, navigation, scrollYValue, tags]);
250
248
  useNearestScroll(headerRef,
@@ -323,7 +321,7 @@ export var PageHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
323
321
  className: "".concat(blockClass, "--offset-top-measuring-element"),
324
322
  ref: offsetTopMeasuringRef
325
323
  }), /*#__PURE__*/React.createElement("section", _extends({}, rest, {
326
- className: cx([blockClass, "".concat(blockClass, "--no-margins-below-row"), className, (_ref7 = {}, _defineProperty(_ref7, "".concat(blockClass, "--has-navigation"), navigation || tags), _defineProperty(_ref7, "".concat(blockClass, "--has-navigation-tags-only"), !navigation && tags), _ref7)]),
324
+ className: cx([blockClass, "".concat(blockClass, "--no-margins-below-row"), className, _defineProperty(_defineProperty({}, "".concat(blockClass, "--has-navigation"), navigation || tags), "".concat(blockClass, "--has-navigation-tags-only"), !navigation && tags)]),
327
325
  style: pageHeaderStyles,
328
326
  ref: headerRef
329
327
  }, getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(Grid, {
@@ -333,7 +331,7 @@ export var PageHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
333
331
  }, /*#__PURE__*/React.createElement("div", {
334
332
  className: "".concat(blockClass, "__non-navigation-row-content")
335
333
  }, hasBreadcrumbRow ? /*#__PURE__*/React.createElement(Row, {
336
- className: cx("".concat(blockClass, "__breadcrumb-row"), (_cx2 = {}, _defineProperty(_cx2, "".concat(blockClass, "__breadcrumb-row--next-to-tabs"), nextToTabsCheck()), _defineProperty(_cx2, "".concat(blockClass, "__breadcrumb-row--has-breadcrumbs"), breadcrumbs || breadcrumbItemForTitle), _defineProperty(_cx2, "".concat(blockClass, "__breadcrumb-row--has-action-bar"), hasActionBar || widthIsNarrow), _defineProperty(_cx2, "".concat(blockClass, "__has-page-actions-without-action-bar"), !hasActionBar && !widthIsNarrow && pageActions), _cx2))
334
+ className: cx("".concat(blockClass, "__breadcrumb-row"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "__breadcrumb-row--next-to-tabs"), nextToTabsCheck()), "".concat(blockClass, "__breadcrumb-row--has-breadcrumbs"), breadcrumbs || breadcrumbItemForTitle), "".concat(blockClass, "__breadcrumb-row--has-action-bar"), hasActionBar || widthIsNarrow), "".concat(blockClass, "__has-page-actions-without-action-bar"), !hasActionBar && !widthIsNarrow && pageActions))
337
335
  }, /*#__PURE__*/React.createElement("div", {
338
336
  className: "".concat(blockClass, "__breadcrumb-row--container")
339
337
  }, /*#__PURE__*/React.createElement(Column, {
@@ -344,7 +342,7 @@ export var PageHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
344
342
  overflowAriaLabel: breadcrumbOverflowAriaLabel,
345
343
  breadcrumbs: breadcrumbs && breadcrumbItemForTitle ? breadcrumbs.concat(breadcrumbItemForTitle) : breadcrumbItemForTitle ? [breadcrumbItemForTitle] : breadcrumbs // breadcrumbs may be null or undefined
346
344
  }) : null), /*#__PURE__*/React.createElement(Column, {
347
- className: cx(["".concat(blockClass, "__action-bar-column ").concat(blockClass, "__action-bar-column--background"), (_ref8 = {}, _defineProperty(_ref8, "".concat(blockClass, "__action-bar-column--has-page-actions"), pageActions), _defineProperty(_ref8, "".concat(blockClass, "__action-bar-column--influenced-by-collapse-button"), spaceForCollapseButton), _ref8)])
345
+ className: cx(["".concat(blockClass, "__action-bar-column ").concat(blockClass, "__action-bar-column--background"), _defineProperty(_defineProperty({}, "".concat(blockClass, "__action-bar-column--has-page-actions"), pageActions), "".concat(blockClass, "__action-bar-column--influenced-by-collapse-button"), spaceForCollapseButton)])
348
346
  }, /*#__PURE__*/React.createElement("div", {
349
347
  className: "".concat(blockClass, "__action-bar-column-content"),
350
348
  ref: sizingContainerRef
@@ -359,7 +357,7 @@ export var PageHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
359
357
  onWidthChange: handleActionBarWidthChange,
360
358
  rightAlign: true
361
359
  })) : widthIsNarrow && thePageActions(true, pageActionsInBreadcrumbRow))))) : null, !collapseTitle && (title || pageActions) ? /*#__PURE__*/React.createElement(Row, {
362
- className: cx("".concat(blockClass, "__title-row"), (_cx4 = {}, _defineProperty(_cx4, "".concat(blockClass, "__title-row--no-breadcrumb-row"), !hasBreadcrumbRow), _defineProperty(_cx4, "".concat(blockClass, "__title-row--under-action-bar"), hasActionBar || widthIsNarrow), _defineProperty(_cx4, "".concat(blockClass, "__title-row--has-page-actions"), !!pageActions), _defineProperty(_cx4, "".concat(blockClass, "__title-row--sticky"), !!pageActions && !actionBarItems && hasBreadcrumbRow), _cx4))
360
+ className: cx("".concat(blockClass, "__title-row"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "__title-row--no-breadcrumb-row"), !hasBreadcrumbRow), "".concat(blockClass, "__title-row--under-action-bar"), hasActionBar || widthIsNarrow), "".concat(blockClass, "__title-row--has-page-actions"), !!pageActions), "".concat(blockClass, "__title-row--sticky"), !!pageActions && !actionBarItems && hasBreadcrumbRow))
363
361
  }, /*#__PURE__*/React.createElement(Column, {
364
362
  className: "".concat(blockClass, "__title-column")
365
363
  }, title ? /*#__PURE__*/React.createElement(PageHeaderTitle, {
@@ -393,7 +391,7 @@ export var PageHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
393
391
  }))) : null),
394
392
  // this navigation pushes the breadcrumb off or settles underneath it depending on enableBreadcrumbScroll
395
393
  navigation ? /*#__PURE__*/React.createElement(Row, {
396
- className: cx("".concat(blockClass, "__navigation-row"), (_cx7 = {}, _defineProperty(_cx7, "".concat(blockClass, "__navigation-row--spacing-above-06"), !!navigation), _defineProperty(_cx7, "".concat(blockClass, "__navigation-row--has-tags"), tags), _cx7))
394
+ className: cx("".concat(blockClass, "__navigation-row"), _defineProperty(_defineProperty({}, "".concat(blockClass, "__navigation-row--spacing-above-06"), !!navigation), "".concat(blockClass, "__navigation-row--has-tags"), tags))
397
395
  }, /*#__PURE__*/React.createElement(Column, {
398
396
  className: "".concat(blockClass, "__navigation-tabs")
399
397
  }, navigation), tags ? /*#__PURE__*/React.createElement(Column, {
@@ -1,6 +1,6 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
3
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
2
+ 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; }
3
+ 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) { _defineProperty(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; }
4
4
  /**
5
5
  * Copyright IBM Corp. 2020, 2021
6
6
  *
@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
  var _excluded = ["actionsPlacement"];
5
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
6
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
5
+ 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; }
6
+ 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) { _defineProperty(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; }
7
7
  //
8
8
  // Copyright IBM Corp. 2020, 2021
9
9
  //
@@ -3,8 +3,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
4
4
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
5
5
  var _excluded = ["body", "className", "iconDescription", "inputInvalidText", "inputLabelText", "inputPlaceholderText", "label", "onClose", "onRequestSubmit", "open", "preventCloseOnClickOutside", "primaryButtonDisabled", "primaryButtonText", "resourceName", "secondaryButtonText", "textConfirmation", "title"];
6
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
7
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
6
+ 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; }
7
+ 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) { _defineProperty(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; }
8
8
  //
9
9
  // Copyright IBM Corp. 2020, 2021
10
10
  //
@@ -18,7 +18,7 @@ import { getDevtoolsProps } from '../../global/js/utils/devtools';
18
18
  import { pkg } from '../../settings';
19
19
  var componentName = 'Saving';
20
20
  export var Saving = /*#__PURE__*/forwardRef(function (_ref, ref) {
21
- var _statusObj, _statusObj$status, _statusObj$status2, _statusObj$status3, _statusObj$status4;
21
+ var _statusObj$status, _statusObj$status2, _statusObj$status3, _statusObj$status4;
22
22
  var secondaryButtonText = _ref.secondaryButtonText,
23
23
  className = _ref.className,
24
24
  defaultIconDescription = _ref.defaultIconDescription,
@@ -34,25 +34,25 @@ export var Saving = /*#__PURE__*/forwardRef(function (_ref, ref) {
34
34
  successText = _ref.successText,
35
35
  type = _ref.type,
36
36
  rest = _objectWithoutProperties(_ref, _excluded);
37
- var statusObj = (_statusObj = {
37
+ var statusObj = _defineProperty(_defineProperty(_defineProperty({
38
38
  default: {
39
39
  text: defaultText,
40
40
  iconDescription: defaultIconDescription,
41
41
  icon: CheckmarkOutline16
42
42
  }
43
- }, _defineProperty(_statusObj, 'in-progress', {
43
+ }, 'in-progress', {
44
44
  text: inProgressText,
45
45
  iconDescription: inProgressIconDescription,
46
46
  icon: InlineLoading
47
- }), _defineProperty(_statusObj, "success", {
47
+ }), "success", {
48
48
  text: successText,
49
49
  iconDescription: successIconDescription,
50
50
  icon: Save16
51
- }), _defineProperty(_statusObj, "fail", {
51
+ }), "fail", {
52
52
  text: failText,
53
53
  iconDescription: failIconDescription,
54
54
  icon: ErrorOutline16
55
- }), _statusObj);
55
+ });
56
56
  var blockClass = "".concat(pkg.prefix, "--saving");
57
57
  return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
58
58
  ref: ref,
@@ -4,8 +4,8 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
4
4
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
5
5
  var _excluded = ["actionToolbarButtons", "actions", "animateTitle", "children", "className", "closeIconDescription", "condensedActions", "currentStep", "includeOverlay", "labelText", "navigationBackIconDescription", "onNavigationBack", "onRequestClose", "onUnmount", "open", "placement", "preventCloseOnClickOutside", "selectorPageContent", "selectorPrimaryFocus", "size", "slideIn", "subtitle", "title"],
6
6
  _excluded2 = ["label", "kind", "icon", "tooltipPosition", "tooltipAlignment", "leading", "disabled", "className", "onClick"];
7
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
8
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
7
+ 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; }
8
+ 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) { _defineProperty(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; }
9
9
  /**
10
10
  * Copyright IBM Corp. 2020, 2023
11
11
  *
@@ -53,7 +53,7 @@ var defaults = {
53
53
  * Side panels keep users in-context of a page while performing tasks like navigating, editing, viewing details, or configuring something new.
54
54
  */
55
55
  export var SidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
56
- var _window, _ref5, _cx4;
56
+ var _window;
57
57
  var actionToolbarButtons = _ref.actionToolbarButtons,
58
58
  actions = _ref.actions,
59
59
  _ref$animateTitle = _ref.animateTitle,
@@ -121,7 +121,7 @@ export var SidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
121
121
  if ((previousState === null || previousState === void 0 ? void 0 : previousState.size) !== size) {
122
122
  var _sidePanelOuter$style;
123
123
  scrollableSection.scrollTop = 0;
124
- sidePanelOuter === null || sidePanelOuter === void 0 ? void 0 : (_sidePanelOuter$style = sidePanelOuter.style) === null || _sidePanelOuter$style === void 0 ? void 0 : _sidePanelOuter$style.setProperty("--".concat(blockClass, "--title-container-height"), "".concat(Number(initialTitleHeight), "px"));
124
+ sidePanelOuter === null || sidePanelOuter === void 0 || (_sidePanelOuter$style = sidePanelOuter.style) === null || _sidePanelOuter$style === void 0 || _sidePanelOuter$style.setProperty("--".concat(blockClass, "--title-container-height"), "".concat(Number(initialTitleHeight), "px"));
125
125
  }
126
126
  }
127
127
  }, [currentStep, ref, size, previousState === null || previousState === void 0 ? void 0 : previousState.size]);
@@ -139,7 +139,7 @@ export var SidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
139
139
  };
140
140
  var focusButton = function focusButton(focusContainerElement) {
141
141
  var target = initialFocus(focusContainerElement);
142
- target === null || target === void 0 ? void 0 : target.focus();
142
+ target === null || target === void 0 || target.focus();
143
143
  };
144
144
  if (open && animationComplete) {
145
145
  focusButton(sidePanelInnerRef.current);
@@ -152,7 +152,7 @@ export var SidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
152
152
  var actionsContainer = getActionsContainerElement();
153
153
  var actionsHeight = (actionsContainer === null || actionsContainer === void 0 ? void 0 : actionsContainer.offsetHeight) + 16; // add additional 1rem spacing to bottom padding
154
154
  actionsHeight = "".concat(Math.round(actionsHeight / 16), "rem");
155
- sidePanelOuter === null || sidePanelOuter === void 0 ? void 0 : (_sidePanelOuter$style2 = sidePanelOuter.style) === null || _sidePanelOuter$style2 === void 0 ? void 0 : _sidePanelOuter$style2.setProperty("--".concat(blockClass, "--content-bottom-padding"), actionsHeight);
155
+ sidePanelOuter === null || sidePanelOuter === void 0 || (_sidePanelOuter$style2 = sidePanelOuter.style) === null || _sidePanelOuter$style2 === void 0 || _sidePanelOuter$style2.setProperty("--".concat(blockClass, "--content-bottom-padding"), actionsHeight);
156
156
  }
157
157
  }, [actions, condensedActions, open, animationComplete]);
158
158
 
@@ -173,7 +173,7 @@ export var SidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
173
173
  var actionsContainer = getActionsContainerElement();
174
174
  var actionsHeight = (actionsContainer === null || actionsContainer === void 0 ? void 0 : actionsContainer.offsetHeight) + 16; // add additional 1rem spacing to bottom padding
175
175
  actionsHeight = "".concat(Math.round(actionsHeight / 16), "rem");
176
- sidePanelOuter === null || sidePanelOuter === void 0 ? void 0 : (_sidePanelOuter$style3 = sidePanelOuter.style) === null || _sidePanelOuter$style3 === void 0 ? void 0 : _sidePanelOuter$style3.setProperty("--".concat(blockClass, "--content-bottom-padding"), actionsHeight);
176
+ sidePanelOuter === null || sidePanelOuter === void 0 || (_sidePanelOuter$style3 = sidePanelOuter.style) === null || _sidePanelOuter$style3 === void 0 || _sidePanelOuter$style3.setProperty("--".concat(blockClass, "--content-bottom-padding"), actionsHeight);
177
177
  };
178
178
  var getActionsContainerElement = function getActionsContainerElement() {
179
179
  var sidePanelOuter = document.querySelector("#".concat(blockClass, "-outer"));
@@ -269,10 +269,10 @@ export var SidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
269
269
  var sidePanelActionBarElementHeight = (actionToolbarElement === null || actionToolbarElement === void 0 ? void 0 : actionToolbarElement.offsetHeight) || 0;
270
270
  var titleHeight = (_sidePanelTitleElement === null || _sidePanelTitleElement === void 0 ? void 0 : _sidePanelTitleElement.offsetHeight) + 24;
271
271
  var labelHeight = (_labelText === null || _labelText === void 0 ? void 0 : _labelText.offsetHeight) || 0;
272
- _sidePanelOuter === null || _sidePanelOuter === void 0 ? void 0 : _sidePanelOuter.style.setProperty("--".concat(blockClass, "--title-text-height"), "".concat(titleHeight, "px"));
273
- _sidePanelOuter === null || _sidePanelOuter === void 0 ? void 0 : _sidePanelOuter.style.setProperty("--".concat(blockClass, "--subtitle-container-height"), "".concat(_sidePanelSubtitleElementHeight, "px"));
274
- _sidePanelOuter === null || _sidePanelOuter === void 0 ? void 0 : _sidePanelOuter.style.setProperty("--".concat(blockClass, "--action-bar-container-height"), "".concat(sidePanelActionBarElementHeight, "px"));
275
- _sidePanelOuter === null || _sidePanelOuter === void 0 ? void 0 : _sidePanelOuter.style.setProperty("--".concat(blockClass, "--label-text-height"), "".concat(labelHeight, "px"));
272
+ _sidePanelOuter === null || _sidePanelOuter === void 0 || _sidePanelOuter.style.setProperty("--".concat(blockClass, "--title-text-height"), "".concat(titleHeight, "px"));
273
+ _sidePanelOuter === null || _sidePanelOuter === void 0 || _sidePanelOuter.style.setProperty("--".concat(blockClass, "--subtitle-container-height"), "".concat(_sidePanelSubtitleElementHeight, "px"));
274
+ _sidePanelOuter === null || _sidePanelOuter === void 0 || _sidePanelOuter.style.setProperty("--".concat(blockClass, "--action-bar-container-height"), "".concat(sidePanelActionBarElementHeight, "px"));
275
+ _sidePanelOuter === null || _sidePanelOuter === void 0 || _sidePanelOuter.style.setProperty("--".concat(blockClass, "--label-text-height"), "".concat(labelHeight, "px"));
276
276
  }
277
277
  }, [open, animateTitle, animationComplete, panelHeight, title, size, reducedMotion.matches]);
278
278
 
@@ -301,7 +301,7 @@ export var SidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
301
301
  // initializes the side panel to close
302
302
  var onAnimationEnd = function onAnimationEnd() {
303
303
  if (!open) {
304
- onUnmount === null || onUnmount === void 0 ? void 0 : onUnmount();
304
+ onUnmount === null || onUnmount === void 0 || onUnmount();
305
305
  }
306
306
  setAnimationComplete(true);
307
307
  };
@@ -332,7 +332,7 @@ export var SidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
332
332
  }, [open, placement, selectorPageContent, slideIn]);
333
333
  useEffect(function () {
334
334
  if (!open && previousState !== null && previousState !== void 0 && previousState.open && reducedMotion.matches) {
335
- onUnmount === null || onUnmount === void 0 ? void 0 : onUnmount();
335
+ onUnmount === null || onUnmount === void 0 || onUnmount();
336
336
  }
337
337
  }, [open, onUnmount, reducedMotion.matches, previousState === null || previousState === void 0 ? void 0 : previousState.open]);
338
338
 
@@ -369,11 +369,10 @@ export var SidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
369
369
  }
370
370
  };
371
371
  var primaryActionContainerClassNames = cx(["".concat(blockClass, "__actions-container"), _defineProperty({}, "".concat(blockClass, "__actions-container-condensed"), condensedActions)]);
372
- var mainPanelClassNames = cx([blockClass, className, "".concat(blockClass, "__container"), "".concat(blockClass, "__container--").concat(size), (_ref5 = {}, _defineProperty(_ref5, "".concat(blockClass, "__container-right-placement"), placement === 'right'), _defineProperty(_ref5, "".concat(blockClass, "__container-left-placement"), placement === 'left'), _defineProperty(_ref5, "".concat(blockClass, "__container-with-action-toolbar"), actionToolbarButtons && actionToolbarButtons.length), _defineProperty(_ref5, "".concat(blockClass, "__container-without-overlay"), !includeOverlay && !slideIn), _defineProperty(_ref5, "".concat(blockClass, "__container-is-animating"), !animationComplete || !open), _ref5)]);
372
+ var mainPanelClassNames = cx([blockClass, className, "".concat(blockClass, "__container"), "".concat(blockClass, "__container--").concat(size), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "__container-right-placement"), placement === 'right'), "".concat(blockClass, "__container-left-placement"), placement === 'left'), "".concat(blockClass, "__container-with-action-toolbar"), actionToolbarButtons && actionToolbarButtons.length), "".concat(blockClass, "__container-without-overlay"), !includeOverlay && !slideIn), "".concat(blockClass, "__container-is-animating"), !animationComplete || !open)]);
373
373
  var renderHeader = function renderHeader() {
374
- var _cx, _cx2;
375
374
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
376
- className: cx("".concat(blockClass, "__title-container"), (_cx = {}, _defineProperty(_cx, "".concat(blockClass, "__on-detail-step"), currentStep > 0), _defineProperty(_cx, "".concat(blockClass, "__on-detail-step-without-title"), currentStep > 0 && !title), _defineProperty(_cx, "".concat(blockClass, "__title-container--no-title-animation"), !animateTitle), _defineProperty(_cx, "".concat(blockClass, "__title-container-is-animating"), !animationComplete || !open), _defineProperty(_cx, "".concat(blockClass, "__title-container-without-title"), !title), _defineProperty(_cx, "".concat(blockClass, "__title-container--reduced-motion"), reducedMotion.matches), _cx))
375
+ className: cx("".concat(blockClass, "__title-container"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "__on-detail-step"), currentStep > 0), "".concat(blockClass, "__on-detail-step-without-title"), currentStep > 0 && !title), "".concat(blockClass, "__title-container--no-title-animation"), !animateTitle), "".concat(blockClass, "__title-container-is-animating"), !animationComplete || !open), "".concat(blockClass, "__title-container-without-title"), !title), "".concat(blockClass, "__title-container--reduced-motion"), reducedMotion.matches))
377
376
  }, currentStep > 0 && /*#__PURE__*/React.createElement(Button, {
378
377
  "aria-label": navigationBackIconDescription,
379
378
  kind: "ghost",
@@ -395,7 +394,7 @@ export var SidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
395
394
  onClick: onRequestClose,
396
395
  ref: sidePanelCloseRef
397
396
  }), subtitle && /*#__PURE__*/React.createElement("p", {
398
- className: cx("".concat(blockClass, "__subtitle-text"), (_cx2 = {}, _defineProperty(_cx2, "".concat(blockClass, "__subtitle-text-no-animation"), !animateTitle), _defineProperty(_cx2, "".concat(blockClass, "__subtitle-text-no-animation-no-action-toolbar"), !animateTitle && (!actionToolbarButtons || !actionToolbarButtons.length)), _defineProperty(_cx2, "".concat(blockClass, "__subtitle-text-is-animating"), !animationComplete && animateTitle), _defineProperty(_cx2, "".concat(blockClass, "__subtitle-without-title"), !title), _cx2))
397
+ className: cx("".concat(blockClass, "__subtitle-text"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "__subtitle-text-no-animation"), !animateTitle), "".concat(blockClass, "__subtitle-text-no-animation-no-action-toolbar"), !animateTitle && (!actionToolbarButtons || !actionToolbarButtons.length)), "".concat(blockClass, "__subtitle-text-is-animating"), !animationComplete && animateTitle), "".concat(blockClass, "__subtitle-without-title"), !title))
399
398
  }, subtitle), actionToolbarButtons && actionToolbarButtons.length && /*#__PURE__*/React.createElement("div", {
400
399
  className: cx("".concat(blockClass, "__action-toolbar"), _defineProperty({}, "".concat(blockClass, "__action-toolbar-no-animation"), !animateTitle))
401
400
  }, actionToolbarButtons.map(function (_ref6) {
@@ -460,7 +459,7 @@ export var SidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
460
459
  className: "".concat(blockClass, "__visually-hidden")
461
460
  }, "Focus sentinel"), !animateTitle && renderHeader(), /*#__PURE__*/React.createElement("div", {
462
461
  ref: sidePanelInnerRef,
463
- className: cx("".concat(blockClass, "__inner-content"), (_cx4 = {}, _defineProperty(_cx4, "".concat(blockClass, "__static-inner-content"), !animateTitle), _defineProperty(_cx4, "".concat(blockClass, "__static-inner-content-no-actions"), !animateTitle && !(actions !== null && actions !== void 0 && actions.length)), _defineProperty(_cx4, "".concat(blockClass, "__inner-content-with-actions"), actions && actions.length), _cx4))
462
+ className: cx("".concat(blockClass, "__inner-content"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "__static-inner-content"), !animateTitle), "".concat(blockClass, "__static-inner-content-no-actions"), !animateTitle && !(actions !== null && actions !== void 0 && actions.length)), "".concat(blockClass, "__inner-content-with-actions"), actions && actions.length))
464
463
  }, animateTitle && renderHeader(), /*#__PURE__*/React.createElement("div", {
465
464
  className: "".concat(blockClass, "__body-content")
466
465
  }, children), /*#__PURE__*/React.createElement(ActionSet, {
@@ -66,7 +66,7 @@ export var SteppedAnimatedMedia = /*#__PURE__*/React.forwardRef(function (_ref,
66
66
  return _loadArtifact.apply(this, arguments);
67
67
  }
68
68
  function _loadArtifact() {
69
- _loadArtifact = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
69
+ _loadArtifact = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
70
70
  var allJsonArtifacts, rawResponse, jsonResponse, fileData;
71
71
  return _regeneratorRuntime.wrap(function _callee$(_context) {
72
72
  while (1) switch (_context.prev = _context.next) {
@@ -105,7 +105,7 @@ export var SteppedAnimatedMedia = /*#__PURE__*/React.forwardRef(function (_ref,
105
105
  var prefersReducedMotion = (_window = window) !== null && _window !== void 0 && _window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : true;
106
106
  if (localRef.current) {
107
107
  var _animRef$current, _animRef$current2, _animRef$current3;
108
- (_animRef$current = animRef.current) === null || _animRef$current === void 0 ? void 0 : _animRef$current.destroy();
108
+ (_animRef$current = animRef.current) === null || _animRef$current === void 0 || _animRef$current.destroy();
109
109
  animRef.current = lottie.loadAnimation({
110
110
  container: localRef.current,
111
111
  renderer: 'svg',
@@ -5,8 +5,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
5
5
  var _excluded = ["align", "allTagsModalTarget", "className", "maxVisible", "multiline", "overflowAlign", "overflowClassName", "overflowType", "overflowDirection", "allTagsModalTitle", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "showAllTagsLabel", "tags", "containingElementRef", "measurementOffset"],
6
6
  _excluded2 = ["label", "id"],
7
7
  _excluded3 = ["label"];
8
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
9
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
8
+ 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; }
9
+ 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) { _defineProperty(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; }
10
10
  //
11
11
  // Copyright IBM Corp. 2020, 2023
12
12
  //
@@ -142,7 +142,7 @@ export var TagSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
142
142
  className: "".concat(blockClass, "__displayed-tag")
143
143
  }, tag);
144
144
  });
145
- newDisplayedTags.push( /*#__PURE__*/React.createElement(TagSetOverflow, {
145
+ newDisplayedTags.push(/*#__PURE__*/React.createElement(TagSetOverflow, {
146
146
  allTagsModalSearchThreshold: allTagsModalSearchThreshold,
147
147
  className: overflowClassName,
148
148
  onShowAllClick: handleShowAllClick,
@@ -227,7 +227,7 @@ export var TagSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
227
227
  ref: displayedArea
228
228
  }, displayedTags)), (allTagsModalTarget ? createPortal : function (children) {
229
229
  return children;
230
- })( /*#__PURE__*/React.createElement(TagSetModal, {
230
+ })(/*#__PURE__*/React.createElement(TagSetModal, {
231
231
  allTags: tags,
232
232
  open: showAllModalOpen,
233
233
  title: allTagsModalTitle,
@@ -4,8 +4,8 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
4
4
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
5
5
  var _excluded = ["allTags", "className", "title", "onClose", "open", "searchLabel", "searchPlaceholder"],
6
6
  _excluded2 = ["label"];
7
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
8
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
7
+ 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; }
8
+ 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) { _defineProperty(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; }
9
9
  //
10
10
  // Copyright IBM Corp. 2021, 2020
11
11
  //
@@ -53,9 +53,9 @@ export var TagSetModal = function TagSetModal(_ref) {
53
53
  } else {
54
54
  var lCaseSearch = search.toLocaleLowerCase();
55
55
  allTags.forEach(function (tag) {
56
- var _tag$dataSearch, _tag$dataSearch$toLoc, _tag$label, _tag$label$toLocaleLo;
57
- var dataSearch = (_tag$dataSearch = tag['data-search']) === null || _tag$dataSearch === void 0 ? void 0 : (_tag$dataSearch$toLoc = _tag$dataSearch.toLocaleLowerCase()) === null || _tag$dataSearch$toLoc === void 0 ? void 0 : _tag$dataSearch$toLoc.indexOf(lCaseSearch);
58
- var labelSearch = (_tag$label = tag.label) === null || _tag$label === void 0 ? void 0 : (_tag$label$toLocaleLo = _tag$label.toLocaleLowerCase()) === null || _tag$label$toLocaleLo === void 0 ? void 0 : _tag$label$toLocaleLo.indexOf(lCaseSearch);
56
+ var _tag$dataSearch, _tag$label;
57
+ var dataSearch = (_tag$dataSearch = tag['data-search']) === null || _tag$dataSearch === void 0 || (_tag$dataSearch = _tag$dataSearch.toLocaleLowerCase()) === null || _tag$dataSearch === void 0 ? void 0 : _tag$dataSearch.indexOf(lCaseSearch);
58
+ var labelSearch = (_tag$label = tag.label) === null || _tag$label === void 0 || (_tag$label = _tag$label.toLocaleLowerCase()) === null || _tag$label === void 0 ? void 0 : _tag$label.indexOf(lCaseSearch);
59
59
  if (dataSearch > -1 || labelSearch > -1) {
60
60
  newFilteredModalTags.push(tag);
61
61
  }
@@ -79,7 +79,6 @@ export var TagSetOverflow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
79
79
  }, overflowTags.filter(function (_, index) {
80
80
  return overflowTags.length > allTagsModalSearchThreshold ? index < allTagsModalSearchThreshold : index <= allTagsModalSearchThreshold;
81
81
  }).map(function (tag, index) {
82
- var _cx2;
83
82
  var tagProps = {};
84
83
  if (overflowType === 'tag') {
85
84
  tagProps.type = 'high-contrast';
@@ -88,7 +87,7 @@ export var TagSetOverflow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
88
87
  tagProps.filter = false;
89
88
  }
90
89
  return /*#__PURE__*/React.createElement("li", {
91
- className: cx("".concat(blockClass, "__tag-item"), (_cx2 = {}, _defineProperty(_cx2, "".concat(blockClass, "__tag-item--default"), overflowType === 'default'), _defineProperty(_cx2, "".concat(blockClass, "__tag-item--tag"), overflowType === 'tag'), _cx2)),
90
+ className: cx("".concat(blockClass, "__tag-item"), _defineProperty(_defineProperty({}, "".concat(blockClass, "__tag-item--default"), overflowType === 'default'), "".concat(blockClass, "__tag-item--tag"), overflowType === 'tag')),
92
91
  key: index
93
92
  }, /*#__PURE__*/React.cloneElement(tag, tagProps));
94
93
  })), overflowTags.length > allTagsModalSearchThreshold && /*#__PURE__*/React.createElement(Link, {
@@ -1,8 +1,8 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  var _excluded = ["influencerPosition", "influencerWidth", "verticalPosition"];
4
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
5
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
+ 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; }
5
+ 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) { _defineProperty(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; }
6
6
  /**
7
7
  * Copyright IBM Corp. 2020, 2021
8
8
  *
@@ -1,8 +1,8 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  var _excluded = ["verticalPosition"];
4
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
5
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
+ 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; }
5
+ 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) { _defineProperty(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; }
6
6
  /**
7
7
  * Copyright IBM Corp. 2020, 2021
8
8
  *
@@ -3,8 +3,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
4
4
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
5
5
  var _excluded = ["actions", "children", "className", "closeIconDescription", "description", "hasCloseIcon", "headerActions", "influencer", "influencerPosition", "influencerWidth", "label", "navigation", "onClose", "open", "selectorPrimaryFocus", "size", "portalTarget", "title", "verticalPosition"];
6
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
7
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
6
+ 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; }
7
+ 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) { _defineProperty(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; }
8
8
  /**
9
9
  * Copyright IBM Corp. 2020, 2021
10
10
  *
@@ -137,7 +137,7 @@ export var TearsheetShell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
137
137
 
138
138
  // Callback to give the tearsheet the opportunity to claim focus
139
139
  handleStackChange.claimFocus = function () {
140
- firstElement === null || firstElement === void 0 ? void 0 : firstElement.focus();
140
+ firstElement === null || firstElement === void 0 || firstElement.focus();
141
141
  };
142
142
  useEffect(function () {
143
143
  var notify = function notify() {
@@ -184,7 +184,6 @@ export var TearsheetShell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
184
184
  }
185
185
  }
186
186
  if (position <= depth) {
187
- var _cx, _ref2, _cx3, _cx5, _cx6;
188
187
  // Include a modal header if and only if one or more of these is given.
189
188
  // We can't use a Wrap for the ModalHeader because ComposedModal requires
190
189
  // the direct child to be the ModalHeader instance.
@@ -194,12 +193,12 @@ export var TearsheetShell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
194
193
  var includeActions = actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0;
195
194
  return (portalTarget ? createPortal : function (children) {
196
195
  return children;
197
- })( /*#__PURE__*/React.createElement(ComposedModal, _extends({}, rest, {
196
+ })(/*#__PURE__*/React.createElement(ComposedModal, _extends({}, rest, {
198
197
  "aria-label": title,
199
- className: cx(bc, className, (_cx = {}, _defineProperty(_cx, "".concat(bc, "--stacked-").concat(position, "-of-").concat(depth),
198
+ className: cx(bc, className, _defineProperty(_defineProperty(_defineProperty({}, "".concat(bc, "--stacked-").concat(position, "-of-").concat(depth),
200
199
  // Don't apply this on the initial open of a single tearsheet.
201
- depth > 1 || depth === 1 && prevDepth.current > 1), _defineProperty(_cx, "".concat(bc, "--wide"), size === 'wide'), _defineProperty(_cx, "".concat(bc, "--narrow"), size !== 'wide'), _cx)),
202
- style: (_ref2 = {}, _defineProperty(_ref2, "--".concat(bc, "--stacking-scale-factor-single"), (width - 32) / width), _defineProperty(_ref2, "--".concat(bc, "--stacking-scale-factor-double"), (width - 64) / width), _ref2),
200
+ depth > 1 || depth === 1 && prevDepth.current > 1), "".concat(bc, "--wide"), size === 'wide'), "".concat(bc, "--narrow"), size !== 'wide')),
201
+ style: _defineProperty(_defineProperty({}, "--".concat(bc, "--stacking-scale-factor-single"), (width - 32) / width), "--".concat(bc, "--stacking-scale-factor-double"), (width - 64) / width),
203
202
  containerClassName: cx("".concat(bc, "__container"), _defineProperty({}, "".concat(bc, "__container--lower"), verticalPosition === 'lower')),
204
203
  onClose: onClose,
205
204
  open: open,
@@ -211,7 +210,7 @@ export var TearsheetShell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
211
210
  selectorsFloatingMenus: [".".concat(carbon.prefix, "--overflow-menu-options"), ".".concat(carbon.prefix, "--tooltip"), '.flatpickr-calendar', ".".concat(bc, "__container")],
212
211
  size: "sm"
213
212
  }), includeHeader && /*#__PURE__*/React.createElement(ModalHeader, {
214
- className: cx("".concat(bc, "__header"), (_cx3 = {}, _defineProperty(_cx3, "".concat(bc, "__header--with-close-icon"), effectiveHasCloseIcon), _defineProperty(_cx3, "".concat(bc, "__header--with-nav"), navigation), _cx3)),
213
+ className: cx("".concat(bc, "__header"), _defineProperty(_defineProperty({}, "".concat(bc, "__header--with-close-icon"), effectiveHasCloseIcon), "".concat(bc, "__header--with-nav"), navigation)),
215
214
  closeClassName: cx(_defineProperty({}, "".concat(bc, "__header--no-close-icon"), !effectiveHasCloseIcon)),
216
215
  iconDescription: closeIconDescription
217
216
  }, /*#__PURE__*/React.createElement(Wrap, {
@@ -234,7 +233,7 @@ export var TearsheetShell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
234
233
  element: ModalBody,
235
234
  className: "".concat(bc, "__body")
236
235
  }, /*#__PURE__*/React.createElement(Wrap, {
237
- className: cx((_cx5 = {}, _defineProperty(_cx5, "".concat(bc, "__influencer"), true), _defineProperty(_cx5, "".concat(bc, "__influencer--wide"), influencerWidth === 'wide'), _cx5)),
236
+ className: cx(_defineProperty(_defineProperty({}, "".concat(bc, "__influencer"), true), "".concat(bc, "__influencer--wide"), influencerWidth === 'wide')),
238
237
  neverRender: influencerPosition === 'right'
239
238
  }, influencer), /*#__PURE__*/React.createElement(Wrap, {
240
239
  className: "".concat(bc, "__right")
@@ -245,7 +244,7 @@ export var TearsheetShell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
245
244
  alwaysRender: influencer && influencerPosition === 'right',
246
245
  className: "".concat(bc, "__content")
247
246
  }, children), /*#__PURE__*/React.createElement(Wrap, {
248
- className: cx((_cx6 = {}, _defineProperty(_cx6, "".concat(bc, "__influencer"), true), _defineProperty(_cx6, "".concat(bc, "__influencer--wide"), influencerWidth === 'wide'), _cx6)),
247
+ className: cx(_defineProperty(_defineProperty({}, "".concat(bc, "__influencer"), true), "".concat(bc, "__influencer--wide"), influencerWidth === 'wide')),
249
248
  neverRender: influencerPosition !== 'right'
250
249
  }, influencer)), includeActions && /*#__PURE__*/React.createElement(Wrap, {
251
250
  className: "".concat(bc, "__button-container")
@@ -4,8 +4,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
4
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
5
5
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
6
6
  var _excluded = ["actions", "children", "className", "closeIconDescription", "documentationLinks", "documentationLinksIconDescription", "isInitiallyOpen"];
7
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
8
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
7
+ 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; }
8
+ 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) { _defineProperty(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; }
9
9
  /**
10
10
  * Copyright IBM Corp. 2020, 2022
11
11
  *
@@ -40,7 +40,6 @@ var defaults = {
40
40
  isInitiallyOpen: false
41
41
  };
42
42
  export var WebTerminal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
43
- var _ref3;
44
43
  var _ref$actions = _ref.actions,
45
44
  actions = _ref$actions === void 0 ? defaults.actions : _ref$actions,
46
45
  children = _ref.children,
@@ -104,7 +103,7 @@ export var WebTerminal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
104
103
  };
105
104
  return shouldRender ? /*#__PURE__*/React.createElement("div", _extends({}, _objectSpread(_objectSpread({}, rest), getDevtoolsProps(componentName)), {
106
105
  ref: ref,
107
- className: cx([blockClass, className, (_ref3 = {}, _defineProperty(_ref3, "".concat(blockClass, "--open"), open), _defineProperty(_ref3, "".concat(blockClass, "--closed"), !open), _ref3)]),
106
+ className: cx([blockClass, className, _defineProperty(_defineProperty({}, "".concat(blockClass, "--open"), open), "".concat(blockClass, "--closed"), !open)]),
108
107
  style: {
109
108
  animation: !prefersReducedMotion && webTerminalAnimationName
110
109
  },
@@ -25,7 +25,7 @@ export var useCreateComponentFocus = function useCreateComponentFocus(_ref) {
25
25
  useEffect(function () {
26
26
  // because of how handleStackChange.claimFocus in TearsheetShell works a timeout is required to focus on specific elements
27
27
  var awaitFocus = /*#__PURE__*/function () {
28
- var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(elm) {
28
+ var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(elm) {
29
29
  return _regeneratorRuntime.wrap(function _callee$(_context) {
30
30
  while (1) switch (_context.prev = _context.next) {
31
31
  case 0: