@carbon/ibm-products 2.43.2-canary.257 → 2.43.2-canary.261
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 +1 -0
- 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 +1 -0
- 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 +1 -0
- 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 +1 -0
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/ActionBar/ActionBarOverflowItems.js +5 -0
- package/es/components/AddSelect/AddSelectBody.js +1 -1
- package/es/components/BigNumbers/BigNumbers.js +1 -1
- package/es/components/Coachmark/utils/enums.js +1 -0
- package/es/components/ScrollGradient/ScrollGradient.js +1 -1
- package/es/components/StringFormatter/StringFormatter.js +1 -1
- package/es/global/js/utils/devtools.js +1 -2
- package/lib/_virtual/_commonjsHelpers.js +0 -2
- package/lib/_virtual/_rollupPluginBabelHelpers.js +2 -4
- package/lib/_virtual/index.js +0 -2
- package/lib/components/APIKeyModal/APIKeyDownloader.js +8 -14
- package/lib/components/APIKeyModal/APIKeyModal.js +70 -77
- package/lib/components/AboutModal/AboutModal.js +29 -36
- package/lib/components/ActionBar/ActionBar.js +26 -33
- package/lib/components/ActionBar/ActionBarItem.js +9 -16
- package/lib/components/ActionBar/ActionBarOverflowItems.js +23 -25
- package/lib/components/ActionSet/ActionSet.js +17 -24
- package/lib/components/AddSelect/AddSelect.js +62 -68
- package/lib/components/AddSelect/AddSelectBody.js +82 -89
- package/lib/components/AddSelect/AddSelectBreadcrumbs.js +6 -13
- package/lib/components/AddSelect/AddSelectColumn.js +29 -35
- package/lib/components/AddSelect/AddSelectFilter.js +30 -37
- package/lib/components/AddSelect/AddSelectFormControl.js +15 -21
- package/lib/components/AddSelect/AddSelectList.js +9 -16
- package/lib/components/AddSelect/AddSelectMetaPanel.js +16 -22
- package/lib/components/AddSelect/AddSelectRow.js +32 -39
- package/lib/components/AddSelect/AddSelectSidebar.js +29 -35
- package/lib/components/AddSelect/AddSelectSort.js +10 -16
- package/lib/components/AddSelect/add-select-utils.js +0 -2
- package/lib/components/AddSelect/hooks/useFocus.js +1 -1
- package/lib/components/AddSelect/hooks/useItemSort.js +0 -2
- package/lib/components/AddSelect/hooks/useParentSelect.js +1 -1
- package/lib/components/AddSelect/hooks/usePath.js +1 -1
- package/lib/components/BigNumbers/BigNumbers.js +39 -46
- package/lib/components/BigNumbers/constants.js +0 -2
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +35 -42
- package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +22 -29
- package/lib/components/Card/Card.js +73 -80
- package/lib/components/Card/CardFooter.js +28 -35
- package/lib/components/Card/CardHeader.js +37 -44
- package/lib/components/Carousel/Carousel.js +21 -28
- package/lib/components/Carousel/CarouselItem.js +5 -12
- package/lib/components/Cascade/Cascade.js +15 -22
- package/lib/components/Checklist/Checklist.js +50 -57
- package/lib/components/Checklist/Checklist.types.js +0 -2
- package/lib/components/Checklist/ChecklistChart.js +7 -15
- package/lib/components/Checklist/ChecklistIcon.js +7 -14
- package/lib/components/Coachmark/Coachmark.js +24 -31
- package/lib/components/Coachmark/CoachmarkDragbar.js +12 -19
- package/lib/components/Coachmark/CoachmarkHeader.js +9 -16
- package/lib/components/Coachmark/CoachmarkOverlay.js +14 -21
- package/lib/components/Coachmark/CoachmarkTagline.js +12 -19
- package/lib/components/Coachmark/utils/constants.js +0 -2
- package/lib/components/Coachmark/utils/context.js +0 -2
- package/lib/components/Coachmark/utils/enums.js +1 -2
- package/lib/components/Coachmark/utils/hooks.js +0 -2
- package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +10 -17
- package/lib/components/CoachmarkButton/CoachmarkButton.js +6 -13
- package/lib/components/CoachmarkFixed/CoachmarkFixed.js +13 -20
- package/lib/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js +11 -18
- package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +25 -32
- package/lib/components/CoachmarkStack/CoachmarkStack.js +23 -30
- package/lib/components/CoachmarkStack/CoachmarkStackHome.js +29 -36
- package/lib/components/ComboButton/ComboButton.js +11 -18
- package/lib/components/ComboButton/ComboButtonItem/index.js +2 -8
- package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +34 -39
- package/lib/components/ConditionBuilder/ConditionBuilder.js +49 -56
- package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +18 -23
- package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +15 -20
- package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +20 -27
- package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +8 -12
- package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +4 -8
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +38 -42
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +25 -31
- package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +0 -2
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +17 -23
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +9 -15
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +5 -11
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +13 -19
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +17 -23
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +6 -12
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +9 -15
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +27 -32
- package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +25 -30
- package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +0 -2
- package/lib/components/ConditionBuilder/utils/useDataConfigs.js +0 -2
- package/lib/components/ConditionBuilder/utils/useTranslations.js +0 -2
- package/lib/components/ConditionBuilder/utils/util.js +0 -2
- package/lib/components/CreateFullPage/CreateFullPage.js +44 -51
- package/lib/components/CreateFullPage/CreateFullPageStep.js +22 -29
- package/lib/components/CreateInfluencer/CreateInfluencer.js +15 -22
- package/lib/components/CreateModal/CreateModal.js +22 -29
- package/lib/components/CreateSidePanel/CreateSidePanel.js +24 -31
- package/lib/components/CreateTearsheet/CreateTearsheet.js +26 -33
- package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +3 -10
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +31 -38
- package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +24 -31
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +37 -44
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +54 -61
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +37 -44
- package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +0 -2
- package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +0 -2
- package/lib/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +0 -2
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +0 -2
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +0 -2
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +0 -2
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +0 -2
- package/lib/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +0 -2
- package/lib/components/DataSpreadsheet/utils/checkForHoldingKey.js +0 -2
- package/lib/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +0 -2
- package/lib/components/DataSpreadsheet/utils/commonEventHandlers.js +1 -3
- package/lib/components/DataSpreadsheet/utils/createActiveCellFn.js +0 -2
- package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js +0 -2
- package/lib/components/DataSpreadsheet/utils/getCellSize.js +0 -2
- package/lib/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +0 -2
- package/lib/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +0 -2
- package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +0 -2
- package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +0 -2
- package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +0 -2
- package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js +1 -3
- package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +1 -3
- package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +2 -4
- package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +0 -2
- package/lib/components/DataSpreadsheet/utils/removeCellSelections.js +0 -2
- package/lib/components/DataSpreadsheet/utils/selectAllCells.js +1 -3
- package/lib/components/Datagrid/Datagrid/Datagrid.js +9 -16
- package/lib/components/Datagrid/Datagrid/DatagridBody.js +5 -9
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +43 -50
- package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +4 -8
- package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +6 -11
- package/lib/components/Datagrid/Datagrid/DatagridHead.js +2 -6
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +12 -17
- package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +3 -8
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +12 -17
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +4 -11
- package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +18 -23
- package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +3 -8
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +14 -19
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +5 -9
- package/lib/components/Datagrid/Datagrid/DraggableElement.js +17 -22
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +11 -12
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +10 -11
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +25 -31
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +18 -22
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +7 -13
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +3 -7
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +1 -7
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +34 -39
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +42 -47
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +5 -11
- package/lib/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +11 -15
- package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +0 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/handleCheckboxChange.js +0 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +16 -20
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +2 -6
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js +0 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +0 -2
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +18 -25
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +32 -39
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +2 -8
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +0 -2
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +0 -2
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +0 -2
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +0 -2
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +0 -2
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +12 -17
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +11 -16
- package/lib/components/Datagrid/Datagrid/addons/Slug/DatagridSlug.js +2 -8
- package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +0 -2
- package/lib/components/Datagrid/common-column-ids.js +0 -2
- package/lib/components/Datagrid/useActionsColumn.js +12 -17
- package/lib/components/Datagrid/useColumnCenterAlign.js +4 -9
- package/lib/components/Datagrid/useColumnRightAlign.js +4 -9
- package/lib/components/Datagrid/useCustomizeColumns.js +6 -7
- package/lib/components/Datagrid/useDatagrid.js +4 -8
- package/lib/components/Datagrid/useDefaultStringRenderer.js +5 -10
- package/lib/components/Datagrid/useDisableSelectRows.js +1 -1
- package/lib/components/Datagrid/useEditableCell.js +2 -2
- package/lib/components/Datagrid/useExpandedRow.js +3 -3
- package/lib/components/Datagrid/useFiltering.js +5 -5
- package/lib/components/Datagrid/useFlexResize.js +1 -1
- package/lib/components/Datagrid/useFloatingScroll.js +2 -6
- package/lib/components/Datagrid/useFocusRowExpander.js +0 -2
- package/lib/components/Datagrid/useInfiniteScroll.js +4 -8
- package/lib/components/Datagrid/useInitialColumnSort.js +0 -2
- package/lib/components/Datagrid/useInlineEdit.js +7 -12
- package/lib/components/Datagrid/useNestedRowExpander.js +5 -10
- package/lib/components/Datagrid/useNestedRows.js +3 -7
- 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 +5 -10
- package/lib/components/Datagrid/useRowIsMouseOver.js +2 -6
- package/lib/components/Datagrid/useRowRenderer.js +2 -2
- package/lib/components/Datagrid/useRowSize.js +2 -2
- package/lib/components/Datagrid/useSelectAllToggle.js +3 -8
- package/lib/components/Datagrid/useSelectRows.js +6 -11
- package/lib/components/Datagrid/useSkeletonRows.js +1 -1
- package/lib/components/Datagrid/useSortableColumns.js +8 -13
- package/lib/components/Datagrid/useStickyColumn.js +4 -9
- package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.js +0 -2
- package/lib/components/Decorator/Decorator.js +16 -22
- package/lib/components/DecoratorBase/DecoratorBase.js +41 -48
- package/lib/components/DecoratorBase/DecoratorIcon.js +6 -13
- package/lib/components/DecoratorBase/utils.js +0 -2
- package/lib/components/DecoratorDualButton/DecoratorDualButton.js +21 -27
- package/lib/components/DecoratorLink/DecoratorLink.js +19 -25
- package/lib/components/DecoratorSingleButton/DecoratorSingleButton.js +19 -25
- package/lib/components/DelimitedList/DelimitedList.js +7 -14
- package/lib/components/DescriptionList/DescriptionList.js +8 -15
- package/lib/components/DescriptionList/DescriptionListBody.js +5 -12
- package/lib/components/DescriptionList/DescriptionListCell.js +5 -12
- package/lib/components/DescriptionList/DescriptionListRow.js +5 -12
- package/lib/components/DescriptionList/constants.js +0 -2
- package/lib/components/EditFullPage/EditFullPage.js +5 -12
- package/lib/components/EditInPlace/EditInPlace.js +35 -42
- package/lib/components/EditSidePanel/EditSidePanel.js +26 -33
- package/lib/components/EditTearsheet/EditTearsheet.js +24 -31
- package/lib/components/EditTearsheet/EditTearsheetForm.js +16 -23
- package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +5 -12
- package/lib/components/EditUpdateCards/EditUpdateCards.js +32 -39
- package/lib/components/EmptyStates/EmptyState.js +22 -29
- package/lib/components/EmptyStates/EmptyStateContent.js +18 -25
- package/lib/components/EmptyStates/EmptyStateIllustration.js +3 -7
- package/lib/components/EmptyStates/EmptyStateV2.js +25 -32
- package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +19 -26
- package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +19 -26
- package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +19 -26
- package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +19 -26
- package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +19 -26
- package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +19 -26
- package/lib/components/EmptyStates/assets/ErrorIllustration.js +53 -58
- package/lib/components/EmptyStates/assets/NoDataIllustration.js +43 -48
- package/lib/components/EmptyStates/assets/NoTagsIllustration.js +114 -119
- package/lib/components/EmptyStates/assets/NotFoundIllustration.js +84 -89
- package/lib/components/EmptyStates/assets/NotificationsIllustration.js +81 -86
- package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +74 -79
- package/lib/components/ExportModal/ExportModal.js +45 -52
- package/lib/components/ExpressiveCard/ExpressiveCard.js +28 -34
- package/lib/components/FeatureFlags/index.js +3 -9
- package/lib/components/FilterPanel/FilterPanel.js +7 -14
- package/lib/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js +10 -17
- package/lib/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js +13 -20
- package/lib/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js +9 -16
- package/lib/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js +17 -24
- package/lib/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js +11 -18
- package/lib/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js +9 -16
- package/lib/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js +9 -16
- package/lib/components/FilterSummary/FilterSummary.js +22 -28
- package/lib/components/FullPageError/FullPageError.js +21 -28
- package/lib/components/FullPageError/assets/Error403SVG.js +129 -135
- package/lib/components/FullPageError/assets/Error404SVG.js +114 -120
- package/lib/components/FullPageError/assets/ErrorGenericSVG.js +128 -134
- package/lib/components/GetStartedCard/GetStartedCard.js +16 -22
- package/lib/components/Guidebanner/Guidebanner.js +32 -39
- package/lib/components/Guidebanner/GuidebannerElement.js +10 -17
- package/lib/components/Guidebanner/GuidebannerElementButton.js +9 -16
- package/lib/components/Guidebanner/GuidebannerElementLink.js +5 -12
- package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +5 -12
- package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +5 -12
- package/lib/components/HTTPErrors/HTTPErrorContent.js +5 -11
- package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +5 -12
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +358 -364
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +309 -315
- package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +321 -327
- package/lib/components/ImportModal/ImportModal.js +48 -55
- package/lib/components/InlineTip/InlineTip.js +38 -45
- package/lib/components/InlineTip/InlineTipButton.js +5 -12
- package/lib/components/InlineTip/InlineTipLink.js +6 -13
- package/lib/components/InlineTip/utils.js +2 -4
- package/lib/components/InterstitialScreen/InterstitialScreen.js +73 -80
- package/lib/components/InterstitialScreenView/InterstitialScreenView.js +6 -13
- package/lib/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js +8 -15
- package/lib/components/MultiAddSelect/MultiAddSelect.js +45 -51
- package/lib/components/Nav/Nav.js +14 -21
- package/lib/components/Nav/NavItem.js +19 -24
- package/lib/components/Nav/NavItemLink.js +4 -8
- package/lib/components/Nav/NavList.js +12 -17
- package/lib/components/NonLinearReading/NonLinearReading.js +12 -19
- package/lib/components/NotificationsPanel/NotificationsPanel.js +91 -98
- package/lib/components/NotificationsPanel/utils.js +0 -2
- package/lib/components/OptionsTile/OptionsTile.js +40 -47
- package/lib/components/PageHeader/PageHeader.js +105 -112
- package/lib/components/PageHeader/PageHeaderTitle.js +23 -30
- package/lib/components/PageHeader/PageHeaderUtils.js +2 -9
- package/lib/components/ProductiveCard/ProductiveCard.js +36 -42
- package/lib/components/RemoveModal/RemoveModal.js +27 -34
- package/lib/components/Saving/Saving.js +27 -34
- package/lib/components/ScrollGradient/ScrollGradient.js +17 -24
- package/lib/components/ScrollGradient/constants.js +0 -2
- package/lib/components/SearchBar/SearchBar.js +22 -29
- package/lib/components/SidePanel/SidePanel.js +66 -73
- package/lib/components/SidePanel/constants.js +0 -2
- package/lib/components/SidePanel/motion/variants.js +0 -2
- package/lib/components/SimpleHeader/SimpleHeader.js +18 -25
- package/lib/components/SingleAddSelect/SingleAddSelect.js +21 -27
- package/lib/components/StatusIcon/StatusIcon.js +52 -59
- package/lib/components/StatusIndicator/StatusIndicator.js +13 -20
- package/lib/components/StatusIndicator/StatusIndicatorStep.js +14 -21
- package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +8 -17
- package/lib/components/StringFormatter/StringFormatter.js +12 -19
- package/lib/components/StringFormatter/utils/enums.js +0 -2
- package/lib/components/TagOverflow/TagOverflow.js +26 -33
- package/lib/components/TagOverflow/TagOverflowModal.js +17 -24
- package/lib/components/TagOverflow/TagOverflowPopover.js +22 -29
- package/lib/components/TagOverflow/constants.js +0 -2
- package/lib/components/TagSet/TagSet.js +34 -41
- package/lib/components/TagSet/TagSetModal.js +16 -23
- package/lib/components/TagSet/TagSetOverflow.js +25 -32
- package/lib/components/Tearsheet/Tearsheet.js +23 -29
- package/lib/components/Tearsheet/TearsheetNarrow.js +18 -24
- package/lib/components/Tearsheet/TearsheetShell.js +55 -62
- package/lib/components/Toolbar/Toolbar.js +3 -10
- package/lib/components/Toolbar/ToolbarButton.js +3 -10
- package/lib/components/Toolbar/ToolbarGroup.js +2 -9
- package/lib/components/TooltipTrigger/TooltipTrigger.js +4 -11
- package/lib/components/TruncatedList/TruncatedList.js +15 -22
- package/lib/components/UserAvatar/UserAvatar.js +18 -25
- package/lib/components/UserProfileImage/UserProfileImage.js +24 -31
- package/lib/components/WebTerminal/WebTerminal.js +26 -33
- package/lib/components/WebTerminal/WebTerminalContentWrapper.js +4 -11
- package/lib/components/WebTerminal/hooks/index.js +2 -8
- package/lib/components/_Canary/Canary.js +7 -14
- package/lib/feature-flags.js +3 -4
- package/lib/global/js/hooks/useActiveElement.js +0 -2
- package/lib/global/js/hooks/useClickOutside.js +0 -2
- package/lib/global/js/hooks/useControllableState.js +2 -4
- package/lib/global/js/hooks/useCreateComponentFocus.js +1 -3
- package/lib/global/js/hooks/useCreateComponentStepChange.js +0 -2
- package/lib/global/js/hooks/useFocus.js +1 -3
- package/lib/global/js/hooks/useIsomorphicEffect.js +0 -2
- package/lib/global/js/hooks/usePortalTarget.js +0 -2
- package/lib/global/js/hooks/usePrefersReducedMotion.js +1 -1
- package/lib/global/js/hooks/usePrefix.js +1 -3
- package/lib/global/js/hooks/usePreviousValue.js +0 -2
- package/lib/global/js/hooks/useResetCreateComponent.js +0 -2
- package/lib/global/js/hooks/useResizeObserver.js +0 -2
- package/lib/global/js/hooks/useRetrieveFormTitles.js +0 -2
- package/lib/global/js/hooks/useRetrieveStepData.js +0 -2
- package/lib/global/js/hooks/useValidCreateStepCount.js +0 -2
- package/lib/global/js/hooks/useWindowResize.js +1 -3
- package/lib/global/js/hooks/useWindowScroll.js +1 -3
- package/lib/global/js/package-settings.js +1 -1
- package/lib/global/js/utils/Wrap.js +9 -15
- package/lib/global/js/utils/deepCloneObject.js +1 -3
- package/lib/global/js/utils/devtools.js +0 -2
- package/lib/global/js/utils/getBezierValues.js +0 -2
- package/lib/global/js/utils/getFocusableElements.js +0 -2
- package/lib/global/js/utils/getNodeTextContent.js +1 -3
- package/lib/global/js/utils/getNumberOfHiddenSteps.js +0 -2
- package/lib/global/js/utils/getScrollbarWidth.js +0 -2
- package/lib/global/js/utils/keyboardNavigation.js +0 -2
- package/lib/global/js/utils/lastIndexInArray.js +0 -2
- package/lib/global/js/utils/motionConstants.js +0 -2
- package/lib/global/js/utils/pconsole.js +1 -1
- package/lib/global/js/utils/props-helper.js +10 -12
- package/lib/global/js/utils/rangeWithCallback.js +0 -2
- package/lib/global/js/utils/scrollableAncestor.js +1 -3
- 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 +19 -21
- package/lib/node_modules/@carbon/colors/es/index.js +0 -2
- package/lib/node_modules/@carbon/icon-helpers/es/index.js +3 -5
- package/lib/node_modules/@carbon/icons-react/es/Icon.js +14 -18
- package/lib/node_modules/@carbon/icons-react/es/generated/bucket-2.js +525 -531
- package/lib/node_modules/@carbon/icons-react/es/generated/bucket-9.js +500 -506
- package/lib/node_modules/@carbon/icons-react/es/iconPropTypes-4cbeb95d.js +1 -3
- package/lib/node_modules/object-assign/index.js +0 -2
- package/lib/node_modules/prop-types/checkPropTypes.js +2 -4
- package/lib/node_modules/prop-types/factoryWithThrowingShims.js +0 -2
- package/lib/node_modules/prop-types/factoryWithTypeCheckers.js +4 -10
- package/lib/node_modules/prop-types/index.js +2 -6
- package/lib/node_modules/prop-types/lib/ReactPropTypesSecret.js +0 -2
- package/lib/node_modules/prop-types/lib/has.js +0 -2
- package/lib/settings.js +9 -15
- package/package.json +4 -4
- package/scss/components/SidePanel/_side-panel.scss +1 -0
@@ -7,8 +7,6 @@
|
|
7
7
|
|
8
8
|
'use strict';
|
9
9
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
11
|
-
|
12
10
|
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
13
11
|
var react = require('@carbon/react');
|
14
12
|
var React = require('react');
|
@@ -20,11 +18,6 @@ var settings = require('../../settings.js');
|
|
20
18
|
var usePortalTarget = require('../../global/js/hooks/usePortalTarget.js');
|
21
19
|
var uuidv4 = require('../../global/js/utils/uuidv4.js');
|
22
20
|
|
23
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
24
|
-
|
25
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
26
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
27
|
-
|
28
21
|
var _excluded = ["additionalInfo", "className", "closeIconDescription", "copyrightText", "content", "links", "logo", "modalAriaLabel", "onClose", "open", "portalTarget", "title", "version"];
|
29
22
|
|
30
23
|
// The block part of our conventional BEM class names (blockClass__E--M).
|
@@ -39,7 +32,7 @@ var componentName = 'AboutModal';
|
|
39
32
|
* should be immediately apparent to the user, with a clear and obvious path
|
40
33
|
* to completion.
|
41
34
|
*/
|
42
|
-
exports.AboutModal = /*#__PURE__*/
|
35
|
+
exports.AboutModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
43
36
|
var additionalInfo = _ref.additionalInfo,
|
44
37
|
className = _ref.className,
|
45
38
|
closeIconDescription = _ref.closeIconDescription,
|
@@ -58,7 +51,7 @@ exports.AboutModal = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
58
51
|
var localRef = React.useRef();
|
59
52
|
var modalRef = ref || localRef;
|
60
53
|
var contentRef = React.useRef(null);
|
61
|
-
var contentId = uuidv4
|
54
|
+
var contentId = uuidv4.default();
|
62
55
|
var renderPortalUse = usePortalTarget.usePortalTarget(portalTargetIn);
|
63
56
|
var _useFocus = useFocus.useFocus(modalRef),
|
64
57
|
firstElement = _useFocus.firstElement;
|
@@ -77,12 +70,12 @@ exports.AboutModal = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
77
70
|
}
|
78
71
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
79
72
|
}, [open]);
|
80
|
-
return renderPortalUse( /*#__PURE__*/
|
73
|
+
return renderPortalUse( /*#__PURE__*/React.createElement(react.unstable_FeatureFlags, {
|
81
74
|
flags: {
|
82
75
|
'enable-experimental-focus-wrap-without-sentinels': true
|
83
76
|
}
|
84
|
-
}, /*#__PURE__*/
|
85
|
-
className:
|
77
|
+
}, /*#__PURE__*/React.createElement(react.ComposedModal, _rollupPluginBabelHelpers.extends({}, rest, {
|
78
|
+
className: cx(blockClass,
|
86
79
|
// Apply the block class to the main HTML element
|
87
80
|
className // Apply any supplied class names to the main HTML element.
|
88
81
|
),
|
@@ -91,35 +84,35 @@ exports.AboutModal = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
91
84
|
}, _rollupPluginBabelHelpers.objectSpread2({
|
92
85
|
onClose: onClose,
|
93
86
|
open: open
|
94
|
-
}, devtools.getDevtoolsProps(componentName))), /*#__PURE__*/
|
87
|
+
}, devtools.getDevtoolsProps(componentName))), /*#__PURE__*/React.createElement("div", {
|
95
88
|
className: "".concat(blockClass, "__logo")
|
96
|
-
}, logo), /*#__PURE__*/
|
89
|
+
}, logo), /*#__PURE__*/React.createElement(react.ModalHeader, {
|
97
90
|
className: "".concat(blockClass, "__header"),
|
98
91
|
closeModal: onClose,
|
99
92
|
iconDescription: closeIconDescription,
|
100
93
|
label: title,
|
101
94
|
labelClassName: "".concat(blockClass, "__title")
|
102
|
-
}), /*#__PURE__*/
|
95
|
+
}), /*#__PURE__*/React.createElement(react.ModalBody, {
|
103
96
|
className: "".concat(blockClass, "__body")
|
104
|
-
}, /*#__PURE__*/
|
97
|
+
}, /*#__PURE__*/React.createElement("div", {
|
105
98
|
className: "".concat(blockClass, "__body-content"),
|
106
99
|
ref: contentRef,
|
107
100
|
id: contentId
|
108
|
-
}, /*#__PURE__*/
|
101
|
+
}, /*#__PURE__*/React.createElement("div", {
|
109
102
|
className: "".concat(blockClass, "__version")
|
110
|
-
}, version), links && links.length > 0 && /*#__PURE__*/
|
103
|
+
}, version), links && links.length > 0 && /*#__PURE__*/React.createElement("div", {
|
111
104
|
className: "".concat(blockClass, "__links-container")
|
112
105
|
}, links.map(function (link, i) {
|
113
|
-
return /*#__PURE__*/
|
106
|
+
return /*#__PURE__*/React.createElement(React.Fragment, {
|
114
107
|
key: i
|
115
108
|
}, link);
|
116
|
-
})), content && /*#__PURE__*/
|
109
|
+
})), content && /*#__PURE__*/React.createElement("p", {
|
117
110
|
className: "".concat(blockClass, "__content")
|
118
|
-
}, content), copyrightText && /*#__PURE__*/
|
111
|
+
}, content), copyrightText && /*#__PURE__*/React.createElement("p", {
|
119
112
|
className: "".concat(blockClass, "__copyright-text")
|
120
|
-
}, copyrightText))), additionalInfo && /*#__PURE__*/
|
113
|
+
}, copyrightText))), additionalInfo && /*#__PURE__*/React.createElement(react.Theme, {
|
121
114
|
theme: "g100"
|
122
|
-
}, /*#__PURE__*/
|
115
|
+
}, /*#__PURE__*/React.createElement(react.ModalFooter, {
|
123
116
|
className: "".concat(blockClass, "__footer")
|
124
117
|
}, additionalInfo)))));
|
125
118
|
});
|
@@ -137,61 +130,61 @@ exports.AboutModal.propTypes = {
|
|
137
130
|
* to build your product you can provide this in the additionalInfo.
|
138
131
|
* Additional information will be displayed in the footer.
|
139
132
|
*/
|
140
|
-
additionalInfo: index
|
133
|
+
additionalInfo: index.default.node,
|
141
134
|
/**
|
142
135
|
* Provide an optional class to be applied to the modal root node.
|
143
136
|
*/
|
144
|
-
className: index
|
137
|
+
className: index.default.string,
|
145
138
|
/**
|
146
139
|
* The accessibility title for the close icon.
|
147
140
|
*/
|
148
|
-
closeIconDescription: index
|
141
|
+
closeIconDescription: index.default.string.isRequired,
|
149
142
|
/**
|
150
143
|
* Subhead text providing any relevant product disclaimers including
|
151
144
|
* legal information (optional)
|
152
145
|
*/
|
153
|
-
content: index
|
146
|
+
content: index.default.node,
|
154
147
|
/**
|
155
148
|
* Trademark and copyright information. Displays first year of
|
156
149
|
* product release to current year.
|
157
150
|
*/
|
158
|
-
copyrightText: index
|
151
|
+
copyrightText: index.default.string.isRequired,
|
159
152
|
/**
|
160
153
|
* An array of Carbon `Link` component if there are additional information
|
161
154
|
* to call out within the card. The about modal should be used to display
|
162
155
|
* the product information and not where users go to find help (optional)
|
163
156
|
*/
|
164
|
-
links: index
|
157
|
+
links: index.default.arrayOf(index.default.element),
|
165
158
|
/**
|
166
159
|
* A visual symbol used to represent the product.
|
167
160
|
*/
|
168
|
-
logo: index
|
161
|
+
logo: index.default.node.isRequired,
|
169
162
|
/**
|
170
163
|
* Specifies aria label for AboutModal
|
171
164
|
*/
|
172
|
-
modalAriaLabel: index
|
165
|
+
modalAriaLabel: index.default.string,
|
173
166
|
/**
|
174
167
|
* Specifies an optional handler which is called when the AboutModal
|
175
168
|
* is closed. Returning `false` prevents the AboutModal from closing.
|
176
169
|
*/
|
177
|
-
onClose: index
|
170
|
+
onClose: index.default.func,
|
178
171
|
/**
|
179
172
|
* Specifies whether the AboutModal is open or not.
|
180
173
|
*/
|
181
|
-
open: index
|
174
|
+
open: index.default.bool,
|
182
175
|
/**
|
183
176
|
* The DOM node the tearsheet should be rendered within. Defaults to document.body.
|
184
177
|
*/
|
185
|
-
portalTarget: index
|
178
|
+
portalTarget: index.default.node,
|
186
179
|
/**
|
187
180
|
* Header text that provides the product name. The IBM Services logo
|
188
181
|
* consists of two discrete, but required, elements: the iconic
|
189
182
|
* IBM 8-bar logo represented alongside the IBM Services logotype.
|
190
183
|
* Please follow these guidelines to ensure proper execution.
|
191
184
|
*/
|
192
|
-
title: index
|
185
|
+
title: index.default.node.isRequired,
|
193
186
|
/**
|
194
187
|
* Text that provides information on the version number of your product.
|
195
188
|
*/
|
196
|
-
version: index
|
189
|
+
version: index.default.string.isRequired
|
197
190
|
};
|
@@ -7,8 +7,6 @@
|
|
7
7
|
|
8
8
|
'use strict';
|
9
9
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
11
|
-
|
12
10
|
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
13
11
|
var React = require('react');
|
14
12
|
var index = require('../../node_modules/prop-types/index.js');
|
@@ -21,11 +19,6 @@ var propsHelper = require('../../global/js/utils/props-helper.js');
|
|
21
19
|
var ActionBarItem = require('./ActionBarItem.js');
|
22
20
|
var ActionBarOverflowItems = require('./ActionBarOverflowItems.js');
|
23
21
|
|
24
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
25
|
-
|
26
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
27
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
28
|
-
|
29
22
|
var _excluded = ["actions", "className", "maxVisible", "menuOptionsClass", "onWidthChange", "overflowAriaLabel", "overflowMenuRef", "rightAlign"],
|
30
23
|
_excluded2 = ["key", "id"],
|
31
24
|
_excluded3 = ["key"];
|
@@ -42,7 +35,7 @@ var defaults = {
|
|
42
35
|
/**
|
43
36
|
* The ActionBar is used internally by the PageHeader to wrap ActionBarItems.
|
44
37
|
*/
|
45
|
-
exports.ActionBar = /*#__PURE__*/
|
38
|
+
exports.ActionBar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
46
39
|
var _ref$actions = _ref.actions,
|
47
40
|
actions = _ref$actions === void 0 ? defaults.actions : _ref$actions,
|
48
41
|
className = _ref.className,
|
@@ -65,7 +58,7 @@ exports.ActionBar = /*#__PURE__*/React__default["default"].forwardRef(function (
|
|
65
58
|
_useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
|
66
59
|
hiddenSizingItems = _useState6[0],
|
67
60
|
setHiddenSizingItems = _useState6[1];
|
68
|
-
var internalId = React.useRef(uuidv4
|
61
|
+
var internalId = React.useRef(uuidv4.default());
|
69
62
|
var refDisplayedItems = React.useRef(null);
|
70
63
|
var sizingRef = React.useRef(null);
|
71
64
|
var sizes = React.useRef({});
|
@@ -75,11 +68,11 @@ exports.ActionBar = /*#__PURE__*/React__default["default"].forwardRef(function (
|
|
75
68
|
// create hidden sizing items
|
76
69
|
React.useEffect(function () {
|
77
70
|
// Hidden action bar and items used to calculate sizes
|
78
|
-
setHiddenSizingItems( /*#__PURE__*/
|
71
|
+
setHiddenSizingItems( /*#__PURE__*/React.createElement("div", {
|
79
72
|
className: "".concat(blockClass, "__hidden-sizing-items"),
|
80
73
|
"aria-hidden": true,
|
81
74
|
ref: sizingRef
|
82
|
-
}, /*#__PURE__*/
|
75
|
+
}, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(ActionBarOverflowItems.ActionBarOverflowItems, {
|
83
76
|
className: "".concat(blockClass, "__hidden-sizing-item"),
|
84
77
|
overflowAriaLabel: "hidden sizing overflow items",
|
85
78
|
overflowMenuRef: overflowMenuRef,
|
@@ -90,7 +83,7 @@ exports.ActionBar = /*#__PURE__*/React__default["default"].forwardRef(function (
|
|
90
83
|
var key = _ref2.key,
|
91
84
|
id = _ref2.id,
|
92
85
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
|
93
|
-
return /*#__PURE__*/
|
86
|
+
return /*#__PURE__*/React.createElement(ActionBarItem.ActionBarItem, _rollupPluginBabelHelpers.extends({}, rest, {
|
94
87
|
// ensure id is not duplicated
|
95
88
|
"data-original-id": id,
|
96
89
|
key: "hidden-item-".concat(key),
|
@@ -106,7 +99,7 @@ exports.ActionBar = /*#__PURE__*/React__default["default"].forwardRef(function (
|
|
106
99
|
var newDisplayedItems = actions.map(function (_ref3) {
|
107
100
|
var key = _ref3.key,
|
108
101
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref3, _excluded3);
|
109
|
-
return /*#__PURE__*/
|
102
|
+
return /*#__PURE__*/React.createElement(ActionBarItem.ActionBarItem, _rollupPluginBabelHelpers.extends({}, rest, {
|
110
103
|
key: key
|
111
104
|
}));
|
112
105
|
});
|
@@ -116,7 +109,7 @@ exports.ActionBar = /*#__PURE__*/React__default["default"].forwardRef(function (
|
|
116
109
|
|
117
110
|
// add overflow menu if needed
|
118
111
|
if (newOverflowItems.length) {
|
119
|
-
newDisplayedItems.push( /*#__PURE__*/
|
112
|
+
newDisplayedItems.push( /*#__PURE__*/React.createElement(ActionBarOverflowItems.ActionBarOverflowItems, {
|
120
113
|
menuOptionsClass: menuOptionsClass,
|
121
114
|
overflowAriaLabel: overflowAriaLabel,
|
122
115
|
overflowMenuRef: overflowMenuRef,
|
@@ -200,12 +193,12 @@ exports.ActionBar = /*#__PURE__*/React__default["default"].forwardRef(function (
|
|
200
193
|
// // resize of the items
|
201
194
|
useResizeObserver.useResizeObserver(sizingRef, handleResize);
|
202
195
|
useResizeObserver.useResizeObserver(localRef, handleResize);
|
203
|
-
return /*#__PURE__*/
|
204
|
-
className:
|
196
|
+
return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
|
197
|
+
className: cx([blockClass, className]),
|
205
198
|
ref: localRef
|
206
|
-
}), hiddenSizingItems, /*#__PURE__*/
|
199
|
+
}), hiddenSizingItems, /*#__PURE__*/React.createElement("div", {
|
207
200
|
ref: refDisplayedItems,
|
208
|
-
className:
|
201
|
+
className: cx(["".concat(blockClass, "__displayed-items"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__displayed-items--right"), rightAlign)])
|
209
202
|
}, displayedItems));
|
210
203
|
});
|
211
204
|
exports.ActionBar = settings.pkg.checkComponentEnabled(exports.ActionBar, componentName);
|
@@ -227,50 +220,50 @@ exports.ActionBar.propTypes = {
|
|
227
220
|
* Carbon Button API https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
|
228
221
|
*/
|
229
222
|
/**@ts-ignore */
|
230
|
-
actions: index
|
223
|
+
actions: index.default.arrayOf(index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, propsHelper.prepareProps(react.Button.propTypes, [
|
231
224
|
// props not desired from Button.propTypes
|
232
225
|
'kind', 'size', 'tooltipPosition', 'tooltipAlignment'])), {}, {
|
233
|
-
id: index
|
226
|
+
id: index.default.string,
|
234
227
|
// Additional props
|
235
|
-
key: index
|
228
|
+
key: index.default.string.isRequired,
|
236
229
|
// Redefine as form different to Button and a key prop used by ActionBarItems
|
237
|
-
iconDescription: index
|
238
|
-
label: index
|
230
|
+
iconDescription: index.default.string.isRequired,
|
231
|
+
label: index.default.string.isRequired,
|
239
232
|
/**@ts-ignore */
|
240
233
|
renderIcon: react.Button.propTypes.renderIcon.isRequired,
|
241
234
|
// We duplicate onClick here to improve DocGen in Storybook
|
242
|
-
onClick: index
|
235
|
+
onClick: index.default.func
|
243
236
|
}))),
|
244
237
|
// expects action bar item as array or in fragment,
|
245
238
|
/**
|
246
239
|
* className
|
247
240
|
*/
|
248
|
-
className: index
|
241
|
+
className: index.default.string,
|
249
242
|
/**
|
250
243
|
* maxVisible : Maximum action bar items visible before going into the overflow menu
|
251
244
|
*/
|
252
|
-
maxVisible: index
|
245
|
+
maxVisible: index.default.number,
|
253
246
|
/**
|
254
247
|
* class name applied to the overflow options
|
255
248
|
*/
|
256
|
-
menuOptionsClass: index
|
249
|
+
menuOptionsClass: index.default.string,
|
257
250
|
/**
|
258
251
|
* onItemCountChange - event reporting maxWidth
|
259
252
|
*/
|
260
|
-
onWidthChange: index
|
253
|
+
onWidthChange: index.default.func,
|
261
254
|
/**
|
262
255
|
* overflowAriaLabel label for open close button overflow used for action bar items that do nto fit.
|
263
256
|
*/
|
264
|
-
overflowAriaLabel: index
|
257
|
+
overflowAriaLabel: index.default.string.isRequired,
|
265
258
|
/**
|
266
259
|
* overflowMenuRef for the overflow menu width that is needed to calculate the width of the action bar with overflow
|
267
260
|
*/
|
268
261
|
/**@ts-ignore */
|
269
|
-
overflowMenuRef: index
|
270
|
-
current: index
|
271
|
-
}), index
|
262
|
+
overflowMenuRef: index.default.oneOfType([index.default.shape({
|
263
|
+
current: index.default.elementType
|
264
|
+
}), index.default.object]),
|
272
265
|
/**
|
273
266
|
* align tags to right of available space
|
274
267
|
*/
|
275
|
-
rightAlign: index
|
268
|
+
rightAlign: index.default.bool
|
276
269
|
};
|
@@ -7,8 +7,6 @@
|
|
7
7
|
|
8
8
|
'use strict';
|
9
9
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
11
|
-
|
12
10
|
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
13
11
|
var React = require('react');
|
14
12
|
var index = require('../../node_modules/prop-types/index.js');
|
@@ -16,11 +14,6 @@ var cx = require('classnames');
|
|
16
14
|
var settings = require('../../settings.js');
|
17
15
|
var react = require('@carbon/react');
|
18
16
|
|
19
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
20
|
-
|
21
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
22
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
23
|
-
|
24
17
|
var _excluded = ["label", "className", "renderIcon"];
|
25
18
|
// The block part of our conventional BEM class names (blockClass__E--M).
|
26
19
|
var componentName = 'ActionBarItem';
|
@@ -30,21 +23,21 @@ var blockClass = "".concat(settings.pkg.prefix, "--action-bar-item");
|
|
30
23
|
/**
|
31
24
|
* The ActionBarItem is used in the page header to populate the action bar
|
32
25
|
*/
|
33
|
-
exports.ActionBarItem = /*#__PURE__*/
|
26
|
+
exports.ActionBarItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
34
27
|
var label = _ref.label,
|
35
28
|
className = _ref.className,
|
36
29
|
renderIcon = _ref.renderIcon,
|
37
30
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
38
31
|
var Icon = renderIcon;
|
39
|
-
return /*#__PURE__*/
|
32
|
+
return /*#__PURE__*/React.createElement(react.IconButton, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
|
40
33
|
ref: ref,
|
41
|
-
className:
|
34
|
+
className: cx(blockClass, className),
|
42
35
|
kind: 'ghost',
|
43
36
|
size: 'md',
|
44
37
|
align: 'bottom-end',
|
45
38
|
type: 'button',
|
46
39
|
label: label
|
47
|
-
}), Icon ? /*#__PURE__*/
|
40
|
+
}), Icon ? /*#__PURE__*/React.createElement(Icon, null) : null);
|
48
41
|
});
|
49
42
|
|
50
43
|
// Return a placeholder if not released and not enabled by feature flag
|
@@ -72,20 +65,20 @@ exports.ActionBarItem.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollu
|
|
72
65
|
*
|
73
66
|
* (inherited from Carbon Button)
|
74
67
|
*/
|
75
|
-
className: index
|
68
|
+
className: index.default.string,
|
76
69
|
/**
|
77
70
|
* If specifying the `renderIcon` prop, provide a description for that icon that can
|
78
71
|
* be read by screen readers
|
79
72
|
*
|
80
73
|
* (inherited from Carbon Button)
|
81
74
|
*/
|
82
|
-
label: index
|
75
|
+
label: index.default.string,
|
83
76
|
/**
|
84
77
|
* Optional click handler
|
85
78
|
*
|
86
79
|
* (inherited from Carbon Button)
|
87
80
|
*/
|
88
|
-
onClick: index
|
81
|
+
onClick: index.default.func,
|
89
82
|
/**
|
90
83
|
* Optional prop to allow overriding the icon rendering.
|
91
84
|
* Can be a React component class
|
@@ -93,9 +86,9 @@ exports.ActionBarItem.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollu
|
|
93
86
|
* (inherited from Carbon Button)
|
94
87
|
*/
|
95
88
|
/**@ts-ignore */
|
96
|
-
renderIcon: index
|
89
|
+
renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
|
97
90
|
/**
|
98
91
|
* Optional tab index
|
99
92
|
*/
|
100
|
-
tabIndex: index
|
93
|
+
tabIndex: index.default.number
|
101
94
|
});
|
@@ -7,8 +7,6 @@
|
|
7
7
|
|
8
8
|
'use strict';
|
9
9
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
11
|
-
|
12
10
|
var React = require('react');
|
13
11
|
var index = require('../../node_modules/prop-types/index.js');
|
14
12
|
var cx = require('classnames');
|
@@ -16,12 +14,12 @@ var react = require('@carbon/react');
|
|
16
14
|
var uuidv4 = require('../../global/js/utils/uuidv4.js');
|
17
15
|
var settings = require('../../settings.js');
|
18
16
|
|
19
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
20
|
-
|
21
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
22
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
23
|
-
|
24
17
|
// Copyright IBM Corp. 2020, 2023
|
18
|
+
//
|
19
|
+
// This source code is licensed under the Apache-2.0 license found in the
|
20
|
+
// LICENSE file in the root directory of this source tree.
|
21
|
+
//
|
22
|
+
|
25
23
|
var blockClass = "".concat(settings.pkg.prefix, "--action-bar-overflow-items");
|
26
24
|
var componentName = 'ActionBar';
|
27
25
|
var ActionBarOverflowItems = function ActionBarOverflowItems(_ref) {
|
@@ -30,32 +28,32 @@ var ActionBarOverflowItems = function ActionBarOverflowItems(_ref) {
|
|
30
28
|
overflowItems = _ref.overflowItems,
|
31
29
|
overflowAriaLabel = _ref.overflowAriaLabel,
|
32
30
|
overflowMenuRef = _ref.overflowMenuRef;
|
33
|
-
var internalId = React.useRef(uuidv4
|
34
|
-
return /*#__PURE__*/
|
31
|
+
var internalId = React.useRef(uuidv4.default());
|
32
|
+
return /*#__PURE__*/React.createElement("div", {
|
35
33
|
ref: overflowMenuRef
|
36
|
-
}, /*#__PURE__*/
|
34
|
+
}, /*#__PURE__*/React.createElement(react.OverflowMenu, {
|
37
35
|
"aria-label": overflowAriaLabel,
|
38
|
-
className:
|
36
|
+
className: cx(blockClass, className),
|
39
37
|
direction: "bottom",
|
40
38
|
flipped: true,
|
41
39
|
iconDescription: overflowAriaLabel // also needs setting to avoid a11y "Accessible name does not match or contain the visible label text"
|
42
40
|
,
|
43
|
-
menuOptionsClass:
|
44
|
-
},
|
41
|
+
menuOptionsClass: cx("".concat(blockClass, "__options"), menuOptionsClass)
|
42
|
+
}, React.Children.map(overflowItems, function (item, index) {
|
45
43
|
// This uses a copy of a menu item option
|
46
44
|
// NOTE: Cannot use a real Tooltip icon below as it uses a <button /> the
|
47
45
|
// div equivalent below is based on Carbon 10.25.0
|
48
46
|
var ItemIcon = item === null || item === void 0 ? void 0 : item.props.renderIcon;
|
49
|
-
return /*#__PURE__*/
|
47
|
+
return /*#__PURE__*/React.createElement(react.OverflowMenuItem, {
|
50
48
|
className: "".concat(blockClass, "__item"),
|
51
49
|
onClick: item === null || item === void 0 ? void 0 : item.props.onClick,
|
52
|
-
itemText: /*#__PURE__*/
|
50
|
+
itemText: /*#__PURE__*/React.createElement("div", {
|
53
51
|
className: "".concat(blockClass, "__item-content"),
|
54
52
|
"aria-describedby": "".concat(internalId.current, "-").concat(index, "--item-label")
|
55
|
-
}, /*#__PURE__*/
|
53
|
+
}, /*#__PURE__*/React.createElement("span", {
|
56
54
|
className: "".concat(blockClass, "__item-label"),
|
57
55
|
id: "".concat(internalId.current, "-").concat(index, "--item-label")
|
58
|
-
}, item === null || item === void 0 ? void 0 : item.props.label), typeof (item === null || item === void 0 ? void 0 : item.props.renderIcon) === 'function' ? /*#__PURE__*/
|
56
|
+
}, item === null || item === void 0 ? void 0 : item.props.label), typeof (item === null || item === void 0 ? void 0 : item.props.renderIcon) === 'function' ? /*#__PURE__*/React.createElement(ItemIcon, null) : item === null || item === void 0 ? void 0 : item.props.renderIcon)
|
59
57
|
});
|
60
58
|
})));
|
61
59
|
};
|
@@ -65,30 +63,30 @@ ActionBarOverflowItems.propTypes = {
|
|
65
63
|
/**
|
66
64
|
* className
|
67
65
|
*/
|
68
|
-
className: index
|
66
|
+
className: index.default.string,
|
69
67
|
/**
|
70
68
|
* class name applied to the overflow options
|
71
69
|
*/
|
72
|
-
menuOptionsClass: index
|
70
|
+
menuOptionsClass: index.default.string,
|
73
71
|
/**
|
74
72
|
* overflowAriaLabel label for open close button overflow used for action bar items that do nto fit.
|
75
73
|
*/
|
76
|
-
overflowAriaLabel: index
|
74
|
+
overflowAriaLabel: index.default.string,
|
77
75
|
/**
|
78
76
|
* overflowItems: items to bre shown in the ActionBar overflow menu
|
79
77
|
*/
|
80
|
-
overflowItems: index
|
78
|
+
overflowItems: index.default.arrayOf(index.default.element),
|
81
79
|
/**
|
82
80
|
* overflowMenuRef for the overflow menu width that is needed to calculate the width of the action bar with overflow
|
83
81
|
*/
|
84
82
|
/**@ts-ignore */
|
85
|
-
overflowMenuRef: index
|
86
|
-
current: index
|
87
|
-
}), index
|
83
|
+
overflowMenuRef: index.default.oneOfType([index.default.shape({
|
84
|
+
current: index.default.elementType
|
85
|
+
}), index.default.object]),
|
88
86
|
/**
|
89
87
|
* Optional tab index
|
90
88
|
*/
|
91
|
-
tabIndex: index
|
89
|
+
tabIndex: index.default.number
|
92
90
|
};
|
93
91
|
|
94
92
|
exports.ActionBarOverflowItems = ActionBarOverflowItems;
|
@@ -7,8 +7,6 @@
|
|
7
7
|
|
8
8
|
'use strict';
|
9
9
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
11
|
-
|
12
10
|
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
13
11
|
var react = require('@carbon/react');
|
14
12
|
var React = require('react');
|
@@ -17,17 +15,12 @@ var index = require('../../node_modules/prop-types/index.js');
|
|
17
15
|
var cx = require('classnames');
|
18
16
|
var settings = require('../../settings.js');
|
19
17
|
|
20
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
21
|
-
|
22
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
23
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
24
|
-
|
25
18
|
var _InlineLoading;
|
26
19
|
var _excluded = ["className", "disabled", "kind", "label", "loading", "isExpressive"],
|
27
20
|
_excluded2 = ["actions", "buttonSize", "className", "size"];
|
28
21
|
var blockClass = "".concat(settings.pkg.prefix, "--action-set");
|
29
22
|
var componentName = 'ActionSet';
|
30
|
-
var ActionSetButton = /*#__PURE__*/
|
23
|
+
var ActionSetButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
31
24
|
var className = _ref.className,
|
32
25
|
disabled = _ref.disabled,
|
33
26
|
kind = _ref.kind,
|
@@ -36,19 +29,19 @@ var ActionSetButton = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
36
29
|
_ref$isExpressive = _ref.isExpressive,
|
37
30
|
isExpressive = _ref$isExpressive === void 0 ? true : _ref$isExpressive,
|
38
31
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
39
|
-
return /*#__PURE__*/
|
32
|
+
return /*#__PURE__*/React.createElement(react.Button, _rollupPluginBabelHelpers.extends({}, rest, {
|
40
33
|
isExpressive: isExpressive,
|
41
|
-
className:
|
34
|
+
className: cx(className, ["".concat(blockClass, "__action-button"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__action-button--ghost"), kind === 'ghost' || kind === 'danger--ghost'), "".concat(blockClass, "__action-button--expressive"), isExpressive)]),
|
42
35
|
disabled: disabled || loading || false,
|
43
36
|
kind: kind,
|
44
37
|
ref: ref
|
45
|
-
}), label, loading && (_InlineLoading || (_InlineLoading = /*#__PURE__*/
|
38
|
+
}), label, loading && (_InlineLoading || (_InlineLoading = /*#__PURE__*/React.createElement(react.InlineLoading, null))));
|
46
39
|
});
|
47
40
|
ActionSetButton.displayName = 'ActionSetButton';
|
48
41
|
ActionSetButton.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.PropTypes), {}, {
|
49
|
-
kind: index
|
50
|
-
label: index
|
51
|
-
loading: index
|
42
|
+
kind: index.default.oneOf(['ghost', 'danger--ghost', 'secondary', 'danger', 'primary']),
|
43
|
+
label: index.default.string,
|
44
|
+
loading: index.default.bool
|
52
45
|
});
|
53
46
|
var defaultKind = 'primary';
|
54
47
|
var willStack = function willStack(size, numberOfActions) {
|
@@ -71,7 +64,7 @@ var defaults = {
|
|
71
64
|
* it appears at the left side. If there is a primary button it appears at the
|
72
65
|
* right.
|
73
66
|
*/
|
74
|
-
var ActionSet = /*#__PURE__*/
|
67
|
+
var ActionSet = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
|
75
68
|
var _actions$slice;
|
76
69
|
var actions = _ref3.actions,
|
77
70
|
buttonSize = _ref3.buttonSize,
|
@@ -101,14 +94,14 @@ var ActionSet = /*#__PURE__*/React__default["default"].forwardRef(function (_ref
|
|
101
94
|
buttons.sort(function (action1, action2) {
|
102
95
|
return (buttonOrder(action1.kind || defaultKind) - buttonOrder(action2.kind || defaultKind)) * (stacking ? -1 : 1);
|
103
96
|
});
|
104
|
-
return /*#__PURE__*/
|
105
|
-
className:
|
97
|
+
return /*#__PURE__*/React.createElement(react.ButtonSet, _rollupPluginBabelHelpers.extends({}, rest, {
|
98
|
+
className: cx(blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--row-single"), !stacking && buttons.length === 1), "".concat(blockClass, "--row-double"), !stacking && buttons.length === 2), "".concat(blockClass, "--row-triple"), !stacking && buttons.length === 3), "".concat(blockClass, "--row-quadruple"), !stacking && buttons.length >= 4), "".concat(blockClass, "--stacking"), stacking), "".concat(blockClass, "--").concat(size)),
|
106
99
|
ref: ref,
|
107
100
|
role: "presentation",
|
108
101
|
stacked: stacking
|
109
102
|
}), buttons.map(function (action, index) {
|
110
103
|
var actionProps = propsHelper.prepareProps(action, ['key']);
|
111
|
-
return /*#__PURE__*/
|
104
|
+
return /*#__PURE__*/React.createElement(ActionSetButton, _rollupPluginBabelHelpers.extends({
|
112
105
|
key: action.key || index
|
113
106
|
}, actionProps, {
|
114
107
|
size: buttonSize
|
@@ -174,10 +167,10 @@ ActionSet.propTypes = {
|
|
174
167
|
* See https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
|
175
168
|
*/
|
176
169
|
actions: propsHelper.allPropTypes([/**@ts-ignore*/
|
177
|
-
ActionSet.validateActions(), index
|
178
|
-
kind: index
|
179
|
-
label: index
|
180
|
-
loading: index
|
170
|
+
ActionSet.validateActions(), index.default.arrayOf(index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
|
171
|
+
kind: index.default.oneOf(['ghost', 'danger--ghost', 'secondary', 'danger', 'primary']),
|
172
|
+
label: index.default.string,
|
173
|
+
loading: index.default.bool,
|
181
174
|
// we duplicate this Button prop to improve the DocGen here
|
182
175
|
onClick: react.Button.propTypes.onClick
|
183
176
|
})))]),
|
@@ -191,12 +184,12 @@ ActionSet.propTypes = {
|
|
191
184
|
/**
|
192
185
|
* An optional class or classes to be added to the outermost element.
|
193
186
|
*/
|
194
|
-
className: index
|
187
|
+
className: index.default.string,
|
195
188
|
/**
|
196
189
|
* The size of the action set. Different button arrangements are used at
|
197
190
|
* different sizes, to make best use of the available space.
|
198
191
|
*/
|
199
|
-
size: index
|
192
|
+
size: index.default.oneOf(['sm', 'md', 'lg', 'xl', '2xl'])
|
200
193
|
};
|
201
194
|
|
202
195
|
exports.ActionSet = ActionSet;
|