@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('react');
|
14
12
|
var index = require('../../node_modules/prop-types/index.js');
|
@@ -17,11 +15,6 @@ var react = require('@carbon/react');
|
|
17
15
|
var settings = require('../../settings.js');
|
18
16
|
var useClickOutside = require('../../global/js/hooks/useClickOutside.js');
|
19
17
|
|
20
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
21
|
-
|
22
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
23
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
24
|
-
|
25
18
|
var _excluded = ["allTagsModalSearchThreshold", "autoAlign", "className", "onShowAllClick", "overflowAlign", "overflowTags", "overflowType", "showAllTagsLabel", "popoverOpen", "setPopoverOpen"],
|
26
19
|
_excluded2 = ["label", "id", "tagType", "filter", "onClose"];
|
27
20
|
var componentName = 'TagOverflowPopover';
|
@@ -66,27 +59,27 @@ var TagOverflowPopover = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
66
59
|
};
|
67
60
|
var visibleItems = getOverflowPopoverItems();
|
68
61
|
var hasItems = (visibleItems === null || visibleItems === void 0 ? void 0 : visibleItems.length) > 0;
|
69
|
-
return /*#__PURE__*/
|
62
|
+
return /*#__PURE__*/React.createElement("span", _rollupPluginBabelHelpers.extends({}, rest, {
|
70
63
|
"aria-hidden": (overflowTags === null || overflowTags === void 0 ? void 0 : overflowTags.length) === 0,
|
71
|
-
className:
|
64
|
+
className: cx(blockClass, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--hidden"), (overflowTags === null || overflowTags === void 0 ? void 0 : overflowTags.length) === 0)),
|
72
65
|
ref: ref || localRef
|
73
|
-
}), /*#__PURE__*/
|
66
|
+
}), /*#__PURE__*/React.createElement(react.Popover, {
|
74
67
|
align: overflowAlign,
|
75
68
|
autoAlign: autoAlign,
|
76
|
-
className:
|
69
|
+
className: cx(className, "".concat(blockClass, "__el")),
|
77
70
|
dropShadow: true,
|
78
71
|
highContrast: true,
|
79
72
|
onKeyDown: handleEscKeyPress,
|
80
73
|
open: popoverOpen
|
81
|
-
}, /*#__PURE__*/
|
74
|
+
}, /*#__PURE__*/React.createElement(react.Tag, {
|
82
75
|
onClick: function onClick() {
|
83
76
|
return setPopoverOpen === null || setPopoverOpen === void 0 ? void 0 : setPopoverOpen(!popoverOpen);
|
84
77
|
},
|
85
|
-
className:
|
86
|
-
}, "+", overflowTags === null || overflowTags === void 0 ? void 0 : overflowTags.length), /*#__PURE__*/
|
78
|
+
className: cx("".concat(blockClass, "__trigger"))
|
79
|
+
}, "+", overflowTags === null || overflowTags === void 0 ? void 0 : overflowTags.length), /*#__PURE__*/React.createElement(react.PopoverContent, null, /*#__PURE__*/React.createElement("div", {
|
87
80
|
ref: overflowTagContent,
|
88
81
|
className: "".concat(blockClass, "__content")
|
89
|
-
}, /*#__PURE__*/
|
82
|
+
}, /*#__PURE__*/React.createElement("ul", {
|
90
83
|
className: "".concat(blockClass, "__tag-list")
|
91
84
|
}, hasItems && visibleItems.map(function (_ref) {
|
92
85
|
var label = _ref.label,
|
@@ -97,17 +90,17 @@ var TagOverflowPopover = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
97
90
|
other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded2);
|
98
91
|
var typeValue = overflowType === 'tag' ? 'high-contrast' : tagType;
|
99
92
|
var isFilterable = overflowType === 'tag' ? filter : false;
|
100
|
-
return /*#__PURE__*/
|
101
|
-
className:
|
93
|
+
return /*#__PURE__*/React.createElement("li", {
|
94
|
+
className: cx("".concat(blockClass, "__tag-item"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__tag-item--default"), overflowType === 'default'), "".concat(blockClass, "__tag-item--tag"), overflowType === 'tag')),
|
102
95
|
key: id
|
103
|
-
}, overflowType === 'tag' ? /*#__PURE__*/
|
96
|
+
}, overflowType === 'tag' ? /*#__PURE__*/React.createElement(react.Tag, _rollupPluginBabelHelpers.extends({}, other, {
|
104
97
|
onClose: function onClose() {
|
105
98
|
return _onClose === null || _onClose === void 0 ? void 0 : _onClose();
|
106
99
|
},
|
107
100
|
type: typeValue,
|
108
101
|
filter: isFilterable
|
109
102
|
}), label) : label);
|
110
|
-
})), ((_overflowTags$length = overflowTags === null || overflowTags === void 0 ? void 0 : overflowTags.length) !== null && _overflowTags$length !== void 0 ? _overflowTags$length : 0) > (allTagsModalSearchThreshold !== null && allTagsModalSearchThreshold !== void 0 ? allTagsModalSearchThreshold : 0) && /*#__PURE__*/
|
103
|
+
})), ((_overflowTags$length = overflowTags === null || overflowTags === void 0 ? void 0 : overflowTags.length) !== null && _overflowTags$length !== void 0 ? _overflowTags$length : 0) > (allTagsModalSearchThreshold !== null && allTagsModalSearchThreshold !== void 0 ? allTagsModalSearchThreshold : 0) && /*#__PURE__*/React.createElement(react.Link, {
|
111
104
|
className: "".concat(blockClass, "__show-all-tags-link"),
|
112
105
|
href: "",
|
113
106
|
onClick: handleShowAllTagsClick,
|
@@ -119,44 +112,44 @@ TagOverflowPopover.propTypes = {
|
|
119
112
|
/**
|
120
113
|
* count of overflowTags over which a modal is offered
|
121
114
|
*/
|
122
|
-
allTagsModalSearchThreshold: index
|
115
|
+
allTagsModalSearchThreshold: index.default.number,
|
123
116
|
/**
|
124
117
|
* Will auto-align the popover on first render if it is not visible. This prop is currently experimental and is subject to future changes.
|
125
118
|
*/
|
126
|
-
autoAlign: index
|
119
|
+
autoAlign: index.default.bool,
|
127
120
|
/**
|
128
121
|
* className
|
129
122
|
*/
|
130
|
-
className: index
|
123
|
+
className: index.default.string,
|
131
124
|
/**
|
132
125
|
* function to execute on clicking show all
|
133
126
|
*/
|
134
|
-
onShowAllClick: index
|
127
|
+
onShowAllClick: index.default.func.isRequired,
|
135
128
|
/**
|
136
129
|
* overflowAlign from the standard tooltip
|
137
130
|
*/
|
138
|
-
overflowAlign: index
|
131
|
+
overflowAlign: index.default.oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top']),
|
139
132
|
/**
|
140
133
|
* tags shown in overflow
|
141
134
|
*/
|
142
135
|
//@ts-ignore
|
143
|
-
overflowTags: index
|
136
|
+
overflowTags: index.default.arrayOf(index.default.object).isRequired,
|
144
137
|
/**
|
145
138
|
* Type of rendering displayed inside of the tag overflow component
|
146
139
|
*/
|
147
|
-
overflowType: index
|
140
|
+
overflowType: index.default.oneOf(['default', 'tag']),
|
148
141
|
/**
|
149
142
|
* Open state of the popover
|
150
143
|
*/
|
151
|
-
popoverOpen: index
|
144
|
+
popoverOpen: index.default.bool,
|
152
145
|
/**
|
153
146
|
* Setter function for the popoverOpen state value
|
154
147
|
*/
|
155
|
-
setPopoverOpen: index
|
148
|
+
setPopoverOpen: index.default.func,
|
156
149
|
/**
|
157
150
|
* label for the overflow show all tags link
|
158
151
|
*/
|
159
|
-
showAllTagsLabel: index
|
152
|
+
showAllTagsLabel: index.default.string
|
160
153
|
};
|
161
154
|
|
162
155
|
exports.TagOverflowPopover = TagOverflowPopover;
|
@@ -7,8 +7,6 @@
|
|
7
7
|
|
8
8
|
'use strict';
|
9
9
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
11
|
-
|
12
10
|
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 settings = require('../../settings.js');
|
22
20
|
var useResizeObserver = require('../../global/js/hooks/useResizeObserver.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 = ["align", "allTagsModalTarget", "className", "maxVisible", "multiline", "overflowAutoAlign", "overflowAlign", "overflowClassName", "overflowType", "allTagsModalTitle", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "showAllTagsLabel", "tags", "containingElementRef", "measurementOffset", "onOverflowTagChange"],
|
30
23
|
_excluded2 = ["label", "id"],
|
31
24
|
_excluded3 = ["label", "onClose"];
|
@@ -41,7 +34,7 @@ var defaults = {
|
|
41
34
|
overflowType: 'default',
|
42
35
|
onOverflowTagChange: function onOverflowTagChange() {}
|
43
36
|
};
|
44
|
-
exports.TagSet = /*#__PURE__*/
|
37
|
+
exports.TagSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
45
38
|
var _ref$align = _ref.align,
|
46
39
|
align = _ref$align === void 0 ? 'start' : _ref$align,
|
47
40
|
allTagsModalTarget = _ref.allTagsModalTarget,
|
@@ -116,7 +109,7 @@ exports.TagSet = /*#__PURE__*/React__default["default"].forwardRef(function (_re
|
|
116
109
|
var label = _ref2.label,
|
117
110
|
id = _ref2.id,
|
118
111
|
other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
|
119
|
-
return /*#__PURE__*/
|
112
|
+
return /*#__PURE__*/React.createElement("div", {
|
120
113
|
key: index,
|
121
114
|
className: "".concat(blockClass, "__sizing-tag"),
|
122
115
|
ref: function ref(el) {
|
@@ -124,7 +117,7 @@ exports.TagSet = /*#__PURE__*/React__default["default"].forwardRef(function (_re
|
|
124
117
|
newSizingTags[index] = el;
|
125
118
|
}
|
126
119
|
}
|
127
|
-
}, /*#__PURE__*/
|
120
|
+
}, /*#__PURE__*/React.createElement(react.Tag, _rollupPluginBabelHelpers.extends({}, other, {
|
128
121
|
// ensure id is not duplicated
|
129
122
|
"data-original-id": id
|
130
123
|
}), label));
|
@@ -147,7 +140,7 @@ exports.TagSet = /*#__PURE__*/React__default["default"].forwardRef(function (_re
|
|
147
140
|
if (index == tags.length - 1 && other.size) {
|
148
141
|
size = other.size;
|
149
142
|
}
|
150
|
-
return /*#__PURE__*/
|
143
|
+
return /*#__PURE__*/React.createElement(react.Tag, _rollupPluginBabelHelpers.extends({}, other, {
|
151
144
|
key: "displayed-tag-".concat(index),
|
152
145
|
onClose: function onClose() {
|
153
146
|
return handleTagOnClose(_onClose, index);
|
@@ -160,12 +153,12 @@ exports.TagSet = /*#__PURE__*/React__default["default"].forwardRef(function (_re
|
|
160
153
|
|
161
154
|
// add wrapper around displayed tags
|
162
155
|
newDisplayedTags = newDisplayedTags.map(function (tag, index) {
|
163
|
-
return /*#__PURE__*/
|
156
|
+
return /*#__PURE__*/React.createElement("div", {
|
164
157
|
key: index,
|
165
158
|
className: "".concat(blockClass, "__displayed-tag")
|
166
159
|
}, tag);
|
167
160
|
});
|
168
|
-
newDisplayedTags.push( /*#__PURE__*/
|
161
|
+
newDisplayedTags.push( /*#__PURE__*/React.createElement(TagSetOverflow.TagSetOverflow, {
|
169
162
|
allTagsModalSearchThreshold: allTagsModalSearchThreshold,
|
170
163
|
overflowAutoAlign: overflowAutoAlign,
|
171
164
|
className: overflowClassName,
|
@@ -241,19 +234,19 @@ exports.TagSet = /*#__PURE__*/React__default["default"].forwardRef(function (_re
|
|
241
234
|
useResizeObserver.useResizeObserver(sizingContainerRef, handleSizerTagsResize);
|
242
235
|
var resizeOption = containingElementRef ? containingElementRef : tagSetRef;
|
243
236
|
useResizeObserver.useResizeObserver(resizeOption, handleResize);
|
244
|
-
return /*#__PURE__*/
|
245
|
-
className:
|
237
|
+
return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
|
238
|
+
className: cx([blockClass, className]),
|
246
239
|
ref: tagSetRef
|
247
|
-
}, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/
|
248
|
-
className:
|
249
|
-
}, /*#__PURE__*/
|
240
|
+
}, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement("div", {
|
241
|
+
className: cx(["".concat(blockClass, "__space"), "".concat(blockClass, "__space--align-").concat(align)])
|
242
|
+
}, /*#__PURE__*/React.createElement("div", {
|
250
243
|
className: "".concat(blockClass, "__tag-container ").concat(blockClass, "__tag-container--hidden"),
|
251
244
|
"aria-hidden": true,
|
252
245
|
ref: sizingContainerRef
|
253
|
-
}, hiddenSizingTags), /*#__PURE__*/
|
254
|
-
className:
|
246
|
+
}, hiddenSizingTags), /*#__PURE__*/React.createElement("div", {
|
247
|
+
className: cx(["".concat(blockClass, "__tag-container"), multiline && "".concat(blockClass, "__tag-container--multiline")]),
|
255
248
|
ref: displayedArea
|
256
|
-
}, displayedTags)), /*#__PURE__*/
|
249
|
+
}, displayedTags)), /*#__PURE__*/React.createElement(TagSetModal.TagSetModal, {
|
257
250
|
allTags: tags,
|
258
251
|
open: showAllModalOpen,
|
259
252
|
title: allTagsModalTitle,
|
@@ -271,7 +264,7 @@ exports.TagSet = settings.pkg.checkComponentEnabled(exports.TagSet, componentNam
|
|
271
264
|
* The strings shown in the showAllModal are only shown if we have more than allTagsModalSearchLThreshold
|
272
265
|
* @returns null if no problems
|
273
266
|
*/
|
274
|
-
var string_required_if_more_than_10_tags = propsHelper.isRequiredIf(index
|
267
|
+
var string_required_if_more_than_10_tags = propsHelper.isRequiredIf(index.default.string, function (_ref4) {
|
275
268
|
var tags = _ref4.tags;
|
276
269
|
return tags && tags.length > allTagsModalSearchThreshold;
|
277
270
|
});
|
@@ -297,70 +290,70 @@ exports.TagSet.propTypes = {
|
|
297
290
|
/**
|
298
291
|
* align the Tags displayed by the TagSet. Default start.
|
299
292
|
*/
|
300
|
-
align: index
|
293
|
+
align: index.default.oneOf(['start', 'center', 'end']),
|
301
294
|
/**
|
302
295
|
* label text for the show all search.
|
303
296
|
*/
|
304
|
-
allTagsModalSearchLabel: index
|
297
|
+
allTagsModalSearchLabel: index.default.string,
|
305
298
|
/**
|
306
299
|
* placeholder text for the show all search.
|
307
300
|
*/
|
308
|
-
allTagsModalSearchPlaceholderText: index
|
301
|
+
allTagsModalSearchPlaceholderText: index.default.string,
|
309
302
|
/**
|
310
303
|
* portal target for the all tags modal
|
311
304
|
*/
|
312
|
-
allTagsModalTarget: index
|
305
|
+
allTagsModalTarget: index.default.node,
|
313
306
|
/**
|
314
307
|
* title for the show all modal.
|
315
308
|
*/
|
316
|
-
allTagsModalTitle: index
|
309
|
+
allTagsModalTitle: index.default.string,
|
317
310
|
/**
|
318
311
|
* className
|
319
312
|
*/
|
320
|
-
className: index
|
313
|
+
className: index.default.string,
|
321
314
|
/**
|
322
315
|
* Optional ref for custom resize container to measure available space
|
323
316
|
* Default will measure the available space of the TagSet container itself.
|
324
317
|
*/
|
325
318
|
/**@ts-ignore */
|
326
|
-
containingElementRef: index
|
319
|
+
containingElementRef: index.default.object,
|
327
320
|
/**
|
328
321
|
* maximum visible tags
|
329
322
|
*/
|
330
|
-
maxVisible: index
|
323
|
+
maxVisible: index.default.number,
|
331
324
|
/**
|
332
325
|
* Specify offset amount for measure available space, only used when `containingElementSelector`
|
333
326
|
* is also provided
|
334
327
|
*/
|
335
|
-
measurementOffset: index
|
328
|
+
measurementOffset: index.default.number,
|
336
329
|
/**
|
337
330
|
* display tags in multiple lines
|
338
331
|
*/
|
339
|
-
multiline: index
|
332
|
+
multiline: index.default.bool,
|
340
333
|
/**
|
341
334
|
* Handler to get overflow tags
|
342
335
|
*/
|
343
|
-
onOverflowTagChange: index
|
336
|
+
onOverflowTagChange: index.default.func,
|
344
337
|
/**
|
345
338
|
* overflowAlign from the standard tooltip. Default center.
|
346
339
|
*/
|
347
|
-
overflowAlign: index
|
340
|
+
overflowAlign: index.default.oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top']),
|
348
341
|
/**
|
349
342
|
* Will auto-align the popover on first render if it is not visible. This prop is currently experimental and is subject to future changes.
|
350
343
|
*/
|
351
|
-
overflowAutoAlign: index
|
344
|
+
overflowAutoAlign: index.default.bool,
|
352
345
|
/**
|
353
346
|
* overflowClassName for the tooltip popup
|
354
347
|
*/
|
355
|
-
overflowClassName: index
|
348
|
+
overflowClassName: index.default.string,
|
356
349
|
/**
|
357
350
|
* Type of rendering displayed inside of the tag overflow component
|
358
351
|
*/
|
359
|
-
overflowType: index
|
352
|
+
overflowType: index.default.oneOf(['default', 'tag']),
|
360
353
|
/**
|
361
354
|
* label for the overflow show all tags link.
|
362
355
|
*/
|
363
|
-
showAllTagsLabel: index
|
356
|
+
showAllTagsLabel: index.default.string,
|
364
357
|
/**
|
365
358
|
* The tags to be shown in the TagSet. Each tag is specified as an object
|
366
359
|
* with properties: **label**\* (required) to supply the tag content, and
|
@@ -369,10 +362,10 @@ exports.TagSet.propTypes = {
|
|
369
362
|
*
|
370
363
|
* See https://react.carbondesignsystem.com/?path=/docs/components-tag--default
|
371
364
|
*/
|
372
|
-
tags: index
|
373
|
-
label: index
|
365
|
+
tags: index.default.arrayOf(index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Tag.propTypes), {}, {
|
366
|
+
label: index.default.string.isRequired,
|
374
367
|
// we duplicate this prop to improve the DocGen
|
375
|
-
type: index
|
368
|
+
type: index.default.oneOf(tagTypes)
|
376
369
|
})))
|
377
370
|
};
|
378
371
|
exports.TagSet.displayName = componentName;
|
@@ -7,8 +7,6 @@
|
|
7
7
|
|
8
8
|
'use strict';
|
9
9
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
11
|
-
|
12
10
|
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
13
11
|
var React = require('react');
|
14
12
|
var index = require('../../node_modules/prop-types/index.js');
|
@@ -18,11 +16,6 @@ var settings = require('../../settings.js');
|
|
18
16
|
var propsHelper = require('../../global/js/utils/props-helper.js');
|
19
17
|
var usePortalTarget = require('../../global/js/hooks/usePortalTarget.js');
|
20
18
|
|
21
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
22
|
-
|
23
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
24
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
25
|
-
|
26
19
|
var _excluded = ["allTags", "className", "title", "onClose", "open", "portalTarget", "searchLabel", "searchPlaceholder"],
|
27
20
|
_excluded2 = ["label"];
|
28
21
|
var componentName = 'TagSetModal';
|
@@ -75,48 +68,48 @@ var TagSetModal = function TagSetModal(_ref) {
|
|
75
68
|
var handleSearch = function handleSearch(ev) {
|
76
69
|
setSearch(ev.target.value || '');
|
77
70
|
};
|
78
|
-
return renderPortalUse( /*#__PURE__*/
|
71
|
+
return renderPortalUse( /*#__PURE__*/React.createElement(react.ComposedModal, _rollupPluginBabelHelpers.extends({}, rest, {
|
79
72
|
containerClassName: "".concat(blockClass, "__container"),
|
80
|
-
className:
|
73
|
+
className: cx(className, "".concat(blockClass)),
|
81
74
|
size: "sm",
|
82
75
|
open: open,
|
83
76
|
onClose: onClose
|
84
|
-
}), /*#__PURE__*/
|
77
|
+
}), /*#__PURE__*/React.createElement(react.ModalHeader, {
|
85
78
|
className: "".concat(blockClass, "__header"),
|
86
79
|
closeModal: onClose,
|
87
80
|
title: title
|
88
|
-
}, /*#__PURE__*/
|
81
|
+
}, /*#__PURE__*/React.createElement(react.Search, {
|
89
82
|
"data-modal-primary-focus": true,
|
90
83
|
className: "".concat(blockClass, "__search"),
|
91
84
|
labelText: searchLabel,
|
92
85
|
placeholder: searchPlaceholder,
|
93
86
|
onChange: handleSearch,
|
94
87
|
size: "lg"
|
95
|
-
})), /*#__PURE__*/
|
88
|
+
})), /*#__PURE__*/React.createElement(react.ModalBody, {
|
96
89
|
className: "".concat(blockClass, "__body"),
|
97
90
|
hasForm: true
|
98
91
|
}, filteredModalTags.map(function (_ref2, index) {
|
99
92
|
var label = _ref2.label,
|
100
93
|
other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
|
101
|
-
return /*#__PURE__*/
|
94
|
+
return /*#__PURE__*/React.createElement(react.Tag, _rollupPluginBabelHelpers.extends({}, other, {
|
102
95
|
filter: false,
|
103
96
|
key: "all-tags-".concat(index)
|
104
97
|
}), label);
|
105
|
-
})), /*#__PURE__*/
|
98
|
+
})), /*#__PURE__*/React.createElement("div", {
|
106
99
|
className: "".concat(blockClass, "__fade")
|
107
100
|
})));
|
108
101
|
};
|
109
102
|
TagSetModal.propTypes = {
|
110
|
-
allTags: index
|
111
|
-
label: index
|
103
|
+
allTags: index.default.arrayOf(index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, propsHelper.prepareProps(react.Tag.propTypes, 'filter')), {}, {
|
104
|
+
label: index.default.string.isRequired
|
112
105
|
}))),
|
113
|
-
className: index
|
114
|
-
onClose: index
|
115
|
-
open: index
|
116
|
-
portalTarget: index
|
117
|
-
searchLabel: index
|
118
|
-
searchPlaceholder: index
|
119
|
-
title: index
|
106
|
+
className: index.default.string,
|
107
|
+
onClose: index.default.func,
|
108
|
+
open: index.default.bool,
|
109
|
+
portalTarget: index.default.node,
|
110
|
+
searchLabel: index.default.string,
|
111
|
+
searchPlaceholder: index.default.string,
|
112
|
+
title: index.default.string
|
120
113
|
};
|
121
114
|
TagSetModal.displayName = componentName;
|
122
115
|
|
@@ -7,8 +7,6 @@
|
|
7
7
|
|
8
8
|
'use strict';
|
9
9
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
11
|
-
|
12
10
|
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
13
11
|
var React = require('react');
|
14
12
|
var index = require('../../node_modules/prop-types/index.js');
|
@@ -17,11 +15,6 @@ var react = require('@carbon/react');
|
|
17
15
|
var settings = require('../../settings.js');
|
18
16
|
var useClickOutside = require('../../global/js/hooks/useClickOutside.js');
|
19
17
|
|
20
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
21
|
-
|
22
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
23
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
24
|
-
|
25
18
|
var _excluded = ["allTagsModalSearchThreshold", "className", "onShowAllClick", "overflowAlign", "overflowAutoAlign", "overflowTags", "overflowType", "showAllTagsLabel", "popoverOpen", "setPopoverOpen", "size"];
|
26
19
|
var componentName = 'TagSetOverflow';
|
27
20
|
var blockClass = "".concat(settings.pkg.prefix, "--tag-set-overflow");
|
@@ -30,7 +23,7 @@ var blockClass = "".concat(settings.pkg.prefix, "--tag-set-overflow");
|
|
30
23
|
var defaults = {
|
31
24
|
allTagsModalSearchThreshold: 10
|
32
25
|
};
|
33
|
-
var TagSetOverflow = /*#__PURE__*/
|
26
|
+
var TagSetOverflow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
34
27
|
var _ref$allTagsModalSear = _ref.allTagsModalSearchThreshold,
|
35
28
|
allTagsModalSearchThreshold = _ref$allTagsModalSear === void 0 ? defaults.allTagsModalSearchThreshold : _ref$allTagsModalSear,
|
36
29
|
className = _ref.className,
|
@@ -64,29 +57,29 @@ var TagSetOverflow = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
64
57
|
setPopoverOpen === null || setPopoverOpen === void 0 || setPopoverOpen(false);
|
65
58
|
}
|
66
59
|
};
|
67
|
-
return /*#__PURE__*/
|
60
|
+
return /*#__PURE__*/React.createElement("span", _rollupPluginBabelHelpers.extends({}, rest, {
|
68
61
|
"aria-hidden": overflowTags.length === 0,
|
69
|
-
className:
|
62
|
+
className: cx("".concat(blockClass), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--hidden"), overflowTags.length === 0)),
|
70
63
|
ref: ref || localRef
|
71
|
-
}), /*#__PURE__*/
|
64
|
+
}), /*#__PURE__*/React.createElement(react.Popover, {
|
72
65
|
align: overflowAlign,
|
73
|
-
className:
|
66
|
+
className: cx(className, "".concat(blockClass, "__tagset-popover")),
|
74
67
|
dropShadow: true,
|
75
68
|
highContrast: true,
|
76
69
|
onKeyDown: handleEscKeyPress,
|
77
70
|
open: popoverOpen,
|
78
71
|
autoAlign: overflowAutoAlign
|
79
|
-
}, /*#__PURE__*/
|
72
|
+
}, /*#__PURE__*/React.createElement(react.OperationalTag, {
|
80
73
|
onClick: function onClick() {
|
81
74
|
return setPopoverOpen === null || setPopoverOpen === void 0 ? void 0 : setPopoverOpen(!popoverOpen);
|
82
75
|
},
|
83
|
-
className:
|
76
|
+
className: cx("".concat(blockClass, "__popover-trigger")),
|
84
77
|
size: size,
|
85
78
|
text: "+".concat(overflowTags.length)
|
86
|
-
}), /*#__PURE__*/
|
79
|
+
}), /*#__PURE__*/React.createElement(react.PopoverContent, null, /*#__PURE__*/React.createElement("div", {
|
87
80
|
ref: overflowTagContent,
|
88
81
|
className: "".concat(blockClass, "__content")
|
89
|
-
}, /*#__PURE__*/
|
82
|
+
}, /*#__PURE__*/React.createElement("ul", {
|
90
83
|
className: "".concat(blockClass, "__tag-list")
|
91
84
|
}, overflowTags.filter(function (_, index) {
|
92
85
|
return overflowTags.length > allTagsModalSearchThreshold ? index < allTagsModalSearchThreshold : index <= allTagsModalSearchThreshold;
|
@@ -98,13 +91,13 @@ var TagSetOverflow = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
98
91
|
if (overflowType === 'default') {
|
99
92
|
tagProps.filter = false;
|
100
93
|
}
|
101
|
-
if ( /*#__PURE__*/
|
102
|
-
return /*#__PURE__*/
|
103
|
-
className:
|
94
|
+
if ( /*#__PURE__*/React.isValidElement(tag)) {
|
95
|
+
return /*#__PURE__*/React.createElement("li", {
|
96
|
+
className: cx("".concat(blockClass, "__tag-item"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__tag-item--default"), overflowType === 'default'), "".concat(blockClass, "__tag-item--tag"), overflowType === 'tag')),
|
104
97
|
key: index
|
105
|
-
}, /*#__PURE__*/
|
98
|
+
}, /*#__PURE__*/React.cloneElement(tag, tagProps));
|
106
99
|
}
|
107
|
-
})), overflowTags.length > allTagsModalSearchThreshold && /*#__PURE__*/
|
100
|
+
})), overflowTags.length > allTagsModalSearchThreshold && /*#__PURE__*/React.createElement(react.Link, {
|
108
101
|
className: "".concat(blockClass, "__show-all-tags-link"),
|
109
102
|
href: "",
|
110
103
|
onClick: handleShowAllTagsClick,
|
@@ -116,48 +109,48 @@ TagSetOverflow.propTypes = {
|
|
116
109
|
/**
|
117
110
|
* count of overflowTags over which a modal is offered
|
118
111
|
*/
|
119
|
-
allTagsModalSearchThreshold: index
|
112
|
+
allTagsModalSearchThreshold: index.default.number,
|
120
113
|
/**
|
121
114
|
* className
|
122
115
|
*/
|
123
|
-
className: index
|
116
|
+
className: index.default.string,
|
124
117
|
/**
|
125
118
|
* function to execute on clicking show all
|
126
119
|
*/
|
127
|
-
onShowAllClick: index
|
120
|
+
onShowAllClick: index.default.func.isRequired,
|
128
121
|
/**
|
129
122
|
* overflowAlign from the standard tooltip
|
130
123
|
*/
|
131
|
-
overflowAlign: index
|
124
|
+
overflowAlign: index.default.oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top']),
|
132
125
|
/**
|
133
126
|
* Will auto-align the popover on first render if it is not visible. This prop is currently experimental and is subject to future changes.
|
134
127
|
*/
|
135
|
-
overflowAutoAlign: index
|
128
|
+
overflowAutoAlign: index.default.bool,
|
136
129
|
/**
|
137
130
|
* tags shown in overflow
|
138
131
|
*/
|
139
132
|
/**@ts-ignore */
|
140
|
-
overflowTags: index
|
133
|
+
overflowTags: index.default.arrayOf(index.default.object).isRequired,
|
141
134
|
/**
|
142
135
|
* Type of rendering displayed inside of the tag overflow component
|
143
136
|
*/
|
144
|
-
overflowType: index
|
137
|
+
overflowType: index.default.oneOf(['default', 'tag']),
|
145
138
|
/**
|
146
139
|
* Open state of the popover
|
147
140
|
*/
|
148
|
-
popoverOpen: index
|
141
|
+
popoverOpen: index.default.bool,
|
149
142
|
/**
|
150
143
|
* Setter function for the popoverOpen state value
|
151
144
|
*/
|
152
|
-
setPopoverOpen: index
|
145
|
+
setPopoverOpen: index.default.func,
|
153
146
|
/**
|
154
147
|
* label for the overflow show all tags link
|
155
148
|
*/
|
156
|
-
showAllTagsLabel: index
|
149
|
+
showAllTagsLabel: index.default.string,
|
157
150
|
/**
|
158
151
|
* Size of the overflow tag
|
159
152
|
*/
|
160
|
-
size: index
|
153
|
+
size: index.default.string
|
161
154
|
};
|
162
155
|
|
163
156
|
exports.TagSetOverflow = TagSetOverflow;
|