@carbon/ibm-products 2.26.0 → 2.28.0-alpha.4
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +700 -163
- 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 +85 -22
- 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 +700 -163
- 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 +660 -152
- 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.d.ts +11 -0
- package/es/components/BigNumbers/BigNumbers.js +238 -0
- package/es/components/BigNumbers/constants.d.ts +13 -0
- package/es/components/BigNumbers/constants.js +67 -0
- package/es/components/BigNumbers/index.d.ts +1 -0
- 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 +5 -4
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +4 -3
- package/es/components/DataSpreadsheet/utils/checkForHoldingKey.d.ts +1 -0
- package/es/components/DataSpreadsheet/utils/checkForHoldingKey.js +17 -0
- package/es/components/Datagrid/Datagrid/Datagrid.js +10 -3
- package/es/components/Datagrid/Datagrid/DatagridContent.d.ts +3 -1
- package/es/components/Datagrid/Datagrid/DatagridContent.js +7 -3
- package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +8 -4
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +9 -5
- 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.d.ts +10 -1
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +22 -5
- 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 +39 -16
- package/es/components/Datagrid/Datagrid/addons/Filtering/constants.d.ts +4 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/constants.js +5 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +102 -6
- 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/Datagrid/addons/stateReducer.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 +6 -4
- 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 +14 -7
- package/es/components/SidePanel/motion/variants.d.ts +39 -12
- package/es/components/SidePanel/motion/variants.js +42 -11
- 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.d.ts +6 -0
- package/es/components/StringFormatter/StringFormatter.js +79 -0
- package/es/components/StringFormatter/index.d.ts +1 -0
- package/es/components/StringFormatter/utils/enums.d.ts +14 -0
- package/es/components/StringFormatter/utils/enums.js +23 -0
- 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 +13 -8
- 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 +59 -43
- 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/components/index.d.ts +2 -0
- package/es/global/js/hooks/index.d.ts +1 -0
- package/es/global/js/hooks/useIsomorphicEffect.d.ts +2 -0
- package/es/global/js/hooks/useIsomorphicEffect.js +14 -0
- package/es/global/js/package-settings.d.ts +2 -0
- package/es/global/js/package-settings.js +2 -0
- package/es/index.js +2 -0
- package/es/node_modules/prop-types/index.js +1 -1
- package/es/settings.d.ts +2 -0
- 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.d.ts +11 -0
- package/lib/components/BigNumbers/BigNumbers.js +245 -0
- package/lib/components/BigNumbers/constants.d.ts +13 -0
- package/lib/components/BigNumbers/constants.js +76 -0
- package/lib/components/BigNumbers/index.d.ts +1 -0
- 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 +60 -58
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +42 -40
- package/lib/components/DataSpreadsheet/utils/checkForHoldingKey.d.ts +1 -0
- package/lib/components/DataSpreadsheet/utils/checkForHoldingKey.js +21 -0
- package/lib/components/Datagrid/Datagrid/Datagrid.js +15 -7
- package/lib/components/Datagrid/Datagrid/DatagridContent.d.ts +3 -1
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +37 -32
- package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +8 -3
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +14 -9
- 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.d.ts +10 -1
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +24 -6
- 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 +37 -14
- package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.d.ts +4 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +6 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +98 -2
- 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/Datagrid/addons/stateReducer.js +1 -1
- 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 +7 -4
- 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 +58 -50
- package/lib/components/SidePanel/motion/variants.d.ts +39 -12
- package/lib/components/SidePanel/motion/variants.js +42 -10
- 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.d.ts +6 -0
- package/lib/components/StringFormatter/StringFormatter.js +86 -0
- package/lib/components/StringFormatter/index.d.ts +1 -0
- package/lib/components/StringFormatter/utils/enums.d.ts +14 -0
- package/lib/components/StringFormatter/utils/enums.js +27 -0
- 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 +42 -36
- 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 +61 -44
- 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/components/index.d.ts +2 -0
- package/lib/global/js/hooks/index.d.ts +1 -0
- package/lib/global/js/hooks/useIsomorphicEffect.d.ts +2 -0
- package/lib/global/js/hooks/useIsomorphicEffect.js +18 -0
- package/lib/global/js/package-settings.d.ts +2 -0
- package/lib/global/js/package-settings.js +2 -0
- package/lib/index.js +10 -0
- package/lib/node_modules/prop-types/index.js +1 -1
- package/lib/settings.d.ts +2 -0
- package/package.json +8 -7
- package/scss/components/BigNumbers/_big-numbers.scss +151 -0
- package/scss/components/BigNumbers/_carbon-imports.scss +11 -0
- package/scss/components/BigNumbers/_index-with-carbon.scss +9 -0
- package/scss/components/BigNumbers/_index.scss +8 -0
- package/scss/components/BreadcrumbWithOverflow/_breadcrumb-with-overflow.scss +0 -1
- package/scss/components/Datagrid/styles/_datagrid.scss +61 -4
- package/scss/components/FullPageError/_full-page-error.scss +2 -2
- package/scss/components/SidePanel/_side-panel.scss +9 -2
- package/scss/components/StringFormatter/_carbon-imports.scss +10 -0
- package/scss/components/StringFormatter/_index-with-carbon.scss +9 -0
- package/scss/components/StringFormatter/_index.scss +8 -0
- package/scss/components/StringFormatter/_string-formatter.scss +97 -0
- package/scss/components/Tearsheet/_tearsheet.scss +38 -7
- package/scss/components/UserAvatar/_user-avatar.scss +40 -0
- package/scss/components/_index-with-carbon.scss +2 -0
- package/scss/components/_index.scss +2 -0
- 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
@@ -11,9 +11,9 @@ 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
|
14
|
+
var index = require('../../node_modules/prop-types/index.js');
|
15
15
|
var layout = require('@carbon/layout');
|
16
|
-
var
|
16
|
+
var cx = require('classnames');
|
17
17
|
var useResizeObserver = require('../../global/js/hooks/useResizeObserver.js');
|
18
18
|
var react = require('@carbon/react');
|
19
19
|
var devtools = require('../../global/js/utils/devtools.js');
|
@@ -32,6 +32,7 @@ var ButtonSetWithOverflow = require('../ButtonSetWithOverflow/ButtonSetWithOverf
|
|
32
32
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
33
33
|
|
34
34
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
35
|
+
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
35
36
|
|
36
37
|
var _excluded = ["actionBarItems", "actionBarMenuOptionsClass", "actionBarOverflowAriaLabel", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "allTagsModalTitle", "hasBackgroundAlways", "breadcrumbOverflowAriaLabel", "breadcrumbs", "children", "className", "collapseHeader", "collapseHeaderIconDescription", "collapseTitle", "disableBreadcrumbScroll", "enableBreadcrumbScroll", "expandHeaderIconDescription", "fullWidthGrid", "hasCollapseHeaderToggle", "narrowGrid", "navigation", "pageActions", "pageActionsOverflowLabel", "pageActionsMenuOptionsClass", "showAllTagsLabel", "subtitle", "tags", "title", "withoutBackground"];
|
37
38
|
var componentName = 'PageHeader';
|
@@ -325,28 +326,28 @@ exports.PageHeader = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
325
326
|
className: "".concat(PageHeaderUtils.blockClass, "--offset-top-measuring-element"),
|
326
327
|
ref: offsetTopMeasuringRef
|
327
328
|
}), /*#__PURE__*/React__default["default"].createElement("section", _rollupPluginBabelHelpers["extends"]({}, rest, {
|
328
|
-
className:
|
329
|
+
className: cx__default["default"]([PageHeaderUtils.blockClass, "".concat(PageHeaderUtils.blockClass, "--no-margins-below-row"), className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "--has-navigation"), navigation || tags), "".concat(PageHeaderUtils.blockClass, "--has-navigation-tags-only"), !navigation && tags)]),
|
329
330
|
style: pageHeaderStyles,
|
330
331
|
ref: headerRef
|
331
332
|
}, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(react.FlexGrid, {
|
332
333
|
fullWidth: fullWidthGrid === true || fullWidthGrid === 'xl',
|
333
334
|
narrow: narrowGrid,
|
334
|
-
className:
|
335
|
+
className: cx__default["default"](_rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "--width--xl"), fullWidthGrid === 'xl'))
|
335
336
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
336
337
|
className: "".concat(PageHeaderUtils.blockClass, "__non-navigation-row-content")
|
337
338
|
}, hasBreadcrumbRow ? /*#__PURE__*/React__default["default"].createElement(react.Row, {
|
338
|
-
className:
|
339
|
+
className: cx__default["default"]("".concat(PageHeaderUtils.blockClass, "__breadcrumb-row"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__breadcrumb-row--next-to-tabs"), nextToTabsCheck()), "".concat(PageHeaderUtils.blockClass, "__breadcrumb-row--has-breadcrumbs"), breadcrumbs || breadcrumbItemForTitle), "".concat(PageHeaderUtils.blockClass, "__breadcrumb-row--has-action-bar"), hasActionBar || widthIsNarrow), "".concat(PageHeaderUtils.blockClass, "__has-page-actions-without-action-bar"), !hasActionBar && !widthIsNarrow && pageActions))
|
339
340
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
340
341
|
className: "".concat(PageHeaderUtils.blockClass, "__breadcrumb-row--container")
|
341
342
|
}, /*#__PURE__*/React__default["default"].createElement(react.Column, {
|
342
|
-
className:
|
343
|
+
className: cx__default["default"]("".concat(PageHeaderUtils.blockClass, "__breadcrumb-column"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__breadcrumb-column--background"), !!breadcrumbs || hasActionBar || widthIsNarrow))
|
343
344
|
}, breadcrumbs || breadcrumbItemForTitle ? /*#__PURE__*/React__default["default"].createElement(BreadcrumbWithOverflow.BreadcrumbWithOverflow, {
|
344
345
|
className: "".concat(PageHeaderUtils.blockClass, "__breadcrumb"),
|
345
346
|
noTrailingSlash: !!title,
|
346
347
|
overflowAriaLabel: breadcrumbOverflowAriaLabel,
|
347
348
|
breadcrumbs: breadcrumbs && breadcrumbItemForTitle ? breadcrumbs.concat(breadcrumbItemForTitle) : breadcrumbItemForTitle ? [breadcrumbItemForTitle] : breadcrumbs // breadcrumbs may be null or undefined
|
348
349
|
}) : null), /*#__PURE__*/React__default["default"].createElement(react.Column, {
|
349
|
-
className:
|
350
|
+
className: cx__default["default"](["".concat(PageHeaderUtils.blockClass, "__action-bar-column ").concat(PageHeaderUtils.blockClass, "__action-bar-column--background"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__action-bar-column--has-page-actions"), pageActions), "".concat(PageHeaderUtils.blockClass, "__action-bar-column--influenced-by-collapse-button"), spaceForCollapseButton)])
|
350
351
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
351
352
|
className: "".concat(PageHeaderUtils.blockClass, "__action-bar-column-content"),
|
352
353
|
ref: sizingContainerRef
|
@@ -354,14 +355,14 @@ exports.PageHeader = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
354
355
|
/*#__PURE__*/
|
355
356
|
// Investigate the responsive behavior or this and the title also fix the ActionBar Item and PageAction story css
|
356
357
|
React__default["default"].createElement(React__default["default"].Fragment, null, thePageActions(true, pageActionsInBreadcrumbRow), /*#__PURE__*/React__default["default"].createElement(ActionBar.ActionBar, {
|
357
|
-
menuOptionsClass:
|
358
|
+
menuOptionsClass: cx__default["default"](actionBarMenuOptionsClass, "".concat(PageHeaderUtils.blockClass, "__action-bar-menu-options")),
|
358
359
|
overflowAriaLabel: actionBarOverflowAriaLabel,
|
359
360
|
actions: actionBarItems,
|
360
361
|
className: "".concat(PageHeaderUtils.blockClass, "__action-bar"),
|
361
362
|
onWidthChange: handleActionBarWidthChange,
|
362
363
|
rightAlign: true
|
363
364
|
})) : widthIsNarrow && thePageActions(true, pageActionsInBreadcrumbRow))))) : null, !collapseTitle && (title || pageActions) ? /*#__PURE__*/React__default["default"].createElement(react.Row, {
|
364
|
-
className:
|
365
|
+
className: cx__default["default"]("".concat(PageHeaderUtils.blockClass, "__title-row"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__title-row--no-breadcrumb-row"), !hasBreadcrumbRow), "".concat(PageHeaderUtils.blockClass, "__title-row--under-action-bar"), hasActionBar || widthIsNarrow), "".concat(PageHeaderUtils.blockClass, "__title-row--has-page-actions"), !!pageActions), "".concat(PageHeaderUtils.blockClass, "__title-row--sticky"), !!pageActions && !actionBarItems && hasBreadcrumbRow))
|
365
366
|
}, /*#__PURE__*/React__default["default"].createElement(react.Column, {
|
366
367
|
className: "".concat(PageHeaderUtils.blockClass, "__title-column")
|
367
368
|
}, title ? /*#__PURE__*/React__default["default"].createElement(PageHeaderTitle.PageHeaderTitle, {
|
@@ -377,13 +378,13 @@ exports.PageHeader = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
377
378
|
}, /*#__PURE__*/React__default["default"].createElement(react.Column, {
|
378
379
|
className: "".concat(PageHeaderUtils.blockClass, "__available-column")
|
379
380
|
}, children)) : null, (breadcrumbs || actionBarItems || title || pageActions || children || subtitle) && /*#__PURE__*/React__default["default"].createElement("div", {
|
380
|
-
className:
|
381
|
+
className: cx__default["default"](["".concat(PageHeaderUtils.blockClass, "__last-row-buffer"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__last-row-buffer--active"), lastRowBufferActive)])
|
381
382
|
}),
|
382
383
|
// this navigation row scrolls under the breadcrumb if there is one
|
383
384
|
tags && !navigation ? /*#__PURE__*/React__default["default"].createElement(react.Row, {
|
384
|
-
className:
|
385
|
+
className: cx__default["default"]("".concat(PageHeaderUtils.blockClass, "__navigation-row"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__navigation-row--has-tags"), tags))
|
385
386
|
}, /*#__PURE__*/React__default["default"].createElement(react.Column, {
|
386
|
-
className:
|
387
|
+
className: cx__default["default"]("".concat(PageHeaderUtils.blockClass, "__navigation-tags"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__navigation-tags--tags-only"), !navigation))
|
387
388
|
}, /*#__PURE__*/React__default["default"].createElement(TagSet.TagSet, {
|
388
389
|
overflowAlign: "bottom-right",
|
389
390
|
allTagsModalSearchLabel: allTagsModalSearchLabel,
|
@@ -395,11 +396,11 @@ exports.PageHeader = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
395
396
|
}))) : null),
|
396
397
|
// this navigation pushes the breadcrumb off or settles underneath it depending on enableBreadcrumbScroll
|
397
398
|
navigation ? /*#__PURE__*/React__default["default"].createElement(react.Row, {
|
398
|
-
className:
|
399
|
+
className: cx__default["default"]("".concat(PageHeaderUtils.blockClass, "__navigation-row"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__navigation-row--spacing-above-06"), !!navigation), "".concat(PageHeaderUtils.blockClass, "__navigation-row--has-tags"), tags))
|
399
400
|
}, /*#__PURE__*/React__default["default"].createElement(react.Column, {
|
400
401
|
className: "".concat(PageHeaderUtils.blockClass, "__navigation-tabs")
|
401
402
|
}, navigation), tags ? /*#__PURE__*/React__default["default"].createElement(react.Column, {
|
402
|
-
className:
|
403
|
+
className: cx__default["default"]("".concat(PageHeaderUtils.blockClass, "__navigation-tags"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__navigation-tags--tags-only"), !navigation))
|
403
404
|
}, /*#__PURE__*/React__default["default"].createElement(TagSet.TagSet, {
|
404
405
|
overflowAlign: "bottom-right",
|
405
406
|
allTagsModalSearchLabel: allTagsModalSearchLabel,
|
@@ -409,7 +410,7 @@ exports.PageHeader = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
409
410
|
tags: tags,
|
410
411
|
overflowClassName: "".concat(PageHeaderUtils.blockClass, "__navigation-tags-overflow")
|
411
412
|
})) : null) : null), hasCollapseButton ? /*#__PURE__*/React__default["default"].createElement("div", {
|
412
|
-
className:
|
413
|
+
className: cx__default["default"]("".concat(PageHeaderUtils.blockClass, "__collapse-expand-toggle"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__collapse-expand-toggle--collapsed"), fullyCollapsed))
|
413
414
|
}, /*#__PURE__*/React__default["default"].createElement(react.Button, {
|
414
415
|
hasIconOnly: true,
|
415
416
|
iconDescription: /* istanbul ignore next */
|
@@ -434,12 +435,12 @@ exports.PageHeader = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
434
435
|
// and when there is an actionBar
|
435
436
|
var handleWidthChange = isBreadcrumbRow && hasBreadcrumbRow ? handlePageActionWidthChange : function () {};
|
436
437
|
return /*#__PURE__*/React__default["default"].createElement(_Tag, {
|
437
|
-
className:
|
438
|
+
className: cx__default["default"]("".concat(PageHeaderUtils.blockClass, "__page-actions"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__page-actions--in-breadcrumb"), inBreadcrumbRow))
|
438
439
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
439
|
-
className:
|
440
|
+
className: cx__default["default"]("".concat(PageHeaderUtils.blockClass, "__page-actions-content"))
|
440
441
|
}, (_pageActions$content = pageActions.content) !== null && _pageActions$content !== void 0 ? _pageActions$content : /*#__PURE__*/React__default["default"].createElement(ButtonSetWithOverflow.ButtonSetWithOverflow, {
|
441
442
|
classname: "".concat(PageHeaderUtils.blockClass, "__button-set-with-overflow"),
|
442
|
-
menuOptionsClass:
|
443
|
+
menuOptionsClass: cx__default["default"](pageActionsMenuOptionsClass, "".concat(PageHeaderUtils.blockClass, "__button-set-menu-options")),
|
443
444
|
onWidthChange: handleWidthChange,
|
444
445
|
buttons: pageActions,
|
445
446
|
buttonSetOverflowLabel: pageActionsOverflowLabel,
|
@@ -472,11 +473,11 @@ var deprecatedProps = {
|
|
472
473
|
/**
|
473
474
|
* **Deprecated** see property `enableBreadcrumbScroll`
|
474
475
|
*/
|
475
|
-
disableBreadcrumbScroll: propsHelper.deprecateProp(index
|
476
|
+
disableBreadcrumbScroll: propsHelper.deprecateProp(index["default"].bool, 'Property replaced by `enableBreadcrumbScroll`'),
|
476
477
|
/**
|
477
478
|
* **Deprecated** see property `withoutBackground`
|
478
479
|
*/
|
479
|
-
hasBackgroundAlways: propsHelper.deprecateProp(index
|
480
|
+
hasBackgroundAlways: propsHelper.deprecateProp(index["default"].bool, 'Property replaced by `withoutBackground`')
|
480
481
|
};
|
481
482
|
exports.PageHeader.tagTypes = tagTypes;
|
482
483
|
exports.PageHeader.propTypes = _rollupPluginBabelHelpers.objectSpread2({
|
@@ -485,22 +486,22 @@ exports.PageHeader.propTypes = _rollupPluginBabelHelpers.objectSpread2({
|
|
485
486
|
* Each item is specified as an object with the properties of a Carbon Button in icon only form.
|
486
487
|
* Button kind, size, tooltipPosition, tooltipAlignment and type are ignored.
|
487
488
|
*/
|
488
|
-
actionBarItems: index
|
489
|
-
iconDescription: index
|
489
|
+
actionBarItems: index["default"].arrayOf(index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, propsHelper.prepareProps(react.Button.propTypes, ['kind', 'size', 'tooltipPosition', 'tooltipAlignment'])), {}, {
|
490
|
+
iconDescription: index["default"].string.isRequired,
|
490
491
|
onClick: react.Button.propTypes.onClick,
|
491
492
|
renderIcon: react.Button.propTypes.renderIcon.isRequired
|
492
493
|
}))),
|
493
494
|
/**
|
494
495
|
* class name applied to the action bar overflow options
|
495
496
|
*/
|
496
|
-
actionBarMenuOptionsClass: index
|
497
|
+
actionBarMenuOptionsClass: index["default"].string,
|
497
498
|
/**
|
498
499
|
* When there is insufficient space for all actionBarItems to be displayed this
|
499
500
|
* aria label is used for the action bar overflow menu
|
500
501
|
*
|
501
502
|
* NOTE: This prop is required if actionBarItems are supplied
|
502
503
|
*/
|
503
|
-
actionBarOverflowAriaLabel: index
|
504
|
+
actionBarOverflowAriaLabel: index["default"].string.isRequired.if(function (_ref10) {
|
504
505
|
var actionBarItems = _ref10.actionBarItems;
|
505
506
|
return actionBarItems && actionBarItems.length > 0;
|
506
507
|
}),
|
@@ -532,7 +533,7 @@ exports.PageHeader.propTypes = _rollupPluginBabelHelpers.objectSpread2({
|
|
532
533
|
* If the user supplies breadcrumbs then this property is required.
|
533
534
|
* It is used in an overflow menu when there is insufficient space to display all breadcrumbs inline.
|
534
535
|
*/
|
535
|
-
breadcrumbOverflowAriaLabel: index
|
536
|
+
breadcrumbOverflowAriaLabel: index["default"].string.isRequired.if(function (_ref11) {
|
536
537
|
var breadcrumbs = _ref11.breadcrumbs;
|
537
538
|
return breadcrumbs && breadcrumbs.length > 0;
|
538
539
|
}),
|
@@ -547,27 +548,27 @@ exports.PageHeader.propTypes = _rollupPluginBabelHelpers.objectSpread2({
|
|
547
548
|
* fields in the object will be passed through to the breadcrumb element as
|
548
549
|
* HTML attributes.
|
549
550
|
*/
|
550
|
-
breadcrumbs: index
|
551
|
+
breadcrumbs: index["default"].arrayOf(index["default"].shape({
|
551
552
|
/**
|
552
553
|
* Optional string representing the link location for the BreadcrumbItem
|
553
554
|
*/
|
554
|
-
href: index
|
555
|
+
href: index["default"].string,
|
555
556
|
/**
|
556
557
|
* Provide if this breadcrumb item represents the current page
|
557
558
|
*/
|
558
|
-
isCurrentPage: index
|
559
|
+
isCurrentPage: index["default"].bool,
|
559
560
|
/**
|
560
561
|
* Key required to render array efficiently
|
561
562
|
*/
|
562
|
-
key: index
|
563
|
+
key: index["default"].string.isRequired,
|
563
564
|
/**
|
564
565
|
* Pass in content that will be inside of the BreadcrumbItem
|
565
566
|
*/
|
566
|
-
label: index
|
567
|
+
label: index["default"].node,
|
567
568
|
/**
|
568
569
|
* A text version of the `label` for display, required if `label` is not a string.
|
569
570
|
*/
|
570
|
-
title: index
|
571
|
+
title: index["default"].string.isRequired.if(function (_ref12) {
|
571
572
|
var label = _ref12.label;
|
572
573
|
return typeof label !== 'string';
|
573
574
|
})
|
@@ -576,12 +577,12 @@ exports.PageHeader.propTypes = _rollupPluginBabelHelpers.objectSpread2({
|
|
576
577
|
* A zone for placing high-level, client content above the page tabs.
|
577
578
|
* Accepts arbitrary renderable content as a React node. Optional.
|
578
579
|
*/
|
579
|
-
children: index
|
580
|
+
children: index["default"].node,
|
580
581
|
/**
|
581
582
|
* Specifies class(es) to be applied to the top-level PageHeader node.
|
582
583
|
* Optional.
|
583
584
|
*/
|
584
|
-
className: index
|
585
|
+
className: index["default"].string,
|
585
586
|
/**
|
586
587
|
* The header can as a whole be collapsed, expanded or somewhere in between.
|
587
588
|
* This setting controls the initial value, but also takes effect on change
|
@@ -589,12 +590,12 @@ exports.PageHeader.propTypes = _rollupPluginBabelHelpers.objectSpread2({
|
|
589
590
|
* NOTE: The header is collapsed by setting the scroll position to hide part of the header.
|
590
591
|
* Collapsing has no effect if there is insufficient content to scroll.
|
591
592
|
*/
|
592
|
-
collapseHeader: index
|
593
|
+
collapseHeader: index["default"].bool,
|
593
594
|
/**
|
594
595
|
* If `hasCollapseHeaderToggle` is set and `withoutBackground` is unset/falsy then assistive text is
|
595
596
|
* required for both the expend and collapse states of the button component used.
|
596
597
|
*/
|
597
|
-
collapseHeaderIconDescription: index
|
598
|
+
collapseHeaderIconDescription: index["default"].string.isRequired.if(function (_ref13) {
|
598
599
|
var withoutBackground = _ref13.withoutBackground,
|
599
600
|
hasCollapseHeaderToggle = _ref13.hasCollapseHeaderToggle;
|
600
601
|
return !withoutBackground && hasCollapseHeaderToggle;
|
@@ -603,17 +604,17 @@ exports.PageHeader.propTypes = _rollupPluginBabelHelpers.objectSpread2({
|
|
603
604
|
* The title row typically starts below the breadcrumb row. This option
|
604
605
|
* preCollapses it into the breadcrumb row.
|
605
606
|
*/
|
606
|
-
collapseTitle: index
|
607
|
+
collapseTitle: index["default"].bool,
|
607
608
|
/**
|
608
609
|
* Standard keeps the breadcrumb on the page. This option allows the breadcrumb
|
609
610
|
* to scroll off
|
610
611
|
*/
|
611
|
-
enableBreadcrumbScroll: index
|
612
|
+
enableBreadcrumbScroll: index["default"].bool,
|
612
613
|
/**
|
613
614
|
* If `hasCollapseHeaderToggle` is set and `withoutBackground` is unset/falsy then assistive text is
|
614
615
|
* required for both the expend and collapse states of the button component used.
|
615
616
|
*/
|
616
|
-
expandHeaderIconDescription: index
|
617
|
+
expandHeaderIconDescription: index["default"].string.isRequired.if(function (_ref14) {
|
617
618
|
var withoutBackground = _ref14.withoutBackground,
|
618
619
|
hasCollapseHeaderToggle = _ref14.hasCollapseHeaderToggle;
|
619
620
|
return !withoutBackground && hasCollapseHeaderToggle;
|
@@ -622,23 +623,23 @@ exports.PageHeader.propTypes = _rollupPluginBabelHelpers.objectSpread2({
|
|
622
623
|
* The PageHeader is hosted in a Carbon grid, this value is passed through to the Carbon grid fullWidth prop.
|
623
624
|
* 'xl' is used to override the grid width setting. Can be used with narrowGrid: true to get the largest size.
|
624
625
|
*/
|
625
|
-
fullWidthGrid: index
|
626
|
+
fullWidthGrid: index["default"].oneOfType([index["default"].bool, index["default"].oneOf(['xl'])]),
|
626
627
|
/**
|
627
628
|
* Adds a button as the last element of the bottom row which collapses and expands the header.
|
628
629
|
*
|
629
630
|
* NOTE: The header is collapsed by setting the scroll position to hide part of the header.
|
630
631
|
* Collapsing has no effect if there is insufficient content to scroll.
|
631
632
|
*/
|
632
|
-
hasCollapseHeaderToggle: index
|
633
|
+
hasCollapseHeaderToggle: index["default"].bool,
|
633
634
|
/**
|
634
635
|
* The PageHeader is hosted in a Carbon grid, this value is passed through to the Carbon grid narrow prop
|
635
636
|
*/
|
636
|
-
narrowGrid: index
|
637
|
+
narrowGrid: index["default"].bool,
|
637
638
|
/**
|
638
639
|
* Content for the navigation area in the PageHeader. Should
|
639
640
|
* be a React element that is normally a Carbon Tabs component. Optional.
|
640
641
|
*/
|
641
|
-
navigation: index
|
642
|
+
navigation: index["default"].element,
|
642
643
|
// Supports Tabs
|
643
644
|
/**
|
644
645
|
* Specifies the primary page actions which are placed at the same level in the page as the title.
|
@@ -655,31 +656,31 @@ exports.PageHeader.propTypes = _rollupPluginBabelHelpers.objectSpread2({
|
|
655
656
|
* - maxWidth: maximum number of pixels the content will grow to
|
656
657
|
* Carbon Button API https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
|
657
658
|
*/
|
658
|
-
pageActions: index
|
659
|
-
key: index
|
659
|
+
pageActions: index["default"].oneOfType([index["default"].arrayOf(index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
|
660
|
+
key: index["default"].string.isRequired,
|
660
661
|
kind: react.Button.propTypes.kind,
|
661
|
-
label: index
|
662
|
-
onClick: index
|
663
|
-
}))), index
|
662
|
+
label: index["default"].node,
|
663
|
+
onClick: index["default"].func
|
664
|
+
}))), index["default"].shape({
|
664
665
|
/**
|
665
666
|
* minWidth should not be more than 180
|
666
667
|
* The content is expected to adjust itself to fit in
|
667
668
|
*/
|
668
|
-
content: index
|
669
|
-
minWidth: index
|
670
|
-
maxWidth: index
|
669
|
+
content: index["default"].node.isRequired,
|
670
|
+
minWidth: index["default"].number.isRequired,
|
671
|
+
maxWidth: index["default"].number.isRequired
|
671
672
|
})]),
|
672
673
|
/**
|
673
674
|
* class name applied to the page actions overflow options
|
674
675
|
*/
|
675
|
-
pageActionsMenuOptionsClass: index
|
676
|
+
pageActionsMenuOptionsClass: index["default"].string,
|
676
677
|
/**
|
677
678
|
* When there is insufficient space to display all of hte page actions inline a dropdown button menu is shown,
|
678
679
|
* containing the page actions. This label is used as the display content of the dropdown button menu.
|
679
680
|
*
|
680
681
|
* NOTE: This prop is required if pageActions are supplied
|
681
682
|
*/
|
682
|
-
pageActionsOverflowLabel: index
|
683
|
+
pageActionsOverflowLabel: index["default"].node.isRequired.if(function (_ref15) {
|
683
684
|
var pageActions = _ref15.pageActions;
|
684
685
|
return pageActions && pageActions.length > 0 && !pageActions.content;
|
685
686
|
}),
|
@@ -695,7 +696,7 @@ exports.PageHeader.propTypes = _rollupPluginBabelHelpers.objectSpread2({
|
|
695
696
|
* Sitting just below the title is this optional subtitle that provides additional context to
|
696
697
|
* identify the current page.
|
697
698
|
*/
|
698
|
-
subtitle: index
|
699
|
+
subtitle: index["default"].node,
|
699
700
|
/**
|
700
701
|
* An array of tags to be shown as the final content in the PageHeader.
|
701
702
|
*
|
@@ -708,10 +709,10 @@ exports.PageHeader.propTypes = _rollupPluginBabelHelpers.objectSpread2({
|
|
708
709
|
*
|
709
710
|
* See https://react.carbondesignsystem.com/?path=/docs/components-tag--default
|
710
711
|
*/
|
711
|
-
tags: index
|
712
|
-
label: index
|
712
|
+
tags: index["default"].arrayOf(index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, propsHelper.prepareProps(react.Tag.propTypes, 'filter')), {}, {
|
713
|
+
label: index["default"].string.isRequired,
|
713
714
|
// we duplicate this prop to improve the DocGen
|
714
|
-
type: index
|
715
|
+
type: index["default"].oneOf(tagTypes)
|
715
716
|
}))),
|
716
717
|
/**
|
717
718
|
* An optional page title supplied as a string or object with the following attributes: text, icon, loading
|
@@ -732,35 +733,35 @@ exports.PageHeader.propTypes = _rollupPluginBabelHelpers.objectSpread2({
|
|
732
733
|
* - breadcrumbContent: version of content used in the breadcrumb on scroll. If not supplied
|
733
734
|
* - asText: String based representation of the title
|
734
735
|
*/
|
735
|
-
title: index
|
736
|
+
title: index["default"].oneOfType([index["default"].shape({
|
736
737
|
// Update docgen if changed
|
737
|
-
text: index
|
738
|
-
icon: index
|
739
|
-
loading: index
|
738
|
+
text: index["default"].string.isRequired,
|
739
|
+
icon: index["default"].oneOfType([index["default"].func, index["default"].object]),
|
740
|
+
loading: index["default"].bool,
|
740
741
|
// inline edit version properties
|
741
|
-
editableLabel: index
|
742
|
+
editableLabel: index["default"].string,
|
742
743
|
// .isRequired.if(editInPlaceRequired),
|
743
|
-
id: index
|
744
|
+
id: index["default"].string,
|
744
745
|
// .isRequired.if(editInPlaceRequired),
|
745
|
-
onCancel: index
|
746
|
-
onChange: index
|
747
|
-
onSave: index
|
748
|
-
cancelDescription: index
|
746
|
+
onCancel: index["default"].func,
|
747
|
+
onChange: index["default"].func,
|
748
|
+
onSave: index["default"].func,
|
749
|
+
cancelDescription: index["default"].string,
|
749
750
|
//.isRequired.if(editInPlaceRequired),
|
750
|
-
editDescription: index
|
751
|
+
editDescription: index["default"].string,
|
751
752
|
// .isRequired.if(editInPlaceRequired),
|
752
|
-
saveDescription: index
|
753
|
+
saveDescription: index["default"].string //.isRequired.if(editInPlaceRequired),
|
753
754
|
// Update docgen if changed
|
754
|
-
}), index
|
755
|
-
content: index
|
756
|
-
breadcrumbContent: index
|
757
|
-
asText: index
|
755
|
+
}), index["default"].string, index["default"].shape({
|
756
|
+
content: index["default"].node.isRequired,
|
757
|
+
breadcrumbContent: index["default"].node,
|
758
|
+
asText: index["default"].string.isRequired
|
758
759
|
})]),
|
759
760
|
/**
|
760
761
|
* Specifies if the PageHeader should appear without a background color, and defaults to the preferred `false` (a background color is shown).
|
761
762
|
* Note that when `true` some parts of the header still gain a background if and when they stick to the top of the PageHeader on scroll.
|
762
763
|
*/
|
763
|
-
withoutBackground: index
|
764
|
+
withoutBackground: index["default"].bool
|
764
765
|
}, deprecatedProps);
|
765
766
|
exports.PageHeader.displayName = componentName;
|
766
767
|
|
@@ -11,14 +11,15 @@ 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 react = require('@carbon/react');
|
17
17
|
var EditInPlace = require('../EditInPlace/EditInPlace.js');
|
18
18
|
|
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
|
var _excluded = ["text", "content", "loading", "icon", "asText", "onChange", "onSave", "editDescription", "editableLabel", "cancelDescription", "saveDescription"];
|
24
25
|
|
@@ -78,7 +79,7 @@ var PageHeaderTitle = function PageHeaderTitle(_ref) {
|
|
78
79
|
titleText = asText;
|
79
80
|
}
|
80
81
|
return /*#__PURE__*/React__default["default"].createElement("h1", {
|
81
|
-
className:
|
82
|
+
className: cx__default["default"]("".concat(blockClass, "__title"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__title--editable"), isEditable), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__title--fades"), hasBreadcrumbRow)),
|
82
83
|
title: titleText
|
83
84
|
}, titleInnards);
|
84
85
|
};
|
@@ -88,11 +89,11 @@ var editInPlaceRequired = function editInPlaceRequired(_ref2) {
|
|
88
89
|
};
|
89
90
|
PageHeaderTitle.propTypes = {
|
90
91
|
// passed from page header
|
91
|
-
blockClass: index
|
92
|
+
blockClass: index["default"].string.isRequired,
|
92
93
|
/**
|
93
94
|
* controlled from within page header
|
94
95
|
*/
|
95
|
-
hasBreadcrumbRow: index
|
96
|
+
hasBreadcrumbRow: index["default"].bool,
|
96
97
|
/**
|
97
98
|
* An optional page title supplied as a string or object with the following attributes: text, icon, loading
|
98
99
|
*
|
@@ -113,24 +114,24 @@ PageHeaderTitle.propTypes = {
|
|
113
114
|
* - breadcrumbContent: version of content used in the breadcrumb on scroll. If not supplied
|
114
115
|
* - asText: String based representation of the title
|
115
116
|
*/
|
116
|
-
title: index
|
117
|
+
title: index["default"].oneOfType([index["default"].shape({
|
117
118
|
// Update docgen if changed
|
118
|
-
text: index
|
119
|
-
icon: index
|
120
|
-
loading: index
|
119
|
+
text: index["default"].string.isRequired,
|
120
|
+
icon: index["default"].oneOfType([index["default"].func, index["default"].object]),
|
121
|
+
loading: index["default"].bool,
|
121
122
|
// inline edit version properties
|
122
|
-
editDescription: index
|
123
|
-
editableLabel: index
|
124
|
-
id: index
|
125
|
-
onChange: index
|
126
|
-
onSave: index
|
127
|
-
cancelDescription: index
|
128
|
-
saveDescription: index
|
123
|
+
editDescription: index["default"].string.isRequired.if(editInPlaceRequired),
|
124
|
+
editableLabel: index["default"].string.isRequired.if(editInPlaceRequired),
|
125
|
+
id: index["default"].string.isRequired.if(editInPlaceRequired),
|
126
|
+
onChange: index["default"].func,
|
127
|
+
onSave: index["default"].func,
|
128
|
+
cancelDescription: index["default"].string.isRequired.if(editInPlaceRequired),
|
129
|
+
saveDescription: index["default"].string.isRequired.if(editInPlaceRequired)
|
129
130
|
// Update docgen if changed
|
130
|
-
}), index
|
131
|
-
content: index
|
132
|
-
breadcrumbContent: index
|
133
|
-
asText: index
|
131
|
+
}), index["default"].string, index["default"].shape({
|
132
|
+
content: index["default"].node.isRequired,
|
133
|
+
breadcrumbContent: index["default"].node,
|
134
|
+
asText: index["default"].string.isRequired
|
134
135
|
})])
|
135
136
|
};
|
136
137
|
|
@@ -11,7 +11,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
11
|
|
12
12
|
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
13
13
|
var React = require('react');
|
14
|
-
var
|
14
|
+
var cx = require('classnames');
|
15
15
|
var settings = require('../../settings.js');
|
16
16
|
var scrollableAncestor = require('../../global/js/utils/scrollableAncestor.js');
|
17
17
|
var react = require('@carbon/react');
|
@@ -19,6 +19,7 @@ var react = require('@carbon/react');
|
|
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
|
var _SkeletonText;
|
24
25
|
var blockClass = "".concat(settings.pkg.prefix, "--page-header");
|
@@ -187,7 +188,7 @@ var utilGetBreadcrumbItemForTitle = function utilGetBreadcrumbItemForTitle(block
|
|
187
188
|
if (breadcrumbTitle) {
|
188
189
|
breadcrumbTitle.key = 'breadcrumb-title';
|
189
190
|
breadcrumbTitle.isCurrentPage = true;
|
190
|
-
breadcrumbTitle.className =
|
191
|
+
breadcrumbTitle.className = cx__default["default"](["".concat(blockClass, "__breadcrumb-title"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__breadcrumb-title--pre-collapsed"), collapseTitle)]);
|
191
192
|
}
|
192
193
|
return breadcrumbTitle;
|
193
194
|
}
|