@carbon/ibm-products 2.27.0 → 2.28.0-alpha.4
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 +192 -116
- 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 +56 -11
- 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 +192 -116
- 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 +180 -112
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/_virtual/index.js +2 -2
- package/es/components/APIKeyModal/APIKeyModal.js +1 -1
- package/es/components/AboutModal/AboutModal.js +1 -1
- package/es/components/ActionBar/ActionBar.js +1 -1
- package/es/components/ActionBar/ActionBarItem.js +1 -1
- package/es/components/ActionBar/ActionBarOverflowItems.js +1 -1
- package/es/components/ActionSet/ActionSet.js +1 -1
- package/es/components/AddSelect/AddSelectBody.js +1 -1
- package/es/components/AddSelect/AddSelectBreadcrumbs.js +1 -1
- package/es/components/AddSelect/AddSelectFilter.js +1 -1
- package/es/components/AddSelect/AddSelectList.js +1 -1
- package/es/components/AddSelect/AddSelectRow.js +1 -1
- package/es/components/BigNumbers/BigNumbers.js +1 -1
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +1 -1
- package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +1 -1
- package/es/components/Card/Card.js +1 -1
- package/es/components/Card/CardFooter.js +1 -1
- package/es/components/Card/CardHeader.js +1 -1
- package/es/components/Carousel/Carousel.js +1 -1
- package/es/components/Carousel/CarouselItem.js +1 -1
- package/es/components/Cascade/Cascade.js +1 -1
- package/es/components/Checklist/Checklist.js +1 -1
- package/es/components/Checklist/ChecklistChart.js +1 -1
- package/es/components/Checklist/ChecklistIcon.js +1 -1
- package/es/components/Coachmark/Coachmark.js +1 -1
- package/es/components/Coachmark/CoachmarkDragbar.js +1 -1
- package/es/components/Coachmark/CoachmarkHeader.js +1 -1
- package/es/components/Coachmark/CoachmarkOverlay.js +1 -1
- package/es/components/Coachmark/CoachmarkTagline.js +1 -1
- package/es/components/CoachmarkBeacon/CoachmarkBeacon.js +1 -1
- package/es/components/CoachmarkButton/CoachmarkButton.js +1 -1
- package/es/components/CoachmarkFixed/CoachmarkFixed.js +1 -1
- package/es/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js +1 -1
- package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +1 -1
- package/es/components/CoachmarkStack/CoachmarkStack.js +1 -1
- package/es/components/CoachmarkStack/CoachmarkStackHome.js +1 -1
- package/es/components/ComboButton/ComboButton.js +1 -1
- package/es/components/CreateFullPage/CreateFullPage.js +1 -1
- package/es/components/CreateFullPage/CreateFullPageStep.js +1 -1
- package/es/components/CreateInfluencer/CreateInfluencer.js +1 -1
- package/es/components/CreateModal/CreateModal.js +1 -1
- package/es/components/CreateSidePanel/CreateSidePanel.js +1 -1
- package/es/components/CreateTearsheet/CreateTearsheet.js +8 -2
- package/es/components/CreateTearsheet/CreateTearsheetDivider.js +1 -1
- package/es/components/CreateTearsheet/CreateTearsheetStep.js +1 -1
- package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +1 -1
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +1 -1
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +1 -1
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +1 -1
- package/es/components/Datagrid/Datagrid/Datagrid.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +8 -4
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridRefBody.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridRow.js +19 -15
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +1 -1
- package/es/components/Datagrid/Datagrid/DraggableElement.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +8 -8
- package/es/components/Datagrid/Datagrid/addons/Filtering/constants.d.ts +1 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/constants.js +2 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +68 -4
- package/es/components/Datagrid/Datagrid/addons/Filtering/utils.js +12 -1
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +1 -1
- package/es/components/Datagrid/useActionsColumn.js +1 -1
- package/es/components/Datagrid/useColumnCenterAlign.js +1 -1
- package/es/components/Datagrid/useColumnRightAlign.js +1 -1
- package/es/components/Datagrid/useDefaultStringRenderer.js +1 -1
- package/es/components/Datagrid/useFiltering.js +48 -47
- package/es/components/Datagrid/useFloatingScroll.js +1 -1
- package/es/components/Datagrid/useInlineEdit.js +1 -1
- package/es/components/Datagrid/useNestedRowExpander.js +1 -1
- package/es/components/Datagrid/useNestedRows.js +1 -1
- package/es/components/Datagrid/useRowExpander.js +1 -1
- package/es/components/Datagrid/useSelectAllToggle.js +1 -1
- package/es/components/Datagrid/useSelectRows.js +2 -2
- package/es/components/Datagrid/useSortableColumns.js +1 -1
- package/es/components/Datagrid/useStickyColumn.js +1 -1
- package/es/components/DelimitedList/DelimitedList.js +1 -1
- package/es/components/EditFullPage/EditFullPage.js +1 -1
- package/es/components/EditInPlace/EditInPlace.js +1 -1
- package/es/components/EditSidePanel/EditSidePanel.js +1 -1
- package/es/components/EditTearsheet/EditTearsheet.js +1 -1
- package/es/components/EditTearsheet/EditTearsheetForm.js +1 -1
- package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.js +1 -1
- package/es/components/EditUpdateCards/EditUpdateCards.js +1 -1
- package/es/components/EmptyStates/EmptyState.js +1 -1
- package/es/components/EmptyStates/EmptyStateContent.js +1 -1
- package/es/components/EmptyStates/EmptyStateV2.js +1 -1
- package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +1 -1
- package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -1
- package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +1 -1
- package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +1 -1
- package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +1 -1
- package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +1 -1
- package/es/components/EmptyStates/assets/ErrorIllustration.js +1 -1
- package/es/components/EmptyStates/assets/NoDataIllustration.js +1 -1
- package/es/components/EmptyStates/assets/NoTagsIllustration.js +1 -1
- package/es/components/EmptyStates/assets/NotFoundIllustration.js +1 -1
- package/es/components/EmptyStates/assets/NotificationsIllustration.js +1 -1
- package/es/components/EmptyStates/assets/UnauthorizedIllustration.js +1 -1
- package/es/components/ExportModal/ExportModal.js +1 -1
- package/es/components/FilterSummary/FilterSummary.js +1 -1
- package/es/components/FullPageError/FullPageError.js +1 -1
- package/es/components/Guidebanner/Guidebanner.js +1 -1
- package/es/components/Guidebanner/GuidebannerElement.js +1 -1
- package/es/components/Guidebanner/GuidebannerElementButton.js +1 -1
- package/es/components/Guidebanner/GuidebannerElementLink.js +1 -1
- package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +1 -1
- package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +1 -1
- package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +1 -1
- package/es/components/ImportModal/ImportModal.js +1 -1
- package/es/components/InlineTip/InlineTip.js +1 -1
- package/es/components/InlineTip/InlineTipButton.js +1 -1
- package/es/components/InlineTip/InlineTipLink.js +1 -1
- package/es/components/InterstitialScreen/InterstitialScreen.js +1 -1
- package/es/components/InterstitialScreenView/InterstitialScreenView.js +1 -1
- package/es/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js +1 -1
- package/es/components/NonLinearReading/NonLinearReading.js +1 -1
- package/es/components/NotificationsPanel/NotificationsPanel.js +1 -1
- package/es/components/OptionsTile/OptionsTile.js +1 -1
- package/es/components/PageHeader/PageHeader.js +1 -1
- package/es/components/PageHeader/PageHeaderTitle.js +1 -1
- package/es/components/PageHeader/PageHeaderUtils.js +1 -1
- package/es/components/RemoveModal/RemoveModal.js +1 -1
- package/es/components/Saving/Saving.js +1 -1
- package/es/components/SearchBar/SearchBar.js +1 -1
- package/es/components/SidePanel/SidePanel.js +1 -1
- package/es/components/SimpleHeader/SimpleHeader.js +1 -1
- package/es/components/StatusIcon/StatusIcon.js +1 -1
- package/es/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +1 -1
- package/es/components/StringFormatter/StringFormatter.js +1 -1
- package/es/components/TagSet/TagSet.js +1 -1
- package/es/components/TagSet/TagSetModal.js +1 -1
- package/es/components/TagSet/TagSetOverflow.js +1 -1
- package/es/components/Tearsheet/TearsheetShell.js +4 -5
- package/es/components/Toolbar/Toolbar.js +1 -1
- package/es/components/Toolbar/ToolbarButton.js +1 -1
- package/es/components/Toolbar/ToolbarGroup.js +1 -1
- package/es/components/TooltipTrigger/TooltipTrigger.js +1 -1
- package/es/components/TruncatedList/TruncatedList.js +1 -1
- package/es/components/UserAvatar/UserAvatar.js +1 -1
- package/es/components/UserProfileImage/UserProfileImage.js +1 -1
- package/es/components/WebTerminal/WebTerminal.js +1 -1
- package/es/components/WebTerminal/WebTerminalContentWrapper.js +1 -1
- package/es/components/_Canary/Canary.js +1 -1
- package/es/node_modules/prop-types/index.js +1 -1
- package/lib/_virtual/index.js +2 -2
- package/lib/components/APIKeyModal/APIKeyModal.js +50 -49
- package/lib/components/AboutModal/AboutModal.js +17 -16
- package/lib/components/ActionBar/ActionBar.js +16 -15
- package/lib/components/ActionBar/ActionBarItem.js +8 -7
- package/lib/components/ActionBar/ActionBarOverflowItems.js +9 -8
- package/lib/components/ActionSet/ActionSet.js +4 -3
- package/lib/components/AddSelect/AddSelectBody.js +67 -66
- package/lib/components/AddSelect/AddSelectBreadcrumbs.js +7 -6
- package/lib/components/AddSelect/AddSelectFilter.js +19 -18
- package/lib/components/AddSelect/AddSelectList.js +7 -6
- package/lib/components/AddSelect/AddSelectRow.js +33 -32
- package/lib/components/BigNumbers/BigNumbers.js +23 -22
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +20 -19
- package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +3 -2
- package/lib/components/Card/Card.js +5 -4
- package/lib/components/Card/CardFooter.js +22 -21
- package/lib/components/Card/CardHeader.js +27 -26
- package/lib/components/Carousel/Carousel.js +13 -12
- package/lib/components/Carousel/CarouselItem.js +6 -5
- package/lib/components/Cascade/Cascade.js +9 -8
- package/lib/components/Checklist/Checklist.js +33 -32
- package/lib/components/Checklist/ChecklistChart.js +7 -6
- package/lib/components/Checklist/ChecklistIcon.js +7 -6
- package/lib/components/Coachmark/Coachmark.js +21 -20
- package/lib/components/Coachmark/CoachmarkDragbar.js +10 -9
- package/lib/components/Coachmark/CoachmarkHeader.js +8 -7
- package/lib/components/Coachmark/CoachmarkOverlay.js +10 -9
- package/lib/components/Coachmark/CoachmarkTagline.js +8 -7
- package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +7 -6
- package/lib/components/CoachmarkButton/CoachmarkButton.js +6 -5
- package/lib/components/CoachmarkFixed/CoachmarkFixed.js +11 -10
- package/lib/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js +8 -7
- package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +16 -15
- package/lib/components/CoachmarkStack/CoachmarkStack.js +20 -19
- package/lib/components/CoachmarkStack/CoachmarkStackHome.js +17 -16
- package/lib/components/ComboButton/ComboButton.js +7 -6
- package/lib/components/CreateFullPage/CreateFullPage.js +29 -28
- package/lib/components/CreateFullPage/CreateFullPageStep.js +18 -17
- package/lib/components/CreateInfluencer/CreateInfluencer.js +13 -12
- package/lib/components/CreateModal/CreateModal.js +16 -15
- package/lib/components/CreateSidePanel/CreateSidePanel.js +21 -20
- package/lib/components/CreateTearsheet/CreateTearsheet.js +27 -20
- package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +5 -4
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +19 -18
- package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +21 -20
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +22 -21
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +56 -55
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +39 -38
- package/lib/components/Datagrid/Datagrid/Datagrid.js +7 -6
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +32 -31
- package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +8 -3
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +6 -5
- package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +3 -2
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +20 -15
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +4 -3
- package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +14 -13
- package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +3 -2
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +6 -5
- package/lib/components/Datagrid/Datagrid/DraggableElement.js +13 -12
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +15 -14
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +25 -24
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +27 -26
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +7 -7
- package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.d.ts +1 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +2 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +65 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +11 -0
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +15 -14
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +20 -19
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +9 -8
- package/lib/components/Datagrid/useActionsColumn.js +7 -6
- package/lib/components/Datagrid/useColumnCenterAlign.js +3 -2
- package/lib/components/Datagrid/useColumnRightAlign.js +3 -2
- package/lib/components/Datagrid/useDefaultStringRenderer.js +4 -3
- package/lib/components/Datagrid/useFiltering.js +46 -45
- package/lib/components/Datagrid/useFloatingScroll.js +6 -2
- package/lib/components/Datagrid/useInlineEdit.js +4 -3
- package/lib/components/Datagrid/useNestedRowExpander.js +4 -3
- package/lib/components/Datagrid/useNestedRows.js +6 -2
- package/lib/components/Datagrid/useRowExpander.js +3 -2
- package/lib/components/Datagrid/useSelectAllToggle.js +3 -2
- package/lib/components/Datagrid/useSelectRows.js +5 -4
- package/lib/components/Datagrid/useSortableColumns.js +3 -2
- package/lib/components/Datagrid/useStickyColumn.js +4 -3
- package/lib/components/DelimitedList/DelimitedList.js +8 -7
- package/lib/components/EditFullPage/EditFullPage.js +6 -5
- package/lib/components/EditInPlace/EditInPlace.js +23 -22
- package/lib/components/EditSidePanel/EditSidePanel.js +23 -22
- package/lib/components/EditTearsheet/EditTearsheet.js +18 -17
- package/lib/components/EditTearsheet/EditTearsheetForm.js +11 -10
- package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +6 -5
- package/lib/components/EditUpdateCards/EditUpdateCards.js +31 -30
- package/lib/components/EmptyStates/EmptyState.js +20 -19
- package/lib/components/EmptyStates/EmptyStateContent.js +16 -15
- package/lib/components/EmptyStates/EmptyStateV2.js +20 -19
- package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +18 -17
- package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +18 -17
- package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +18 -17
- package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +18 -17
- package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +18 -17
- package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +18 -17
- package/lib/components/EmptyStates/assets/ErrorIllustration.js +7 -6
- package/lib/components/EmptyStates/assets/NoDataIllustration.js +7 -6
- package/lib/components/EmptyStates/assets/NoTagsIllustration.js +7 -6
- package/lib/components/EmptyStates/assets/NotFoundIllustration.js +7 -6
- package/lib/components/EmptyStates/assets/NotificationsIllustration.js +7 -6
- package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +7 -6
- package/lib/components/ExportModal/ExportModal.js +30 -29
- package/lib/components/FilterSummary/FilterSummary.js +13 -12
- package/lib/components/FullPageError/FullPageError.js +13 -12
- package/lib/components/Guidebanner/Guidebanner.js +20 -19
- package/lib/components/Guidebanner/GuidebannerElement.js +8 -7
- package/lib/components/Guidebanner/GuidebannerElementButton.js +8 -7
- package/lib/components/Guidebanner/GuidebannerElementLink.js +6 -5
- package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +11 -10
- package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +11 -10
- package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +11 -10
- package/lib/components/ImportModal/ImportModal.js +32 -31
- package/lib/components/InlineTip/InlineTip.js +21 -20
- package/lib/components/InlineTip/InlineTipButton.js +6 -5
- package/lib/components/InlineTip/InlineTipLink.js +6 -5
- package/lib/components/InterstitialScreen/InterstitialScreen.js +13 -12
- package/lib/components/InterstitialScreenView/InterstitialScreenView.js +7 -6
- package/lib/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js +7 -6
- package/lib/components/NonLinearReading/NonLinearReading.js +9 -8
- package/lib/components/NotificationsPanel/NotificationsPanel.js +59 -58
- package/lib/components/OptionsTile/OptionsTile.js +21 -20
- package/lib/components/PageHeader/PageHeader.js +74 -73
- package/lib/components/PageHeader/PageHeaderTitle.js +21 -20
- package/lib/components/PageHeader/PageHeaderUtils.js +3 -2
- package/lib/components/RemoveModal/RemoveModal.js +22 -21
- package/lib/components/Saving/Saving.js +18 -17
- package/lib/components/SearchBar/SearchBar.js +20 -19
- package/lib/components/SidePanel/SidePanel.js +47 -46
- package/lib/components/SimpleHeader/SimpleHeader.js +17 -16
- package/lib/components/StatusIcon/StatusIcon.js +9 -8
- package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +7 -6
- package/lib/components/StringFormatter/StringFormatter.js +11 -10
- package/lib/components/TagSet/TagSet.js +21 -20
- package/lib/components/TagSet/TagSetModal.js +13 -12
- package/lib/components/TagSet/TagSetOverflow.js +18 -17
- package/lib/components/Tearsheet/TearsheetShell.js +35 -35
- package/lib/components/Toolbar/Toolbar.js +7 -6
- package/lib/components/Toolbar/ToolbarButton.js +9 -8
- package/lib/components/Toolbar/ToolbarGroup.js +6 -5
- package/lib/components/TooltipTrigger/TooltipTrigger.js +6 -5
- package/lib/components/TruncatedList/TruncatedList.js +14 -13
- package/lib/components/UserAvatar/UserAvatar.js +3 -2
- package/lib/components/UserProfileImage/UserProfileImage.js +3 -2
- package/lib/components/WebTerminal/WebTerminal.js +14 -13
- package/lib/components/WebTerminal/WebTerminalContentWrapper.js +5 -4
- package/lib/components/_Canary/Canary.js +6 -5
- package/lib/node_modules/prop-types/index.js +1 -1
- package/package.json +6 -5
- package/scss/components/BreadcrumbWithOverflow/_breadcrumb-with-overflow.scss +0 -1
- package/scss/components/Datagrid/styles/_datagrid.scss +61 -4
- package/scss/components/SidePanel/_side-panel.scss +8 -1
- package/scss/components/Tearsheet/_tearsheet.scss +4 -5
- package/es/_virtual/index2.js +0 -10
- package/es/node_modules/classnames/index.js +0 -70
- package/lib/_virtual/index2.js +0 -14
- package/lib/node_modules/classnames/index.js +0 -74
|
@@ -12,8 +12,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
12
12
|
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
|
13
13
|
var React = require('react');
|
|
14
14
|
var pconsole = require('../../global/js/utils/pconsole.js');
|
|
15
|
-
var index
|
|
16
|
-
var
|
|
15
|
+
var index = require('../../node_modules/prop-types/index.js');
|
|
16
|
+
var cx = require('classnames');
|
|
17
17
|
var icons = require('@carbon/react/icons');
|
|
18
18
|
var react = require('@carbon/react');
|
|
19
19
|
var devtools = require('../../global/js/utils/devtools.js');
|
|
@@ -25,6 +25,7 @@ var SteppedAnimatedMedia = require('../SteppedAnimatedMedia/SteppedAnimatedMedia
|
|
|
25
25
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
26
26
|
|
|
27
27
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
28
|
+
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
28
29
|
|
|
29
30
|
var _excluded = ["className", "description", "isOpen", "media", "navLinkLabels", "onClickNavItem", "onClose", "portalTarget", "closeButtonLabel", "title"];
|
|
30
31
|
|
|
@@ -70,7 +71,7 @@ exports.CoachmarkStackHome = /*#__PURE__*/React.forwardRef(function (_ref, ref)
|
|
|
70
71
|
}
|
|
71
72
|
var portalNode = portalTarget ? (_document$querySelect = document.querySelector(portalTarget)) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.querySelector('body') : document.querySelector('body');
|
|
72
73
|
return /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
|
|
73
|
-
className:
|
|
74
|
+
className: cx__default["default"](blockClass, className),
|
|
74
75
|
ref: ref,
|
|
75
76
|
role: "main"
|
|
76
77
|
}, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(CoachmarkHeader.CoachmarkHeader, {
|
|
@@ -142,19 +143,19 @@ exports.CoachmarkStackHome.propTypes = {
|
|
|
142
143
|
/**
|
|
143
144
|
* Optional class name for this component.
|
|
144
145
|
*/
|
|
145
|
-
className: index
|
|
146
|
+
className: index["default"].string,
|
|
146
147
|
/**
|
|
147
148
|
* The label for the button that will close the stack
|
|
148
149
|
*/
|
|
149
|
-
closeButtonLabel: index
|
|
150
|
+
closeButtonLabel: index["default"].string,
|
|
150
151
|
/**
|
|
151
152
|
* The description of the Coachmark.
|
|
152
153
|
*/
|
|
153
|
-
description: index
|
|
154
|
+
description: index["default"].node.isRequired,
|
|
154
155
|
/**
|
|
155
156
|
* If the stack home is open.
|
|
156
157
|
*/
|
|
157
|
-
isOpen: index
|
|
158
|
+
isOpen: index["default"].bool.isRequired,
|
|
158
159
|
/**
|
|
159
160
|
* The object describing an image in one of two shapes.
|
|
160
161
|
*
|
|
@@ -164,23 +165,23 @@ exports.CoachmarkStackHome.propTypes = {
|
|
|
164
165
|
*
|
|
165
166
|
* @see {@link MEDIA_PROP_TYPE}.
|
|
166
167
|
*/
|
|
167
|
-
media: index
|
|
168
|
-
render: index
|
|
169
|
-
}), index
|
|
170
|
-
filePaths: index
|
|
168
|
+
media: index["default"].oneOfType([index["default"].shape({
|
|
169
|
+
render: index["default"].func
|
|
170
|
+
}), index["default"].shape({
|
|
171
|
+
filePaths: index["default"].arrayOf(index["default"].string)
|
|
171
172
|
})]),
|
|
172
173
|
/**
|
|
173
174
|
* The labels used to link to the stackable Coachmarks.
|
|
174
175
|
*/
|
|
175
|
-
navLinkLabels: index
|
|
176
|
+
navLinkLabels: index["default"].arrayOf(index["default"].string).isRequired,
|
|
176
177
|
/**
|
|
177
178
|
* For internal use only by CoachmarkStack and CoachmarkStackHome.
|
|
178
179
|
*/
|
|
179
|
-
onClickNavItem: index
|
|
180
|
+
onClickNavItem: index["default"].func.isRequired,
|
|
180
181
|
/**
|
|
181
182
|
* Function to call when the stack closes.
|
|
182
183
|
*/
|
|
183
|
-
onClose: index
|
|
184
|
+
onClose: index["default"].func.isRequired,
|
|
184
185
|
/**
|
|
185
186
|
* By default, the CoachmarkStackHome will be appended to the end of `document.body`.
|
|
186
187
|
* The CoachmarkStackHome will remain persistent as the user navigates the app until
|
|
@@ -191,9 +192,9 @@ exports.CoachmarkStackHome.propTypes = {
|
|
|
191
192
|
* remain visible as long as that element remains visible or mounted. When the
|
|
192
193
|
* element is hidden or component is unmounted, the CoachmarkStackHome will disappear.
|
|
193
194
|
*/
|
|
194
|
-
portalTarget: index
|
|
195
|
+
portalTarget: index["default"].string,
|
|
195
196
|
/**
|
|
196
197
|
* The title of the Coachmark.
|
|
197
198
|
*/
|
|
198
|
-
title: index
|
|
199
|
+
title: index["default"].string.isRequired
|
|
199
200
|
};
|
|
@@ -12,13 +12,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
12
12
|
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
|
13
13
|
var icons = require('@carbon/react/icons');
|
|
14
14
|
var react = require('@carbon/react');
|
|
15
|
-
var
|
|
16
|
-
var index
|
|
15
|
+
var cx = require('classnames');
|
|
16
|
+
var index = require('../../node_modules/prop-types/index.js');
|
|
17
17
|
var uuidv4 = require('../../global/js/utils/uuidv4.js');
|
|
18
18
|
var React = require('react');
|
|
19
19
|
|
|
20
20
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
21
21
|
|
|
22
|
+
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
22
23
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
23
24
|
|
|
24
25
|
var _excluded = ["children", "className", "overflowMenu"],
|
|
@@ -56,7 +57,7 @@ var ComboButton = function ComboButton(_ref) {
|
|
|
56
57
|
primaryAction = _Children$toArray$fil2[0],
|
|
57
58
|
restActions = _Children$toArray$fil2.slice(1);
|
|
58
59
|
return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
|
|
59
|
-
className:
|
|
60
|
+
className: cx__default["default"](blockClass, className),
|
|
60
61
|
"data-floating-menu-container": true
|
|
61
62
|
}), /*#__PURE__*/React__default["default"].createElement(react.Button, primaryAction), restActions.length > 0 && /*#__PURE__*/React__default["default"].createElement(react.OverflowMenu, _rollupPluginBabelHelpers["extends"]({}, overflowMenu, {
|
|
62
63
|
className: "".concat(blockClass, "__overflow-menu"),
|
|
@@ -100,11 +101,11 @@ ComboButton.deprecated = {
|
|
|
100
101
|
};
|
|
101
102
|
ComboButton.propTypes = {
|
|
102
103
|
/** Provide the contents of the `ComboButton` */
|
|
103
|
-
children: index
|
|
104
|
+
children: index.propTypesExports.node.isRequired,
|
|
104
105
|
/** Provide an optional class to be applied to the containing node */
|
|
105
|
-
className: index
|
|
106
|
+
className: index.propTypesExports.string,
|
|
106
107
|
/** Provide the [props of the `OverflowMenu`](https://react.carbondesignsystem.com/?path=/docs/overflowmenu) */
|
|
107
|
-
overflowMenu: index
|
|
108
|
+
overflowMenu: index.propTypesExports.shape(react.OverflowMenu.propTypes)
|
|
108
109
|
};
|
|
109
110
|
|
|
110
111
|
exports.ComboButton = ComboButton;
|
|
@@ -11,8 +11,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
11
11
|
|
|
12
12
|
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
|
13
13
|
var React = require('react');
|
|
14
|
-
var index
|
|
15
|
-
var
|
|
14
|
+
var index = require('../../node_modules/prop-types/index.js');
|
|
15
|
+
var cx = require('classnames');
|
|
16
16
|
var devtools = require('../../global/js/utils/devtools.js');
|
|
17
17
|
var settings = require('../../settings.js');
|
|
18
18
|
var react = require('@carbon/react');
|
|
@@ -30,6 +30,7 @@ var ActionSet = require('../ActionSet/ActionSet.js');
|
|
|
30
30
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
31
31
|
|
|
32
32
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
33
|
+
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
33
34
|
|
|
34
35
|
var _excluded = ["breadcrumbsOverflowAriaLabel", "breadcrumbs", "backButtonText", "cancelButtonText", "children", "className", "initialStep", "maxVisibleBreadcrumbs", "modalDangerButtonText", "modalDescription", "modalSecondaryButtonText", "modalTitle", "nextButtonText", "onClose", "onRequestSubmit", "firstFocusElement", "submitButtonText", "noTrailingSlash", "title", "secondaryTitle"];
|
|
35
36
|
var blockClass = "".concat(settings.pkg.prefix, "--create-full-page");
|
|
@@ -199,7 +200,7 @@ exports.CreateFullPage = /*#__PURE__*/React__default["default"].forwardRef(funct
|
|
|
199
200
|
/* istanbul ignore next */
|
|
200
201
|
return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
|
|
201
202
|
ref: ref,
|
|
202
|
-
className:
|
|
203
|
+
className: cx__default["default"](blockClass, className)
|
|
203
204
|
}, devtools.getDevtoolsProps(componentName)), (title || (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) > 0) && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
204
205
|
className: "".concat(blockClass, "__header"),
|
|
205
206
|
ref: headerRef
|
|
@@ -293,19 +294,19 @@ exports.CreateFullPage.propTypes = {
|
|
|
293
294
|
/**
|
|
294
295
|
* The back button text
|
|
295
296
|
*/
|
|
296
|
-
backButtonText: index
|
|
297
|
+
backButtonText: index["default"].string.isRequired,
|
|
297
298
|
/** The header breadcrumbs */
|
|
298
|
-
breadcrumbs: index
|
|
299
|
+
breadcrumbs: index["default"].arrayOf(index["default"].shape({
|
|
299
300
|
/** breadcrumb item key */
|
|
300
|
-
key: index
|
|
301
|
+
key: index["default"].string.isRequired,
|
|
301
302
|
/** breadcrumb item label */
|
|
302
|
-
label: index
|
|
303
|
+
label: index["default"].string.isRequired,
|
|
303
304
|
/** breadcrumb item link */
|
|
304
|
-
href: index
|
|
305
|
+
href: index["default"].string,
|
|
305
306
|
/** breadcrumb item title tooltip */
|
|
306
|
-
title: index
|
|
307
|
+
title: index["default"].string,
|
|
307
308
|
/** Provide if this breadcrumb item represents the current page */
|
|
308
|
-
isCurrentPage: index
|
|
309
|
+
isCurrentPage: index["default"].bool
|
|
309
310
|
})),
|
|
310
311
|
/**
|
|
311
312
|
* Label for open/close overflow button used for breadcrumb items that do not fit
|
|
@@ -314,79 +315,79 @@ exports.CreateFullPage.propTypes = {
|
|
|
314
315
|
/**
|
|
315
316
|
* The cancel button text
|
|
316
317
|
*/
|
|
317
|
-
cancelButtonText: index
|
|
318
|
+
cancelButtonText: index["default"].string.isRequired,
|
|
318
319
|
/**
|
|
319
320
|
* The main content of the full page
|
|
320
321
|
*/
|
|
321
|
-
children: index
|
|
322
|
+
children: index["default"].node,
|
|
322
323
|
/**
|
|
323
324
|
* Provide an optional class to be applied to the containing node.
|
|
324
325
|
*/
|
|
325
|
-
className: index
|
|
326
|
+
className: index["default"].string,
|
|
326
327
|
/**
|
|
327
328
|
* Specifies elements to focus on first on render.
|
|
328
329
|
*/
|
|
329
|
-
firstFocusElement: index
|
|
330
|
+
firstFocusElement: index["default"].string,
|
|
330
331
|
/**
|
|
331
332
|
* This can be used to open the component to a step other than the first step.
|
|
332
333
|
* For example, a create flow was previously in progress, data was saved, and
|
|
333
334
|
* is now being completed.
|
|
334
335
|
*/
|
|
335
|
-
initialStep: index
|
|
336
|
+
initialStep: index["default"].number,
|
|
336
337
|
/** Maximum visible breadcrumb-items before overflow is used (values less than 1 are treated as 1) */
|
|
337
|
-
maxVisibleBreadcrumbs: index
|
|
338
|
+
maxVisibleBreadcrumbs: index["default"].number,
|
|
338
339
|
/**
|
|
339
340
|
* The primary 'danger' button text in the modal
|
|
340
341
|
*/
|
|
341
|
-
modalDangerButtonText: index
|
|
342
|
+
modalDangerButtonText: index["default"].string.isRequired,
|
|
342
343
|
/**
|
|
343
344
|
* The description located below the title in the modal
|
|
344
345
|
*/
|
|
345
|
-
modalDescription: index
|
|
346
|
+
modalDescription: index["default"].string,
|
|
346
347
|
/**
|
|
347
348
|
* The secondary button text in the modal
|
|
348
349
|
*/
|
|
349
|
-
modalSecondaryButtonText: index
|
|
350
|
+
modalSecondaryButtonText: index["default"].string.isRequired,
|
|
350
351
|
/**
|
|
351
352
|
* The title located in the header of the modal
|
|
352
353
|
*/
|
|
353
|
-
modalTitle: index
|
|
354
|
+
modalTitle: index["default"].string.isRequired,
|
|
354
355
|
/**
|
|
355
356
|
* The next button text
|
|
356
357
|
*/
|
|
357
|
-
nextButtonText: index
|
|
358
|
+
nextButtonText: index["default"].string.isRequired,
|
|
358
359
|
/**
|
|
359
360
|
* A prop to omit the trailing slash for the breadcrumbs
|
|
360
361
|
*/
|
|
361
|
-
noTrailingSlash: index
|
|
362
|
+
noTrailingSlash: index["default"].bool,
|
|
362
363
|
/**
|
|
363
364
|
* An optional handler that is called when the user closes the full page (by
|
|
364
365
|
* clicking the secondary button, located in the modal, which triggers after
|
|
365
366
|
* clicking the ghost button in the modal
|
|
366
367
|
*/
|
|
367
|
-
onClose: index
|
|
368
|
+
onClose: index["default"].func,
|
|
368
369
|
/**
|
|
369
370
|
* Specify a handler for submitting the multi step full page (final step).
|
|
370
371
|
* This function can _optionally_ return a promise that is either resolved or rejected and the CreateFullPage will handle the submitting state of the create button.
|
|
371
372
|
*/
|
|
372
|
-
onRequestSubmit: index
|
|
373
|
+
onRequestSubmit: index["default"].func.isRequired,
|
|
373
374
|
/**
|
|
374
375
|
* A secondary title of the full page, displayed in the influencer area
|
|
375
376
|
*/
|
|
376
|
-
secondaryTitle: index
|
|
377
|
+
secondaryTitle: index["default"].string,
|
|
377
378
|
/**
|
|
378
379
|
* @ignore
|
|
379
380
|
* The aria label to be used for the UI Shell SideNav Carbon component
|
|
380
381
|
*/
|
|
381
|
-
sideNavAriaLabel: index
|
|
382
|
+
sideNavAriaLabel: index["default"].string,
|
|
382
383
|
/**
|
|
383
384
|
* The submit button text
|
|
384
385
|
*/
|
|
385
|
-
submitButtonText: index
|
|
386
|
+
submitButtonText: index["default"].string.isRequired,
|
|
386
387
|
/**
|
|
387
388
|
* The main title of the full page, displayed in the header area
|
|
388
389
|
*/
|
|
389
|
-
title: index
|
|
390
|
+
title: index["default"].string
|
|
390
391
|
};
|
|
391
392
|
|
|
392
393
|
exports.StepNumberContext = StepNumberContext;
|
|
@@ -11,8 +11,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
11
11
|
|
|
12
12
|
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
|
13
13
|
var React = require('react');
|
|
14
|
-
var index
|
|
15
|
-
var
|
|
14
|
+
var index = require('../../node_modules/prop-types/index.js');
|
|
15
|
+
var cx = require('classnames');
|
|
16
16
|
var settings = require('../../settings.js');
|
|
17
17
|
var react = require('@carbon/react');
|
|
18
18
|
var CreateFullPage = require('./CreateFullPage.js');
|
|
@@ -23,6 +23,7 @@ var useRetrieveStepData = require('../../global/js/hooks/useRetrieveStepData.js'
|
|
|
23
23
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
24
24
|
|
|
25
25
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
26
|
+
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
26
27
|
|
|
27
28
|
var _excluded = ["children", "className", "subtitle", "description", "disableSubmit", "includeStep", "introStep", "invalid", "title", "hasFieldset", "fieldsetLegendText", "onNext", "onMount", "secondaryLabel"];
|
|
28
29
|
var componentName = 'CreateFullPageStep';
|
|
@@ -92,7 +93,7 @@ exports.CreateFullPageStep = /*#__PURE__*/React.forwardRef(function (_ref, ref)
|
|
|
92
93
|
}; // Half.
|
|
93
94
|
|
|
94
95
|
return stepsContext ? /*#__PURE__*/React__default["default"].createElement("section", _rollupPluginBabelHelpers["extends"]({}, rest, {
|
|
95
|
-
className:
|
|
96
|
+
className: cx__default["default"](blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__step--hidden-step"), stepNumber !== (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)), "".concat(blockClass, "__step--visible-step"), stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep))),
|
|
96
97
|
ref: ref
|
|
97
98
|
}), /*#__PURE__*/React__default["default"].createElement(react.Grid, null, /*#__PURE__*/React__default["default"].createElement(react.Column, span, /*#__PURE__*/React__default["default"].createElement(react.Grid, null, /*#__PURE__*/React__default["default"].createElement(react.Column, _rollupPluginBabelHelpers["extends"]({
|
|
98
99
|
className: "".concat(blockClass, "-title"),
|
|
@@ -115,64 +116,64 @@ exports.CreateFullPageStep.propTypes = {
|
|
|
115
116
|
/**
|
|
116
117
|
* Content that shows in the CreateFullPage step
|
|
117
118
|
*/
|
|
118
|
-
children: index
|
|
119
|
+
children: index["default"].node,
|
|
119
120
|
/**
|
|
120
121
|
* Sets an optional className to be added to the CreateFullPage step
|
|
121
122
|
*/
|
|
122
|
-
className: index
|
|
123
|
+
className: index["default"].string,
|
|
123
124
|
/**
|
|
124
125
|
* Sets an optional description on the progress step component
|
|
125
126
|
*/
|
|
126
|
-
description: index
|
|
127
|
+
description: index["default"].string,
|
|
127
128
|
/**
|
|
128
129
|
* This will conditionally disable the submit button in the multi step CreateFullPage
|
|
129
130
|
*/
|
|
130
|
-
disableSubmit: index
|
|
131
|
+
disableSubmit: index["default"].bool,
|
|
131
132
|
/**
|
|
132
133
|
* This is the legend text that appears above a fieldset html element for accessibility purposes. It is required when the optional `hasFieldset` prop is provided to a FullPageStep.
|
|
133
134
|
*/
|
|
134
|
-
fieldsetLegendText: index
|
|
135
|
+
fieldsetLegendText: index["default"].string.isRequired.if(function (_ref2) {
|
|
135
136
|
var hasFieldset = _ref2.hasFieldset;
|
|
136
137
|
return hasFieldset === true;
|
|
137
138
|
}),
|
|
138
139
|
/**
|
|
139
140
|
* This optional prop will render your form content inside of a fieldset html element
|
|
140
141
|
*/
|
|
141
|
-
hasFieldset: index
|
|
142
|
+
hasFieldset: index["default"].bool,
|
|
142
143
|
/**
|
|
143
144
|
* This prop is used to help track dynamic steps. If this value is `false` then the step is not included in the visible steps or the ProgressIndicator
|
|
144
145
|
* steps. If this value is `true` then the step will be included in the list of visible steps, as well as being included in the ProgressIndicator step list
|
|
145
146
|
*/
|
|
146
|
-
includeStep: index
|
|
147
|
+
includeStep: index["default"].bool,
|
|
147
148
|
/**
|
|
148
149
|
* This prop can be used on the first step to mark it as an intro step, which will not render the progress indicator steps
|
|
149
150
|
*/
|
|
150
|
-
introStep: index
|
|
151
|
+
introStep: index["default"].bool,
|
|
151
152
|
/**
|
|
152
153
|
* This optional prop will indicate an error icon on the progress indicator step item
|
|
153
154
|
*/
|
|
154
|
-
invalid: index
|
|
155
|
+
invalid: index["default"].bool,
|
|
155
156
|
/**
|
|
156
157
|
* Optional function to be called on initial mount of a step.
|
|
157
158
|
* For example, this can be used to fetch data that is required on a particular step.
|
|
158
159
|
*/
|
|
159
|
-
onMount: index
|
|
160
|
+
onMount: index["default"].func,
|
|
160
161
|
/**
|
|
161
162
|
* Optional function to be called on a step change.
|
|
162
163
|
* For example, this can be used to validate input fields before proceeding to the next step.
|
|
163
164
|
* This function can _optionally_ return a promise that is either resolved or rejected and the CreateFullPage will handle the submitting state of the next button.
|
|
164
165
|
*/
|
|
165
|
-
onNext: index
|
|
166
|
+
onNext: index["default"].func,
|
|
166
167
|
/**
|
|
167
168
|
* Sets the optional secondary label on the progress step component
|
|
168
169
|
*/
|
|
169
|
-
secondaryLabel: index
|
|
170
|
+
secondaryLabel: index["default"].string,
|
|
170
171
|
/**
|
|
171
172
|
* Sets an optional subtitle on the progress step component
|
|
172
173
|
*/
|
|
173
|
-
subtitle: index
|
|
174
|
+
subtitle: index["default"].string,
|
|
174
175
|
/**
|
|
175
176
|
* Sets the title text for a create full page step
|
|
176
177
|
*/
|
|
177
|
-
title: index
|
|
178
|
+
title: index["default"].node.isRequired
|
|
178
179
|
};
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
11
|
|
|
12
12
|
var React = require('react');
|
|
13
|
-
var index
|
|
14
|
-
var
|
|
13
|
+
var index = require('../../node_modules/prop-types/index.js');
|
|
14
|
+
var cx = require('classnames');
|
|
15
15
|
var react = require('@carbon/react');
|
|
16
16
|
require('../../global/js/utils/props-helper.js');
|
|
17
17
|
var settings = require('../../settings.js');
|
|
@@ -19,6 +19,7 @@ var settings = require('../../settings.js');
|
|
|
19
19
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
20
20
|
|
|
21
21
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
22
|
+
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
22
23
|
|
|
23
24
|
// Import portions of React that are needed.
|
|
24
25
|
|
|
@@ -65,7 +66,7 @@ var CreateInfluencer = function CreateInfluencer(_ref) {
|
|
|
65
66
|
,
|
|
66
67
|
spaceEqually: true,
|
|
67
68
|
vertical: true,
|
|
68
|
-
className:
|
|
69
|
+
className: cx__default["default"]("".concat(blockClass, "__progress-indicator"))
|
|
69
70
|
}, progressSteps.map(function (step, stepIndex) {
|
|
70
71
|
return /*#__PURE__*/React__default["default"].createElement(react.ProgressStep, {
|
|
71
72
|
label: step.title,
|
|
@@ -76,7 +77,7 @@ var CreateInfluencer = function CreateInfluencer(_ref) {
|
|
|
76
77
|
})));
|
|
77
78
|
};
|
|
78
79
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
79
|
-
className:
|
|
80
|
+
className: cx__default["default"](blockClass, className)
|
|
80
81
|
}, renderProgressSteps());
|
|
81
82
|
};
|
|
82
83
|
|
|
@@ -87,24 +88,24 @@ CreateInfluencer.propTypes = {
|
|
|
87
88
|
/**
|
|
88
89
|
* Provide an optional class to be applied to the containing node.
|
|
89
90
|
*/
|
|
90
|
-
className: index
|
|
91
|
+
className: index["default"].string,
|
|
91
92
|
/**
|
|
92
93
|
* Used to mark the current step on the ProgressIndicator component
|
|
93
94
|
*/
|
|
94
|
-
currentStep: index
|
|
95
|
+
currentStep: index["default"].number.isRequired,
|
|
95
96
|
/**
|
|
96
97
|
* The step data that renders the progress items
|
|
97
98
|
*/
|
|
98
|
-
stepData: index
|
|
99
|
-
introStep: index
|
|
100
|
-
secondaryLabel: index
|
|
101
|
-
shouldIncludeStep: index
|
|
102
|
-
title: index
|
|
99
|
+
stepData: index["default"].arrayOf(index["default"].shape({
|
|
100
|
+
introStep: index["default"].bool,
|
|
101
|
+
secondaryLabel: index["default"].string,
|
|
102
|
+
shouldIncludeStep: index["default"].bool,
|
|
103
|
+
title: index["default"].node
|
|
103
104
|
})),
|
|
104
105
|
/**
|
|
105
106
|
* The main title of the full page, displayed in the influencer area.
|
|
106
107
|
*/
|
|
107
|
-
title: index
|
|
108
|
+
title: index["default"].string
|
|
108
109
|
};
|
|
109
110
|
|
|
110
111
|
exports.CreateInfluencer = CreateInfluencer;
|
|
@@ -12,8 +12,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
12
12
|
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
|
13
13
|
var React = require('react');
|
|
14
14
|
var react = require('@carbon/react');
|
|
15
|
-
var index
|
|
16
|
-
var
|
|
15
|
+
var index = require('../../node_modules/prop-types/index.js');
|
|
16
|
+
var cx = require('classnames');
|
|
17
17
|
var devtools = require('../../global/js/utils/devtools.js');
|
|
18
18
|
var settings = require('../../settings.js');
|
|
19
19
|
var usePortalTarget = require('../../global/js/hooks/usePortalTarget.js');
|
|
@@ -21,6 +21,7 @@ var usePortalTarget = require('../../global/js/hooks/usePortalTarget.js');
|
|
|
21
21
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
22
22
|
|
|
23
23
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
24
|
+
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
24
25
|
|
|
25
26
|
var _excluded = ["className", "children", "onRequestClose", "onRequestSubmit", "open", "title", "subtitle", "description", "secondaryButtonText", "portalTarget", "primaryButtonText", "disableSubmit", "selectorPrimaryFocus"];
|
|
26
27
|
var componentName = 'CreateModal';
|
|
@@ -61,7 +62,7 @@ exports.CreateModal = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
|
61
62
|
var renderPortalUse = usePortalTarget.usePortalTarget(portalTargetIn);
|
|
62
63
|
return renderPortalUse( /*#__PURE__*/React__default["default"].createElement(react.ComposedModal, _rollupPluginBabelHelpers["extends"]({}, rest, {
|
|
63
64
|
selectorPrimaryFocus: selectorPrimaryFocus,
|
|
64
|
-
className:
|
|
65
|
+
className: cx__default["default"](blockClass, className),
|
|
65
66
|
open: open,
|
|
66
67
|
ref: ref,
|
|
67
68
|
"aria-label": title,
|
|
@@ -105,53 +106,53 @@ exports.CreateModal.propTypes = {
|
|
|
105
106
|
/**
|
|
106
107
|
* Specify an optional className to be applied to the modal root node
|
|
107
108
|
*/
|
|
108
|
-
className: index
|
|
109
|
+
className: index["default"].string,
|
|
109
110
|
/**
|
|
110
111
|
* The description of the CreateModal serves to provide more information about the modal.
|
|
111
112
|
*/
|
|
112
|
-
description: index
|
|
113
|
+
description: index["default"].node.isRequired,
|
|
113
114
|
/**
|
|
114
115
|
* Specifies a boolean for disabling or enabling the primary button. This is important for form validation
|
|
115
116
|
* Returning `true` prevents the primary button from being clicked until required fields are completed.
|
|
116
117
|
*/
|
|
117
|
-
disableSubmit: index
|
|
118
|
+
disableSubmit: index["default"].bool,
|
|
118
119
|
/**
|
|
119
120
|
* Specifies an optional handler which is called when the CreateModal
|
|
120
121
|
* is closed.
|
|
121
122
|
*/
|
|
122
|
-
onRequestClose: index
|
|
123
|
+
onRequestClose: index["default"].func,
|
|
123
124
|
/**
|
|
124
125
|
* Specifies an optional handler which is called when the CreateModal
|
|
125
126
|
* primary button is pressed.
|
|
126
127
|
*/
|
|
127
|
-
onRequestSubmit: index
|
|
128
|
+
onRequestSubmit: index["default"].func,
|
|
128
129
|
/**
|
|
129
130
|
* Specifies whether the CreateModal is open or not.
|
|
130
131
|
*/
|
|
131
|
-
open: index
|
|
132
|
+
open: index["default"].bool,
|
|
132
133
|
/**
|
|
133
134
|
* The DOM node the tearsheet should be rendered within. Defaults to document.body.
|
|
134
135
|
*/
|
|
135
|
-
portalTarget: index
|
|
136
|
+
portalTarget: index["default"].node,
|
|
136
137
|
/**
|
|
137
138
|
* Specifies the primary button's text in the modal.
|
|
138
139
|
*/
|
|
139
|
-
primaryButtonText: index
|
|
140
|
+
primaryButtonText: index["default"].string.isRequired,
|
|
140
141
|
/**
|
|
141
142
|
* Specifies the secondary button's text in the modal.
|
|
142
143
|
*/
|
|
143
|
-
secondaryButtonText: index
|
|
144
|
+
secondaryButtonText: index["default"].string.isRequired,
|
|
144
145
|
/**
|
|
145
146
|
* Specifies which DOM element in the form should be focused.
|
|
146
147
|
*/
|
|
147
|
-
selectorPrimaryFocus: index
|
|
148
|
+
selectorPrimaryFocus: index["default"].node.isRequired,
|
|
148
149
|
/**
|
|
149
150
|
* The subtitle of the CreateModal is optional and serves to provide more information about the modal.
|
|
150
151
|
*/
|
|
151
|
-
subtitle: index
|
|
152
|
+
subtitle: index["default"].node,
|
|
152
153
|
/**
|
|
153
154
|
* The title of the CreateModal is usually the product or service name.
|
|
154
155
|
*/
|
|
155
|
-
title: index
|
|
156
|
+
title: index["default"].node.isRequired
|
|
156
157
|
};
|
|
157
158
|
exports.CreateModal.displayName = componentName;
|