@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');
|
@@ -20,11 +18,6 @@ var EmptyStateContent = require('../EmptyStateContent.js');
|
|
20
18
|
var ErrorIllustration = require('../assets/ErrorIllustration.js');
|
21
19
|
var EmptyState = require('../EmptyState.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 = ["action", "className", "illustrationPosition", "illustrationDescription", "illustrationTheme", "link", "size", "subtitle", "title"];
|
29
22
|
// The block part of our conventional BEM class names (blockClass__E--M).
|
30
23
|
var blockClass = "".concat(settings.pkg.prefix, "--empty-state");
|
@@ -32,7 +25,7 @@ var componentName = 'ErrorEmptyState';
|
|
32
25
|
/**
|
33
26
|
* The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
|
34
27
|
*/
|
35
|
-
exports.ErrorEmptyState = /*#__PURE__*/
|
28
|
+
exports.ErrorEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
36
29
|
var action = _ref.action,
|
37
30
|
className = _ref.className,
|
38
31
|
_ref$illustrationPosi = _ref.illustrationPosition,
|
@@ -45,14 +38,14 @@ exports.ErrorEmptyState = /*#__PURE__*/React__default["default"].forwardRef(func
|
|
45
38
|
subtitle = _ref.subtitle,
|
46
39
|
title = _ref.title,
|
47
40
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
48
|
-
return /*#__PURE__*/
|
49
|
-
className:
|
41
|
+
return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
|
42
|
+
className: cx(blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--error")),
|
50
43
|
ref: ref
|
51
|
-
}, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/
|
44
|
+
}, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(ErrorIllustration.default, {
|
52
45
|
theme: illustrationTheme,
|
53
46
|
size: size,
|
54
47
|
alt: illustrationDescription || title
|
55
|
-
}), /*#__PURE__*/
|
48
|
+
}), /*#__PURE__*/React.createElement(EmptyStateContent.EmptyStateContent, {
|
56
49
|
action: action,
|
57
50
|
link: link,
|
58
51
|
size: size,
|
@@ -75,48 +68,48 @@ exports.ErrorEmptyState.propTypes = {
|
|
75
68
|
/**
|
76
69
|
* Empty state action button
|
77
70
|
*/
|
78
|
-
action: index
|
79
|
-
kind: index
|
80
|
-
renderIcon: index
|
71
|
+
action: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
|
72
|
+
kind: index.default.oneOf(['primary', 'secondary', 'tertiary']),
|
73
|
+
renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
|
81
74
|
onClick: react.Button.propTypes.onClick,
|
82
|
-
text: index
|
75
|
+
text: index.default.string
|
83
76
|
})),
|
84
77
|
/**
|
85
78
|
* Provide an optional class to be applied to the containing node.
|
86
79
|
*/
|
87
|
-
className: index
|
80
|
+
className: index.default.string,
|
88
81
|
/**
|
89
82
|
* The alt text for empty state svg images. If not provided , title will be used.
|
90
83
|
*/
|
91
|
-
illustrationDescription: index
|
84
|
+
illustrationDescription: index.default.string,
|
92
85
|
/**
|
93
86
|
* Designates the position of the illustration relative to the content
|
94
87
|
*/
|
95
|
-
illustrationPosition: index
|
88
|
+
illustrationPosition: index.default.oneOf(['top', 'right', 'bottom', 'left']),
|
96
89
|
/**
|
97
90
|
* Empty state illustration theme variations.
|
98
91
|
* To ensure you use the correct themed illustrations, you can conditionally specify light or dark
|
99
92
|
* based on your app's current theme value. Example:
|
100
93
|
* `illustrationTheme={appTheme === ('carbon--g100' || 'carbon--g90') ? 'dark' : 'light'}`
|
101
94
|
*/
|
102
|
-
illustrationTheme: index
|
95
|
+
illustrationTheme: index.default.oneOf(['light', 'dark']),
|
103
96
|
/**
|
104
97
|
* Empty state link object
|
105
98
|
*/
|
106
|
-
link: index
|
107
|
-
text: index
|
108
|
-
href: index
|
99
|
+
link: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
|
100
|
+
text: index.default.oneOfType([index.default.string, index.default.node]),
|
101
|
+
href: index.default.string
|
109
102
|
})),
|
110
103
|
/**
|
111
104
|
* Empty state size
|
112
105
|
*/
|
113
|
-
size: index
|
106
|
+
size: index.default.oneOf(['lg', 'sm']),
|
114
107
|
/**
|
115
108
|
* Empty state subtitle
|
116
109
|
*/
|
117
|
-
subtitle: index
|
110
|
+
subtitle: index.default.oneOfType([index.default.string, index.default.node]),
|
118
111
|
/**
|
119
112
|
* Empty state title
|
120
113
|
*/
|
121
|
-
title: index
|
114
|
+
title: index.default.oneOfType([index.default.string, index.default.node]).isRequired
|
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');
|
@@ -20,11 +18,6 @@ var EmptyStateContent = require('../EmptyStateContent.js');
|
|
20
18
|
var NoDataIllustration = require('../assets/NoDataIllustration.js');
|
21
19
|
var EmptyState = require('../EmptyState.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 = ["action", "className", "illustrationPosition", "illustrationTheme", "illustrationDescription", "link", "size", "subtitle", "title"];
|
29
22
|
|
30
23
|
// The block part of our conventional BEM class names (blockClass__E--M).
|
@@ -33,7 +26,7 @@ var componentName = 'NoDataEmptyState';
|
|
33
26
|
/**
|
34
27
|
* The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
|
35
28
|
*/
|
36
|
-
exports.NoDataEmptyState = /*#__PURE__*/
|
29
|
+
exports.NoDataEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
37
30
|
var action = _ref.action,
|
38
31
|
className = _ref.className,
|
39
32
|
_ref$illustrationPosi = _ref.illustrationPosition,
|
@@ -46,14 +39,14 @@ exports.NoDataEmptyState = /*#__PURE__*/React__default["default"].forwardRef(fun
|
|
46
39
|
subtitle = _ref.subtitle,
|
47
40
|
title = _ref.title,
|
48
41
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
49
|
-
return /*#__PURE__*/
|
50
|
-
className:
|
42
|
+
return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
|
43
|
+
className: cx(blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--noData")),
|
51
44
|
ref: ref
|
52
|
-
}, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/
|
45
|
+
}, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NoDataIllustration.default, {
|
53
46
|
theme: illustrationTheme,
|
54
47
|
size: size,
|
55
48
|
alt: illustrationDescription || title
|
56
|
-
}), /*#__PURE__*/
|
49
|
+
}), /*#__PURE__*/React.createElement(EmptyStateContent.EmptyStateContent, {
|
57
50
|
action: action,
|
58
51
|
link: link,
|
59
52
|
size: size,
|
@@ -76,48 +69,48 @@ exports.NoDataEmptyState.propTypes = {
|
|
76
69
|
/**
|
77
70
|
* Empty state action button
|
78
71
|
*/
|
79
|
-
action: index
|
80
|
-
kind: index
|
81
|
-
renderIcon: index
|
72
|
+
action: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
|
73
|
+
kind: index.default.oneOf(['primary', 'secondary', 'tertiary']),
|
74
|
+
renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
|
82
75
|
onClick: react.Button.propTypes.onClick,
|
83
|
-
text: index
|
76
|
+
text: index.default.string
|
84
77
|
})),
|
85
78
|
/**
|
86
79
|
* Provide an optional class to be applied to the containing node.
|
87
80
|
*/
|
88
|
-
className: index
|
81
|
+
className: index.default.string,
|
89
82
|
/**
|
90
83
|
* The alt text for empty state svg images. If not provided , title will be used.
|
91
84
|
*/
|
92
|
-
illustrationDescription: index
|
85
|
+
illustrationDescription: index.default.string,
|
93
86
|
/**
|
94
87
|
* Designates the position of the illustration relative to the content
|
95
88
|
*/
|
96
|
-
illustrationPosition: index
|
89
|
+
illustrationPosition: index.default.oneOf(['top', 'right', 'bottom', 'left']),
|
97
90
|
/**
|
98
91
|
* Empty state illustration theme variations.
|
99
92
|
* To ensure you use the correct themed illustrations, you can conditionally specify light or dark
|
100
93
|
* based on your app's current theme value. Example:
|
101
94
|
* `illustrationTheme={appTheme === ('carbon--g100' || 'carbon--g90') ? 'dark' : 'light'}`
|
102
95
|
*/
|
103
|
-
illustrationTheme: index
|
96
|
+
illustrationTheme: index.default.oneOf(['light', 'dark']),
|
104
97
|
/**
|
105
98
|
* Empty state link object
|
106
99
|
*/
|
107
|
-
link: index
|
108
|
-
text: index
|
109
|
-
href: index
|
100
|
+
link: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
|
101
|
+
text: index.default.oneOfType([index.default.string, index.default.node]),
|
102
|
+
href: index.default.string
|
110
103
|
})),
|
111
104
|
/**
|
112
105
|
* Empty state size
|
113
106
|
*/
|
114
|
-
size: index
|
107
|
+
size: index.default.oneOf(['lg', 'sm']),
|
115
108
|
/**
|
116
109
|
* Empty state subtitle
|
117
110
|
*/
|
118
|
-
subtitle: index
|
111
|
+
subtitle: index.default.oneOfType([index.default.string, index.default.node]),
|
119
112
|
/**
|
120
113
|
* Empty state title
|
121
114
|
*/
|
122
|
-
title: index
|
115
|
+
title: index.default.oneOfType([index.default.string, index.default.node]).isRequired
|
123
116
|
};
|
@@ -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');
|
@@ -20,11 +18,6 @@ var EmptyStateContent = require('../EmptyStateContent.js');
|
|
20
18
|
var NoTagsIllustration = require('../assets/NoTagsIllustration.js');
|
21
19
|
var EmptyState = require('../EmptyState.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 = ["action", "className", "illustrationPosition", "illustrationTheme", "illustrationDescription", "link", "size", "subtitle", "title"];
|
29
22
|
// The block part of our conventional BEM class names (blockClass__E--M).
|
30
23
|
var blockClass = "".concat(settings.pkg.prefix, "--empty-state");
|
@@ -32,7 +25,7 @@ var componentName = 'NoTagsEmptyState';
|
|
32
25
|
/**
|
33
26
|
* The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
|
34
27
|
*/
|
35
|
-
exports.NoTagsEmptyState = /*#__PURE__*/
|
28
|
+
exports.NoTagsEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
36
29
|
var action = _ref.action,
|
37
30
|
className = _ref.className,
|
38
31
|
_ref$illustrationPosi = _ref.illustrationPosition,
|
@@ -45,14 +38,14 @@ exports.NoTagsEmptyState = /*#__PURE__*/React__default["default"].forwardRef(fun
|
|
45
38
|
subtitle = _ref.subtitle,
|
46
39
|
title = _ref.title,
|
47
40
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
48
|
-
return /*#__PURE__*/
|
49
|
-
className:
|
41
|
+
return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
|
42
|
+
className: cx(blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--noTags")),
|
50
43
|
ref: ref
|
51
|
-
}, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/
|
44
|
+
}, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NoTagsIllustration.default, {
|
52
45
|
theme: illustrationTheme,
|
53
46
|
size: size,
|
54
47
|
alt: illustrationDescription || title
|
55
|
-
}), /*#__PURE__*/
|
48
|
+
}), /*#__PURE__*/React.createElement(EmptyStateContent.EmptyStateContent, {
|
56
49
|
action: action,
|
57
50
|
link: link,
|
58
51
|
size: size,
|
@@ -75,48 +68,48 @@ exports.NoTagsEmptyState.propTypes = {
|
|
75
68
|
/**
|
76
69
|
* Empty state action button
|
77
70
|
*/
|
78
|
-
action: index
|
79
|
-
kind: index
|
80
|
-
renderIcon: index
|
71
|
+
action: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
|
72
|
+
kind: index.default.oneOf(['primary', 'secondary', 'tertiary']),
|
73
|
+
renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
|
81
74
|
onClick: react.Button.propTypes.onClick,
|
82
|
-
text: index
|
75
|
+
text: index.default.string
|
83
76
|
})),
|
84
77
|
/**
|
85
78
|
* Provide an optional class to be applied to the containing node.
|
86
79
|
*/
|
87
|
-
className: index
|
80
|
+
className: index.default.string,
|
88
81
|
/**
|
89
82
|
* The alt text for empty state svg images. If not provided , title will be used.
|
90
83
|
*/
|
91
|
-
illustrationDescription: index
|
84
|
+
illustrationDescription: index.default.string,
|
92
85
|
/**
|
93
86
|
* Designates the position of the illustration relative to the content
|
94
87
|
*/
|
95
|
-
illustrationPosition: index
|
88
|
+
illustrationPosition: index.default.oneOf(['top', 'right', 'bottom', 'left']),
|
96
89
|
/**
|
97
90
|
* Empty state illustration theme variations.
|
98
91
|
* To ensure you use the correct themed illustrations, you can conditionally specify light or dark
|
99
92
|
* based on your app's current theme value. Example:
|
100
93
|
* `illustrationTheme={appTheme === ('carbon--g100' || 'carbon--g90') ? 'dark' : 'light'}`
|
101
94
|
*/
|
102
|
-
illustrationTheme: index
|
95
|
+
illustrationTheme: index.default.oneOf(['light', 'dark']),
|
103
96
|
/**
|
104
97
|
* Empty state link object
|
105
98
|
*/
|
106
|
-
link: index
|
107
|
-
text: index
|
108
|
-
href: index
|
99
|
+
link: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
|
100
|
+
text: index.default.oneOfType([index.default.string, index.default.node]),
|
101
|
+
href: index.default.string
|
109
102
|
})),
|
110
103
|
/**
|
111
104
|
* Empty state size
|
112
105
|
*/
|
113
|
-
size: index
|
106
|
+
size: index.default.oneOf(['lg', 'sm']),
|
114
107
|
/**
|
115
108
|
* Empty state subtitle
|
116
109
|
*/
|
117
|
-
subtitle: index
|
110
|
+
subtitle: index.default.oneOfType([index.default.string, index.default.node]),
|
118
111
|
/**
|
119
112
|
* Empty state title
|
120
113
|
*/
|
121
|
-
title: index
|
114
|
+
title: index.default.oneOfType([index.default.string, index.default.node]).isRequired
|
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');
|
@@ -20,11 +18,6 @@ var EmptyStateContent = require('../EmptyStateContent.js');
|
|
20
18
|
var NotFoundIllustration = require('../assets/NotFoundIllustration.js');
|
21
19
|
var EmptyState = require('../EmptyState.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 = ["action", "className", "illustrationPosition", "illustrationTheme", "illustrationDescription", "link", "size", "subtitle", "title"];
|
29
22
|
// The block part of our conventional BEM class names (blockClass__E--M).
|
30
23
|
var blockClass = "".concat(settings.pkg.prefix, "--empty-state");
|
@@ -32,7 +25,7 @@ var componentName = 'NotFoundEmptyState';
|
|
32
25
|
/**
|
33
26
|
* The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
|
34
27
|
*/
|
35
|
-
exports.NotFoundEmptyState = /*#__PURE__*/
|
28
|
+
exports.NotFoundEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
36
29
|
var action = _ref.action,
|
37
30
|
className = _ref.className,
|
38
31
|
_ref$illustrationPosi = _ref.illustrationPosition,
|
@@ -45,14 +38,14 @@ exports.NotFoundEmptyState = /*#__PURE__*/React__default["default"].forwardRef(f
|
|
45
38
|
subtitle = _ref.subtitle,
|
46
39
|
title = _ref.title,
|
47
40
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
48
|
-
return /*#__PURE__*/
|
49
|
-
className:
|
41
|
+
return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
|
42
|
+
className: cx(blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--notFound")),
|
50
43
|
ref: ref
|
51
|
-
}, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/
|
44
|
+
}, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NotFoundIllustration.default, {
|
52
45
|
theme: illustrationTheme,
|
53
46
|
size: size,
|
54
47
|
alt: illustrationDescription || title
|
55
|
-
}), /*#__PURE__*/
|
48
|
+
}), /*#__PURE__*/React.createElement(EmptyStateContent.EmptyStateContent, {
|
56
49
|
action: action,
|
57
50
|
link: link,
|
58
51
|
size: size,
|
@@ -75,48 +68,48 @@ exports.NotFoundEmptyState.propTypes = {
|
|
75
68
|
/**
|
76
69
|
* Empty state action button
|
77
70
|
*/
|
78
|
-
action: index
|
79
|
-
kind: index
|
80
|
-
renderIcon: index
|
71
|
+
action: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
|
72
|
+
kind: index.default.oneOf(['primary', 'secondary', 'tertiary']),
|
73
|
+
renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
|
81
74
|
onClick: react.Button.propTypes.onClick,
|
82
|
-
text: index
|
75
|
+
text: index.default.string
|
83
76
|
})),
|
84
77
|
/**
|
85
78
|
* Provide an optional class to be applied to the containing node.
|
86
79
|
*/
|
87
|
-
className: index
|
80
|
+
className: index.default.string,
|
88
81
|
/**
|
89
82
|
* The alt text for empty state svg images. If not provided , title will be used.
|
90
83
|
*/
|
91
|
-
illustrationDescription: index
|
84
|
+
illustrationDescription: index.default.string,
|
92
85
|
/**
|
93
86
|
* Designates the position of the illustration relative to the content
|
94
87
|
*/
|
95
|
-
illustrationPosition: index
|
88
|
+
illustrationPosition: index.default.oneOf(['top', 'right', 'bottom', 'left']),
|
96
89
|
/**
|
97
90
|
* Empty state illustration theme variations.
|
98
91
|
* To ensure you use the correct themed illustrations, you can conditionally specify light or dark
|
99
92
|
* based on your app's current theme value. Example:
|
100
93
|
* `illustrationTheme={appTheme === ('carbon--g100' || 'carbon--g90') ? 'dark' : 'light'}`
|
101
94
|
*/
|
102
|
-
illustrationTheme: index
|
95
|
+
illustrationTheme: index.default.oneOf(['light', 'dark']),
|
103
96
|
/**
|
104
97
|
* Empty state link object
|
105
98
|
*/
|
106
|
-
link: index
|
107
|
-
text: index
|
108
|
-
href: index
|
99
|
+
link: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
|
100
|
+
text: index.default.oneOfType([index.default.string, index.default.node]),
|
101
|
+
href: index.default.string
|
109
102
|
})),
|
110
103
|
/**
|
111
104
|
* Empty state size
|
112
105
|
*/
|
113
|
-
size: index
|
106
|
+
size: index.default.oneOf(['lg', 'sm']),
|
114
107
|
/**
|
115
108
|
* Empty state subtitle
|
116
109
|
*/
|
117
|
-
subtitle: index
|
110
|
+
subtitle: index.default.oneOfType([index.default.string, index.default.node]),
|
118
111
|
/**
|
119
112
|
* Empty state title
|
120
113
|
*/
|
121
|
-
title: index
|
114
|
+
title: index.default.oneOfType([index.default.string, index.default.node]).isRequired
|
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');
|
@@ -20,11 +18,6 @@ var EmptyStateContent = require('../EmptyStateContent.js');
|
|
20
18
|
var NotificationsIllustration = require('../assets/NotificationsIllustration.js');
|
21
19
|
var EmptyState = require('../EmptyState.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 = ["action", "className", "illustrationPosition", "illustrationTheme", "illustrationDescription", "link", "size", "subtitle", "title"];
|
29
22
|
// The block part of our conventional BEM class names (blockClass__E--M).
|
30
23
|
var blockClass = "".concat(settings.pkg.prefix, "--empty-state");
|
@@ -32,7 +25,7 @@ var componentName = 'NotificationsEmptyState';
|
|
32
25
|
/**
|
33
26
|
* The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
|
34
27
|
*/
|
35
|
-
exports.NotificationsEmptyState = /*#__PURE__*/
|
28
|
+
exports.NotificationsEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
36
29
|
var action = _ref.action,
|
37
30
|
className = _ref.className,
|
38
31
|
_ref$illustrationPosi = _ref.illustrationPosition,
|
@@ -45,14 +38,14 @@ exports.NotificationsEmptyState = /*#__PURE__*/React__default["default"].forward
|
|
45
38
|
subtitle = _ref.subtitle,
|
46
39
|
title = _ref.title,
|
47
40
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
48
|
-
return /*#__PURE__*/
|
49
|
-
className:
|
41
|
+
return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
|
42
|
+
className: cx(blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--notifications")),
|
50
43
|
ref: ref
|
51
|
-
}, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/
|
44
|
+
}, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NotificationsIllustration.default, {
|
52
45
|
size: size,
|
53
46
|
theme: illustrationTheme,
|
54
47
|
alt: illustrationDescription || title
|
55
|
-
}), /*#__PURE__*/
|
48
|
+
}), /*#__PURE__*/React.createElement(EmptyStateContent.EmptyStateContent, {
|
56
49
|
action: action,
|
57
50
|
link: link,
|
58
51
|
size: size,
|
@@ -75,48 +68,48 @@ exports.NotificationsEmptyState.propTypes = {
|
|
75
68
|
/**
|
76
69
|
* Empty state action button
|
77
70
|
*/
|
78
|
-
action: index
|
79
|
-
kind: index
|
80
|
-
renderIcon: index
|
71
|
+
action: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
|
72
|
+
kind: index.default.oneOf(['primary', 'secondary', 'tertiary']),
|
73
|
+
renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
|
81
74
|
onClick: react.Button.propTypes.onClick,
|
82
|
-
text: index
|
75
|
+
text: index.default.string
|
83
76
|
})),
|
84
77
|
/**
|
85
78
|
* Provide an optional class to be applied to the containing node.
|
86
79
|
*/
|
87
|
-
className: index
|
80
|
+
className: index.default.string,
|
88
81
|
/**
|
89
82
|
* The alt text for empty state svg images. If not provided , title will be used.
|
90
83
|
*/
|
91
|
-
illustrationDescription: index
|
84
|
+
illustrationDescription: index.default.string,
|
92
85
|
/**
|
93
86
|
* Designates the position of the illustration relative to the content
|
94
87
|
*/
|
95
|
-
illustrationPosition: index
|
88
|
+
illustrationPosition: index.default.oneOf(['top', 'right', 'bottom', 'left']),
|
96
89
|
/**
|
97
90
|
* Empty state illustration theme variations.
|
98
91
|
* To ensure you use the correct themed illustrations, you can conditionally specify light or dark
|
99
92
|
* based on your app's current theme value. Example:
|
100
93
|
* `illustrationTheme={appTheme === ('carbon--g100' || 'carbon--g90') ? 'dark' : 'light'}`
|
101
94
|
*/
|
102
|
-
illustrationTheme: index
|
95
|
+
illustrationTheme: index.default.oneOf(['light', 'dark']),
|
103
96
|
/**
|
104
97
|
* Empty state link object
|
105
98
|
*/
|
106
|
-
link: index
|
107
|
-
text: index
|
108
|
-
href: index
|
99
|
+
link: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
|
100
|
+
text: index.default.oneOfType([index.default.string, index.default.node]),
|
101
|
+
href: index.default.string
|
109
102
|
})),
|
110
103
|
/**
|
111
104
|
* Empty state size
|
112
105
|
*/
|
113
|
-
size: index
|
106
|
+
size: index.default.oneOf(['lg', 'sm']),
|
114
107
|
/**
|
115
108
|
* Empty state subtitle
|
116
109
|
*/
|
117
|
-
subtitle: index
|
110
|
+
subtitle: index.default.oneOfType([index.default.string, index.default.node]),
|
118
111
|
/**
|
119
112
|
* Empty state title
|
120
113
|
*/
|
121
|
-
title: index
|
114
|
+
title: index.default.oneOfType([index.default.string, index.default.node]).isRequired
|
122
115
|
};
|