@carbon/ibm-products 2.50.0-rc.1 → 2.51.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/css/index-full-carbon.css +56 -29
- 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 +3 -10
- 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 +3 -10
- 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 +34 -28
- 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/ConditionBuilder/ConditionBuilder.js +26 -20
- package/es/components/ConditionBuilder/ConditionBuilder.types.d.ts +6 -2
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +11 -8
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +44 -24
- package/es/components/CreateFullPage/CreateFullPage.d.ts +4 -2
- package/es/components/CreateFullPage/CreateFullPage.js +10 -3
- package/es/components/CreateFullPage/CreateFullPageStep.d.ts +3 -1
- package/es/components/CreateFullPage/CreateFullPageStep.js +5 -2
- package/es/components/Datagrid/Datagrid/Datagrid.d.ts +1 -1
- package/es/components/Datagrid/Datagrid/Datagrid.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +12 -1
- package/es/components/Datagrid/Datagrid/DraggableElement.js +1 -0
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +3 -8
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +15 -13
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +17 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +13 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +1 -12
- package/es/components/Datagrid/types/index.d.ts +4 -0
- package/es/components/Datagrid/useSelectRows.js +40 -19
- package/es/components/EditInPlace/EditInPlace.js +0 -3
- package/es/components/ExportModal/ExportModal.js +18 -5
- package/es/components/NotificationsPanel/NotificationsPanel.d.ts +5 -1
- package/es/components/NotificationsPanel/NotificationsPanel.js +14 -1
- package/es/components/OptionsTile/OptionsTile.d.ts +1 -1
- package/es/components/OptionsTile/OptionsTile.js +0 -1
- package/es/components/ProductiveCard/ProductiveCard.d.ts +4 -0
- package/es/components/ProductiveCard/ProductiveCard.js +4 -0
- package/es/components/ScrollGradient/ScrollGradient.js +1 -1
- package/es/components/SimpleHeader/SimpleHeader.d.ts +3 -1
- package/es/components/SimpleHeader/SimpleHeader.js +9 -2
- package/es/components/StringFormatter/StringFormatter.js +1 -1
- package/es/components/TagSet/TagSet.js +5 -0
- package/es/components/TagSet/TagSetOverflow.d.ts +4 -0
- package/es/components/TagSet/TagSetOverflow.js +13 -6
- package/es/components/Tearsheet/TearsheetShell.js +9 -2
- package/es/components/UserProfileImage/UserProfileImage.d.ts +1 -1
- package/es/components/UserProfileImage/UserProfileImage.js +1 -1
- package/es/global/js/utils/Wrap.d.ts +4 -0
- package/es/global/js/utils/Wrap.js +9 -3
- package/es/global/js/utils/devtools.js +1 -2
- package/es/node_modules/@carbon/icon-helpers/es/index.js +3 -3
- 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 +58 -59
- package/lib/components/ConditionBuilder/ConditionBuilder.types.d.ts +6 -2
- 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.d.ts +11 -8
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +63 -47
- 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.d.ts +4 -2
- package/lib/components/CreateFullPage/CreateFullPage.js +53 -53
- package/lib/components/CreateFullPage/CreateFullPageStep.d.ts +3 -1
- package/lib/components/CreateFullPage/CreateFullPageStep.js +27 -31
- 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.d.ts +1 -1
- package/lib/components/Datagrid/Datagrid/Datagrid.js +10 -17
- 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 +26 -20
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +5 -9
- package/lib/components/Datagrid/Datagrid/DraggableElement.js +18 -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 +21 -30
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +7 -13
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +18 -20
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +1 -7
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +49 -39
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +54 -48
- 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 -31
- 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/types/index.d.ts +4 -0
- 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 +45 -29
- 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 -45
- 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 +59 -53
- 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.d.ts +5 -1
- package/lib/components/NotificationsPanel/NotificationsPanel.js +104 -98
- package/lib/components/NotificationsPanel/utils.js +0 -2
- package/lib/components/OptionsTile/OptionsTile.d.ts +1 -1
- package/lib/components/OptionsTile/OptionsTile.js +40 -48
- 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.d.ts +4 -0
- package/lib/components/ProductiveCard/ProductiveCard.js +39 -41
- 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.d.ts +3 -1
- package/lib/components/SimpleHeader/SimpleHeader.js +27 -27
- 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 +39 -41
- package/lib/components/TagSet/TagSetModal.js +16 -23
- package/lib/components/TagSet/TagSetOverflow.d.ts +4 -0
- package/lib/components/TagSet/TagSetOverflow.js +32 -32
- package/lib/components/Tearsheet/Tearsheet.js +23 -29
- package/lib/components/Tearsheet/TearsheetNarrow.js +18 -24
- package/lib/components/Tearsheet/TearsheetShell.js +63 -63
- 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.d.ts +1 -1
- package/lib/components/UserProfileImage/UserProfileImage.js +25 -32
- 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.d.ts +4 -0
- package/lib/global/js/utils/Wrap.js +16 -16
- 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 +6 -8
- 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 +11 -11
- package/scss/components/EditInPlace/_edit-in-place.scss +0 -11
- package/scss/components/SidePanel/_side-panel.scss +1 -0
- package/scss/components/TagSet/_tag-set.scss +2 -0
- package/telemetry.yml +3 -3
@@ -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 cx = require('classnames');
|
@@ -16,11 +14,6 @@ var settings = require('../../settings.js');
|
|
16
14
|
var scrollableAncestor = require('../../global/js/utils/scrollableAncestor.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 _SkeletonText;
|
25
18
|
var blockClass = "".concat(settings.pkg.prefix, "--page-header");
|
26
19
|
|
@@ -165,7 +158,7 @@ var utilGetBreadcrumbItemForTitle = function utilGetBreadcrumbItemForTitle(block
|
|
165
158
|
if (title.text !== undefined) {
|
166
159
|
// Shape title provided
|
167
160
|
breadcrumbTitle = {
|
168
|
-
label: /*#__PURE__*/
|
161
|
+
label: /*#__PURE__*/React.createElement("span", null, title.loading ? _SkeletonText || (_SkeletonText = /*#__PURE__*/React.createElement(react.SkeletonText, null)) : title.text),
|
169
162
|
title: title.text
|
170
163
|
};
|
171
164
|
} else if (title.content !== undefined) {
|
@@ -184,7 +177,7 @@ var utilGetBreadcrumbItemForTitle = function utilGetBreadcrumbItemForTitle(block
|
|
184
177
|
if (breadcrumbTitle) {
|
185
178
|
breadcrumbTitle.key = 'breadcrumb-title';
|
186
179
|
breadcrumbTitle.isCurrentPage = true;
|
187
|
-
breadcrumbTitle.className =
|
180
|
+
breadcrumbTitle.className = cx(["".concat(blockClass, "__breadcrumb-title"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__breadcrumb-title--pre-collapsed"), collapseTitle)]);
|
188
181
|
}
|
189
182
|
if (title.shortTitle) {
|
190
183
|
breadcrumbTitle.shortTitle = title.shortTitle;
|
@@ -65,6 +65,10 @@ export interface ProductiveCardProps extends PropsWithChildren {
|
|
65
65
|
* Aria label prop required for OverflowMenu
|
66
66
|
*/
|
67
67
|
overflowAriaLabel?: string;
|
68
|
+
/**
|
69
|
+
* Determines if the primary button is enabled or not
|
70
|
+
*/
|
71
|
+
primaryButtonDisabled?: boolean;
|
68
72
|
/**
|
69
73
|
* Optionally specify an href for your Button to become an <a> element
|
70
74
|
*/
|
@@ -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,10 +15,6 @@ var settings = require('../../settings.js');
|
|
17
15
|
var propsHelper = require('../../global/js/utils/props-helper.js');
|
18
16
|
var Card = require('../Card/Card.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
|
-
|
24
18
|
var _excluded = ["actionsPlacement", "iconDescription"];
|
25
19
|
var componentName = 'ProductiveCard';
|
26
20
|
exports.ProductiveCard = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
@@ -29,7 +23,7 @@ exports.ProductiveCard = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
29
23
|
iconDescription = _ref.iconDescription,
|
30
24
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
31
25
|
var validProps = propsHelper.prepareProps(rest, ['media', 'mediaPosition', 'pictogram', 'primaryButtonClick', 'productive', 'secondaryButtonKind']);
|
32
|
-
return /*#__PURE__*/
|
26
|
+
return /*#__PURE__*/React.createElement(Card.Card, _rollupPluginBabelHelpers.extends({}, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, validProps), {}, {
|
33
27
|
iconDescription: iconDescription,
|
34
28
|
actionsPlacement: actionsPlacement,
|
35
29
|
ref: ref,
|
@@ -44,116 +38,120 @@ exports.ProductiveCard.propTypes = {
|
|
44
38
|
* Icons that are displayed on card. Refer to design documentation for implementation guidelines
|
45
39
|
*/
|
46
40
|
/**@ts-ignore */
|
47
|
-
actionIcons: index
|
48
|
-
id: index
|
49
|
-
icon: index
|
50
|
-
onKeyDown: index
|
51
|
-
onClick: index
|
52
|
-
iconDescription: index
|
53
|
-
href: index
|
41
|
+
actionIcons: index.default.arrayOf(index.default.shape({
|
42
|
+
id: index.default.string,
|
43
|
+
icon: index.default.oneOfType([index.default.func, index.default.object]),
|
44
|
+
onKeyDown: index.default.func,
|
45
|
+
onClick: index.default.func,
|
46
|
+
iconDescription: index.default.string,
|
47
|
+
href: index.default.string
|
54
48
|
})),
|
55
49
|
/**
|
56
50
|
* Determines if the action icons are on the top or bottom of the card
|
57
51
|
*/
|
58
|
-
actionsPlacement: index
|
52
|
+
actionsPlacement: index.default.oneOf(['top', 'bottom']),
|
59
53
|
/**
|
60
54
|
* Content that shows in the body of the card
|
61
55
|
*/
|
62
|
-
children: index
|
56
|
+
children: index.default.node,
|
63
57
|
/**
|
64
58
|
* Optional user provided class
|
65
59
|
*/
|
66
|
-
className: index
|
60
|
+
className: index.default.string,
|
67
61
|
/**
|
68
62
|
* Designates which zones of the card are clickable. Refer to design documentation for implementation guidelines
|
69
63
|
*/
|
70
|
-
clickZone: index
|
64
|
+
clickZone: index.default.oneOf(['one', 'two', 'three']),
|
71
65
|
/**
|
72
66
|
* Optional header description
|
73
67
|
*/
|
74
|
-
description: index
|
68
|
+
description: index.default.oneOfType([index.default.string, index.default.object, index.default.node]),
|
75
69
|
/**
|
76
70
|
* Tooltip icon description
|
77
71
|
*/
|
78
|
-
iconDescription: index
|
72
|
+
iconDescription: index.default.string,
|
79
73
|
/**
|
80
74
|
* Optional label for the top of the card
|
81
75
|
*/
|
82
|
-
label: index
|
76
|
+
label: index.default.oneOfType([index.default.string, index.default.object, index.default.node]),
|
83
77
|
/**
|
84
78
|
* Provides the callback for a clickable card
|
85
79
|
*/
|
86
|
-
onClick: index
|
80
|
+
onClick: index.default.func,
|
87
81
|
/**
|
88
82
|
* Function that's called from the primary button or action icon
|
89
83
|
*/
|
90
|
-
onPrimaryButtonClick: index
|
84
|
+
onPrimaryButtonClick: index.default.func,
|
91
85
|
/**
|
92
86
|
* Function that's called from the secondary button or action icon
|
93
87
|
*/
|
94
|
-
onSecondaryButtonClick: index
|
88
|
+
onSecondaryButtonClick: index.default.func,
|
95
89
|
/**
|
96
90
|
* Use an overflow menu instead of action icons. Refer to design documentation for implementation guidelines
|
97
91
|
*/
|
98
92
|
/**@ts-ignore */
|
99
|
-
overflowActions: index
|
100
|
-
id: index
|
101
|
-
itemText: index
|
102
|
-
onClick: index
|
103
|
-
onKeyDown: index
|
93
|
+
overflowActions: index.default.arrayOf(index.default.shape({
|
94
|
+
id: index.default.string,
|
95
|
+
itemText: index.default.string,
|
96
|
+
onClick: index.default.func,
|
97
|
+
onKeyDown: index.default.func
|
104
98
|
})),
|
105
99
|
/**
|
106
100
|
* Aria label prop required for OverflowMenu
|
107
101
|
*/
|
108
|
-
overflowAriaLabel: index
|
102
|
+
overflowAriaLabel: index.default.string,
|
103
|
+
/**
|
104
|
+
* Determines if the primary button is enabled or not
|
105
|
+
*/
|
106
|
+
primaryButtonDisabled: index.default.bool,
|
109
107
|
/**
|
110
108
|
* Optionally specify an href for your Button to become an <a> element
|
111
109
|
*/
|
112
|
-
primaryButtonHref: index
|
110
|
+
primaryButtonHref: index.default.string,
|
113
111
|
/**
|
114
112
|
* Optional prop to allow overriding the icon rendering. Can be a React component class
|
115
113
|
*/
|
116
114
|
/**@ts-ignore */
|
117
|
-
primaryButtonIcon: index
|
115
|
+
primaryButtonIcon: index.default.oneOfType([index.default.func, index.default.object]),
|
118
116
|
/**
|
119
117
|
* Determines if the primary button is on the top or bottom of the card
|
120
118
|
*/
|
121
|
-
primaryButtonPlacement: index
|
119
|
+
primaryButtonPlacement: index.default.oneOf(['top', 'bottom']),
|
122
120
|
/**
|
123
121
|
* The text that's displayed in the primary button
|
124
122
|
*/
|
125
123
|
/**@ts-ignore */
|
126
|
-
primaryButtonText: index
|
124
|
+
primaryButtonText: index.default.node,
|
127
125
|
/**
|
128
126
|
* Optionally specify an href for your Button to become an <a> element
|
129
127
|
*/
|
130
|
-
secondaryButtonHref: index
|
128
|
+
secondaryButtonHref: index.default.string,
|
131
129
|
/**
|
132
130
|
* Optional prop to allow overriding the icon rendering. Can be a React component class
|
133
131
|
*/
|
134
132
|
/**@ts-ignore */
|
135
|
-
secondaryButtonIcon: index
|
133
|
+
secondaryButtonIcon: index.default.oneOfType([index.default.func, index.default.object]),
|
136
134
|
/**
|
137
135
|
* Determines if the secondary button is on the top or bottom of the card
|
138
136
|
*/
|
139
|
-
secondaryButtonPlacement: index
|
137
|
+
secondaryButtonPlacement: index.default.oneOf(['top', 'bottom']),
|
140
138
|
/**
|
141
139
|
* The text that's displayed in the secondary button
|
142
140
|
*/
|
143
141
|
/**@ts-ignore */
|
144
|
-
secondaryButtonText: index
|
142
|
+
secondaryButtonText: index.default.node,
|
145
143
|
/**
|
146
144
|
* **Experimental:** For all cases a `Slug` component can be provided.
|
147
145
|
* Clickable tiles only accept a boolean value of true and display a hollow slug.
|
148
146
|
*/
|
149
|
-
slug: index
|
147
|
+
slug: index.default.oneOfType([index.default.node, index.default.bool]),
|
150
148
|
/**
|
151
149
|
* Title that's displayed at the top of the card
|
152
150
|
*/
|
153
|
-
title: index
|
151
|
+
title: index.default.oneOfType([index.default.string, index.default.object, index.default.node]),
|
154
152
|
/**
|
155
153
|
* Determines title size
|
156
154
|
*/
|
157
|
-
titleSize: index
|
155
|
+
titleSize: index.default.oneOf(['default', 'large'])
|
158
156
|
};
|
159
157
|
exports.ProductiveCard.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('@carbon/react');
|
14
12
|
var React = require('react');
|
@@ -20,11 +18,6 @@ var usePortalTarget = require('../../global/js/hooks/usePortalTarget.js');
|
|
20
18
|
var uuidv4 = require('../../global/js/utils/uuidv4.js');
|
21
19
|
var usePreviousValue = require('../../global/js/hooks/usePreviousValue.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 = ["body", "className", "iconDescription", "inputInvalidText", "inputLabelText", "inputPlaceholderText", "label", "onClose", "onRequestSubmit", "open", "portalTarget", "preventCloseOnClickOutside", "primaryButtonDisabled", "primaryButtonText", "primaryDangerDescription", "resourceName", "secondaryButtonText", "textConfirmation", "title"];
|
29
22
|
var componentName = 'RemoveModal';
|
30
23
|
|
@@ -62,7 +55,7 @@ exports.RemoveModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
62
55
|
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
63
56
|
userInput = _useState2[0],
|
64
57
|
setUserInput = _useState2[1];
|
65
|
-
var idRef = React.useRef(uuidv4
|
58
|
+
var idRef = React.useRef(uuidv4.default());
|
66
59
|
var renderPortalUse = usePortalTarget.usePortalTarget(portalTargetIn);
|
67
60
|
var onChangeHandler = function onChangeHandler(e) {
|
68
61
|
setUserInput(e.target.value);
|
@@ -87,8 +80,8 @@ exports.RemoveModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
87
80
|
setUserInput('');
|
88
81
|
}
|
89
82
|
}, [open, previousState === null || previousState === void 0 ? void 0 : previousState.open]);
|
90
|
-
return renderPortalUse( /*#__PURE__*/
|
91
|
-
className:
|
83
|
+
return renderPortalUse( /*#__PURE__*/React.createElement(react.ComposedModal, _rollupPluginBabelHelpers.extends({}, rest, {
|
84
|
+
className: cx(blockClass, className),
|
92
85
|
size: "sm",
|
93
86
|
"aria-label": title
|
94
87
|
}, _rollupPluginBabelHelpers.objectSpread2({
|
@@ -96,13 +89,13 @@ exports.RemoveModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
96
89
|
ref: ref,
|
97
90
|
preventCloseOnClickOutside: preventCloseOnClickOutside,
|
98
91
|
onClose: onClose
|
99
|
-
}, devtools.getDevtoolsProps(componentName))), /*#__PURE__*/
|
92
|
+
}, devtools.getDevtoolsProps(componentName))), /*#__PURE__*/React.createElement(react.ModalHeader, {
|
100
93
|
title: title,
|
101
94
|
label: label,
|
102
95
|
iconDescription: iconDescription
|
103
|
-
}), /*#__PURE__*/
|
96
|
+
}), /*#__PURE__*/React.createElement(react.ModalBody, null, typeof body === 'string' ? /*#__PURE__*/React.createElement("p", {
|
104
97
|
className: "".concat(blockClass, "__body")
|
105
|
-
}, body) : body, textConfirmation && /*#__PURE__*/
|
98
|
+
}, body) : body, textConfirmation && /*#__PURE__*/React.createElement(react.TextInput, {
|
106
99
|
id: "".concat(idRef.current, "-confirmation-input"),
|
107
100
|
className: "".concat(blockClass, "__input"),
|
108
101
|
invalidText: inputInvalidText,
|
@@ -111,12 +104,12 @@ exports.RemoveModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
111
104
|
onChange: onChangeHandler,
|
112
105
|
value: userInput,
|
113
106
|
"data-modal-primary-focus": true
|
114
|
-
})), /*#__PURE__*/
|
107
|
+
})), /*#__PURE__*/React.createElement(react.ModalFooter, null, /*#__PURE__*/React.createElement(react.Button, {
|
115
108
|
type: "button",
|
116
109
|
kind: "secondary",
|
117
110
|
onClick: onClose,
|
118
111
|
"data-modal-primary-focus": !textConfirmation
|
119
|
-
}, secondaryButtonText), /*#__PURE__*/
|
112
|
+
}, secondaryButtonText), /*#__PURE__*/React.createElement(react.Button, {
|
120
113
|
type: "submit",
|
121
114
|
kind: "danger",
|
122
115
|
dangerDescription: primaryDangerDescription,
|
@@ -131,78 +124,78 @@ exports.RemoveModal.propTypes = {
|
|
131
124
|
/**
|
132
125
|
* The content to be displayed in the body of the modal
|
133
126
|
*/
|
134
|
-
body: index
|
127
|
+
body: index.default.node.isRequired,
|
135
128
|
/**
|
136
129
|
* Optional classname
|
137
130
|
*/
|
138
|
-
className: index
|
131
|
+
className: index.default.string,
|
139
132
|
/**
|
140
133
|
* Provide a description for "close" icon that can be read by screen readers
|
141
134
|
*/
|
142
|
-
iconDescription: index
|
135
|
+
iconDescription: index.default.string.isRequired,
|
143
136
|
/**
|
144
137
|
* Message showed when user input fails validation
|
145
138
|
*/
|
146
|
-
inputInvalidText: index
|
139
|
+
inputInvalidText: index.default.string,
|
147
140
|
/**
|
148
141
|
* Label for text box
|
149
142
|
*/
|
150
|
-
inputLabelText: index
|
143
|
+
inputLabelText: index.default.node,
|
151
144
|
/**
|
152
145
|
* Placeholder for text box
|
153
146
|
*/
|
154
|
-
inputPlaceholderText: index
|
147
|
+
inputPlaceholderText: index.default.string,
|
155
148
|
/**
|
156
149
|
* Specify the modal label texts
|
157
150
|
*/
|
158
|
-
label: index
|
151
|
+
label: index.default.string,
|
159
152
|
/**
|
160
153
|
* Callback function that runs when user closes the modal
|
161
154
|
*/
|
162
|
-
onClose: index
|
155
|
+
onClose: index.default.func,
|
163
156
|
/**
|
164
157
|
* Callback function that runs when user submits the modal
|
165
158
|
*/
|
166
|
-
onRequestSubmit: index
|
159
|
+
onRequestSubmit: index.default.func,
|
167
160
|
/**
|
168
161
|
* Specify whether the Modal is currently open
|
169
162
|
*/
|
170
|
-
open: index
|
163
|
+
open: index.default.bool.isRequired,
|
171
164
|
/**
|
172
165
|
* The DOM node the tearsheet should be rendered within. Defaults to document.body.
|
173
166
|
*/
|
174
|
-
portalTarget: index
|
167
|
+
portalTarget: index.default.node,
|
175
168
|
/**
|
176
169
|
* Prevent closing on click outside of modal
|
177
170
|
*/
|
178
|
-
preventCloseOnClickOutside: index
|
171
|
+
preventCloseOnClickOutside: index.default.bool,
|
179
172
|
/**
|
180
173
|
* Specify whether the primary button should be disabled. This value will override textConfirmation
|
181
174
|
*/
|
182
|
-
primaryButtonDisabled: index
|
175
|
+
primaryButtonDisabled: index.default.bool,
|
183
176
|
/**
|
184
177
|
* Specify the text for the primary button
|
185
178
|
*/
|
186
|
-
primaryButtonText: index
|
179
|
+
primaryButtonText: index.default.string,
|
187
180
|
/**
|
188
181
|
* Specify the danger description on the primary button
|
189
182
|
*/
|
190
|
-
primaryDangerDescription: index
|
183
|
+
primaryDangerDescription: index.default.string,
|
191
184
|
/**
|
192
185
|
* The name of the resource being acted upon
|
193
186
|
*/
|
194
|
-
resourceName: index
|
187
|
+
resourceName: index.default.string.isRequired,
|
195
188
|
/**
|
196
189
|
* Specify the text for the secondary button
|
197
190
|
*/
|
198
|
-
secondaryButtonText: index
|
191
|
+
secondaryButtonText: index.default.string,
|
199
192
|
/**
|
200
193
|
* Specify whether or not to show the text confirmation input
|
201
194
|
*/
|
202
|
-
textConfirmation: index
|
195
|
+
textConfirmation: index.default.bool,
|
203
196
|
/**
|
204
197
|
* The text displayed at the top of the modal
|
205
198
|
*/
|
206
|
-
title: index
|
199
|
+
title: index.default.string.isRequired
|
207
200
|
};
|
208
201
|
exports.RemoveModal.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('@carbon/react');
|
14
12
|
var icons = require('@carbon/react/icons');
|
@@ -18,11 +16,6 @@ var cx = require('classnames');
|
|
18
16
|
var devtools = require('../../global/js/utils/devtools.js');
|
19
17
|
var settings = require('../../settings.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 _ErrorFilled;
|
27
20
|
var _excluded = ["secondaryButtonText", "className", "defaultIconDescription", "defaultText", "failIconDescription", "failText", "inProgressIconDescription", "inProgressText", "onRequestCancel", "onRequestSave", "status", "successIconDescription", "successText", "type"];
|
28
21
|
var componentName = 'Saving';
|
@@ -48,7 +41,7 @@ exports.Saving = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
48
41
|
text: defaultText,
|
49
42
|
iconDescription: defaultIconDescription,
|
50
43
|
icon: function icon(props) {
|
51
|
-
return /*#__PURE__*/
|
44
|
+
return /*#__PURE__*/React.createElement(icons.Save, _rollupPluginBabelHelpers.extends({
|
52
45
|
size: 16
|
53
46
|
}, props));
|
54
47
|
}
|
@@ -57,7 +50,7 @@ exports.Saving = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
57
50
|
text: inProgressText,
|
58
51
|
iconDescription: inProgressIconDescription,
|
59
52
|
icon: function icon(props) {
|
60
|
-
return /*#__PURE__*/
|
53
|
+
return /*#__PURE__*/React.createElement(react.InlineLoading, _rollupPluginBabelHelpers.extends({
|
61
54
|
size: 16
|
62
55
|
}, props));
|
63
56
|
}
|
@@ -65,7 +58,7 @@ exports.Saving = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
65
58
|
text: successText,
|
66
59
|
iconDescription: successIconDescription,
|
67
60
|
icon: function icon(props) {
|
68
|
-
return /*#__PURE__*/
|
61
|
+
return /*#__PURE__*/React.createElement(icons.CheckmarkOutline, _rollupPluginBabelHelpers.extends({
|
69
62
|
size: 16
|
70
63
|
}, props));
|
71
64
|
}
|
@@ -73,31 +66,31 @@ exports.Saving = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
73
66
|
text: failText,
|
74
67
|
iconDescription: failIconDescription,
|
75
68
|
icon: function icon(props) {
|
76
|
-
return /*#__PURE__*/
|
69
|
+
return /*#__PURE__*/React.createElement(icons.ErrorOutline, _rollupPluginBabelHelpers.extends({
|
77
70
|
size: 16
|
78
71
|
}, props));
|
79
72
|
}
|
80
73
|
});
|
81
74
|
var blockClass = "".concat(settings.pkg.prefix, "--saving");
|
82
|
-
return /*#__PURE__*/
|
75
|
+
return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
|
83
76
|
ref: ref,
|
84
|
-
className:
|
85
|
-
}, devtools.getDevtoolsProps(componentName)), type === 'auto' ? /*#__PURE__*/
|
77
|
+
className: cx(blockClass, className)
|
78
|
+
}, devtools.getDevtoolsProps(componentName)), type === 'auto' ? /*#__PURE__*/React.createElement("div", {
|
86
79
|
className: "".concat(blockClass, "__message")
|
87
|
-
}, status === 'fail' && /*#__PURE__*/
|
80
|
+
}, status === 'fail' && /*#__PURE__*/React.createElement("div", {
|
88
81
|
className: "".concat(blockClass, "__error-icon")
|
89
|
-
}, _ErrorFilled || (_ErrorFilled = /*#__PURE__*/
|
82
|
+
}, _ErrorFilled || (_ErrorFilled = /*#__PURE__*/React.createElement(icons.ErrorFilled, {
|
90
83
|
size: 16
|
91
|
-
}))), /*#__PURE__*/
|
84
|
+
}))), /*#__PURE__*/React.createElement("p", {
|
92
85
|
className: "".concat(blockClass, "__text")
|
93
|
-
}, (_statusObj$status = statusObj[status]) === null || _statusObj$status === void 0 ? void 0 : _statusObj$status.text)) : /*#__PURE__*/
|
86
|
+
}, (_statusObj$status = statusObj[status]) === null || _statusObj$status === void 0 ? void 0 : _statusObj$status.text)) : /*#__PURE__*/React.createElement("div", {
|
94
87
|
className: "".concat(blockClass, "__buttons")
|
95
|
-
}, /*#__PURE__*/
|
88
|
+
}, /*#__PURE__*/React.createElement(react.Button, {
|
96
89
|
onClick: onRequestCancel,
|
97
90
|
kind: "secondary",
|
98
91
|
disabled: status !== 'in-progress',
|
99
92
|
type: "button"
|
100
|
-
}, secondaryButtonText), /*#__PURE__*/
|
93
|
+
}, secondaryButtonText), /*#__PURE__*/React.createElement(react.Button, {
|
101
94
|
onClick: onRequestSave,
|
102
95
|
kind: "primary",
|
103
96
|
renderIcon: (_statusObj$status2 = statusObj[status]) === null || _statusObj$status2 === void 0 ? void 0 : _statusObj$status2.icon,
|
@@ -111,58 +104,58 @@ exports.Saving.propTypes = {
|
|
111
104
|
/**
|
112
105
|
* Provide an optional class to be applied to the containing node.
|
113
106
|
*/
|
114
|
-
className: index
|
107
|
+
className: index.default.string,
|
115
108
|
/**
|
116
109
|
* Description for default state icon (manual).
|
117
110
|
*/
|
118
|
-
defaultIconDescription: index
|
111
|
+
defaultIconDescription: index.default.string,
|
119
112
|
/**
|
120
113
|
* Default text for the save button (manual). Per design guidelines you probably don't want to display this in the auto mode.
|
121
114
|
*/
|
122
|
-
defaultText: index
|
115
|
+
defaultText: index.default.string,
|
123
116
|
/**
|
124
117
|
* Description for fail state icon (manual).
|
125
118
|
*/
|
126
|
-
failIconDescription: index
|
119
|
+
failIconDescription: index.default.string,
|
127
120
|
/**
|
128
121
|
* Text for failure state.
|
129
122
|
*/
|
130
|
-
failText: index
|
123
|
+
failText: index.default.string,
|
131
124
|
/**
|
132
125
|
* Description for in progress state icon (manual).
|
133
126
|
*/
|
134
|
-
inProgressIconDescription: index
|
127
|
+
inProgressIconDescription: index.default.string,
|
135
128
|
/**
|
136
129
|
* Text for in progress state.
|
137
130
|
*/
|
138
|
-
inProgressText: index
|
131
|
+
inProgressText: index.default.string,
|
139
132
|
/**
|
140
133
|
* Function handler for cancel button (manual).
|
141
134
|
*/
|
142
|
-
onRequestCancel: index
|
135
|
+
onRequestCancel: index.default.func,
|
143
136
|
/**
|
144
137
|
* Function handler for save button (manual).
|
145
138
|
*/
|
146
|
-
onRequestSave: index
|
139
|
+
onRequestSave: index.default.func,
|
147
140
|
/**
|
148
141
|
* Text for the secondary or cancel button (manual).
|
149
142
|
*/
|
150
|
-
secondaryButtonText: index
|
143
|
+
secondaryButtonText: index.default.string,
|
151
144
|
/**
|
152
145
|
* The status of the save. default being the untouched default state -> in-progress being a save has been initiated -> fail or success being the outcome.
|
153
146
|
*/
|
154
|
-
status: index
|
147
|
+
status: index.default.oneOf(['default', 'in-progress', 'success', 'fail']).isRequired,
|
155
148
|
/**
|
156
149
|
* Description for success state icon (manual).
|
157
150
|
*/
|
158
|
-
successIconDescription: index
|
151
|
+
successIconDescription: index.default.string,
|
159
152
|
/**
|
160
153
|
* Text for success state
|
161
154
|
*/
|
162
|
-
successText: index
|
155
|
+
successText: index.default.string,
|
163
156
|
/**
|
164
157
|
* Designates the style of the save component. Manual uses a set of buttons and auto just displays a string. See usage guidelines for additional information.
|
165
158
|
*/
|
166
|
-
type: index
|
159
|
+
type: index.default.oneOf(['manual', 'auto']).isRequired
|
167
160
|
};
|
168
161
|
exports.Saving.displayName = componentName;
|