@carbon/ibm-products 2.56.1 → 2.57.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/index-full-carbon.css +66 -20
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +28 -12
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +28 -12
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +29 -12
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/_virtual/_commonjsHelpers.js +1 -1
- package/es/_virtual/_rollupPluginBabelHelpers.js +1 -1
- package/es/_virtual/index.js +1 -1
- package/es/_virtual/index2.js +1 -1
- package/es/components/APIKeyModal/APIKeyDownloader.d.ts +1 -1
- package/es/components/APIKeyModal/APIKeyDownloader.js +2 -2
- package/es/components/APIKeyModal/APIKeyModal.d.ts +13 -0
- package/es/components/APIKeyModal/APIKeyModal.js +70 -26
- package/es/components/APIKeyModal/APIKeyModal.types.d.ts +16 -2
- package/es/components/AboutModal/AboutModal.js +1 -1
- package/es/components/ActionBar/ActionBar.js +1 -1
- package/es/components/ActionBar/ActionBarItem.js +1 -1
- package/es/components/ActionBar/ActionBarOverflowItems.js +1 -1
- package/es/components/ActionSet/ActionSet.js +1 -1
- package/es/components/AddSelect/AddSelect.js +1 -1
- package/es/components/AddSelect/AddSelectBody.js +1 -1
- package/es/components/AddSelect/AddSelectBreadcrumbs.js +1 -1
- package/es/components/AddSelect/AddSelectColumn.js +1 -1
- package/es/components/AddSelect/AddSelectFilter.js +1 -1
- package/es/components/AddSelect/AddSelectFormControl.js +1 -1
- package/es/components/AddSelect/AddSelectList.js +1 -1
- package/es/components/AddSelect/AddSelectMetaPanel.js +1 -1
- package/es/components/AddSelect/AddSelectRow.js +1 -1
- package/es/components/AddSelect/AddSelectSidebar.js +1 -1
- package/es/components/AddSelect/AddSelectSort.js +1 -1
- package/es/components/AddSelect/add-select-utils.js +1 -1
- package/es/components/AddSelect/hooks/useFocus.js +1 -1
- package/es/components/AddSelect/hooks/useItemSort.js +1 -1
- package/es/components/AddSelect/hooks/useParentSelect.js +1 -1
- package/es/components/AddSelect/hooks/usePath.js +1 -1
- package/es/components/BigNumbers/BigNumbers.js +1 -1
- package/es/components/BigNumbers/constants.js +1 -1
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +1 -1
- package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +1 -1
- package/es/components/Card/Card.js +4 -5
- package/es/components/Card/CardFooter.js +1 -1
- package/es/components/Card/CardHeader.js +1 -1
- package/es/components/Carousel/Carousel.js +1 -1
- package/es/components/Carousel/CarouselItem.js +1 -1
- package/es/components/Cascade/Cascade.js +1 -1
- package/es/components/Checklist/Checklist.js +1 -1
- package/es/components/Checklist/Checklist.types.js +1 -1
- package/es/components/Checklist/ChecklistChart.js +1 -1
- package/es/components/Checklist/ChecklistIcon.js +1 -1
- package/es/components/Coachmark/Coachmark.js +1 -1
- package/es/components/Coachmark/CoachmarkDragbar.js +1 -1
- package/es/components/Coachmark/CoachmarkHeader.js +1 -1
- package/es/components/Coachmark/CoachmarkOverlay.js +5 -1
- package/es/components/Coachmark/CoachmarkTagline.js +1 -1
- package/es/components/Coachmark/utils/constants.js +1 -1
- package/es/components/Coachmark/utils/context.js +1 -1
- package/es/components/Coachmark/utils/enums.js +1 -1
- package/es/components/Coachmark/utils/hooks.js +1 -1
- package/es/components/CoachmarkBeacon/CoachmarkBeacon.js +1 -1
- package/es/components/CoachmarkButton/CoachmarkButton.js +1 -1
- package/es/components/CoachmarkFixed/CoachmarkFixed.js +1 -1
- package/es/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js +1 -1
- package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.d.ts +12 -0
- package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +40 -9
- package/es/components/CoachmarkStack/CoachmarkStack.js +1 -1
- package/es/components/CoachmarkStack/CoachmarkStackHome.js +1 -1
- package/es/components/ComboButton/ComboButton.js +1 -1
- package/es/components/ComboButton/ComboButtonItem/index.js +1 -1
- package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +1 -1
- package/es/components/ConditionBuilder/ConditionBuilder.js +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +10 -6
- package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +1 -1
- package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +1 -1
- package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +1 -1
- package/es/components/ConditionBuilder/utils/handleKeyboardEvents.js +1 -1
- package/es/components/ConditionBuilder/utils/useDataConfigs.js +1 -1
- package/es/components/ConditionBuilder/utils/useTranslations.js +1 -1
- package/es/components/ConditionBuilder/utils/util.js +1 -1
- package/es/components/CreateFullPage/CreateFullPage.js +1 -1
- package/es/components/CreateFullPage/CreateFullPageStep.js +1 -1
- package/es/components/CreateInfluencer/CreateInfluencer.js +1 -1
- package/es/components/CreateModal/CreateModal.js +1 -1
- package/es/components/CreateSidePanel/CreateSidePanel.js +1 -1
- package/es/components/CreateTearsheet/CreateTearsheet.js +3 -2
- package/es/components/CreateTearsheet/CreateTearsheetDivider.js +1 -1
- package/es/components/CreateTearsheet/CreateTearsheetStep.js +1 -1
- package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +1 -1
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +1 -1
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +1 -1
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +1 -1
- package/es/components/DataSpreadsheet/hooks/useMoveActiveCell.js +1 -1
- package/es/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +1 -1
- package/es/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +1 -1
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +1 -1
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +1 -1
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +1 -1
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +1 -1
- package/es/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +1 -1
- package/es/components/DataSpreadsheet/utils/checkForHoldingKey.js +1 -1
- package/es/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +1 -1
- package/es/components/DataSpreadsheet/utils/commonEventHandlers.js +1 -1
- package/es/components/DataSpreadsheet/utils/createActiveCellFn.js +1 -1
- package/es/components/DataSpreadsheet/utils/createCellSelectionArea.js +1 -1
- package/es/components/DataSpreadsheet/utils/getCellSize.js +1 -1
- package/es/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +1 -1
- package/es/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +1 -1
- package/es/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +1 -1
- package/es/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +1 -1
- package/es/components/DataSpreadsheet/utils/handleCellDeletion.js +1 -1
- package/es/components/DataSpreadsheet/utils/handleEditSubmit.js +1 -1
- package/es/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +1 -1
- package/es/components/DataSpreadsheet/utils/handleMultipleKeys.js +1 -1
- package/es/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +1 -1
- package/es/components/DataSpreadsheet/utils/removeCellSelections.js +1 -1
- package/es/components/DataSpreadsheet/utils/selectAllCells.js +1 -1
- package/es/components/Datagrid/Datagrid/Datagrid.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridBody.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridHead.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridRefBody.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridRow.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +32 -3
- package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +1 -1
- package/es/components/Datagrid/Datagrid/DraggableElement.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/AiLabel/DatagridAiLabel.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/constants.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/handleCheckboxChange.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/utils.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/stateReducer.js +1 -1
- package/es/components/Datagrid/common-column-ids.js +1 -1
- package/es/components/Datagrid/useActionsColumn.js +1 -1
- package/es/components/Datagrid/useColumnCenterAlign.js +1 -1
- package/es/components/Datagrid/useColumnOrder.js +1 -1
- package/es/components/Datagrid/useColumnRightAlign.js +1 -1
- package/es/components/Datagrid/useCustomizeColumns.js +1 -1
- package/es/components/Datagrid/useDatagrid.js +1 -1
- package/es/components/Datagrid/useDefaultStringRenderer.js +1 -1
- package/es/components/Datagrid/useDisableSelectRows.js +1 -1
- package/es/components/Datagrid/useEditableCell.js +1 -1
- package/es/components/Datagrid/useExpandedRow.js +1 -1
- package/es/components/Datagrid/useFiltering.js +1 -1
- package/es/components/Datagrid/useFlexResize.js +1 -1
- package/es/components/Datagrid/useFloatingScroll.js +1 -1
- package/es/components/Datagrid/useFocusRowExpander.js +1 -1
- package/es/components/Datagrid/useInfiniteScroll.js +1 -1
- package/es/components/Datagrid/useInitialColumnSort.js +1 -1
- package/es/components/Datagrid/useInlineEdit.js +1 -1
- package/es/components/Datagrid/useNestedRowExpander.js +1 -1
- package/es/components/Datagrid/useNestedRows.js +1 -1
- package/es/components/Datagrid/useOnRowClick.js +1 -1
- package/es/components/Datagrid/useParentDimensions.js +1 -1
- package/es/components/Datagrid/useResizeTable.js +1 -1
- package/es/components/Datagrid/useRowExpander.js +1 -1
- package/es/components/Datagrid/useRowIsMouseOver.js +1 -1
- package/es/components/Datagrid/useRowRenderer.js +1 -1
- package/es/components/Datagrid/useRowSize.js +1 -1
- package/es/components/Datagrid/useSelectAllToggle.js +1 -1
- package/es/components/Datagrid/useSelectRows.js +1 -1
- package/es/components/Datagrid/useSkeletonRows.js +1 -1
- package/es/components/Datagrid/useSortableColumns.js +1 -1
- package/es/components/Datagrid/useStickyColumn.js +1 -1
- package/es/components/Datagrid/utils/getAutoSizedColumnWidth.js +1 -1
- package/es/components/Decorator/Decorator.js +1 -1
- package/es/components/DecoratorBase/DecoratorBase.js +1 -1
- package/es/components/DecoratorBase/DecoratorIcon.js +1 -1
- package/es/components/DecoratorBase/utils.js +1 -1
- package/es/components/DecoratorDualButton/DecoratorDualButton.js +1 -1
- package/es/components/DecoratorLink/DecoratorLink.js +1 -1
- package/es/components/DecoratorSingleButton/DecoratorSingleButton.js +1 -1
- package/es/components/DelimitedList/DelimitedList.js +1 -1
- package/es/components/DescriptionList/DescriptionList.js +1 -1
- package/es/components/DescriptionList/DescriptionListBody.js +1 -1
- package/es/components/DescriptionList/DescriptionListCell.js +1 -1
- package/es/components/DescriptionList/DescriptionListRow.js +1 -1
- package/es/components/DescriptionList/constants.js +1 -1
- package/es/components/EditFullPage/EditFullPage.js +1 -1
- package/es/components/EditInPlace/EditInPlace.js +1 -1
- package/es/components/EditSidePanel/EditSidePanel.js +1 -1
- package/es/components/EditTearsheet/EditTearsheet.js +1 -1
- package/es/components/EditTearsheet/EditTearsheetForm.js +1 -1
- package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.js +1 -1
- package/es/components/EditUpdateCards/EditUpdateCards.js +1 -1
- package/es/components/EmptyStates/EmptyState.js +1 -1
- package/es/components/EmptyStates/EmptyStateContent.js +1 -1
- package/es/components/EmptyStates/EmptyStateIllustration.js +1 -1
- package/es/components/EmptyStates/EmptyStateV2.js +1 -1
- package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +1 -1
- package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -1
- package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +1 -1
- package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +1 -1
- package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +1 -1
- package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +1 -1
- package/es/components/EmptyStates/assets/ErrorIllustration.js +1 -1
- package/es/components/EmptyStates/assets/NoDataIllustration.js +1 -1
- package/es/components/EmptyStates/assets/NoTagsIllustration.js +1 -1
- package/es/components/EmptyStates/assets/NotFoundIllustration.js +1 -1
- package/es/components/EmptyStates/assets/NotificationsIllustration.js +1 -1
- package/es/components/EmptyStates/assets/UnauthorizedIllustration.js +1 -1
- package/es/components/ExportModal/ExportModal.js +1 -1
- package/es/components/ExpressiveCard/ExpressiveCard.js +1 -1
- package/es/components/FeatureFlags/index.js +1 -1
- package/es/components/FilterPanel/FilterPanel.js +1 -1
- package/es/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js +1 -1
- package/es/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js +1 -1
- package/es/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js +1 -1
- package/es/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js +1 -1
- package/es/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js +1 -1
- package/es/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js +1 -1
- package/es/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js +1 -1
- package/es/components/FilterSummary/FilterSummary.js +2 -2
- package/es/components/FullPageError/FullPageError.js +1 -1
- package/es/components/FullPageError/assets/Error403SVG.js +1 -1
- package/es/components/FullPageError/assets/Error404SVG.js +1 -1
- package/es/components/FullPageError/assets/ErrorGenericSVG.js +1 -1
- package/es/components/GetStartedCard/GetStartedCard.js +1 -1
- package/es/components/Guidebanner/Guidebanner.js +1 -1
- package/es/components/Guidebanner/GuidebannerElement.js +1 -1
- package/es/components/Guidebanner/GuidebannerElementButton.js +1 -1
- package/es/components/Guidebanner/GuidebannerElementLink.js +1 -1
- package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +2 -2
- package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +2 -2
- package/es/components/HTTPErrors/HTTPErrorContent.js +1 -1
- package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +2 -2
- package/es/components/HTTPErrors/assets/HTTPErrorSvg403.js +1 -1
- package/es/components/HTTPErrors/assets/HTTPErrorSvg404.js +1 -1
- package/es/components/HTTPErrors/assets/HTTPErrorSvgOther.js +1 -1
- package/es/components/ImportModal/ImportModal.js +1 -1
- package/es/components/InlineTip/InlineTip.js +1 -1
- package/es/components/InlineTip/InlineTipButton.js +1 -1
- package/es/components/InlineTip/InlineTipLink.js +1 -1
- package/es/components/InlineTip/utils.js +1 -1
- package/es/components/InterstitialScreen/InterstitialScreen.js +3 -4
- package/es/components/InterstitialScreenView/InterstitialScreenView.js +1 -1
- package/es/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js +1 -1
- package/es/components/MultiAddSelect/MultiAddSelect.js +1 -1
- package/es/components/Nav/Nav.js +1 -1
- package/es/components/Nav/NavItem.js +1 -1
- package/es/components/Nav/NavItemLink.js +1 -1
- package/es/components/Nav/NavList.js +1 -1
- package/es/components/NonLinearReading/NonLinearReading.js +1 -1
- package/es/components/NotificationsPanel/NotificationsPanel.js +1 -1
- package/es/components/NotificationsPanel/utils.js +1 -1
- package/es/components/OptionsTile/OptionsTile.js +1 -1
- package/es/components/PageHeader/PageHeader.js +14 -4
- package/es/components/PageHeader/PageHeaderTitle.js +11 -30
- package/es/components/PageHeader/PageHeaderUtils.js +1 -1
- package/es/components/ProductiveCard/ProductiveCard.d.ts +6 -2
- package/es/components/ProductiveCard/ProductiveCard.js +8 -6
- package/es/components/RemoveModal/RemoveModal.js +1 -1
- package/es/components/Saving/Saving.js +1 -1
- package/es/components/ScrollGradient/ScrollGradient.js +1 -1
- package/es/components/ScrollGradient/constants.js +1 -1
- package/es/components/SearchBar/SearchBar.js +1 -1
- package/es/components/SidePanel/SidePanel.d.ts +6 -1
- package/es/components/SidePanel/SidePanel.js +42 -27
- package/es/components/SidePanel/constants.js +1 -1
- package/es/components/SidePanel/motion/variants.js +1 -1
- package/es/components/SimpleHeader/SimpleHeader.js +1 -1
- package/es/components/SingleAddSelect/SingleAddSelect.js +1 -1
- package/es/components/StatusIcon/StatusIcon.js +1 -1
- package/es/components/StatusIndicator/StatusIndicator.js +1 -1
- package/es/components/StatusIndicator/StatusIndicatorStep.js +1 -1
- package/es/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +1 -1
- package/es/components/StringFormatter/StringFormatter.js +1 -1
- package/es/components/StringFormatter/utils/enums.js +1 -1
- package/es/components/TagOverflow/TagOverflow.js +3 -6
- package/es/components/TagOverflow/TagOverflowModal.js +1 -1
- package/es/components/TagOverflow/TagOverflowPopover.js +1 -1
- package/es/components/TagOverflow/constants.js +1 -1
- package/es/components/TagSet/TagSet.js +1 -1
- package/es/components/TagSet/TagSetModal.js +1 -1
- package/es/components/TagSet/TagSetOverflow.js +1 -1
- package/es/components/Tearsheet/Tearsheet.js +1 -1
- package/es/components/Tearsheet/TearsheetNarrow.js +1 -1
- package/es/components/Tearsheet/TearsheetShell.d.ts +4 -0
- package/es/components/Tearsheet/TearsheetShell.js +6 -38
- package/es/components/Toolbar/Toolbar.js +1 -1
- package/es/components/Toolbar/ToolbarButton.js +1 -1
- package/es/components/Toolbar/ToolbarGroup.js +1 -1
- package/es/components/TooltipTrigger/TooltipTrigger.js +1 -1
- package/es/components/TruncatedList/TruncatedList.js +1 -1
- package/es/components/UserAvatar/UserAvatar.js +1 -1
- package/es/components/UserProfileImage/UserProfileImage.js +1 -1
- package/es/components/WebTerminal/WebTerminal.js +1 -1
- package/es/components/WebTerminal/WebTerminalContentWrapper.js +1 -1
- package/es/components/WebTerminal/hooks/index.js +1 -1
- package/es/components/_Canary/Canary.js +1 -1
- package/es/feature-flags.js +1 -1
- package/es/global/js/hooks/useActiveElement.js +1 -1
- package/es/global/js/hooks/useClickOutside.js +1 -1
- package/es/global/js/hooks/useControllableState.js +1 -1
- package/es/global/js/hooks/useCreateComponentFocus.js +1 -1
- package/es/global/js/hooks/useCreateComponentStepChange.js +1 -1
- package/es/global/js/hooks/useFocus.d.ts +1 -1
- package/es/global/js/hooks/useFocus.js +8 -5
- package/es/global/js/hooks/useIsomorphicEffect.js +1 -1
- package/es/global/js/hooks/usePortalTarget.js +1 -1
- package/es/global/js/hooks/usePrefersReducedMotion.js +1 -1
- package/es/global/js/hooks/usePrefix.js +1 -1
- package/es/global/js/hooks/usePreviousValue.js +1 -1
- package/es/global/js/hooks/useResetCreateComponent.js +1 -1
- package/es/global/js/hooks/useResizeObserver.js +1 -1
- package/es/global/js/hooks/useRetrieveFormTitles.js +1 -1
- package/es/global/js/hooks/useRetrieveStepData.js +1 -1
- package/es/global/js/hooks/useValidCreateStepCount.js +1 -1
- package/es/global/js/hooks/useWindowResize.js +1 -1
- package/es/global/js/hooks/useWindowScroll.js +1 -1
- package/es/global/js/package-settings.js +1 -1
- package/es/global/js/utils/Wrap.js +1 -1
- package/es/global/js/utils/checkForOverflow.d.ts +5 -0
- package/es/global/js/utils/checkForOverflow.js +31 -0
- package/es/global/js/utils/deepCloneObject.js +1 -1
- package/es/global/js/utils/devtools.js +1 -1
- package/es/global/js/utils/getBezierValues.js +1 -1
- package/es/global/js/utils/getFocusableElements.js +1 -1
- package/es/global/js/utils/getNodeTextContent.js +1 -1
- package/es/global/js/utils/getNumberOfHiddenSteps.js +1 -1
- package/es/global/js/utils/getScrollbarWidth.js +1 -1
- package/es/global/js/utils/keyboardNavigation.js +1 -1
- package/es/global/js/utils/lastIndexInArray.js +1 -1
- package/es/global/js/utils/motionConstants.js +1 -1
- package/es/global/js/utils/pconsole.js +1 -1
- package/es/global/js/utils/props-helper.js +1 -1
- package/es/global/js/utils/rangeWithCallback.js +1 -1
- package/es/global/js/utils/scrollableAncestor.js +1 -1
- package/es/global/js/utils/useId.js +1 -1
- package/es/global/js/utils/uuidv4.js +1 -1
- package/es/global/js/utils/wait.js +1 -1
- package/es/global/js/utils/wrapFocus.js +1 -1
- package/es/index.js +1 -1
- package/es/node_modules/@carbon/colors/es/index.js +1 -1
- package/es/node_modules/@carbon/icon-helpers/es/index.js +1 -1
- package/es/node_modules/@carbon/icons-react/es/Icon.js +1 -1
- package/es/node_modules/@carbon/icons-react/es/generated/bucket-3.js +1 -1
- package/es/node_modules/@carbon/icons-react/es/generated/bucket-9.js +1 -1
- package/es/node_modules/@carbon/icons-react/es/iconPropTypes-4cbeb95d.js +1 -1
- package/es/node_modules/object-assign/index.js +1 -1
- package/es/node_modules/prop-types/checkPropTypes.js +1 -1
- package/es/node_modules/prop-types/factoryWithThrowingShims.js +1 -1
- package/es/node_modules/prop-types/factoryWithTypeCheckers.js +1 -1
- package/es/node_modules/prop-types/index.js +1 -1
- package/es/node_modules/prop-types/lib/ReactPropTypesSecret.js +1 -1
- package/es/node_modules/prop-types/lib/has.js +1 -1
- package/es/settings.js +1 -1
- package/lib/_virtual/_commonjsHelpers.js +1 -1
- package/lib/_virtual/_rollupPluginBabelHelpers.js +1 -1
- package/lib/_virtual/index.js +1 -1
- package/lib/_virtual/index2.js +1 -1
- package/lib/components/APIKeyModal/APIKeyDownloader.d.ts +1 -1
- package/lib/components/APIKeyModal/APIKeyDownloader.js +2 -2
- package/lib/components/APIKeyModal/APIKeyModal.d.ts +13 -0
- package/lib/components/APIKeyModal/APIKeyModal.js +69 -23
- package/lib/components/APIKeyModal/APIKeyModal.types.d.ts +16 -2
- package/lib/components/AboutModal/AboutModal.js +1 -1
- package/lib/components/ActionBar/ActionBar.js +1 -1
- package/lib/components/ActionBar/ActionBarItem.js +1 -1
- package/lib/components/ActionBar/ActionBarOverflowItems.js +1 -1
- package/lib/components/ActionSet/ActionSet.js +1 -1
- package/lib/components/AddSelect/AddSelect.js +1 -1
- package/lib/components/AddSelect/AddSelectBody.js +1 -1
- package/lib/components/AddSelect/AddSelectBreadcrumbs.js +1 -1
- package/lib/components/AddSelect/AddSelectColumn.js +1 -1
- package/lib/components/AddSelect/AddSelectFilter.js +1 -1
- package/lib/components/AddSelect/AddSelectFormControl.js +1 -1
- package/lib/components/AddSelect/AddSelectList.js +1 -1
- package/lib/components/AddSelect/AddSelectMetaPanel.js +1 -1
- package/lib/components/AddSelect/AddSelectRow.js +1 -1
- package/lib/components/AddSelect/AddSelectSidebar.js +1 -1
- package/lib/components/AddSelect/AddSelectSort.js +1 -1
- package/lib/components/AddSelect/add-select-utils.js +1 -1
- package/lib/components/AddSelect/hooks/useFocus.js +1 -1
- package/lib/components/AddSelect/hooks/useItemSort.js +1 -1
- package/lib/components/AddSelect/hooks/useParentSelect.js +1 -1
- package/lib/components/AddSelect/hooks/usePath.js +1 -1
- package/lib/components/BigNumbers/BigNumbers.js +1 -1
- package/lib/components/BigNumbers/constants.js +1 -1
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +1 -1
- package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +1 -1
- package/lib/components/Card/Card.js +4 -5
- package/lib/components/Card/CardFooter.js +1 -1
- package/lib/components/Card/CardHeader.js +1 -1
- package/lib/components/Carousel/Carousel.js +1 -1
- package/lib/components/Carousel/CarouselItem.js +1 -1
- package/lib/components/Cascade/Cascade.js +1 -1
- package/lib/components/Checklist/Checklist.js +1 -1
- package/lib/components/Checklist/Checklist.types.js +1 -1
- package/lib/components/Checklist/ChecklistChart.js +1 -1
- package/lib/components/Checklist/ChecklistIcon.js +1 -1
- package/lib/components/Coachmark/Coachmark.js +1 -1
- package/lib/components/Coachmark/CoachmarkDragbar.js +1 -1
- package/lib/components/Coachmark/CoachmarkHeader.js +1 -1
- package/lib/components/Coachmark/CoachmarkOverlay.js +5 -1
- package/lib/components/Coachmark/CoachmarkTagline.js +1 -1
- package/lib/components/Coachmark/utils/constants.js +1 -1
- package/lib/components/Coachmark/utils/context.js +1 -1
- package/lib/components/Coachmark/utils/enums.js +1 -1
- package/lib/components/Coachmark/utils/hooks.js +1 -1
- package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +1 -1
- package/lib/components/CoachmarkButton/CoachmarkButton.js +1 -1
- package/lib/components/CoachmarkFixed/CoachmarkFixed.js +1 -1
- package/lib/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js +1 -1
- package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.d.ts +12 -0
- package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +40 -9
- package/lib/components/CoachmarkStack/CoachmarkStack.js +1 -1
- package/lib/components/CoachmarkStack/CoachmarkStackHome.js +1 -1
- package/lib/components/ComboButton/ComboButton.js +1 -1
- package/lib/components/ComboButton/ComboButtonItem/index.js +1 -1
- package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilder.js +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +10 -6
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +1 -1
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +1 -1
- package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +1 -1
- package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +1 -1
- package/lib/components/ConditionBuilder/utils/useDataConfigs.js +1 -1
- package/lib/components/ConditionBuilder/utils/useTranslations.js +1 -1
- package/lib/components/ConditionBuilder/utils/util.js +1 -1
- package/lib/components/CreateFullPage/CreateFullPage.js +1 -1
- package/lib/components/CreateFullPage/CreateFullPageStep.js +1 -1
- package/lib/components/CreateInfluencer/CreateInfluencer.js +1 -1
- package/lib/components/CreateModal/CreateModal.js +1 -1
- package/lib/components/CreateSidePanel/CreateSidePanel.js +1 -1
- package/lib/components/CreateTearsheet/CreateTearsheet.js +3 -2
- package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +1 -1
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +1 -1
- package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +1 -1
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +1 -1
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +1 -1
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +1 -1
- package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +1 -1
- package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +1 -1
- package/lib/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +1 -1
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +1 -1
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +1 -1
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +1 -1
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +1 -1
- package/lib/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +1 -1
- package/lib/components/DataSpreadsheet/utils/checkForHoldingKey.js +1 -1
- package/lib/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +1 -1
- package/lib/components/DataSpreadsheet/utils/commonEventHandlers.js +1 -1
- package/lib/components/DataSpreadsheet/utils/createActiveCellFn.js +1 -1
- package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js +1 -1
- package/lib/components/DataSpreadsheet/utils/getCellSize.js +1 -1
- package/lib/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +1 -1
- package/lib/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +1 -1
- package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +1 -1
- package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +1 -1
- package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +1 -1
- package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js +1 -1
- package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +1 -1
- package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +1 -1
- package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +1 -1
- package/lib/components/DataSpreadsheet/utils/removeCellSelections.js +1 -1
- package/lib/components/DataSpreadsheet/utils/selectAllCells.js +1 -1
- package/lib/components/Datagrid/Datagrid/Datagrid.js +1 -1
- package/lib/components/Datagrid/Datagrid/DatagridBody.js +1 -1
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +1 -1
- package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +1 -1
- package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +1 -1
- package/lib/components/Datagrid/Datagrid/DatagridHead.js +1 -1
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -1
- package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +1 -1
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +1 -1
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +31 -2
- package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +1 -1
- package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +1 -1
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +1 -1
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +1 -1
- package/lib/components/Datagrid/Datagrid/DraggableElement.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/AiLabel/DatagridAiLabel.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/handleCheckboxChange.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +1 -1
- package/lib/components/Datagrid/common-column-ids.js +1 -1
- package/lib/components/Datagrid/useActionsColumn.js +1 -1
- package/lib/components/Datagrid/useColumnCenterAlign.js +1 -1
- package/lib/components/Datagrid/useColumnOrder.js +1 -1
- package/lib/components/Datagrid/useColumnRightAlign.js +1 -1
- package/lib/components/Datagrid/useCustomizeColumns.js +1 -1
- package/lib/components/Datagrid/useDatagrid.js +1 -1
- package/lib/components/Datagrid/useDefaultStringRenderer.js +1 -1
- package/lib/components/Datagrid/useDisableSelectRows.js +1 -1
- package/lib/components/Datagrid/useEditableCell.js +1 -1
- package/lib/components/Datagrid/useExpandedRow.js +1 -1
- package/lib/components/Datagrid/useFiltering.js +1 -1
- package/lib/components/Datagrid/useFlexResize.js +1 -1
- package/lib/components/Datagrid/useFloatingScroll.js +1 -1
- package/lib/components/Datagrid/useFocusRowExpander.js +1 -1
- package/lib/components/Datagrid/useInfiniteScroll.js +1 -1
- package/lib/components/Datagrid/useInitialColumnSort.js +1 -1
- package/lib/components/Datagrid/useInlineEdit.js +1 -1
- package/lib/components/Datagrid/useNestedRowExpander.js +1 -1
- package/lib/components/Datagrid/useNestedRows.js +1 -1
- package/lib/components/Datagrid/useOnRowClick.js +1 -1
- package/lib/components/Datagrid/useParentDimensions.js +1 -1
- package/lib/components/Datagrid/useResizeTable.js +1 -1
- package/lib/components/Datagrid/useRowExpander.js +1 -1
- package/lib/components/Datagrid/useRowIsMouseOver.js +1 -1
- package/lib/components/Datagrid/useRowRenderer.js +1 -1
- package/lib/components/Datagrid/useRowSize.js +1 -1
- package/lib/components/Datagrid/useSelectAllToggle.js +1 -1
- package/lib/components/Datagrid/useSelectRows.js +1 -1
- package/lib/components/Datagrid/useSkeletonRows.js +1 -1
- package/lib/components/Datagrid/useSortableColumns.js +1 -1
- package/lib/components/Datagrid/useStickyColumn.js +1 -1
- package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.js +1 -1
- package/lib/components/Decorator/Decorator.js +1 -1
- package/lib/components/DecoratorBase/DecoratorBase.js +1 -1
- package/lib/components/DecoratorBase/DecoratorIcon.js +1 -1
- package/lib/components/DecoratorBase/utils.js +1 -1
- package/lib/components/DecoratorDualButton/DecoratorDualButton.js +1 -1
- package/lib/components/DecoratorLink/DecoratorLink.js +1 -1
- package/lib/components/DecoratorSingleButton/DecoratorSingleButton.js +1 -1
- package/lib/components/DelimitedList/DelimitedList.js +1 -1
- package/lib/components/DescriptionList/DescriptionList.js +1 -1
- package/lib/components/DescriptionList/DescriptionListBody.js +1 -1
- package/lib/components/DescriptionList/DescriptionListCell.js +1 -1
- package/lib/components/DescriptionList/DescriptionListRow.js +1 -1
- package/lib/components/DescriptionList/constants.js +1 -1
- package/lib/components/EditFullPage/EditFullPage.js +1 -1
- package/lib/components/EditInPlace/EditInPlace.js +1 -1
- package/lib/components/EditSidePanel/EditSidePanel.js +1 -1
- package/lib/components/EditTearsheet/EditTearsheet.js +1 -1
- package/lib/components/EditTearsheet/EditTearsheetForm.js +1 -1
- package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +1 -1
- package/lib/components/EditUpdateCards/EditUpdateCards.js +1 -1
- package/lib/components/EmptyStates/EmptyState.js +1 -1
- package/lib/components/EmptyStates/EmptyStateContent.js +1 -1
- package/lib/components/EmptyStates/EmptyStateIllustration.js +1 -1
- package/lib/components/EmptyStates/EmptyStateV2.js +1 -1
- package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +1 -1
- package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -1
- package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +1 -1
- package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +1 -1
- package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +1 -1
- package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +1 -1
- package/lib/components/EmptyStates/assets/ErrorIllustration.js +1 -1
- package/lib/components/EmptyStates/assets/NoDataIllustration.js +1 -1
- package/lib/components/EmptyStates/assets/NoTagsIllustration.js +1 -1
- package/lib/components/EmptyStates/assets/NotFoundIllustration.js +1 -1
- package/lib/components/EmptyStates/assets/NotificationsIllustration.js +1 -1
- package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +1 -1
- package/lib/components/ExportModal/ExportModal.js +1 -1
- package/lib/components/ExpressiveCard/ExpressiveCard.js +1 -1
- package/lib/components/FeatureFlags/index.js +1 -1
- package/lib/components/FilterPanel/FilterPanel.js +1 -1
- package/lib/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js +1 -1
- package/lib/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js +1 -1
- package/lib/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js +1 -1
- package/lib/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js +1 -1
- package/lib/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js +1 -1
- package/lib/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js +1 -1
- package/lib/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js +1 -1
- package/lib/components/FilterSummary/FilterSummary.js +2 -2
- package/lib/components/FullPageError/FullPageError.js +1 -1
- package/lib/components/FullPageError/assets/Error403SVG.js +1 -1
- package/lib/components/FullPageError/assets/Error404SVG.js +1 -1
- package/lib/components/FullPageError/assets/ErrorGenericSVG.js +1 -1
- package/lib/components/GetStartedCard/GetStartedCard.js +1 -1
- package/lib/components/Guidebanner/Guidebanner.js +1 -1
- package/lib/components/Guidebanner/GuidebannerElement.js +1 -1
- package/lib/components/Guidebanner/GuidebannerElementButton.js +1 -1
- package/lib/components/Guidebanner/GuidebannerElementLink.js +1 -1
- package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +2 -2
- package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +2 -2
- package/lib/components/HTTPErrors/HTTPErrorContent.js +1 -1
- package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +2 -2
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +1 -1
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +1 -1
- package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +1 -1
- package/lib/components/ImportModal/ImportModal.js +1 -1
- package/lib/components/InlineTip/InlineTip.js +1 -1
- package/lib/components/InlineTip/InlineTipButton.js +1 -1
- package/lib/components/InlineTip/InlineTipLink.js +1 -1
- package/lib/components/InlineTip/utils.js +1 -1
- package/lib/components/InterstitialScreen/InterstitialScreen.js +3 -4
- package/lib/components/InterstitialScreenView/InterstitialScreenView.js +1 -1
- package/lib/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js +1 -1
- package/lib/components/MultiAddSelect/MultiAddSelect.js +1 -1
- package/lib/components/Nav/Nav.js +1 -1
- package/lib/components/Nav/NavItem.js +1 -1
- package/lib/components/Nav/NavItemLink.js +1 -1
- package/lib/components/Nav/NavList.js +1 -1
- package/lib/components/NonLinearReading/NonLinearReading.js +1 -1
- package/lib/components/NotificationsPanel/NotificationsPanel.js +1 -1
- package/lib/components/NotificationsPanel/utils.js +1 -1
- package/lib/components/OptionsTile/OptionsTile.js +1 -1
- package/lib/components/PageHeader/PageHeader.js +13 -3
- package/lib/components/PageHeader/PageHeaderTitle.js +9 -28
- package/lib/components/PageHeader/PageHeaderUtils.js +1 -1
- package/lib/components/ProductiveCard/ProductiveCard.d.ts +6 -2
- package/lib/components/ProductiveCard/ProductiveCard.js +8 -6
- package/lib/components/RemoveModal/RemoveModal.js +1 -1
- package/lib/components/Saving/Saving.js +1 -1
- package/lib/components/ScrollGradient/ScrollGradient.js +1 -1
- package/lib/components/ScrollGradient/constants.js +1 -1
- package/lib/components/SearchBar/SearchBar.js +1 -1
- package/lib/components/SidePanel/SidePanel.d.ts +6 -1
- package/lib/components/SidePanel/SidePanel.js +42 -27
- package/lib/components/SidePanel/constants.js +1 -1
- package/lib/components/SidePanel/motion/variants.js +1 -1
- package/lib/components/SimpleHeader/SimpleHeader.js +1 -1
- package/lib/components/SingleAddSelect/SingleAddSelect.js +1 -1
- package/lib/components/StatusIcon/StatusIcon.js +1 -1
- package/lib/components/StatusIndicator/StatusIndicator.js +1 -1
- package/lib/components/StatusIndicator/StatusIndicatorStep.js +1 -1
- package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +1 -1
- package/lib/components/StringFormatter/StringFormatter.js +1 -1
- package/lib/components/StringFormatter/utils/enums.js +1 -1
- package/lib/components/TagOverflow/TagOverflow.js +2 -5
- package/lib/components/TagOverflow/TagOverflowModal.js +1 -1
- package/lib/components/TagOverflow/TagOverflowPopover.js +1 -1
- package/lib/components/TagOverflow/constants.js +1 -1
- package/lib/components/TagSet/TagSet.js +1 -1
- package/lib/components/TagSet/TagSetModal.js +1 -1
- package/lib/components/TagSet/TagSetOverflow.js +1 -1
- package/lib/components/Tearsheet/Tearsheet.js +1 -1
- package/lib/components/Tearsheet/TearsheetNarrow.js +1 -1
- package/lib/components/Tearsheet/TearsheetShell.d.ts +4 -0
- package/lib/components/Tearsheet/TearsheetShell.js +6 -38
- package/lib/components/Toolbar/Toolbar.js +1 -1
- package/lib/components/Toolbar/ToolbarButton.js +1 -1
- package/lib/components/Toolbar/ToolbarGroup.js +1 -1
- package/lib/components/TooltipTrigger/TooltipTrigger.js +1 -1
- package/lib/components/TruncatedList/TruncatedList.js +1 -1
- package/lib/components/UserAvatar/UserAvatar.js +1 -1
- package/lib/components/UserProfileImage/UserProfileImage.js +1 -1
- package/lib/components/WebTerminal/WebTerminal.js +1 -1
- package/lib/components/WebTerminal/WebTerminalContentWrapper.js +1 -1
- package/lib/components/WebTerminal/hooks/index.js +1 -1
- package/lib/components/_Canary/Canary.js +1 -1
- package/lib/feature-flags.js +1 -1
- package/lib/global/js/hooks/useActiveElement.js +1 -1
- package/lib/global/js/hooks/useClickOutside.js +1 -1
- package/lib/global/js/hooks/useControllableState.js +1 -1
- package/lib/global/js/hooks/useCreateComponentFocus.js +1 -1
- package/lib/global/js/hooks/useCreateComponentStepChange.js +1 -1
- package/lib/global/js/hooks/useFocus.d.ts +1 -1
- package/lib/global/js/hooks/useFocus.js +8 -5
- package/lib/global/js/hooks/useIsomorphicEffect.js +1 -1
- package/lib/global/js/hooks/usePortalTarget.js +1 -1
- package/lib/global/js/hooks/usePrefersReducedMotion.js +1 -1
- package/lib/global/js/hooks/usePrefix.js +1 -1
- package/lib/global/js/hooks/usePreviousValue.js +1 -1
- package/lib/global/js/hooks/useResetCreateComponent.js +1 -1
- package/lib/global/js/hooks/useResizeObserver.js +1 -1
- package/lib/global/js/hooks/useRetrieveFormTitles.js +1 -1
- package/lib/global/js/hooks/useRetrieveStepData.js +1 -1
- package/lib/global/js/hooks/useValidCreateStepCount.js +1 -1
- package/lib/global/js/hooks/useWindowResize.js +1 -1
- package/lib/global/js/hooks/useWindowScroll.js +1 -1
- package/lib/global/js/package-settings.js +1 -1
- package/lib/global/js/utils/Wrap.js +1 -1
- package/lib/global/js/utils/checkForOverflow.d.ts +5 -0
- package/lib/global/js/utils/checkForOverflow.js +34 -0
- package/lib/global/js/utils/deepCloneObject.js +1 -1
- package/lib/global/js/utils/devtools.js +1 -1
- package/lib/global/js/utils/getBezierValues.js +1 -1
- package/lib/global/js/utils/getFocusableElements.js +1 -1
- package/lib/global/js/utils/getNodeTextContent.js +1 -1
- package/lib/global/js/utils/getNumberOfHiddenSteps.js +1 -1
- package/lib/global/js/utils/getScrollbarWidth.js +1 -1
- package/lib/global/js/utils/keyboardNavigation.js +1 -1
- package/lib/global/js/utils/lastIndexInArray.js +1 -1
- package/lib/global/js/utils/motionConstants.js +1 -1
- package/lib/global/js/utils/pconsole.js +1 -1
- package/lib/global/js/utils/props-helper.js +1 -1
- package/lib/global/js/utils/rangeWithCallback.js +1 -1
- package/lib/global/js/utils/scrollableAncestor.js +1 -1
- package/lib/global/js/utils/useId.js +1 -1
- package/lib/global/js/utils/uuidv4.js +1 -1
- package/lib/global/js/utils/wait.js +1 -1
- package/lib/global/js/utils/wrapFocus.js +1 -1
- package/lib/index.js +1 -1
- package/lib/node_modules/@carbon/colors/es/index.js +1 -1
- package/lib/node_modules/@carbon/icon-helpers/es/index.js +1 -1
- package/lib/node_modules/@carbon/icons-react/es/Icon.js +1 -1
- package/lib/node_modules/@carbon/icons-react/es/generated/bucket-3.js +1 -1
- package/lib/node_modules/@carbon/icons-react/es/generated/bucket-9.js +1 -1
- package/lib/node_modules/@carbon/icons-react/es/iconPropTypes-4cbeb95d.js +1 -1
- package/lib/node_modules/object-assign/index.js +1 -1
- package/lib/node_modules/prop-types/checkPropTypes.js +1 -1
- package/lib/node_modules/prop-types/factoryWithThrowingShims.js +1 -1
- package/lib/node_modules/prop-types/factoryWithTypeCheckers.js +1 -1
- package/lib/node_modules/prop-types/index.js +1 -1
- package/lib/node_modules/prop-types/lib/ReactPropTypesSecret.js +1 -1
- package/lib/node_modules/prop-types/lib/has.js +1 -1
- package/lib/settings.js +1 -1
- package/package.json +8 -8
- package/scss/components/APIKeyModal/_api-key-modal.scss +4 -0
- package/scss/components/PageHeader/_page-header.scss +18 -6
- package/scss/components/SidePanel/_side-panel.scss +13 -6
- package/telemetry.yml +4 -0
@@ -110,14 +110,19 @@ type SidePanelBaseProps = {
|
|
110
110
|
*/
|
111
111
|
slideIn?: boolean;
|
112
112
|
/**
|
113
|
-
* @deprecated please use the `
|
113
|
+
* @deprecated please use the `decorator` instead
|
114
114
|
* **Experimental:** Provide a `Slug` component to be rendered inside the `SidePanel` component
|
115
115
|
*/
|
116
116
|
slug?: ReactNode;
|
117
117
|
/**
|
118
|
+
* @deprecated please use the `decorator` instead
|
118
119
|
* Optional prop that is intended for any scenario where something is being generated by AI to reinforce AI transparency, accountability, and explainability at the UI level.
|
119
120
|
*/
|
120
121
|
aiLabel?: ReactNode;
|
122
|
+
/**
|
123
|
+
* Provide a `decorator` component to be rendered inside the `SidePanel` component
|
124
|
+
*/
|
125
|
+
decorator?: ReactNode;
|
121
126
|
/**
|
122
127
|
* Sets the subtitle text
|
123
128
|
*/
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/**
|
2
|
-
* Copyright IBM Corp. 2020,
|
2
|
+
* Copyright IBM Corp. 2020, 2025
|
3
3
|
*
|
4
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
@@ -24,7 +24,7 @@ import usePrefersReducedMotion from '../../global/js/hooks/usePrefersReducedMoti
|
|
24
24
|
import { useFocus, getSpecificElement } from '../../global/js/hooks/useFocus.js';
|
25
25
|
import { usePreviousValue } from '../../global/js/hooks/usePreviousValue.js';
|
26
26
|
|
27
|
-
var _excluded = ["actionToolbarButtons", "actions", "aiLabel", "animateTitle", "children", "className", "closeIconDescription", "condensedActions", "currentStep", "id", "includeOverlay", "labelText", "navigationBackIconDescription", "onNavigationBack", "onRequestClose", "onUnmount", "open", "placement", "preventCloseOnClickOutside", "selectorPageContent", "selectorPrimaryFocus", "size", "slideIn", "slug", "subtitle", "title", "launcherButtonRef"],
|
27
|
+
var _excluded = ["actionToolbarButtons", "actions", "aiLabel", "animateTitle", "children", "className", "closeIconDescription", "condensedActions", "currentStep", "decorator", "id", "includeOverlay", "labelText", "navigationBackIconDescription", "onNavigationBack", "onRequestClose", "onUnmount", "open", "placement", "preventCloseOnClickOutside", "selectorPageContent", "selectorPrimaryFocus", "size", "slideIn", "slug", "subtitle", "title", "launcherButtonRef"],
|
28
28
|
_excluded2 = ["label", "kind", "hasIconOnly", "icon", "renderIcon", "tooltipPosition", "tooltipAlignment", "leading", "disabled", "className", "onClick"];
|
29
29
|
var blockClass = "".concat(pkg.prefix, "--side-panel");
|
30
30
|
var componentName = 'SidePanel';
|
@@ -57,6 +57,7 @@ var SidePanel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
57
57
|
condensedActions = _ref.condensedActions,
|
58
58
|
_ref$currentStep = _ref.currentStep,
|
59
59
|
currentStep = _ref$currentStep === void 0 ? defaults.currentStep : _ref$currentStep,
|
60
|
+
decorator = _ref.decorator,
|
60
61
|
_ref$id = _ref.id,
|
61
62
|
id = _ref$id === void 0 ? blockClass : _ref$id,
|
62
63
|
includeOverlay = _ref.includeOverlay,
|
@@ -266,7 +267,7 @@ var SidePanel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
266
267
|
if (!open) {
|
267
268
|
onUnmount === null || onUnmount === void 0 || onUnmount();
|
268
269
|
}
|
269
|
-
setAnimationComplete(
|
270
|
+
setAnimationComplete(!animationComplete);
|
270
271
|
};
|
271
272
|
|
272
273
|
// Set the internal state `animationComplete` to true if
|
@@ -320,22 +321,24 @@ var SidePanel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
320
321
|
}
|
321
322
|
}, [slideIn, selectorPageContent, placement, size, shouldReduceMotion, open]);
|
322
323
|
useEffect(function () {
|
323
|
-
if (open) {
|
324
|
-
|
325
|
-
|
326
|
-
|
327
|
-
|
328
|
-
|
329
|
-
primeFocusEl === null || primeFocusEl === void 0
|
330
|
-
}
|
331
|
-
} else if (!slideIn) {
|
332
|
-
firstElement === null || firstElement === void 0 || firstElement.focus();
|
324
|
+
if (open && animationComplete) {
|
325
|
+
if (selectorPrimaryFocus && getSpecificElement(sidePanelRef === null || sidePanelRef === void 0 ? void 0 : sidePanelRef.current, selectorPrimaryFocus)) {
|
326
|
+
var _window2;
|
327
|
+
var primeFocusEl = getSpecificElement(sidePanelRef === null || sidePanelRef === void 0 ? void 0 : sidePanelRef.current, selectorPrimaryFocus);
|
328
|
+
if (primeFocusEl && ((_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.getComputedStyle(primeFocusEl)) === null || _window2 === void 0 ? void 0 : _window2.display) !== 'none') {
|
329
|
+
setTimeout(function () {
|
330
|
+
return primeFocusEl === null || primeFocusEl === void 0 ? void 0 : primeFocusEl.focus();
|
331
|
+
}, 0);
|
333
332
|
}
|
334
|
-
}
|
333
|
+
} else if (!slideIn) {
|
334
|
+
setTimeout(function () {
|
335
|
+
return firstElement === null || firstElement === void 0 ? void 0 : firstElement.focus();
|
336
|
+
}, 0);
|
337
|
+
}
|
335
338
|
}
|
336
339
|
}, [animationComplete, firstElement, open, selectorPrimaryFocus, sidePanelRef, slideIn]);
|
337
340
|
var primaryActionContainerClassNames = cx(["".concat(blockClass, "__actions-container"), _defineProperty({}, "".concat(blockClass, "__actions-container--condensed"), condensedActions)]);
|
338
|
-
var mainPanelClassNames = cx([blockClass, className, "".concat(blockClass), "".concat(blockClass, "--").concat(size), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "--right-placement"), placement === 'right'), "".concat(blockClass, "--left-placement"), placement === 'left'), "".concat(blockClass, "--slide-in"), slideIn), "".concat(blockClass, "--has-ai-label"),
|
341
|
+
var mainPanelClassNames = cx([blockClass, className, "".concat(blockClass), "".concat(blockClass, "--").concat(size), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "--right-placement"), placement === 'right'), "".concat(blockClass, "--left-placement"), placement === 'left'), "".concat(blockClass, "--slide-in"), slideIn), "".concat(blockClass, "--has-decorator"), decorator), "".concat(blockClass, "--has-slug"), slug), "".concat(blockClass, "--has-ai-label"), aiLabel), "".concat(blockClass, "--condensed-actions"), condensedActions), "".concat(blockClass, "--has-overlay"), includeOverlay)]);
|
339
342
|
var renderTitle = function renderTitle() {
|
340
343
|
return /*#__PURE__*/React__default.createElement("div", {
|
341
344
|
className: cx("".concat(blockClass, "__title"), _defineProperty({}, "".concat(blockClass, "__title--no-label"), !labelTextRef.current)),
|
@@ -351,23 +354,29 @@ var SidePanel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
351
354
|
}, title));
|
352
355
|
};
|
353
356
|
var renderHeader = function renderHeader() {
|
354
|
-
var _slug$type, _aiLabel$type;
|
355
|
-
var
|
356
|
-
var
|
357
|
+
var _slug$type, _aiLabel$type, _decorator$type;
|
358
|
+
var closeSize = actions && actions.length && /l/.test(size) ? 'md' : 'sm';
|
359
|
+
var normalizedDecorator;
|
357
360
|
/**
|
358
361
|
* slug is deprecated
|
359
362
|
* can remove this condition in future release
|
360
363
|
*/
|
361
|
-
if (slug && ((_slug$type = slug['type']) === null || _slug$type === void 0 ? void 0 : _slug$type.displayName) === '
|
362
|
-
|
364
|
+
if (slug && ((_slug$type = slug['type']) === null || _slug$type === void 0 ? void 0 : _slug$type.displayName) === 'AILabel') {
|
365
|
+
normalizedDecorator = /*#__PURE__*/React__default.cloneElement(slug, {
|
363
366
|
// slug size is sm unless actions and size > md
|
364
|
-
size:
|
367
|
+
size: closeSize
|
365
368
|
});
|
366
369
|
}
|
367
370
|
if (aiLabel && ((_aiLabel$type = aiLabel['type']) === null || _aiLabel$type === void 0 ? void 0 : _aiLabel$type.displayName) === 'AILabel') {
|
368
|
-
|
371
|
+
normalizedDecorator = /*#__PURE__*/React__default.cloneElement(aiLabel, {
|
369
372
|
// aiLabel size is sm unless actions and size > md
|
370
|
-
size:
|
373
|
+
size: closeSize
|
374
|
+
});
|
375
|
+
}
|
376
|
+
if ((decorator === null || decorator === void 0 || (_decorator$type = decorator['type']) === null || _decorator$type === void 0 ? void 0 : _decorator$type.displayName) === 'AILabel') {
|
377
|
+
normalizedDecorator = /*#__PURE__*/React__default.cloneElement(decorator, {
|
378
|
+
// decorator size is sm unless actions and size > md
|
379
|
+
size: closeSize
|
371
380
|
});
|
372
381
|
}
|
373
382
|
return /*#__PURE__*/React__default.createElement("div", {
|
@@ -375,7 +384,7 @@ var SidePanel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
375
384
|
ref: headerRef
|
376
385
|
}, currentStep > 0 && /*#__PURE__*/React__default.createElement(Button, {
|
377
386
|
kind: "ghost",
|
378
|
-
size:
|
387
|
+
size: closeSize,
|
379
388
|
disabled: false,
|
380
389
|
renderIcon: function renderIcon(props) {
|
381
390
|
return /*#__PURE__*/React__default.createElement(ArrowLeft, _extends({
|
@@ -389,8 +398,8 @@ var SidePanel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
389
398
|
className: "".concat(blockClass, "__label-text"),
|
390
399
|
ref: labelTextRef
|
391
400
|
}, labelText), title && title.length && renderTitle(), /*#__PURE__*/React__default.createElement("div", {
|
392
|
-
className: "".concat(blockClass, "
|
393
|
-
},
|
401
|
+
className: "".concat(blockClass, "__decorator-and-close")
|
402
|
+
}, normalizedDecorator, /*#__PURE__*/React__default.createElement(IconButton, {
|
394
403
|
className: "".concat(blockClass, "__close-button"),
|
395
404
|
label: closeIconDescription,
|
396
405
|
onClick: onRequestClose,
|
@@ -493,7 +502,13 @@ var deprecatedProps = {
|
|
493
502
|
* **deprecated**
|
494
503
|
* **Experimental:** Provide a `Slug` component to be rendered inside the `SidePanel` component
|
495
504
|
*/
|
496
|
-
slug: PropTypes.node
|
505
|
+
slug: PropTypes.node,
|
506
|
+
/**
|
507
|
+
* **deprecated**
|
508
|
+
* Please use the `decorator` instead
|
509
|
+
* Optional prop that is intended for any scenario where something is being generated by AI to reinforce AI transparency, accountability, and explainability at the UI level.
|
510
|
+
*/
|
511
|
+
aiLabel: PropTypes.node
|
497
512
|
};
|
498
513
|
SidePanel.propTypes = _objectSpread2({
|
499
514
|
/**
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/**
|
2
|
-
* Copyright IBM Corp. 2020,
|
2
|
+
* Copyright IBM Corp. 2020, 2025
|
3
3
|
*
|
4
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
@@ -7,7 +7,7 @@
|
|
7
7
|
|
8
8
|
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
9
9
|
import React__default, { forwardRef, useRef, useState, useCallback, useEffect, createElement } from 'react';
|
10
|
-
import {
|
10
|
+
import { DismissibleTag, Tag } from '@carbon/react';
|
11
11
|
import PropTypes from '../../_virtual/index.js';
|
12
12
|
import { TYPES } from './constants.js';
|
13
13
|
import { TagOverflowModal } from './TagOverflowModal.js';
|
@@ -189,9 +189,6 @@ var TagOverflow = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
189
189
|
return itemRefHandler(id, node);
|
190
190
|
},
|
191
191
|
key: id
|
192
|
-
}, /*#__PURE__*/React__default.createElement(Tooltip, {
|
193
|
-
align: overflowAlign,
|
194
|
-
label: label
|
195
192
|
}, typeof _onClose === 'function' || filter ? /*#__PURE__*/React__default.createElement(DismissibleTag, _extends({}, other, {
|
196
193
|
className: "".concat(blockClass, "__item--tag"),
|
197
194
|
type: tagType,
|
@@ -202,7 +199,7 @@ var TagOverflow = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
202
199
|
})) : /*#__PURE__*/React__default.createElement(Tag, _extends({}, other, {
|
203
200
|
className: "".concat(blockClass, "__item--tag"),
|
204
201
|
type: tagType
|
205
|
-
}), label))
|
202
|
+
}), label));
|
206
203
|
}
|
207
204
|
}), /*#__PURE__*/React__default.createElement("span", {
|
208
205
|
className: "".concat(blockClass, "__indicator"),
|
@@ -19,6 +19,10 @@ interface TearsheetShellProps extends PropsWithChildren {
|
|
19
19
|
* An optional class or classes to be added to the outermost element.
|
20
20
|
*/
|
21
21
|
className?: string;
|
22
|
+
/**
|
23
|
+
* Used to track the current step on components which use `StepsContext` and `TearsheetShell`
|
24
|
+
*/
|
25
|
+
currentStep?: number;
|
22
26
|
/**
|
23
27
|
* A description of the flow, displayed in the header area of the tearsheet.
|
24
28
|
*/
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/**
|
2
|
-
* Copyright IBM Corp. 2020,
|
2
|
+
* Copyright IBM Corp. 2020, 2025
|
3
3
|
*
|
4
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
@@ -21,7 +21,7 @@ import { usePortalTarget } from '../../global/js/hooks/usePortalTarget.js';
|
|
21
21
|
import { useFocus, claimFocus } from '../../global/js/hooks/useFocus.js';
|
22
22
|
import { usePreviousValue } from '../../global/js/hooks/usePreviousValue.js';
|
23
23
|
|
24
|
-
var _excluded = ["actions", "aiLabel", "ariaLabel", "children", "className", "closeIconDescription", "description", "hasCloseIcon", "headerActions", "influencer", "influencerPosition", "influencerWidth", "label", "navigation", "onClose", "open", "portalTarget", "selectorPrimaryFocus", "selectorsFloatingMenus", "size", "slug", "title", "verticalPosition", "launcherButtonRef"];
|
24
|
+
var _excluded = ["actions", "aiLabel", "ariaLabel", "children", "className", "closeIconDescription", "currentStep", "description", "hasCloseIcon", "headerActions", "influencer", "influencerPosition", "influencerWidth", "label", "navigation", "onClose", "open", "portalTarget", "selectorPrimaryFocus", "selectorsFloatingMenus", "size", "slug", "title", "verticalPosition", "launcherButtonRef"];
|
25
25
|
// The block part of our conventional BEM class names (bc__E--M).
|
26
26
|
var bc = "".concat(pkg.prefix, "--tearsheet");
|
27
27
|
var componentName = 'TearsheetShell';
|
@@ -68,6 +68,7 @@ var TearsheetShell = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
|
|
68
68
|
children = _ref.children,
|
69
69
|
className = _ref.className,
|
70
70
|
closeIconDescription = _ref.closeIconDescription,
|
71
|
+
currentStep = _ref.currentStep,
|
71
72
|
description = _ref.description,
|
72
73
|
hasCloseIcon = _ref.hasCloseIcon,
|
73
74
|
headerActions = _ref.headerActions,
|
@@ -100,8 +101,7 @@ var TearsheetShell = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
|
|
100
101
|
var prevOpen = usePreviousValue(open);
|
101
102
|
var _useFocus = useFocus(modalRef, selectorPrimaryFocus),
|
102
103
|
firstElement = _useFocus.firstElement,
|
103
|
-
keyDownListener = _useFocus.keyDownListener
|
104
|
-
specifiedElement = _useFocus.specifiedElement;
|
104
|
+
keyDownListener = _useFocus.keyDownListener;
|
105
105
|
var modalRefValue = modalRef.current;
|
106
106
|
|
107
107
|
// Function to strip html tags out of a string.
|
@@ -137,23 +137,12 @@ var TearsheetShell = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
|
|
137
137
|
setDepth(newDepth);
|
138
138
|
setPosition(newPosition);
|
139
139
|
}
|
140
|
-
handleStackChange.checkFocus = function () {
|
141
|
-
// if we are now the topmost tearsheet, ensure we have focus
|
142
|
-
if (open && position === depth && modalRefValue && !modalRefValue.contains(document.activeElement)) {
|
143
|
-
handleStackChange.claimFocus();
|
144
|
-
}
|
145
|
-
};
|
146
|
-
|
147
|
-
// Callback to give the tearsheet the opportunity to claim focus
|
148
|
-
handleStackChange.claimFocus = function () {
|
149
|
-
claimFocus(firstElement, modalRef, selectorPrimaryFocus);
|
150
|
-
};
|
151
140
|
useEffect(function () {
|
152
|
-
if (open) {
|
141
|
+
if (open && position === depth) {
|
153
142
|
// Focusing the first element or selectorPrimaryFocus element
|
154
143
|
claimFocus(firstElement, modalRef, selectorPrimaryFocus);
|
155
144
|
}
|
156
|
-
}, [firstElement, modalRef, open, selectorPrimaryFocus]);
|
145
|
+
}, [currentStep, depth, firstElement, modalRef, modalRefValue, open, position, selectorPrimaryFocus]);
|
157
146
|
useEffect(function () {
|
158
147
|
if (prevOpen && !open && launcherButtonRef) {
|
159
148
|
setTimeout(function () {
|
@@ -161,22 +150,10 @@ var TearsheetShell = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
|
|
161
150
|
}, 0);
|
162
151
|
}
|
163
152
|
}, [launcherButtonRef, open, prevOpen]);
|
164
|
-
useEffect(function () {
|
165
|
-
if (open && position !== depth) {
|
166
|
-
setTimeout(function () {
|
167
|
-
if (selectorPrimaryFocus) {
|
168
|
-
return specifiedElement === null || specifiedElement === void 0 ? void 0 : specifiedElement.focus();
|
169
|
-
}
|
170
|
-
firstElement === null || firstElement === void 0 || firstElement.focus();
|
171
|
-
}, 0);
|
172
|
-
}
|
173
|
-
}, [position, depth, firstElement, open, specifiedElement, selectorPrimaryFocus]);
|
174
153
|
useEffect(function () {
|
175
154
|
var notify = function notify() {
|
176
155
|
return stack.all.forEach(function (handler) {
|
177
|
-
var _handler$checkFocus;
|
178
156
|
handler(Math.min(stack.open.length, maxDepth), stack.open.indexOf(handler) + 1);
|
179
|
-
(_handler$checkFocus = handler.checkFocus) === null || _handler$checkFocus === void 0 || _handler$checkFocus.call(handler);
|
180
157
|
});
|
181
158
|
};
|
182
159
|
|
@@ -211,14 +188,6 @@ var TearsheetShell = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
|
|
211
188
|
}
|
212
189
|
};
|
213
190
|
}, [open, size]);
|
214
|
-
function handleFocus() {
|
215
|
-
// If something within us is receiving focus but we are not the topmost
|
216
|
-
// stacked tearsheet, transfer focus to the topmost tearsheet instead
|
217
|
-
if (position < depth) {
|
218
|
-
var _stack$open$claimFocu, _stack$open;
|
219
|
-
(_stack$open$claimFocu = (_stack$open = stack.open[stack.open.length - 1]).claimFocus) === null || _stack$open$claimFocu === void 0 || _stack$open$claimFocu.call(_stack$open);
|
220
|
-
}
|
221
|
-
}
|
222
191
|
if (position <= depth) {
|
223
192
|
var _prevDepth$current;
|
224
193
|
// Include a modal header if and only if one or more of these is given.
|
@@ -250,7 +219,6 @@ var TearsheetShell = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
|
|
250
219
|
onClose: onClose,
|
251
220
|
open: open,
|
252
221
|
selectorPrimaryFocus: selectorPrimaryFocus,
|
253
|
-
onFocus: handleFocus,
|
254
222
|
onKeyDown: keyDownListener,
|
255
223
|
preventCloseOnClickOutside: !isPassive,
|
256
224
|
ref: modalRef,
|
package/es/feature-flags.js
CHANGED
@@ -12,4 +12,4 @@ export function useFocus(modalRef: any, selectorPrimaryFocus: any): {
|
|
12
12
|
specified: any;
|
13
13
|
};
|
14
14
|
};
|
15
|
-
export function claimFocus(firstElement: any, modalRef: any, selectorPrimaryFocus?: string | undefined):
|
15
|
+
export function claimFocus(firstElement: any, modalRef: any, selectorPrimaryFocus?: string | undefined): void;
|