@carbon/ibm-products 2.27.0 → 2.28.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +229 -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 +229 -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 +217 -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 +2 -2
- 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 +23 -2
- 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 +4 -3
- 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 +25 -3
- 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/scss/components/UserAvatar/_user-avatar.scss +27 -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,16 +11,17 @@ 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 icons = require('@carbon/react/icons');
|
16
16
|
var react = require('@carbon/react');
|
17
|
-
var
|
17
|
+
var cx = require('classnames');
|
18
18
|
var RowSizeRadioGroup = require('./RowSizeRadioGroup.js');
|
19
19
|
var settings = require('../../../../../settings.js');
|
20
20
|
|
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 _Settings;
|
26
27
|
var _excluded = ["align", "legendText"];
|
@@ -75,7 +76,7 @@ var RowSizeDropdown = function RowSizeDropdown(_ref) {
|
|
75
76
|
kind: "ghost",
|
76
77
|
onClick: onClickHandler,
|
77
78
|
label: legendText,
|
78
|
-
className:
|
79
|
+
className: cx__default["default"]("".concat(blockClass, "-button"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__row-settings-trigger--open"), isOpen))
|
79
80
|
}, _Settings || (_Settings = /*#__PURE__*/React__default["default"].createElement(icons.Settings, {
|
80
81
|
size: 16
|
81
82
|
}))), /*#__PURE__*/React__default["default"].createElement(react.PopoverContent, null, /*#__PURE__*/React__default["default"].createElement(react.Layer, null, /*#__PURE__*/React__default["default"].createElement(RowSizeRadioGroup["default"], _rollupPluginBabelHelpers["extends"]({
|
@@ -86,11 +87,11 @@ var RowSizeDropdown = function RowSizeDropdown(_ref) {
|
|
86
87
|
};
|
87
88
|
RowSizeDropdown.propTypes = {
|
88
89
|
align: react.IconButton.propTypes.align,
|
89
|
-
datagridName: index
|
90
|
-
legendText: index
|
91
|
-
light: index
|
92
|
-
onChange: index
|
93
|
-
selectedOption: index
|
90
|
+
datagridName: index["default"].string,
|
91
|
+
legendText: index["default"].string,
|
92
|
+
light: index["default"].bool,
|
93
|
+
onChange: index["default"].func.isRequired,
|
94
|
+
selectedOption: index["default"].string
|
94
95
|
};
|
95
96
|
var RowSizeDropdown$1 = RowSizeDropdown;
|
96
97
|
|
@@ -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 react = require('@carbon/react');
|
16
16
|
var settings = require('../../settings.js');
|
17
17
|
var propsHelper = require('../../global/js/utils/props-helper.js');
|
@@ -19,6 +19,7 @@ var propsHelper = require('../../global/js/utils/props-helper.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
|
var _excluded = ["align", "id", "itemText", "onClick", "icon", "shouldHideMenuItem"],
|
24
25
|
_excluded2 = ["id", "onClick", "shouldHideMenuItem", "shouldDisableMenuItem", "disabled"];
|
@@ -54,7 +55,7 @@ var useActionsColumn = function useActionsColumn(hooks) {
|
|
54
55
|
style: {
|
55
56
|
display: 'flex'
|
56
57
|
}
|
57
|
-
}, rowActions.map(function (action, index
|
58
|
+
}, rowActions.map(function (action, index) {
|
58
59
|
var preparedActionProps = propsHelper.prepareProps(action, ['isDelete']);
|
59
60
|
var align = preparedActionProps.align,
|
60
61
|
id = preparedActionProps.id,
|
@@ -69,15 +70,15 @@ var useActionsColumn = function useActionsColumn(hooks) {
|
|
69
70
|
}
|
70
71
|
var Icon = icon;
|
71
72
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
72
|
-
className:
|
73
|
-
key: "".concat(itemText, "__").concat(index
|
73
|
+
className: cx__default["default"]("".concat(blockClass, "__actions-column-button"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__disabled-row-action-button"), getDisabledState(row.index))),
|
74
|
+
key: "".concat(itemText, "__").concat(index)
|
74
75
|
}, /*#__PURE__*/React__default["default"].createElement(react.IconButton, _rollupPluginBabelHelpers["extends"]({}, rest, {
|
75
76
|
align: align || 'top',
|
76
77
|
label: itemText,
|
77
78
|
kind: "ghost",
|
78
79
|
name: itemText //for test use
|
79
80
|
,
|
80
|
-
className:
|
81
|
+
className: cx__default["default"](_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__disabled-row-action"), getDisabledState(row.index))),
|
81
82
|
onClick: function onClick(e) {
|
82
83
|
if (getDisabledState(row.index)) {
|
83
84
|
// Row actions should be disabled if row is selected and batchActions toolbar is active
|
@@ -117,7 +118,7 @@ var useActionsColumn = function useActionsColumn(hooks) {
|
|
117
118
|
key: id
|
118
119
|
}));
|
119
120
|
})))),
|
120
|
-
className:
|
121
|
+
className: cx__default["default"](_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__actions-column-cell"), true), "".concat(blockClass, "__cell"), true), "".concat(blockClass, "__actions-column-cell-non-sticky"), !isColumnSticky)),
|
121
122
|
style: {
|
122
123
|
width: rowActions.length > 2 || isColumnSticky ? 48 : 96
|
123
124
|
}
|
@@ -11,18 +11,19 @@ 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
|
|
17
17
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
18
18
|
|
19
19
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
20
|
+
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
20
21
|
|
21
22
|
var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
|
22
23
|
var useColumnCenterAlign = function useColumnCenterAlign(hooks) {
|
23
24
|
var centerAlignRenderer = function centerAlignRenderer(tableProps, column) {
|
24
25
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
25
|
-
className:
|
26
|
+
className: cx__default["default"]("".concat(blockClass, "__center-align-cell-renderer"), {
|
26
27
|
sortDisabled: !tableProps.isTableSortable || tableProps.column.disableSortBy === true
|
27
28
|
})
|
28
29
|
}, column.Cell(tableProps));
|
@@ -11,18 +11,19 @@ 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
|
|
17
17
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
18
18
|
|
19
19
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
20
|
+
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
20
21
|
|
21
22
|
var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
|
22
23
|
var useColumnRightAlign = function useColumnRightAlign(hooks) {
|
23
24
|
var RightAlignRenderer = function RightAlignRenderer(tableProps, column) {
|
24
25
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
25
|
-
className:
|
26
|
+
className: cx__default["default"]("".concat(blockClass, "__right-align-cell-renderer"), {
|
26
27
|
sortDisabled: !tableProps.isTableSortable || tableProps.column.disableSortBy === true
|
27
28
|
})
|
28
29
|
}, column.Cell(tableProps));
|
@@ -11,24 +11,25 @@ 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
|
|
17
17
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
18
18
|
|
19
19
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
20
|
+
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
20
21
|
|
21
22
|
var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
|
22
23
|
var useDefaultStringRenderer = function useDefaultStringRenderer(hooks) {
|
23
24
|
var StringRenderer = function StringRenderer(tableProps) {
|
24
25
|
var _tableProps$column;
|
25
26
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
26
|
-
className:
|
27
|
+
className: cx__default["default"]("".concat(blockClass, "__defaultStringRenderer"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__defaultStringRenderer--multiline"), ((_tableProps$column = tableProps.column) === null || _tableProps$column === void 0 ? void 0 : _tableProps$column.multiLineWrap) || (tableProps === null || tableProps === void 0 ? void 0 : tableProps.multiLineWrapAll)))
|
27
28
|
}, tableProps.value);
|
28
29
|
};
|
29
30
|
var HeaderRenderer = function HeaderRenderer(header, slug) {
|
30
31
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
31
|
-
className:
|
32
|
+
className: cx__default["default"]("".concat(blockClass, "__defaultStringRenderer"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__defaultStringRenderer--slug"), slug && /*#__PURE__*/React__default["default"].isValidElement(slug))),
|
32
33
|
title: typeof header === 'string' ? header : '',
|
33
34
|
key: typeof header === 'string' ? header : ''
|
34
35
|
}, header);
|
@@ -14,56 +14,57 @@ var React = require('react');
|
|
14
14
|
var constants = require('./Datagrid/addons/Filtering/constants.js');
|
15
15
|
var FilterFlyout = require('./Datagrid/addons/Filtering/FilterFlyout.js');
|
16
16
|
|
17
|
+
var handleMultiFilter = function handleMultiFilter(rows, id, value) {
|
18
|
+
// gets all the items that are selected and returns their value
|
19
|
+
var selectedItems = value.filter(function (item) {
|
20
|
+
return item.selected;
|
21
|
+
}).map(function (item) {
|
22
|
+
return item.value;
|
23
|
+
});
|
24
|
+
|
25
|
+
// if the user removed all checkboxes then display all rows
|
26
|
+
if (selectedItems.length === 0) {
|
27
|
+
return rows;
|
28
|
+
}
|
29
|
+
return rows.filter(function (row) {
|
30
|
+
var rowValue = row.values[id];
|
31
|
+
return selectedItems.includes(rowValue);
|
32
|
+
});
|
33
|
+
};
|
17
34
|
var useFiltering = function useFiltering(hooks) {
|
18
35
|
/* istanbul ignore next */
|
19
36
|
var filterTypes = React.useMemo(function () {
|
20
|
-
return {
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
return false;
|
36
|
-
}
|
37
|
-
});
|
38
|
-
},
|
39
|
-
number: function number(rows, id, value) {
|
40
|
-
if (value === '') {
|
41
|
-
return rows;
|
42
|
-
}
|
43
|
-
var parsedValue = parseInt(value);
|
44
|
-
return rows.filter(function (row) {
|
45
|
-
var rowValue = row.values[id];
|
46
|
-
return rowValue === parsedValue;
|
47
|
-
});
|
48
|
-
},
|
49
|
-
checkbox: function checkbox(rows, id, value) {
|
50
|
-
// gets all the items that are selected and returns their value
|
51
|
-
var selectedItems = value.filter(function (item) {
|
52
|
-
return item.selected;
|
53
|
-
}).map(function (item) {
|
54
|
-
return item.value;
|
55
|
-
});
|
56
|
-
|
57
|
-
// if the user removed all checkboxes then display all rows
|
58
|
-
if (selectedItems.length === 0) {
|
59
|
-
return rows;
|
37
|
+
return _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, constants.DATE, function (rows, id, _ref) {
|
38
|
+
var _ref2 = _rollupPluginBabelHelpers.slicedToArray(_ref, 2),
|
39
|
+
startDate = _ref2[0],
|
40
|
+
endDate = _ref2[1];
|
41
|
+
return rows.filter(function (row) {
|
42
|
+
var rowValue = row.values[id];
|
43
|
+
var startDateObj = _rollupPluginBabelHelpers["typeof"](startDate) === 'object' ? startDate : new Date(startDate);
|
44
|
+
var endDateObj = _rollupPluginBabelHelpers["typeof"](endDate) === 'object' ? endDate : new Date(endDate);
|
45
|
+
var rowValueDateObj = _rollupPluginBabelHelpers["typeof"](rowValue) === 'object' ? rowValue : new Date(rowValue);
|
46
|
+
if (rowValueDateObj.getTime() <= endDateObj.getTime() && rowValueDateObj.getTime() >= startDateObj.getTime()) {
|
47
|
+
// In date range
|
48
|
+
return true;
|
49
|
+
} else {
|
50
|
+
// Not in date range
|
51
|
+
return false;
|
60
52
|
}
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
53
|
+
});
|
54
|
+
}), constants.NUMBER, function (rows, id, value) {
|
55
|
+
if (value === '') {
|
56
|
+
return rows;
|
65
57
|
}
|
66
|
-
|
58
|
+
var parsedValue = parseInt(value);
|
59
|
+
return rows.filter(function (row) {
|
60
|
+
var rowValue = row.values[id];
|
61
|
+
return rowValue === parsedValue;
|
62
|
+
});
|
63
|
+
}), constants.CHECKBOX, function (rows, id, value) {
|
64
|
+
return handleMultiFilter(rows, id, value);
|
65
|
+
}), constants.MULTISELECT, function (rows, id, value) {
|
66
|
+
return handleMultiFilter(rows, id, value);
|
67
|
+
});
|
67
68
|
}, []);
|
68
69
|
hooks.useInstance.push(function (instance) {
|
69
70
|
var filterProps = instance.filterProps,
|
@@ -10,9 +10,13 @@
|
|
10
10
|
Object.defineProperty(exports, '__esModule', { value: true });
|
11
11
|
|
12
12
|
var React = require('react');
|
13
|
-
var
|
13
|
+
var cx = require('classnames');
|
14
14
|
var settings = require('../../settings.js');
|
15
15
|
|
16
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
17
|
+
|
18
|
+
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
19
|
+
|
16
20
|
var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
|
17
21
|
var useFloatingScroll = function useFloatingScroll(hooks) {
|
18
22
|
var useInstance = function useInstance(instance) {
|
@@ -38,7 +42,7 @@ var useFloatingScroll = function useFloatingScroll(hooks) {
|
|
38
42
|
}
|
39
43
|
var addStickyClass = function addStickyClass(props) {
|
40
44
|
return [props, {
|
41
|
-
className:
|
45
|
+
className: cx__default["default"](props.className, "".concat(blockClass, "__sticky"))
|
42
46
|
}];
|
43
47
|
};
|
44
48
|
hooks.getTableProps.push(addStickyClass);
|
@@ -12,12 +12,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
12
12
|
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
13
13
|
var React = require('react');
|
14
14
|
var settings = require('../../settings.js');
|
15
|
-
var
|
15
|
+
var cx = require('classnames');
|
16
16
|
var InlineEditCell = require('./Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js');
|
17
17
|
|
18
18
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
19
19
|
|
20
20
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
21
|
+
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
21
22
|
|
22
23
|
var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
|
23
24
|
var useInlineEdit = function useInlineEdit(hooks, usingEditableCell) {
|
@@ -47,11 +48,11 @@ var useInlineEdit = function useInlineEdit(hooks, usingEditableCell) {
|
|
47
48
|
};
|
48
49
|
if (cell.column.id === 'spacer') {
|
49
50
|
return [props, {
|
50
|
-
className:
|
51
|
+
className: cx__default["default"]("".concat(blockClass, "__cell"), "".concat(blockClass, "__cell--spacer"))
|
51
52
|
}];
|
52
53
|
}
|
53
54
|
return [props, {
|
54
|
-
className:
|
55
|
+
className: cx__default["default"]("".concat(blockClass, "__cell"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__cell-inline-edit"), !!usingEditableCell || settings.pkg.isFeatureEnabled('Datagrid.useInlineEdit') ? true : '')),
|
55
56
|
role: 'gridcell',
|
56
57
|
children: (!!usingEditableCell || settings.pkg.isFeatureEnabled('Datagrid.useInlineEdit')) && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, inlineEditType === 'text' && renderInlineEditComponent(inlineEditType), inlineEditType === 'number' && renderInlineEditComponent(inlineEditType), inlineEditType === 'selection' && renderInlineEditComponent(inlineEditType), inlineEditType === 'date' && renderInlineEditComponent(inlineEditType), !inlineEditType && /*#__PURE__*/React__default["default"].createElement(InlineEditCell.InlineEditCell, {
|
57
58
|
config: columnInlineEditConfig,
|
@@ -12,13 +12,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
12
12
|
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
13
13
|
var React = require('react');
|
14
14
|
var icons = require('@carbon/react/icons');
|
15
|
-
var
|
15
|
+
var cx = require('classnames');
|
16
16
|
var settings = require('../../settings.js');
|
17
17
|
var useFocusRowExpander = require('./useFocusRowExpander.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 blockClass = "".concat(settings.pkg.prefix, "--datagrid");
|
24
25
|
var useNestedRowExpander = function useNestedRowExpander(hooks) {
|
@@ -55,11 +56,11 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
|
|
55
56
|
return row.canExpand && /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({
|
56
57
|
type: "button",
|
57
58
|
"aria-label": expanderTitle,
|
58
|
-
className:
|
59
|
+
className: cx__default["default"]("".concat(blockClass, "__row-expander"), "".concat(settings.carbon.prefix, "--btn"), "".concat(settings.carbon.prefix, "--btn--ghost"))
|
59
60
|
}, expanderButtonProps, {
|
60
61
|
title: expanderTitle
|
61
62
|
}), /*#__PURE__*/React__default["default"].createElement(icons.ChevronRight, {
|
62
|
-
className:
|
63
|
+
className: cx__default["default"]("".concat(blockClass, "__expander-icon"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__expander-icon--not-open"), !row.isExpanded), "".concat(blockClass, "__expander-icon--open"), row.isExpanded))
|
63
64
|
}));
|
64
65
|
},
|
65
66
|
width: 48,
|
@@ -10,11 +10,15 @@
|
|
10
10
|
Object.defineProperty(exports, '__esModule', { value: true });
|
11
11
|
|
12
12
|
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
13
|
-
var
|
13
|
+
var cx = require('classnames');
|
14
14
|
var settings = require('../../settings.js');
|
15
15
|
var useNestedRowExpander = require('./useNestedRowExpander.js');
|
16
16
|
var React = require('react');
|
17
17
|
|
18
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
19
|
+
|
20
|
+
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
21
|
+
|
18
22
|
var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
|
19
23
|
var useNestedRows = function useNestedRows(hooks) {
|
20
24
|
useNestedRowExpander["default"](hooks);
|
@@ -39,7 +43,7 @@ var useNestedRows = function useNestedRows(hooks) {
|
|
39
43
|
var getRowProps = function getRowProps(props, _ref) {
|
40
44
|
var row = _ref.row;
|
41
45
|
return [props, {
|
42
|
-
className:
|
46
|
+
className: cx__default["default"](_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__carbon-nested-row"), row.depth > 0), "".concat(blockClass, "__carbon-row-expanded"), row.isExpanded))
|
43
47
|
}];
|
44
48
|
};
|
45
49
|
var getRowStyles = function getRowStyles(props, _ref2) {
|
@@ -13,12 +13,13 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
|
|
13
13
|
var React = require('react');
|
14
14
|
var icons = require('@carbon/react/icons');
|
15
15
|
var settings = require('../../settings.js');
|
16
|
-
var
|
16
|
+
var cx = require('classnames');
|
17
17
|
var useFocusRowExpander = require('./useFocusRowExpander.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 blockClass = "".concat(settings.pkg.prefix, "--datagrid");
|
24
25
|
var useRowExpander = function useRowExpander(hooks) {
|
@@ -57,7 +58,7 @@ var useRowExpander = function useRowExpander(hooks) {
|
|
57
58
|
return row.canExpand && /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({
|
58
59
|
type: "button",
|
59
60
|
"aria-label": expanderTitle,
|
60
|
-
className:
|
61
|
+
className: cx__default["default"]("".concat(blockClass, "__row-expander"), "".concat(settings.carbon.prefix, "--btn"), "".concat(settings.carbon.prefix, "--btn--ghost"))
|
61
62
|
}, expanderButtonProps, {
|
62
63
|
title: expanderTitle
|
63
64
|
}), row.isExpanded ? /*#__PURE__*/React__default["default"].createElement(icons.ChevronUp, {
|
@@ -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 commonColumnIds = require('./common-column-ids.js');
|
16
16
|
var DatagridSelectAllWithToggle = require('./Datagrid/DatagridSelectAllWithToggle.js');
|
17
17
|
var settings = require('../../settings.js');
|
@@ -20,6 +20,7 @@ var useIsomorphicEffect = require('../../global/js/hooks/useIsomorphicEffect.js'
|
|
20
20
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
21
21
|
|
22
22
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
23
|
+
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
23
24
|
|
24
25
|
var blockClass = "".concat(settings.pkg.prefix, "--datagrid__select-all");
|
25
26
|
var useSelectAllToggle = function useSelectAllToggle(hooks) {
|
@@ -69,7 +70,7 @@ var useAddClassNameToSelectRow = function useAddClassNameToSelectRow(hooks) {
|
|
69
70
|
var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
|
70
71
|
if (column.id === commonColumnIds.selectionColumnId && DatagridPagination) {
|
71
72
|
return [props, {
|
72
|
-
className:
|
73
|
+
className: cx__default["default"]("".concat(blockClass, "-toggle-on"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-sticky-left"), isFirstColumnStickyLeft && windowSize > 671))
|
73
74
|
}];
|
74
75
|
}
|
75
76
|
return [props];
|
@@ -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 react = require('@carbon/react');
|
16
16
|
var DatagridSelectAll = require('./Datagrid/DatagridSelectAll.js');
|
17
17
|
var commonColumnIds = require('./common-column-ids.js');
|
@@ -21,6 +21,7 @@ var stateReducer = require('./Datagrid/addons/stateReducer.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 = ["onChange", "title"];
|
26
27
|
var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
|
@@ -69,7 +70,7 @@ var useHighlightSelection = function useHighlightSelection(hooks) {
|
|
69
70
|
var _row$getToggleRowSele = row.getToggleRowSelectedProps(),
|
70
71
|
checked = _row$getToggleRowSele.checked;
|
71
72
|
return [props, {
|
72
|
-
className:
|
73
|
+
className: cx__default["default"](["".concat(blockClass, "__carbon-row"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(settings.carbon.prefix, "--data-table--selected"), checked), "".concat(blockClass, "__active-row"), checked)])
|
73
74
|
}];
|
74
75
|
};
|
75
76
|
hooks.getRowProps.push(getRowProps);
|
@@ -126,13 +127,13 @@ var SelectRow = function SelectRow(datagridState) {
|
|
126
127
|
selectProps = _rollupPluginBabelHelpers.objectWithoutProperties(_row$getToggleRowSele2, _excluded);
|
127
128
|
var cellProps = cell.getCellProps();
|
128
129
|
var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
|
129
|
-
var rowId = "".concat(tableId, "-").concat(row.index);
|
130
|
+
var rowId = "".concat(tableId, "-").concat(row.id, "-").concat(row.index);
|
130
131
|
return /*#__PURE__*/React__default["default"].createElement(react.TableSelectRow, _rollupPluginBabelHelpers["extends"]({}, cellProps, selectProps, {
|
131
132
|
radio: radio,
|
132
133
|
onSelect: onSelectHandler,
|
133
134
|
id: rowId,
|
134
135
|
name: "".concat(rowId, "-name"),
|
135
|
-
className:
|
136
|
+
className: cx__default["default"]([checkboxClass, cellProps.className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(checkboxClass, "-sticky-left"), isFirstColumnStickyLeft && windowSize > 671)]),
|
136
137
|
ariaLabel: title,
|
137
138
|
disabled: selectDisabled
|
138
139
|
}));
|
@@ -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 react = require('@carbon/react');
|
17
17
|
var icons = require('@carbon/react/icons');
|
@@ -21,6 +21,7 @@ var DatagridSlug = require('./Datagrid/addons/Slug/DatagridSlug.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 blockClass = "".concat(settings.pkg.prefix, "--datagrid");
|
26
27
|
var ordering = {
|
@@ -102,7 +103,7 @@ var useSortableColumns = function useSortableColumns(hooks) {
|
|
102
103
|
return /*#__PURE__*/React__default["default"].createElement(icons.ArrowsVertical, iconProps);
|
103
104
|
};
|
104
105
|
var Header = function Header(headerProp) {
|
105
|
-
return column.disableSortBy === true || column.id === 'datagridSelection' ? column.disableSortBy ? column.Header : /*#__PURE__*/React__default["default"].createElement(DatagridSelectAll.SelectAll, instance) : /*#__PURE__*/React__default["default"].createElement(react.Button, {
|
106
|
+
return column.disableSortBy === true || column.id === 'datagridSelection' || column.isAction ? column.disableSortBy || column.isAction ? column.Header : /*#__PURE__*/React__default["default"].createElement(DatagridSelectAll.SelectAll, instance) : /*#__PURE__*/React__default["default"].createElement(react.Button, {
|
106
107
|
"aria-sort": getAriaSortValue(headerProp === null || headerProp === void 0 ? void 0 : headerProp.column, {
|
107
108
|
ascendingSortableLabelText: ascendingSortableLabelText,
|
108
109
|
descendingSortableLabelText: descendingSortableLabelText,
|
@@ -119,7 +120,7 @@ var useSortableColumns = function useSortableColumns(hooks) {
|
|
119
120
|
slug: headerProp === null || headerProp === void 0 || (_headerProp$column = headerProp.column) === null || _headerProp$column === void 0 ? void 0 : _headerProp$column.slug
|
120
121
|
}), icon(headerProp === null || headerProp === void 0 ? void 0 : headerProp.column, props));
|
121
122
|
},
|
122
|
-
className:
|
123
|
+
className: cx__default["default"]("".concat(settings.carbon.prefix, "--table-sort ").concat(blockClass, "--table-sort"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--table-sort--desc"), headerProp === null || headerProp === void 0 ? void 0 : headerProp.column.isSortedDesc), "".concat(blockClass, "--table-sort--asc"), (headerProp === null || headerProp === void 0 ? void 0 : headerProp.column.isSortedDesc) === false))
|
123
124
|
}, column.Header);
|
124
125
|
};
|
125
126
|
return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, column), {}, {
|
@@ -12,12 +12,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
12
12
|
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
13
13
|
var React = require('react');
|
14
14
|
var debounce = require('lodash/debounce');
|
15
|
-
var
|
15
|
+
var cx = require('classnames');
|
16
16
|
var settings = require('../../settings.js');
|
17
17
|
|
18
18
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
19
19
|
|
20
20
|
var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
|
21
|
+
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
21
22
|
|
22
23
|
var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
|
23
24
|
var styleClassPrefix = "".concat(blockClass, "__right-sticky-column");
|
@@ -149,7 +150,7 @@ var changeProps = function changeProps(elementName, headerCellRef, windowSize, p
|
|
149
150
|
var column = data.column || data.cell.column;
|
150
151
|
if (column.sticky === 'right') {
|
151
152
|
return [props, _rollupPluginBabelHelpers.objectSpread2({
|
152
|
-
className:
|
153
|
+
className: cx__default["default"](_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(styleClassPrefix, "-").concat(elementName), true), "".concat(blockClass, "__resizableColumn"), false), "".concat(blockClass, "__sortableColumn"), false))
|
153
154
|
}, headerCellRef && {
|
154
155
|
ref: headerCellRef
|
155
156
|
})];
|
@@ -157,7 +158,7 @@ var changeProps = function changeProps(elementName, headerCellRef, windowSize, p
|
|
157
158
|
if (column.sticky === 'left') {
|
158
159
|
var _data$instance;
|
159
160
|
return [props, _rollupPluginBabelHelpers.objectSpread2({
|
160
|
-
className:
|
161
|
+
className: cx__default["default"](_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(leftStickyStyleClassPrefix, "-").concat(elementName), windowSize > 671), "".concat(leftStickyStyleClassPrefix, "-").concat(elementName, "--with-extra-select-column"), (data === null || data === void 0 || (_data$instance = data.instance) === null || _data$instance === void 0 ? void 0 : _data$instance.withSelectRows) && windowSize > 671))
|
161
162
|
}, headerCellRef && {
|
162
163
|
ref: headerCellRef
|
163
164
|
})];
|
@@ -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 devtools = require('../../global/js/utils/devtools.js');
|
17
17
|
var settings = require('../../settings.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 = ["className", "delimiter", "items", "truncate"];
|
24
25
|
var blockClass = "".concat(settings.pkg.prefix, "--delimited-list");
|
@@ -43,7 +44,7 @@ exports.DelimitedList = /*#__PURE__*/React__default["default"].forwardRef(functi
|
|
43
44
|
truncate = _ref$truncate === void 0 ? defaults.truncate : _ref$truncate,
|
44
45
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
45
46
|
return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
|
46
|
-
className:
|
47
|
+
className: cx__default["default"](blockClass, className, [truncate && "".concat(blockClass, "-truncate")]),
|
47
48
|
ref: ref
|
48
49
|
}, devtools.getDevtoolsProps(componentName)), items.length > 0 ? items.join(delimiter) : '–');
|
49
50
|
});
|
@@ -62,17 +63,17 @@ exports.DelimitedList.propTypes = {
|
|
62
63
|
/**
|
63
64
|
* Provide an optional class to be applied to the containing node.
|
64
65
|
*/
|
65
|
-
className: index
|
66
|
+
className: index["default"].string,
|
66
67
|
/**
|
67
68
|
* The character(s) used to separate the items.
|
68
69
|
*/
|
69
|
-
delimiter: index
|
70
|
+
delimiter: index["default"].string,
|
70
71
|
/**
|
71
72
|
* Array of items to be listed.
|
72
73
|
*/
|
73
|
-
items: index
|
74
|
+
items: index["default"].arrayOf(index["default"].any),
|
74
75
|
/**
|
75
76
|
* Toggle the component's ability to truncate or not.
|
76
77
|
*/
|
77
|
-
truncate: index
|
78
|
+
truncate: index["default"].bool
|
78
79
|
};
|