@carbon/ibm-products 2.43.2-canary.22 → 2.43.2-canary.226
Sign up to get free protection for your applications and to get access to all the features.
- package/css/config-dev.css +6 -1
- package/css/config-dev.css.map +1 -1
- package/css/config.css +6 -1
- package/css/config.css.map +1 -1
- package/css/index-full-carbon.css +5115 -3637
- 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 +282 -68
- 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 +1473 -265
- 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 +1760 -372
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/APIKeyModal/APIKeyModal.types.d.ts +7 -1
- package/es/components/APIKeyModal/index.d.ts +2 -1
- package/es/components/AboutModal/AboutModal.d.ts +1 -2
- package/es/components/AboutModal/AboutModal.js +23 -6
- package/es/components/AboutModal/index.d.ts +8 -1
- package/es/components/ActionBar/ActionBar.d.ts +62 -2
- package/es/components/ActionBar/ActionBar.js +27 -12
- package/es/components/ActionBar/ActionBarItem.d.ts +36 -2
- package/es/components/ActionBar/ActionBarItem.js +8 -5
- package/es/components/ActionBar/ActionBarOverflowItems.d.ts +64 -16
- package/es/components/ActionBar/ActionBarOverflowItems.js +21 -7
- package/es/components/ActionSet/ActionSet.d.ts +1 -2
- package/es/components/ActionSet/ActionSet.js +2 -2
- package/es/components/ActionSet/index.d.ts +8 -1
- package/es/components/AddSelect/AddSelectBody.js +3 -3
- package/es/components/AddSelect/index.d.ts +2 -1
- package/es/components/AddSelect/types/index.d.ts +6 -0
- package/es/components/Card/Card.d.ts +69 -2
- package/es/components/Card/Card.js +37 -39
- package/es/components/Card/CardFooter.d.ts +51 -48
- package/es/components/Card/CardFooter.js +4 -2
- package/es/components/Card/CardHeader.d.ts +67 -49
- package/es/components/Card/CardHeader.js +4 -2
- package/es/components/Carousel/Carousel.js +1 -2
- package/es/components/Carousel/index.d.ts +9 -2
- package/es/components/Cascade/Cascade.d.ts +1 -2
- package/es/components/Cascade/Cascade.js +2 -2
- package/es/components/Cascade/index.d.ts +2 -1
- package/es/components/Checklist/Checklist.d.ts +2 -2
- package/es/components/Checklist/Checklist.js +6 -6
- package/es/components/Checklist/index.d.ts +8 -1
- package/es/components/Coachmark/Coachmark.d.ts +7 -3
- package/es/components/Coachmark/Coachmark.js +52 -16
- package/es/components/Coachmark/CoachmarkDragbar.js +0 -1
- package/es/components/Coachmark/CoachmarkHeader.js +0 -1
- package/es/components/Coachmark/CoachmarkOverlay.js +2 -4
- package/es/components/Coachmark/index.d.ts +10 -3
- package/es/components/Coachmark/utils/enums.d.ts +6 -0
- package/es/components/CoachmarkBeacon/CoachmarkBeacon.d.ts +2 -3
- package/es/components/CoachmarkBeacon/CoachmarkBeacon.js +5 -10
- package/es/components/CoachmarkBeacon/index.d.ts +8 -1
- package/es/components/CoachmarkButton/CoachmarkButton.d.ts +1 -2
- package/es/components/CoachmarkButton/CoachmarkButton.js +4 -2
- package/es/components/CoachmarkButton/index.d.ts +8 -1
- package/es/components/CoachmarkFixed/CoachmarkFixed.d.ts +1 -2
- package/es/components/CoachmarkFixed/CoachmarkFixed.js +19 -16
- package/es/components/CoachmarkFixed/index.d.ts +8 -1
- package/es/components/CoachmarkOverlayElement/CoachmarkOverlayElement.d.ts +1 -2
- package/es/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js +0 -1
- package/es/components/CoachmarkOverlayElement/index.d.ts +8 -1
- package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.d.ts +1 -2
- package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +10 -7
- package/es/components/CoachmarkOverlayElements/index.d.ts +8 -1
- package/es/components/CoachmarkStack/CoachmarkStack.d.ts +67 -2
- package/es/components/CoachmarkStack/CoachmarkStack.js +22 -11
- package/es/components/CoachmarkStack/CoachmarkStackHome.d.ts +71 -2
- package/es/components/CoachmarkStack/CoachmarkStackHome.js +26 -25
- package/es/components/ComboButton/ComboButton.d.ts +1 -1
- package/es/components/ComboButton/ComboButton.js +4 -4
- package/es/components/ComboButton/index.d.ts +9 -2
- package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.d.ts +100 -24
- package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +103 -60
- package/es/components/ConditionBuilder/ConditionBuilder.d.ts +9 -2
- package/es/components/ConditionBuilder/ConditionBuilder.js +30 -18
- package/es/components/ConditionBuilder/ConditionBuilder.types.d.ts +151 -0
- package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts +28 -14
- package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +67 -42
- package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.d.ts +62 -25
- package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +29 -29
- package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +86 -34
- package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +23 -11
- package/es/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.d.ts +29 -14
- package/es/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +25 -16
- package/es/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +20 -9
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +40 -22
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +82 -64
- package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +10 -42
- package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +44 -35
- package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +49 -39
- package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +49 -38
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +81 -27
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +103 -31
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.d.ts +27 -10
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +26 -12
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.d.ts +30 -12
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +21 -13
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +35 -12
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +23 -11
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.d.ts +32 -12
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +19 -11
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.d.ts +35 -10
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +24 -12
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.d.ts +25 -10
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +2 -2
- package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +44 -19
- package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +153 -59
- package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.d.ts +30 -9
- package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +40 -18
- package/es/components/ConditionBuilder/utils/handleKeyboardEvents.d.ts +2 -1
- package/es/components/ConditionBuilder/utils/handleKeyboardEvents.js +152 -42
- package/es/components/ConditionBuilder/utils/useDataConfigs.d.ts +18 -0
- package/es/components/ConditionBuilder/utils/useDataConfigs.js +120 -0
- package/es/components/ConditionBuilder/utils/useTranslations.d.ts +1 -0
- package/es/components/ConditionBuilder/utils/useTranslations.js +29 -0
- package/es/components/ConditionBuilder/utils/util.d.ts +18 -5
- package/es/components/ConditionBuilder/utils/util.js +79 -23
- package/es/components/CreateFullPage/CreateFullPage.d.ts +1 -1
- package/es/components/CreateFullPage/CreateFullPage.js +7 -7
- package/es/components/CreateFullPage/CreateFullPageStep.d.ts +2 -2
- package/es/components/CreateFullPage/index.d.ts +10 -2
- package/es/components/CreateModal/CreateModal.d.ts +2 -3
- package/es/components/CreateModal/CreateModal.js +1 -1
- package/es/components/CreateModal/index.d.ts +2 -1
- package/es/components/CreateSidePanel/CreateSidePanel.js +1 -1
- package/es/components/CreateSidePanel/index.d.ts +7 -1
- package/es/components/CreateTearsheet/CreateTearsheet.d.ts +8 -2
- package/es/components/CreateTearsheet/CreateTearsheet.js +20 -9
- package/es/components/CreateTearsheet/CreateTearsheetStep.d.ts +18 -0
- package/es/components/CreateTearsheet/CreateTearsheetStep.js +30 -3
- package/es/components/CreateTearsheet/index.d.ts +10 -3
- package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.d.ts +1 -1
- package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +2 -2
- package/es/components/CreateTearsheetNarrow/index.d.ts +8 -1
- package/es/components/DataSpreadsheet/DataSpreadsheet.d.ts +29 -4
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +142 -61
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +16 -0
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +32 -7
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.d.ts +8 -0
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +16 -3
- package/es/components/DataSpreadsheet/index.d.ts +8 -1
- package/es/components/DataSpreadsheet/types/index.d.ts +7 -0
- package/es/components/Datagrid/Datagrid/Datagrid.d.ts +0 -4
- package/es/components/Datagrid/Datagrid/Datagrid.js +2 -8
- package/es/components/Datagrid/Datagrid/DatagridBody.d.ts +6 -0
- package/es/components/Datagrid/Datagrid/DatagridContent.js +8 -4
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +23 -8
- package/es/components/Datagrid/Datagrid/DatagridRefBody.d.ts +6 -0
- package/es/components/Datagrid/Datagrid/DatagridRow.js +27 -12
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +10 -27
- package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +3 -2
- package/es/components/Datagrid/Datagrid/DatagridSimpleBody.d.ts +6 -0
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +8 -3
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +30 -14
- package/es/components/Datagrid/Datagrid/DraggableElement.d.ts +6 -0
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +43 -13
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +4 -4
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.d.ts +3 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +16 -6
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +18 -10
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.d.ts +3 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +14 -9
- package/es/components/Datagrid/Datagrid/addons/Filtering/handleCheckboxChange.js +7 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +36 -2
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +2 -3
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +73 -25
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +10 -2
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/stateReducer.d.ts +14 -0
- package/es/components/Datagrid/Datagrid/addons/stateReducer.js +137 -36
- package/es/components/Datagrid/common-column-ids.d.ts +6 -0
- package/es/components/Datagrid/types/index.d.ts +52 -7
- package/es/components/Datagrid/useActionsColumn.js +1 -4
- package/es/components/Datagrid/useCustomizeColumns.d.ts +8 -1
- package/es/components/Datagrid/useCustomizeColumns.js +4 -3
- package/es/components/Datagrid/useDatagrid.d.ts +6 -0
- package/es/components/Datagrid/useDefaultStringRenderer.js +0 -1
- package/es/components/Datagrid/useDisableSelectRows.d.ts +8 -1
- package/es/components/Datagrid/useDisableSelectRows.js +42 -22
- package/es/components/Datagrid/useFiltering.d.ts +1 -0
- package/es/components/Datagrid/useFiltering.js +14 -3
- package/es/components/Datagrid/useFlexResize.d.ts +0 -6
- package/es/components/Datagrid/useFlexResize.js +33 -17
- package/es/components/Datagrid/useInitialColumnSort.js +4 -0
- package/es/components/Datagrid/useInlineEdit.js +1 -1
- package/es/components/Datagrid/useNestedRowExpander.js +67 -20
- package/es/components/Datagrid/useNestedRows.js +5 -4
- package/es/components/Datagrid/useRowExpander.js +1 -3
- package/es/components/Datagrid/useRowIsMouseOver.d.ts +6 -0
- package/es/components/Datagrid/useRowRenderer.js +44 -2
- package/es/components/Datagrid/useSelectRows.js +2 -1
- package/es/components/Datagrid/useSortableColumns.d.ts +5 -4
- package/es/components/Datagrid/useSortableColumns.js +34 -15
- package/es/components/Datagrid/useStickyColumn.d.ts +8 -1
- package/es/components/Datagrid/useStickyColumn.js +12 -9
- package/es/components/DelimitedList/DelimitedList.d.ts +1 -2
- package/es/components/DelimitedList/index.d.ts +8 -1
- package/es/components/EditFullPage/EditFullPage.d.ts +1 -2
- package/es/components/EditFullPage/index.d.ts +8 -1
- package/es/components/EditInPlace/EditInPlace.d.ts +9 -1
- package/es/components/EditInPlace/EditInPlace.js +38 -19
- package/es/components/EditInPlace/index.d.ts +8 -1
- package/es/components/EditSidePanel/EditSidePanel.d.ts +2 -3
- package/es/components/EditSidePanel/EditSidePanel.js +3 -3
- package/es/components/EditSidePanel/index.d.ts +8 -1
- package/es/components/EditTearsheet/EditTearsheet.d.ts +7 -2
- package/es/components/EditTearsheet/EditTearsheet.js +44 -10
- package/es/components/EditTearsheet/EditTearsheetForm.d.ts +45 -2
- package/es/components/EditTearsheet/EditTearsheetForm.js +3 -0
- package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.d.ts +1 -2
- package/es/components/EditTearsheetNarrow/index.d.ts +8 -1
- package/es/components/EditUpdateCards/EditUpdateCards.d.ts +2 -2
- package/es/components/EditUpdateCards/EditUpdateCards.js +3 -3
- package/es/components/EditUpdateCards/index.d.ts +8 -1
- package/es/components/EmptyStates/EmptyState.d.ts +72 -5
- package/es/components/EmptyStates/EmptyState.js +8 -5
- package/es/components/EmptyStates/EmptyStateV2.d.ts +63 -2
- package/es/components/EmptyStates/EmptyStateV2.js +3 -2
- package/es/components/ExportModal/ExportModal.d.ts +3 -3
- package/es/components/ExportModal/ExportModal.js +3 -3
- package/es/components/ExportModal/index.d.ts +2 -1
- package/es/components/ExpressiveCard/ExpressiveCard.d.ts +1 -1
- package/es/components/ExpressiveCard/ExpressiveCard.js +1 -1
- package/es/components/ExpressiveCard/index.d.ts +2 -1
- package/es/components/FeatureFlags/index.d.ts +26 -21
- package/es/components/FeatureFlags/index.js +1 -10
- package/es/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js +1 -1
- package/es/components/FilterSummary/FilterSummary.d.ts +1 -1
- package/es/components/FilterSummary/FilterSummary.js +7 -8
- package/es/components/FilterSummary/index.d.ts +8 -1
- package/es/components/FullPageError/FullPageError.d.ts +35 -2
- package/es/components/FullPageError/FullPageError.js +10 -10
- package/es/components/FullPageError/assets/Error403SVG.d.ts +3 -1
- package/es/components/FullPageError/assets/Error403SVG.js +6 -3
- package/es/components/FullPageError/assets/Error404SVG.d.ts +3 -1
- package/es/components/FullPageError/assets/Error404SVG.js +6 -3
- package/es/components/FullPageError/assets/ErrorGenericSVG.d.ts +3 -1
- package/es/components/FullPageError/assets/ErrorGenericSVG.js +6 -3
- package/es/components/FullPageError/index.d.ts +8 -1
- package/es/components/GetStartedCard/GetStartedCard.d.ts +60 -2
- package/es/components/GetStartedCard/GetStartedCard.js +11 -10
- package/es/components/GetStartedCard/index.d.ts +8 -1
- package/es/components/Guidebanner/Guidebanner.d.ts +1 -2
- package/es/components/Guidebanner/Guidebanner.js +5 -4
- package/es/components/Guidebanner/GuidebannerElement.d.ts +1 -2
- package/es/components/Guidebanner/GuidebannerElementButton.d.ts +2 -3
- package/es/components/Guidebanner/GuidebannerElementButton.js +2 -2
- package/es/components/Guidebanner/GuidebannerElementLink.d.ts +2 -3
- package/es/components/Guidebanner/GuidebannerElementLink.js +1 -1
- package/es/components/Guidebanner/index.d.ts +14 -4
- package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +8 -1
- package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +8 -1
- package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +7 -0
- package/es/components/HTTPErrors/assets/HTTPErrorSvg403.d.ts +3 -1
- package/es/components/HTTPErrors/assets/HTTPErrorSvg403.js +210 -203
- package/es/components/HTTPErrors/assets/HTTPErrorSvg404.d.ts +3 -1
- package/es/components/HTTPErrors/assets/HTTPErrorSvg404.js +122 -115
- package/es/components/HTTPErrors/assets/HTTPErrorSvgOther.d.ts +3 -1
- package/es/components/HTTPErrors/assets/HTTPErrorSvgOther.js +116 -109
- package/es/components/ImportModal/ImportModal.d.ts +1 -1
- package/es/components/ImportModal/ImportModal.js +3 -3
- package/es/components/ImportModal/index.d.ts +2 -1
- package/es/components/InlineTip/InlineTip.d.ts +1 -1
- package/es/components/InlineTip/InlineTip.js +4 -4
- package/es/components/InlineTip/InlineTipButton.d.ts +1 -2
- package/es/components/InlineTip/InlineTipButton.js +1 -1
- package/es/components/InlineTip/InlineTipLink.d.ts +1 -2
- package/es/components/InlineTip/InlineTipLink.js +2 -2
- package/es/components/InlineTip/index.d.ts +12 -3
- package/es/components/InterstitialScreen/InterstitialScreen.d.ts +1 -1
- package/es/components/InterstitialScreen/InterstitialScreen.js +6 -5
- package/es/components/InterstitialScreen/index.d.ts +8 -1
- package/es/components/InterstitialScreenView/InterstitialScreenView.d.ts +1 -2
- package/es/components/InterstitialScreenView/index.d.ts +8 -1
- package/es/components/InterstitialScreenViewModule/InterstitialScreenViewModule.d.ts +1 -2
- package/es/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js +1 -1
- package/es/components/InterstitialScreenViewModule/index.d.ts +8 -1
- package/es/components/MultiAddSelect/MultiAddSelect.d.ts +1 -1
- package/es/components/MultiAddSelect/MultiAddSelect.js +1 -1
- package/es/components/MultiAddSelect/index.d.ts +2 -1
- package/es/components/Nav/NavItem.js +15 -3
- package/es/components/Nav/NavList.js +3 -0
- package/es/components/NonLinearReading/NonLinearReading.d.ts +1 -1
- package/es/components/NonLinearReading/NonLinearReading.js +2 -2
- package/es/components/NonLinearReading/index.d.ts +8 -1
- package/es/components/NotificationsPanel/NotificationsPanel.d.ts +4 -2
- package/es/components/NotificationsPanel/NotificationsPanel.js +77 -7
- package/es/components/NotificationsPanel/index.d.ts +8 -1
- package/es/components/OptionsTile/OptionsTile.d.ts +2 -3
- package/es/components/OptionsTile/OptionsTile.js +15 -11
- package/es/components/OptionsTile/index.d.ts +8 -1
- package/es/components/PageHeader/PageHeader.d.ts +2 -2
- package/es/components/PageHeader/PageHeader.js +21 -10
- package/es/components/PageHeader/PageHeaderUtils.js +1 -6
- package/es/components/PageHeader/index.d.ts +2 -1
- package/es/components/ProductiveCard/ProductiveCard.d.ts +5 -1
- package/es/components/ProductiveCard/ProductiveCard.js +8 -2
- package/es/components/ProductiveCard/index.d.ts +2 -1
- package/es/components/RemoveModal/RemoveModal.d.ts +7 -4
- package/es/components/RemoveModal/RemoveModal.js +13 -7
- package/es/components/RemoveModal/index.d.ts +2 -1
- package/es/components/Saving/Saving.d.ts +1 -1
- package/es/components/Saving/Saving.js +3 -3
- package/es/components/Saving/index.d.ts +2 -1
- package/es/components/SearchBar/SearchBar.d.ts +2 -2
- package/es/components/SearchBar/SearchBar.js +4 -4
- package/es/components/SearchBar/index.d.ts +8 -1
- package/es/components/SidePanel/SidePanel.d.ts +1 -1
- package/es/components/SidePanel/SidePanel.js +45 -37
- package/es/components/SidePanel/index.d.ts +8 -1
- package/es/components/SidePanel/motion/variants.d.ts +4 -6
- package/es/components/SidePanel/motion/variants.js +10 -11
- package/es/components/SingleAddSelect/SingleAddSelect.d.ts +1 -2
- package/es/components/SingleAddSelect/SingleAddSelect.js +1 -1
- package/es/components/SingleAddSelect/index.d.ts +2 -1
- package/es/components/StatusIcon/StatusIcon.d.ts +1 -1
- package/es/components/StatusIcon/StatusIcon.js +1 -1
- package/es/components/StatusIcon/index.d.ts +8 -1
- package/es/components/StatusIndicator/StatusIndicatorStep.js +87 -0
- package/es/components/SteppedAnimatedMedia/SteppedAnimatedMedia.d.ts +1 -2
- package/es/components/SteppedAnimatedMedia/index.d.ts +8 -1
- package/es/components/StringFormatter/StringFormatter.js +14 -3
- package/es/components/StringFormatter/utils/enums.d.ts +20 -1
- package/es/components/StringFormatter/utils/enums.js +29 -2
- package/es/components/TagOverflow/TagOverflow.d.ts +36 -4
- package/es/components/TagOverflow/TagOverflow.js +59 -71
- package/es/components/TagOverflow/TagOverflowModal.js +4 -6
- package/es/components/TagOverflow/TagOverflowPopover.d.ts +14 -1
- package/es/components/TagOverflow/TagOverflowPopover.js +45 -42
- package/es/components/TagOverflow/index.d.ts +8 -1
- package/es/components/TagSet/TagSet.d.ts +10 -8
- package/es/components/TagSet/TagSet.js +43 -35
- package/es/components/TagSet/TagSetOverflow.d.ts +4 -0
- package/es/components/TagSet/TagSetOverflow.js +9 -3
- package/es/components/TagSet/index.d.ts +2 -1
- package/es/components/Tearsheet/Tearsheet.d.ts +4 -5
- package/es/components/Tearsheet/Tearsheet.js +5 -5
- package/es/components/Tearsheet/TearsheetNarrow.d.ts +4 -4
- package/es/components/Tearsheet/TearsheetNarrow.js +5 -5
- package/es/components/Tearsheet/TearsheetShell.d.ts +1 -1
- package/es/components/Tearsheet/TearsheetShell.js +28 -11
- package/es/components/Tearsheet/index.d.ts +10 -2
- package/es/components/Toolbar/Toolbar.d.ts +1 -1
- package/es/components/Toolbar/Toolbar.js +3 -3
- package/es/components/Toolbar/ToolbarButton.d.ts +14 -4
- package/es/components/Toolbar/ToolbarButton.js +20 -12
- package/es/components/Toolbar/ToolbarGroup.d.ts +1 -2
- package/es/components/Toolbar/ToolbarGroup.js +3 -3
- package/es/components/Toolbar/index.d.ts +12 -3
- package/es/components/TruncatedList/TruncatedList.d.ts +1 -2
- package/es/components/TruncatedList/TruncatedList.js +2 -2
- package/es/components/TruncatedList/index.d.ts +8 -1
- package/es/components/UserAvatar/UserAvatar.d.ts +59 -1
- package/es/components/UserAvatar/UserAvatar.js +7 -23
- package/es/components/UserProfileImage/UserProfileImage.d.ts +3 -3
- package/es/components/UserProfileImage/UserProfileImage.js +5 -4
- package/es/components/UserProfileImage/index.d.ts +2 -1
- package/es/components/WebTerminal/WebTerminal.d.ts +4 -4
- package/es/components/WebTerminal/WebTerminal.js +15 -17
- package/es/components/WebTerminal/WebTerminalContentWrapper.d.ts +2 -3
- package/es/components/WebTerminal/index.d.ts +11 -3
- package/es/components/index.d.ts +73 -72
- package/es/global/js/hooks/useCreateComponentStepChange.d.ts +3 -1
- package/es/global/js/hooks/useCreateComponentStepChange.js +18 -2
- package/es/global/js/hooks/useFocus.d.ts +3 -2
- package/es/global/js/hooks/useFocus.js +48 -28
- package/es/global/js/hooks/usePrefersReducedMotion.js +14 -8
- package/es/global/js/package-settings.d.ts +3 -1
- package/es/global/js/package-settings.js +3 -1
- package/es/global/js/utils/Wrap.d.ts +4 -0
- package/es/global/js/utils/keyboardNavigation.d.ts +27 -0
- package/es/global/js/utils/keyboardNavigation.js +37 -0
- package/es/global/js/utils/scrollableAncestor.js +7 -0
- package/es/global/js/utils/uuidv4.d.ts +6 -0
- package/es/global/js/utils/uuidv4.js +2 -0
- package/es/global/js/utils/wait.d.ts +6 -0
- package/es/global/js/utils/wait.js +2 -0
- package/es/global/js/utils/wrapFocus.d.ts +25 -0
- package/es/global/js/utils/wrapFocus.js +68 -0
- package/es/index.js +47 -44
- package/es/node_modules/@carbon/icon-helpers/es/index.js +49 -62
- package/es/node_modules/@carbon/icons-react/es/generated/bucket-2.js +1020 -1058
- package/es/node_modules/@carbon/icons-react/es/generated/bucket-9.js +879 -758
- package/es/settings.d.ts +3 -1
- package/flags.js +7 -0
- package/lib/components/APIKeyModal/APIKeyModal.types.d.ts +7 -1
- package/lib/components/APIKeyModal/index.d.ts +2 -1
- package/lib/components/AboutModal/AboutModal.d.ts +1 -2
- package/lib/components/AboutModal/AboutModal.js +22 -5
- package/lib/components/AboutModal/index.d.ts +8 -1
- package/lib/components/ActionBar/ActionBar.d.ts +62 -2
- package/lib/components/ActionBar/ActionBar.js +27 -12
- package/lib/components/ActionBar/ActionBarItem.d.ts +36 -2
- package/lib/components/ActionBar/ActionBarItem.js +7 -4
- package/lib/components/ActionBar/ActionBarOverflowItems.d.ts +64 -16
- package/lib/components/ActionBar/ActionBarOverflowItems.js +21 -7
- package/lib/components/ActionSet/ActionSet.d.ts +1 -2
- package/lib/components/ActionSet/ActionSet.js +2 -2
- package/lib/components/ActionSet/index.d.ts +8 -1
- package/lib/components/AddSelect/AddSelectBody.js +2 -2
- package/lib/components/AddSelect/index.d.ts +2 -1
- package/lib/components/AddSelect/types/index.d.ts +6 -0
- package/lib/components/Card/Card.d.ts +69 -2
- package/lib/components/Card/Card.js +36 -38
- package/lib/components/Card/CardFooter.d.ts +51 -48
- package/lib/components/Card/CardFooter.js +4 -2
- package/lib/components/Card/CardHeader.d.ts +67 -49
- package/lib/components/Card/CardHeader.js +4 -2
- package/lib/components/Carousel/Carousel.js +1 -2
- package/lib/components/Carousel/index.d.ts +9 -2
- package/lib/components/Cascade/Cascade.d.ts +1 -2
- package/lib/components/Cascade/Cascade.js +2 -2
- package/lib/components/Cascade/index.d.ts +2 -1
- package/lib/components/Checklist/Checklist.d.ts +2 -2
- package/lib/components/Checklist/Checklist.js +6 -6
- package/lib/components/Checklist/index.d.ts +8 -1
- package/lib/components/Coachmark/Coachmark.d.ts +7 -3
- package/lib/components/Coachmark/Coachmark.js +51 -15
- package/lib/components/Coachmark/CoachmarkDragbar.js +0 -1
- package/lib/components/Coachmark/CoachmarkHeader.js +0 -1
- package/lib/components/Coachmark/CoachmarkOverlay.js +2 -4
- package/lib/components/Coachmark/index.d.ts +10 -3
- package/lib/components/Coachmark/utils/enums.d.ts +6 -0
- package/lib/components/CoachmarkBeacon/CoachmarkBeacon.d.ts +2 -3
- package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +5 -10
- package/lib/components/CoachmarkBeacon/index.d.ts +8 -1
- package/lib/components/CoachmarkButton/CoachmarkButton.d.ts +1 -2
- package/lib/components/CoachmarkButton/CoachmarkButton.js +4 -2
- package/lib/components/CoachmarkButton/index.d.ts +8 -1
- package/lib/components/CoachmarkFixed/CoachmarkFixed.d.ts +1 -2
- package/lib/components/CoachmarkFixed/CoachmarkFixed.js +19 -16
- package/lib/components/CoachmarkFixed/index.d.ts +8 -1
- package/lib/components/CoachmarkOverlayElement/CoachmarkOverlayElement.d.ts +1 -2
- package/lib/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js +0 -1
- package/lib/components/CoachmarkOverlayElement/index.d.ts +8 -1
- package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.d.ts +1 -2
- package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +10 -7
- package/lib/components/CoachmarkOverlayElements/index.d.ts +8 -1
- package/lib/components/CoachmarkStack/CoachmarkStack.d.ts +67 -2
- package/lib/components/CoachmarkStack/CoachmarkStack.js +22 -11
- package/lib/components/CoachmarkStack/CoachmarkStackHome.d.ts +71 -2
- package/lib/components/CoachmarkStack/CoachmarkStackHome.js +26 -25
- package/lib/components/ComboButton/ComboButton.d.ts +1 -1
- package/lib/components/ComboButton/ComboButton.js +5 -5
- package/lib/components/ComboButton/index.d.ts +9 -2
- package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.d.ts +100 -24
- package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +108 -65
- package/lib/components/ConditionBuilder/ConditionBuilder.d.ts +9 -2
- package/lib/components/ConditionBuilder/ConditionBuilder.js +32 -20
- package/lib/components/ConditionBuilder/ConditionBuilder.types.d.ts +151 -0
- package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts +28 -14
- package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +71 -45
- package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.d.ts +62 -25
- package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +29 -29
- package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +86 -34
- package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +22 -10
- package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.d.ts +29 -14
- package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +24 -15
- package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +23 -12
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +40 -22
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +86 -68
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +10 -42
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +44 -35
- package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +49 -39
- package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +49 -38
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +81 -27
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +103 -31
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.d.ts +27 -10
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +27 -13
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.d.ts +30 -12
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +22 -14
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +35 -12
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +29 -17
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.d.ts +32 -12
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +30 -22
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.d.ts +35 -10
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +23 -11
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.d.ts +25 -10
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +3 -3
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +44 -19
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +157 -63
- package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.d.ts +30 -9
- package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +53 -31
- package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.d.ts +2 -1
- package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +152 -41
- package/lib/components/ConditionBuilder/utils/useDataConfigs.d.ts +18 -0
- package/lib/components/ConditionBuilder/utils/useDataConfigs.js +124 -0
- package/lib/components/ConditionBuilder/utils/useTranslations.d.ts +1 -0
- package/lib/components/ConditionBuilder/utils/useTranslations.js +33 -0
- package/lib/components/ConditionBuilder/utils/util.d.ts +18 -5
- package/lib/components/ConditionBuilder/utils/util.js +84 -23
- package/lib/components/CreateFullPage/CreateFullPage.d.ts +1 -1
- package/lib/components/CreateFullPage/CreateFullPage.js +7 -7
- package/lib/components/CreateFullPage/CreateFullPageStep.d.ts +2 -2
- package/lib/components/CreateFullPage/index.d.ts +10 -2
- package/lib/components/CreateModal/CreateModal.d.ts +2 -3
- package/lib/components/CreateModal/CreateModal.js +1 -1
- package/lib/components/CreateModal/index.d.ts +2 -1
- package/lib/components/CreateSidePanel/CreateSidePanel.js +1 -1
- package/lib/components/CreateSidePanel/index.d.ts +7 -1
- package/lib/components/CreateTearsheet/CreateTearsheet.d.ts +8 -2
- package/lib/components/CreateTearsheet/CreateTearsheet.js +20 -9
- package/lib/components/CreateTearsheet/CreateTearsheetStep.d.ts +18 -0
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +29 -2
- package/lib/components/CreateTearsheet/index.d.ts +10 -3
- package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.d.ts +1 -1
- package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +2 -2
- package/lib/components/CreateTearsheetNarrow/index.d.ts +8 -1
- package/lib/components/DataSpreadsheet/DataSpreadsheet.d.ts +29 -4
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +142 -61
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +16 -0
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +32 -7
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.d.ts +8 -0
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +16 -3
- package/lib/components/DataSpreadsheet/index.d.ts +8 -1
- package/lib/components/DataSpreadsheet/types/index.d.ts +7 -0
- package/lib/components/Datagrid/Datagrid/Datagrid.d.ts +0 -4
- package/lib/components/Datagrid/Datagrid/Datagrid.js +2 -8
- package/lib/components/Datagrid/Datagrid/DatagridBody.d.ts +6 -0
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +8 -4
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +23 -8
- package/lib/components/Datagrid/Datagrid/DatagridRefBody.d.ts +6 -0
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +27 -12
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +9 -26
- package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +3 -2
- package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.d.ts +6 -0
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +8 -3
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +29 -13
- package/lib/components/Datagrid/Datagrid/DraggableElement.d.ts +6 -0
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +42 -12
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +4 -4
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.d.ts +3 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +16 -6
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +17 -9
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.d.ts +3 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +14 -9
- package/lib/components/Datagrid/Datagrid/addons/Filtering/handleCheckboxChange.js +7 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +35 -1
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +2 -3
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +72 -24
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +10 -2
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/stateReducer.d.ts +14 -0
- package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +138 -35
- package/lib/components/Datagrid/common-column-ids.d.ts +6 -0
- package/lib/components/Datagrid/types/index.d.ts +52 -7
- package/lib/components/Datagrid/useActionsColumn.js +1 -4
- package/lib/components/Datagrid/useCustomizeColumns.d.ts +8 -1
- package/lib/components/Datagrid/useCustomizeColumns.js +4 -3
- package/lib/components/Datagrid/useDatagrid.d.ts +6 -0
- package/lib/components/Datagrid/useDefaultStringRenderer.js +0 -1
- package/lib/components/Datagrid/useDisableSelectRows.d.ts +8 -1
- package/lib/components/Datagrid/useDisableSelectRows.js +42 -22
- package/lib/components/Datagrid/useFiltering.d.ts +1 -0
- package/lib/components/Datagrid/useFiltering.js +13 -1
- package/lib/components/Datagrid/useFlexResize.d.ts +0 -6
- package/lib/components/Datagrid/useFlexResize.js +32 -16
- package/lib/components/Datagrid/useInitialColumnSort.js +4 -0
- package/lib/components/Datagrid/useInlineEdit.js +1 -1
- package/lib/components/Datagrid/useNestedRowExpander.js +66 -19
- package/lib/components/Datagrid/useNestedRows.js +5 -4
- package/lib/components/Datagrid/useRowExpander.js +1 -3
- package/lib/components/Datagrid/useRowIsMouseOver.d.ts +6 -0
- package/lib/components/Datagrid/useRowRenderer.js +44 -2
- package/lib/components/Datagrid/useSelectRows.js +2 -1
- package/lib/components/Datagrid/useSortableColumns.d.ts +5 -4
- package/lib/components/Datagrid/useSortableColumns.js +34 -15
- package/lib/components/Datagrid/useStickyColumn.d.ts +8 -1
- package/lib/components/Datagrid/useStickyColumn.js +12 -9
- package/lib/components/DelimitedList/DelimitedList.d.ts +1 -2
- package/lib/components/DelimitedList/index.d.ts +8 -1
- package/lib/components/EditFullPage/EditFullPage.d.ts +1 -2
- package/lib/components/EditFullPage/index.d.ts +8 -1
- package/lib/components/EditInPlace/EditInPlace.d.ts +9 -1
- package/lib/components/EditInPlace/EditInPlace.js +37 -18
- package/lib/components/EditInPlace/index.d.ts +8 -1
- package/lib/components/EditSidePanel/EditSidePanel.d.ts +2 -3
- package/lib/components/EditSidePanel/EditSidePanel.js +3 -3
- package/lib/components/EditSidePanel/index.d.ts +8 -1
- package/lib/components/EditTearsheet/EditTearsheet.d.ts +7 -2
- package/lib/components/EditTearsheet/EditTearsheet.js +43 -9
- package/lib/components/EditTearsheet/EditTearsheetForm.d.ts +45 -2
- package/lib/components/EditTearsheet/EditTearsheetForm.js +3 -0
- package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.d.ts +1 -2
- package/lib/components/EditTearsheetNarrow/index.d.ts +8 -1
- package/lib/components/EditUpdateCards/EditUpdateCards.d.ts +2 -2
- package/lib/components/EditUpdateCards/EditUpdateCards.js +3 -3
- package/lib/components/EditUpdateCards/index.d.ts +8 -1
- package/lib/components/EmptyStates/EmptyState.d.ts +72 -5
- package/lib/components/EmptyStates/EmptyState.js +8 -5
- package/lib/components/EmptyStates/EmptyStateV2.d.ts +63 -2
- package/lib/components/EmptyStates/EmptyStateV2.js +3 -2
- package/lib/components/ExportModal/ExportModal.d.ts +3 -3
- package/lib/components/ExportModal/ExportModal.js +3 -3
- package/lib/components/ExportModal/index.d.ts +2 -1
- package/lib/components/ExpressiveCard/ExpressiveCard.d.ts +1 -1
- package/lib/components/ExpressiveCard/ExpressiveCard.js +1 -1
- package/lib/components/ExpressiveCard/index.d.ts +2 -1
- package/lib/components/FeatureFlags/index.d.ts +26 -21
- package/lib/components/FeatureFlags/index.js +1 -10
- package/lib/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js +1 -1
- package/lib/components/FilterSummary/FilterSummary.d.ts +1 -1
- package/lib/components/FilterSummary/FilterSummary.js +7 -8
- package/lib/components/FilterSummary/index.d.ts +8 -1
- package/lib/components/FullPageError/FullPageError.d.ts +35 -2
- package/lib/components/FullPageError/FullPageError.js +10 -10
- package/lib/components/FullPageError/assets/Error403SVG.d.ts +3 -1
- package/lib/components/FullPageError/assets/Error403SVG.js +6 -3
- package/lib/components/FullPageError/assets/Error404SVG.d.ts +3 -1
- package/lib/components/FullPageError/assets/Error404SVG.js +6 -3
- package/lib/components/FullPageError/assets/ErrorGenericSVG.d.ts +3 -1
- package/lib/components/FullPageError/assets/ErrorGenericSVG.js +6 -3
- package/lib/components/FullPageError/index.d.ts +8 -1
- package/lib/components/GetStartedCard/GetStartedCard.d.ts +60 -2
- package/lib/components/GetStartedCard/GetStartedCard.js +10 -9
- package/lib/components/GetStartedCard/index.d.ts +8 -1
- package/lib/components/Guidebanner/Guidebanner.d.ts +1 -2
- package/lib/components/Guidebanner/Guidebanner.js +18 -17
- package/lib/components/Guidebanner/GuidebannerElement.d.ts +1 -2
- package/lib/components/Guidebanner/GuidebannerElementButton.d.ts +2 -3
- package/lib/components/Guidebanner/GuidebannerElementButton.js +2 -2
- package/lib/components/Guidebanner/GuidebannerElementLink.d.ts +2 -3
- package/lib/components/Guidebanner/GuidebannerElementLink.js +1 -1
- package/lib/components/Guidebanner/index.d.ts +14 -4
- package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +8 -1
- package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +8 -1
- package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +7 -0
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.d.ts +3 -1
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +210 -203
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.d.ts +3 -1
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +122 -115
- package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.d.ts +3 -1
- package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +116 -109
- package/lib/components/ImportModal/ImportModal.d.ts +1 -1
- package/lib/components/ImportModal/ImportModal.js +3 -3
- package/lib/components/ImportModal/index.d.ts +2 -1
- package/lib/components/InlineTip/InlineTip.d.ts +1 -1
- package/lib/components/InlineTip/InlineTip.js +4 -4
- package/lib/components/InlineTip/InlineTipButton.d.ts +1 -2
- package/lib/components/InlineTip/InlineTipButton.js +1 -1
- package/lib/components/InlineTip/InlineTipLink.d.ts +1 -2
- package/lib/components/InlineTip/InlineTipLink.js +2 -2
- package/lib/components/InlineTip/index.d.ts +12 -3
- package/lib/components/InterstitialScreen/InterstitialScreen.d.ts +1 -1
- package/lib/components/InterstitialScreen/InterstitialScreen.js +6 -5
- package/lib/components/InterstitialScreen/index.d.ts +8 -1
- package/lib/components/InterstitialScreenView/InterstitialScreenView.d.ts +1 -2
- package/lib/components/InterstitialScreenView/index.d.ts +8 -1
- package/lib/components/InterstitialScreenViewModule/InterstitialScreenViewModule.d.ts +1 -2
- package/lib/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js +1 -1
- package/lib/components/InterstitialScreenViewModule/index.d.ts +8 -1
- package/lib/components/MultiAddSelect/MultiAddSelect.d.ts +1 -1
- package/lib/components/MultiAddSelect/MultiAddSelect.js +1 -1
- package/lib/components/MultiAddSelect/index.d.ts +2 -1
- package/lib/components/Nav/NavItem.js +18 -7
- package/lib/components/Nav/NavList.js +8 -6
- package/lib/components/NonLinearReading/NonLinearReading.d.ts +1 -1
- package/lib/components/NonLinearReading/NonLinearReading.js +2 -2
- package/lib/components/NonLinearReading/index.d.ts +8 -1
- package/lib/components/NotificationsPanel/NotificationsPanel.d.ts +4 -2
- package/lib/components/NotificationsPanel/NotificationsPanel.js +77 -7
- package/lib/components/NotificationsPanel/index.d.ts +8 -1
- package/lib/components/OptionsTile/OptionsTile.d.ts +2 -3
- package/lib/components/OptionsTile/OptionsTile.js +16 -12
- package/lib/components/OptionsTile/index.d.ts +8 -1
- package/lib/components/PageHeader/PageHeader.d.ts +2 -2
- package/lib/components/PageHeader/PageHeader.js +20 -9
- package/lib/components/PageHeader/PageHeaderUtils.js +1 -6
- package/lib/components/PageHeader/index.d.ts +2 -1
- package/lib/components/ProductiveCard/ProductiveCard.d.ts +5 -1
- package/lib/components/ProductiveCard/ProductiveCard.js +8 -2
- package/lib/components/ProductiveCard/index.d.ts +2 -1
- package/lib/components/RemoveModal/RemoveModal.d.ts +7 -4
- package/lib/components/RemoveModal/RemoveModal.js +13 -7
- package/lib/components/RemoveModal/index.d.ts +2 -1
- package/lib/components/Saving/Saving.d.ts +1 -1
- package/lib/components/Saving/Saving.js +2 -2
- package/lib/components/Saving/index.d.ts +2 -1
- package/lib/components/SearchBar/SearchBar.d.ts +2 -2
- package/lib/components/SearchBar/SearchBar.js +3 -3
- package/lib/components/SearchBar/index.d.ts +8 -1
- package/lib/components/SidePanel/SidePanel.d.ts +1 -1
- package/lib/components/SidePanel/SidePanel.js +44 -36
- package/lib/components/SidePanel/index.d.ts +8 -1
- package/lib/components/SidePanel/motion/variants.d.ts +4 -6
- package/lib/components/SidePanel/motion/variants.js +10 -11
- package/lib/components/SingleAddSelect/SingleAddSelect.d.ts +1 -2
- package/lib/components/SingleAddSelect/SingleAddSelect.js +1 -1
- package/lib/components/SingleAddSelect/index.d.ts +2 -1
- package/lib/components/StatusIcon/StatusIcon.d.ts +1 -1
- package/lib/components/StatusIcon/StatusIcon.js +1 -1
- package/lib/components/StatusIcon/index.d.ts +8 -1
- package/lib/components/StatusIndicator/StatusIndicatorStep.js +94 -0
- package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.d.ts +1 -2
- package/lib/components/SteppedAnimatedMedia/index.d.ts +8 -1
- package/lib/components/StringFormatter/StringFormatter.js +13 -2
- package/lib/components/StringFormatter/utils/enums.d.ts +20 -1
- package/lib/components/StringFormatter/utils/enums.js +30 -1
- package/lib/components/TagOverflow/TagOverflow.d.ts +36 -4
- package/lib/components/TagOverflow/TagOverflow.js +58 -70
- package/lib/components/TagOverflow/TagOverflowModal.js +4 -6
- package/lib/components/TagOverflow/TagOverflowPopover.d.ts +14 -1
- package/lib/components/TagOverflow/TagOverflowPopover.js +44 -41
- package/lib/components/TagOverflow/index.d.ts +8 -1
- package/lib/components/TagSet/TagSet.d.ts +10 -8
- package/lib/components/TagSet/TagSet.js +42 -34
- package/lib/components/TagSet/TagSetOverflow.d.ts +4 -0
- package/lib/components/TagSet/TagSetOverflow.js +9 -3
- package/lib/components/TagSet/index.d.ts +2 -1
- package/lib/components/Tearsheet/Tearsheet.d.ts +4 -5
- package/lib/components/Tearsheet/Tearsheet.js +4 -4
- package/lib/components/Tearsheet/TearsheetNarrow.d.ts +4 -4
- package/lib/components/Tearsheet/TearsheetNarrow.js +4 -4
- package/lib/components/Tearsheet/TearsheetShell.d.ts +1 -1
- package/lib/components/Tearsheet/TearsheetShell.js +26 -9
- package/lib/components/Tearsheet/index.d.ts +10 -2
- package/lib/components/Toolbar/Toolbar.d.ts +1 -1
- package/lib/components/Toolbar/Toolbar.js +4 -4
- package/lib/components/Toolbar/ToolbarButton.d.ts +14 -4
- package/lib/components/Toolbar/ToolbarButton.js +20 -11
- package/lib/components/Toolbar/ToolbarGroup.d.ts +1 -2
- package/lib/components/Toolbar/ToolbarGroup.js +4 -4
- package/lib/components/Toolbar/index.d.ts +12 -3
- package/lib/components/TruncatedList/TruncatedList.d.ts +1 -2
- package/lib/components/TruncatedList/TruncatedList.js +2 -2
- package/lib/components/TruncatedList/index.d.ts +8 -1
- package/lib/components/UserAvatar/UserAvatar.d.ts +59 -1
- package/lib/components/UserAvatar/UserAvatar.js +7 -23
- package/lib/components/UserProfileImage/UserProfileImage.d.ts +3 -3
- package/lib/components/UserProfileImage/UserProfileImage.js +5 -4
- package/lib/components/UserProfileImage/index.d.ts +2 -1
- package/lib/components/WebTerminal/WebTerminal.d.ts +4 -4
- package/lib/components/WebTerminal/WebTerminal.js +28 -30
- package/lib/components/WebTerminal/WebTerminalContentWrapper.d.ts +2 -3
- package/lib/components/WebTerminal/WebTerminalContentWrapper.js +4 -4
- package/lib/components/WebTerminal/index.d.ts +11 -3
- package/lib/components/index.d.ts +73 -72
- package/lib/global/js/hooks/useCreateComponentStepChange.d.ts +3 -1
- package/lib/global/js/hooks/useCreateComponentStepChange.js +18 -2
- package/lib/global/js/hooks/useFocus.d.ts +3 -2
- package/lib/global/js/hooks/useFocus.js +48 -27
- package/lib/global/js/hooks/usePrefersReducedMotion.js +13 -7
- package/lib/global/js/package-settings.d.ts +3 -1
- package/lib/global/js/package-settings.js +3 -1
- package/lib/global/js/utils/Wrap.d.ts +4 -0
- package/lib/global/js/utils/keyboardNavigation.d.ts +27 -0
- package/lib/global/js/utils/keyboardNavigation.js +43 -0
- package/lib/global/js/utils/scrollableAncestor.js +7 -0
- package/lib/global/js/utils/uuidv4.d.ts +6 -0
- package/lib/global/js/utils/uuidv4.js +2 -0
- package/lib/global/js/utils/wait.d.ts +6 -0
- package/lib/global/js/utils/wait.js +2 -0
- package/lib/global/js/utils/wrapFocus.d.ts +25 -0
- package/lib/global/js/utils/wrapFocus.js +73 -0
- package/lib/index.js +172 -157
- package/lib/node_modules/@carbon/icon-helpers/es/index.js +49 -62
- package/lib/node_modules/@carbon/icons-react/es/generated/bucket-2.js +1036 -1074
- package/lib/node_modules/@carbon/icons-react/es/generated/bucket-9.js +944 -823
- package/lib/settings.d.ts +3 -1
- package/package.json +14 -13
- package/scss/components/Coachmark/_coachmark-overlay.scss +6 -70
- package/scss/components/Coachmark/_coachmark.scss +5 -4
- package/scss/components/CoachmarkBeacon/_coachmark-beacon.scss +1 -3
- package/scss/components/ConditionBuilder/_condition-builder.scss +9 -2
- package/scss/components/ConditionBuilder/styles/_conditionBuilderCondition.scss +21 -4
- package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss +92 -40
- package/scss/components/ConditionBuilder/styles/_index.scss +7 -0
- package/scss/components/CreateModal/_create-modal.scss +0 -4
- package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +16 -2
- package/scss/components/Datagrid/_datagrid.scss +0 -4
- package/scss/components/Datagrid/styles/_datagrid.scss +8 -0
- package/scss/components/Datagrid/styles/_useActionsColumn.scss +10 -7
- package/scss/components/Datagrid/styles/_useColumnRightAlign.scss +6 -7
- package/scss/components/Datagrid/styles/_useExpandedRow.scss +6 -7
- package/scss/components/Datagrid/styles/_useInlineEdit.scss +19 -7
- package/scss/components/Datagrid/styles/_useNestedRows.scss +7 -8
- package/scss/components/Datagrid/styles/_useNestedTable.scss +6 -7
- package/scss/components/Datagrid/styles/_useSortableColumns.scss +1 -0
- package/scss/components/Datagrid/styles/_useStickyColumn.scss +6 -7
- package/scss/components/Datagrid/styles/addons/_CustomizeColumnsTearsheet.scss +7 -5
- package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss +5 -4
- package/scss/components/Datagrid/styles/addons/_RowSizeDropdown.scss +6 -7
- package/scss/components/EditInPlace/_edit-in-place.scss +2 -2
- package/scss/components/HTTPErrors/_http-errors.scss +77 -0
- package/scss/components/OptionsTile/_options-tile.scss +6 -6
- package/scss/components/SidePanel/_side-panel.scss +1 -1
- package/scss/components/Tearsheet/_tearsheet.scss +2 -0
- package/scss/components/_index-released-only.scss +1 -0
- package/scss/config-dev.scss +7 -0
- package/scss/config.scss +7 -0
- package/telemetry.yml +51 -22
- package/es/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.d.ts +0 -27
- package/es/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.js +0 -120
- package/es/global/js/utils/window.d.ts +0 -2
- package/es/global/js/utils/window.js +0 -12
- package/lib/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.d.ts +0 -27
- package/lib/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.js +0 -129
- package/lib/global/js/utils/window.d.ts +0 -2
- package/lib/global/js/utils/window.js +0 -16
@@ -1,7 +1,8 @@
|
|
1
1
|
export default FilterFlyout;
|
2
|
-
declare function FilterFlyout({ updateMethod, flyoutIconDescription, filters, title, primaryActionLabel, onFlyoutOpen, onFlyoutClose, onApply, onCancel, secondaryActionLabel, setAllFilters, data, reactTableFiltersState, }: {
|
2
|
+
declare function FilterFlyout({ updateMethod, flyoutIconDescription, align, filters, title, primaryActionLabel, onFlyoutOpen, onFlyoutClose, onApply, onCancel, secondaryActionLabel, setAllFilters, data, reactTableFiltersState, }: {
|
3
3
|
updateMethod: any;
|
4
4
|
flyoutIconDescription?: string | undefined;
|
5
|
+
align?: string | undefined;
|
5
6
|
filters?: any[] | undefined;
|
6
7
|
title?: string | undefined;
|
7
8
|
primaryActionLabel?: string | undefined;
|
@@ -16,6 +17,7 @@ declare function FilterFlyout({ updateMethod, flyoutIconDescription, filters, ti
|
|
16
17
|
}): import("react/jsx-runtime").JSX.Element;
|
17
18
|
declare namespace FilterFlyout {
|
18
19
|
namespace propTypes {
|
20
|
+
let align: PropTypes.Requireable<string>;
|
19
21
|
let data: PropTypes.Validator<any[]>;
|
20
22
|
let filters: PropTypes.Validator<(PropTypes.InferProps<{
|
21
23
|
type: PropTypes.Validator<string>;
|
@@ -10,6 +10,7 @@ import { BATCH, INSTANT, FLYOUT, CLEAR_FILTERS } from './constants.js';
|
|
10
10
|
import { usePrefix, IconButton } from '@carbon/react';
|
11
11
|
import React__default, { useState, useRef, useEffect } from 'react';
|
12
12
|
import { breakpoints, px } from '@carbon/layout';
|
13
|
+
import { ActionSet } from '../../../../ActionSet/ActionSet.js';
|
13
14
|
import { Filter } from '@carbon/react/icons';
|
14
15
|
import PropTypes from '../../../../../node_modules/prop-types/index.js';
|
15
16
|
import cx from 'classnames';
|
@@ -19,7 +20,6 @@ import useShouldDisableButtons from './hooks/useShouldDisableButtons.js';
|
|
19
20
|
import { useWindowResize } from '../../../../../global/js/hooks/useWindowResize.js';
|
20
21
|
import { useClickOutside } from '../../../../../global/js/hooks/useClickOutside.js';
|
21
22
|
import useSubscribeToEventEmitter from './hooks/useSubscribeToEventEmitter.js';
|
22
|
-
import { ActionSet } from '../../../../ActionSet/ActionSet.js';
|
23
23
|
|
24
24
|
var _Filter;
|
25
25
|
var blockClass = "".concat(pkg.prefix, "--datagrid");
|
@@ -28,14 +28,20 @@ var defaults = {
|
|
28
28
|
flyoutIconDescription: 'Open filters',
|
29
29
|
title: 'Filter',
|
30
30
|
primaryActionLabel: 'Apply',
|
31
|
-
secondaryActionLabel: 'Cancel'
|
31
|
+
secondaryActionLabel: 'Cancel',
|
32
|
+
align: 'bottom'
|
32
33
|
};
|
34
|
+
|
35
|
+
// Use same empty array every time, for benefit of useEffect() etc. dependency checking.
|
36
|
+
var emptyArray = [];
|
33
37
|
var FilterFlyout = function FilterFlyout(_ref) {
|
34
38
|
var updateMethod = _ref.updateMethod,
|
35
39
|
_ref$flyoutIconDescri = _ref.flyoutIconDescription,
|
36
40
|
flyoutIconDescription = _ref$flyoutIconDescri === void 0 ? defaults.flyoutIconDescription : _ref$flyoutIconDescri,
|
41
|
+
_ref$align = _ref.align,
|
42
|
+
align = _ref$align === void 0 ? defaults.align : _ref$align,
|
37
43
|
_ref$filters = _ref.filters,
|
38
|
-
filters = _ref$filters === void 0 ?
|
44
|
+
filters = _ref$filters === void 0 ? emptyArray : _ref$filters,
|
39
45
|
_ref$title = _ref.title,
|
40
46
|
title = _ref$title === void 0 ? defaults.title : _ref$title,
|
41
47
|
_ref$primaryActionLab = _ref.primaryActionLabel,
|
@@ -52,9 +58,9 @@ var FilterFlyout = function FilterFlyout(_ref) {
|
|
52
58
|
secondaryActionLabel = _ref$secondaryActionL === void 0 ? defaults.secondaryActionLabel : _ref$secondaryActionL,
|
53
59
|
setAllFilters = _ref.setAllFilters,
|
54
60
|
_ref$data = _ref.data,
|
55
|
-
data = _ref$data === void 0 ?
|
61
|
+
data = _ref$data === void 0 ? emptyArray : _ref$data,
|
56
62
|
_ref$reactTableFilter = _ref.reactTableFiltersState,
|
57
|
-
reactTableFiltersState = _ref$reactTableFilter === void 0 ?
|
63
|
+
reactTableFiltersState = _ref$reactTableFilter === void 0 ? emptyArray : _ref$reactTableFilter;
|
58
64
|
/** State */
|
59
65
|
var _useState = useState(false),
|
60
66
|
_useState2 = _slicedToArray(_useState, 2),
|
@@ -224,7 +230,7 @@ var FilterFlyout = function FilterFlyout(_ref) {
|
|
224
230
|
}, /*#__PURE__*/React__default.createElement(IconButton, {
|
225
231
|
label: flyoutIconDescription,
|
226
232
|
kind: "ghost",
|
227
|
-
align:
|
233
|
+
align: align,
|
228
234
|
onClick: open ? closeFlyout : openFlyout,
|
229
235
|
className: cx("".concat(componentClass, "__trigger"), _defineProperty({}, "".concat(componentClass, "__trigger--open"), open)),
|
230
236
|
disabled: data.length === 0
|
@@ -241,6 +247,10 @@ var FilterFlyout = function FilterFlyout(_ref) {
|
|
241
247
|
}, renderFilters())), renderActionSet()));
|
242
248
|
};
|
243
249
|
FilterFlyout.propTypes = {
|
250
|
+
/**
|
251
|
+
* Tooltip alignment for the filter button
|
252
|
+
*/
|
253
|
+
align: PropTypes.string,
|
244
254
|
/**
|
245
255
|
* All data rows in the table
|
246
256
|
*/
|
@@ -8,19 +8,20 @@
|
|
8
8
|
import { slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
9
9
|
import { Button, Layer, Search, Accordion, AccordionItem } from '@carbon/react';
|
10
10
|
import { PANEL, BATCH, CLEAR_FILTERS, INSTANT } from './constants.js';
|
11
|
-
import React__default, { useState, useContext, useRef, useMemo, useEffect } from 'react';
|
11
|
+
import React__default, { useState, useContext, useRef, useMemo, useEffect, useCallback } from 'react';
|
12
12
|
import { panelVariants, innerContainerVariants, actionSetVariants } from './motion/variants.js';
|
13
13
|
import { motion, useReducedMotion } from 'framer-motion';
|
14
|
+
import { ActionSet } from '../../../../ActionSet/ActionSet.js';
|
14
15
|
import { Close } from '@carbon/react/icons';
|
15
16
|
import { FilterContext } from './FilterProvider.js';
|
16
17
|
import PropTypes from '../../../../../node_modules/prop-types/index.js';
|
17
18
|
import cx from 'classnames';
|
18
19
|
import { pkg } from '../../../../../settings.js';
|
19
20
|
import { rem } from '@carbon/layout';
|
20
|
-
import { ActionSet } from '../../../../ActionSet/ActionSet.js';
|
21
21
|
import useFilters from './hooks/useFilters.js';
|
22
22
|
import useShouldDisableButtons from './hooks/useShouldDisableButtons.js';
|
23
23
|
import useSubscribeToEventEmitter from './hooks/useSubscribeToEventEmitter.js';
|
24
|
+
import { useIsomorphicEffect } from '../../../../../global/js/hooks/useIsomorphicEffect.js';
|
24
25
|
|
25
26
|
var blockClass = "".concat(pkg.prefix, "--datagrid");
|
26
27
|
var componentClass = "".concat(blockClass, "-filter-panel");
|
@@ -33,6 +34,9 @@ var defaults = {
|
|
33
34
|
searchLabelText: 'Filter search',
|
34
35
|
searchPlaceholder: 'Find filters'
|
35
36
|
};
|
37
|
+
|
38
|
+
// Use same empty array every time, for benefit of useEffect() etc. dependency checking.
|
39
|
+
var emptyArray = [];
|
36
40
|
var FilterPanel = function FilterPanel(_ref) {
|
37
41
|
var _ref$title = _ref.title,
|
38
42
|
title = _ref$title === void 0 ? defaults.title : _ref$title,
|
@@ -62,7 +66,7 @@ var FilterPanel = function FilterPanel(_ref) {
|
|
62
66
|
_ref$searchPlaceholde = _ref.searchPlaceholder,
|
63
67
|
searchPlaceholder = _ref$searchPlaceholde === void 0 ? defaults.searchPlaceholder : _ref$searchPlaceholde,
|
64
68
|
_ref$reactTableFilter = _ref.reactTableFiltersState,
|
65
|
-
reactTableFiltersState = _ref$reactTableFilter === void 0 ?
|
69
|
+
reactTableFiltersState = _ref$reactTableFilter === void 0 ? emptyArray : _ref$reactTableFilter,
|
66
70
|
_ref$autoHideFilters = _ref.autoHideFilters,
|
67
71
|
autoHideFilters = _ref$autoHideFilters === void 0 ? false : _ref$autoHideFilters,
|
68
72
|
_ref$isFetching = _ref.isFetching,
|
@@ -102,7 +106,7 @@ var FilterPanel = function FilterPanel(_ref) {
|
|
102
106
|
var filterHeadingRef = useRef();
|
103
107
|
var filterSearchRef = useRef();
|
104
108
|
var actionSetRef = useRef();
|
105
|
-
|
109
|
+
var innerContainerRef = useRef();
|
106
110
|
/** State from hooks */
|
107
111
|
var _useShouldDisableButt = useShouldDisableButtons({
|
108
112
|
initialValue: true,
|
@@ -185,11 +189,11 @@ var FilterPanel = function FilterPanel(_ref) {
|
|
185
189
|
}, [filterPanelMinHeight]);
|
186
190
|
|
187
191
|
// tableId is passed in from the event emitter from the FilterSummary component
|
188
|
-
// in
|
192
|
+
// in DatagridContent
|
189
193
|
useSubscribeToEventEmitter(CLEAR_FILTERS, function (tableId) {
|
190
194
|
reset(tableId);
|
191
195
|
});
|
192
|
-
var getScrollableContainerHeight = function
|
196
|
+
var getScrollableContainerHeight = useCallback(function () {
|
193
197
|
var _filterHeadingRef$cur, _filterSearchRef$curr, _actionSetRef$current;
|
194
198
|
var filterHeadingHeight = (_filterHeadingRef$cur = filterHeadingRef.current) === null || _filterHeadingRef$cur === void 0 ? void 0 : _filterHeadingRef$cur.getBoundingClientRect().height;
|
195
199
|
var filterSearchHeight = (_filterSearchRef$curr = filterSearchRef.current) === null || _filterSearchRef$curr === void 0 ? void 0 : _filterSearchRef$curr.getBoundingClientRect().height;
|
@@ -197,7 +201,13 @@ var FilterPanel = function FilterPanel(_ref) {
|
|
197
201
|
var height = panelOpen ? "calc(100vh - ".concat(filterHeadingHeight, "px - ").concat( /* istanbul ignore next */
|
198
202
|
showFilterSearch ? filterSearchHeight : 0, "px - ").concat(updateMethod === BATCH ? actionSetHeight : 0, "px)") : 0;
|
199
203
|
return height;
|
200
|
-
};
|
204
|
+
}, [filterHeadingRef, filterSearchRef, actionSetRef, panelOpen, showFilterSearch, updateMethod]);
|
205
|
+
useIsomorphicEffect(function () {
|
206
|
+
var height = getScrollableContainerHeight();
|
207
|
+
if (innerContainerRef.current && innerContainerRef.current.style) {
|
208
|
+
innerContainerRef.current.style.height = height;
|
209
|
+
}
|
210
|
+
}, [getScrollableContainerHeight, innerContainerRef]);
|
201
211
|
return /*#__PURE__*/React__default.createElement(motion.div, {
|
202
212
|
ref: filterPanelRef,
|
203
213
|
className: cx(componentClass, "".concat(componentClass, "__container"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentClass, "--open"), panelOpen), "".concat(componentClass, "--batch"), showActionSet), "".concat(componentClass, "--instant"), !showActionSet)),
|
@@ -237,9 +247,7 @@ var FilterPanel = function FilterPanel(_ref) {
|
|
237
247
|
size: "sm"
|
238
248
|
})))), /*#__PURE__*/React__default.createElement("div", {
|
239
249
|
className: "".concat(componentClass, "__inner-container"),
|
240
|
-
|
241
|
-
height: getScrollableContainerHeight()
|
242
|
-
},
|
250
|
+
ref: innerContainerRef,
|
243
251
|
onScroll: onInnerContainerScroll
|
244
252
|
}, filterSections.map(function (_ref2, index) {
|
245
253
|
var _ref2$categoryTitle = _ref2.categoryTitle,
|
@@ -1,8 +1,9 @@
|
|
1
1
|
export const FilterContext: React.Context<any>;
|
2
|
-
export function clearSingleFilter({ key, value }: {
|
2
|
+
export function clearSingleFilter({ key, value, tableId }: {
|
3
3
|
key: any;
|
4
4
|
value: any;
|
5
|
-
|
5
|
+
tableId: any;
|
6
|
+
}, setAllFilters: any, state: any, contextTableId: any): void;
|
6
7
|
export function FilterProvider({ children, filters, filterProps, tableId }: {
|
7
8
|
children: any;
|
8
9
|
filters: any;
|
@@ -47,9 +47,13 @@ var updateFilterState = function updateFilterState(state, type, value) {
|
|
47
47
|
});
|
48
48
|
return removeFilterItem(state, filterTagIndex);
|
49
49
|
};
|
50
|
-
var clearSingleFilter = function clearSingleFilter(_ref, setAllFilters, state) {
|
50
|
+
var clearSingleFilter = function clearSingleFilter(_ref, setAllFilters, state, contextTableId) {
|
51
51
|
var key = _ref.key,
|
52
|
-
value = _ref.value
|
52
|
+
value = _ref.value,
|
53
|
+
tableId = _ref.tableId;
|
54
|
+
if (tableId !== contextTableId) {
|
55
|
+
return;
|
56
|
+
}
|
53
57
|
var tempState = _toConsumableArray(state.filters);
|
54
58
|
tempState.forEach(function (f, filterIndex) {
|
55
59
|
if (f.id === key) {
|
@@ -62,7 +66,7 @@ var clearSingleFilter = function clearSingleFilter(_ref, setAllFilters, state) {
|
|
62
66
|
This checks if all the checkboxes are selected = false and removes it from the array
|
63
67
|
*/
|
64
68
|
var valueIndex = filterValues.findIndex(function (val) {
|
65
|
-
return val.
|
69
|
+
return val.value === value;
|
66
70
|
});
|
67
71
|
filterValues[valueIndex].selected = false;
|
68
72
|
var updatedFilterObject = _objectSpread2(_objectSpread2({}, f), {}, {
|
@@ -85,10 +89,11 @@ var clearSingleFilter = function clearSingleFilter(_ref, setAllFilters, state) {
|
|
85
89
|
});
|
86
90
|
setAllFilters(tempState);
|
87
91
|
};
|
88
|
-
var handleSingleFilterRemoval = function handleSingleFilterRemoval(key, value) {
|
92
|
+
var handleSingleFilterRemoval = function handleSingleFilterRemoval(key, value, tableId) {
|
89
93
|
EventEmitter.dispatch(CLEAR_SINGLE_FILTER, {
|
90
94
|
key: key,
|
91
|
-
value: value
|
95
|
+
value: value,
|
96
|
+
tableId: tableId
|
92
97
|
});
|
93
98
|
};
|
94
99
|
var formatDateRange = function formatDateRange(startDate, endDate) {
|
@@ -96,7 +101,7 @@ var formatDateRange = function formatDateRange(startDate, endDate) {
|
|
96
101
|
var endDateObj = new Date(endDate);
|
97
102
|
return "".concat(startDateObj.toLocaleDateString(), " - ").concat(endDateObj.toLocaleDateString());
|
98
103
|
};
|
99
|
-
var prepareFiltersForTags = function prepareFiltersForTags(filters, renderDateLabel) {
|
104
|
+
var prepareFiltersForTags = function prepareFiltersForTags(filters, renderDateLabel, tableId) {
|
100
105
|
var tags = [];
|
101
106
|
filters.forEach(function (_ref2) {
|
102
107
|
var id = _ref2.id,
|
@@ -105,7 +110,7 @@ var prepareFiltersForTags = function prepareFiltersForTags(filters, renderDateLa
|
|
105
110
|
var sharedFilterProps = {
|
106
111
|
filter: true,
|
107
112
|
onClose: function onClose() {
|
108
|
-
return handleSingleFilterRemoval(id, value);
|
113
|
+
return handleSingleFilterRemoval(id, value, tableId);
|
109
114
|
}
|
110
115
|
};
|
111
116
|
if (type === DROPDOWN || type === RADIO || type === NUMBER) {
|
@@ -130,7 +135,7 @@ var prepareFiltersForTags = function prepareFiltersForTags(filters, renderDateLa
|
|
130
135
|
value: option.value
|
131
136
|
}, sharedFilterProps), {}, {
|
132
137
|
onClose: function onClose() {
|
133
|
-
return handleSingleFilterRemoval(id, option.value);
|
138
|
+
return handleSingleFilterRemoval(id, option.value, tableId);
|
134
139
|
}
|
135
140
|
}));
|
136
141
|
}
|
@@ -160,7 +165,7 @@ var FilterProvider = function FilterProvider(_ref4) {
|
|
160
165
|
tableId = _ref4.tableId;
|
161
166
|
var _ref5 = filterProps || {},
|
162
167
|
renderDateLabel = _ref5.renderDateLabel;
|
163
|
-
var filterTags = prepareFiltersForTags(filters, renderDateLabel);
|
168
|
+
var filterTags = prepareFiltersForTags(filters, renderDateLabel, tableId);
|
164
169
|
var _useState = useState(false),
|
165
170
|
_useState2 = _slicedToArray(_useState, 2),
|
166
171
|
panelOpen = _useState2[0],
|
@@ -7,6 +7,13 @@
|
|
7
7
|
|
8
8
|
import { objectSpread2 as _objectSpread2, defineProperty as _defineProperty, toConsumableArray as _toConsumableArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
9
9
|
|
10
|
+
/**
|
11
|
+
* Copyright IBM Corp. 2024
|
12
|
+
*
|
13
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
14
|
+
* LICENSE file in the root directory of this source tree.
|
15
|
+
*/
|
16
|
+
|
10
17
|
var handleCheckboxChange = function handleCheckboxChange(_ref) {
|
11
18
|
var _option$onChange;
|
12
19
|
var checked = _ref.checked,
|
@@ -5,7 +5,7 @@
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
6
6
|
*/
|
7
7
|
|
8
|
-
import { slicedToArray as _slicedToArray, extends as _extends, objectSpread2 as _objectSpread2, defineProperty as _defineProperty
|
8
|
+
import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray, extends as _extends, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
9
9
|
import { MULTISELECT, DROPDOWN, RADIO, CHECKBOX, NUMBER, DATE, BATCH, SAVED_FILTERS, INSTANT, PANEL } from '../constants.js';
|
10
10
|
import { MultiSelect, Dropdown, FormGroup, RadioButtonGroup, RadioButton, NumberInput, DatePicker, DatePickerInput, Layer, Checkbox } from '@carbon/react';
|
11
11
|
import React__default, { useContext, useState, useRef, useCallback, useEffect } from 'react';
|
@@ -13,12 +13,15 @@ import OverflowCheckboxes from '../OverflowCheckboxes.js';
|
|
13
13
|
import { getInitialStateFromFilters } from '../utils.js';
|
14
14
|
import { FilterContext } from '../FilterProvider.js';
|
15
15
|
import { handleCheckboxChange } from '../handleCheckboxChange.js';
|
16
|
+
import uuidv4 from '../../../../../../global/js/utils/uuidv4.js';
|
16
17
|
import { usePreviousValue } from '../../../../../../global/js/hooks/usePreviousValue.js';
|
17
18
|
|
19
|
+
// Use same empty array every time, for benefit of useEffect() etc. dependency checking.
|
20
|
+
var emptyArray = [];
|
18
21
|
var useFilters = function useFilters(_ref) {
|
19
22
|
var updateMethod = _ref.updateMethod,
|
20
23
|
_ref$filters = _ref.filters,
|
21
|
-
filters = _ref$filters === void 0 ?
|
24
|
+
filters = _ref$filters === void 0 ? emptyArray : _ref$filters,
|
22
25
|
setAllFilters = _ref.setAllFilters,
|
23
26
|
variation = _ref.variation,
|
24
27
|
reactTableFiltersState = _ref.reactTableFiltersState,
|
@@ -47,6 +50,7 @@ var useFilters = function useFilters(_ref) {
|
|
47
50
|
var previousState = usePreviousValue({
|
48
51
|
panelOpen: panelOpen
|
49
52
|
});
|
53
|
+
var filteredItemsRef = useRef();
|
50
54
|
|
51
55
|
// When using batch actions we have to store the filters to then apply them later
|
52
56
|
var prevFiltersRef = useRef(JSON.stringify(filtersState));
|
@@ -307,8 +311,18 @@ var useFilters = function useFilters(_ref) {
|
|
307
311
|
}
|
308
312
|
return null;
|
309
313
|
}).filter(Boolean);
|
314
|
+
var isEqual = compareFilterItems(filteredItems);
|
315
|
+
if (!isEqual) {
|
316
|
+
filteredItemsRef.current = _toConsumableArray(filteredItems);
|
317
|
+
}
|
318
|
+
var getKey = function getKey() {
|
319
|
+
return isEqual ? {
|
320
|
+
key: uuidv4()
|
321
|
+
} : column;
|
322
|
+
};
|
310
323
|
filter = /*#__PURE__*/React__default.createElement(MultiSelect, _extends({}, components.MultiSelect, {
|
311
324
|
selectedItems: filteredItems,
|
325
|
+
key: getKey(),
|
312
326
|
onChange: function onChange(_ref9) {
|
313
327
|
var _components$MultiSele, _components$MultiSele2;
|
314
328
|
var selectedItems = _ref9.selectedItems;
|
@@ -324,6 +338,7 @@ var useFilters = function useFilters(_ref) {
|
|
324
338
|
}
|
325
339
|
return null;
|
326
340
|
}).filter(Boolean);
|
341
|
+
filteredItemsRef.current = _toConsumableArray(foundItems);
|
327
342
|
|
328
343
|
// Change selected state for those items that have been selected
|
329
344
|
allOptions.map(function (a) {
|
@@ -366,6 +381,25 @@ var useFilters = function useFilters(_ref) {
|
|
366
381
|
key: column
|
367
382
|
}, filter);
|
368
383
|
};
|
384
|
+
var compareFilterItems = function compareFilterItems(filteredItems) {
|
385
|
+
var _filteredItems$map, _filteredItemsRef$cur, _filteredItemsRef$cur2;
|
386
|
+
var filteredItemsId = (_filteredItems$map = filteredItems.map(function (item) {
|
387
|
+
return item.id;
|
388
|
+
})) !== null && _filteredItems$map !== void 0 ? _filteredItems$map : [];
|
389
|
+
var previousFilteredItemsId = (_filteredItemsRef$cur = filteredItemsRef === null || filteredItemsRef === void 0 || (_filteredItemsRef$cur2 = filteredItemsRef.current) === null || _filteredItemsRef$cur2 === void 0 ? void 0 : _filteredItemsRef$cur2.map(function (item) {
|
390
|
+
return item.id;
|
391
|
+
})) !== null && _filteredItemsRef$cur !== void 0 ? _filteredItemsRef$cur : [];
|
392
|
+
var set1 = new Set(filteredItemsId);
|
393
|
+
var set2 = new Set(previousFilteredItemsId);
|
394
|
+
// Check if the sets have the same size (same number of unique elements)
|
395
|
+
if (set1.size !== set2.size) {
|
396
|
+
return false;
|
397
|
+
}
|
398
|
+
// Check if all elements in set1 are also present in set2 (using spread syntax)
|
399
|
+
return _toConsumableArray(set1).every(function (element) {
|
400
|
+
return set2.has(element);
|
401
|
+
});
|
402
|
+
};
|
369
403
|
|
370
404
|
/** This useEffect will properly handle the previous filters when the panel closes
|
371
405
|
* 1. If the panel closes we need to call the reset fn but also store the
|
package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js
CHANGED
@@ -27,8 +27,7 @@ var InlineEditButton = function InlineEditButton(_ref) {
|
|
27
27
|
tabIndex: isActiveCell ? 0 : -1,
|
28
28
|
"data-disabled": disabledCell,
|
29
29
|
"aria-disabled": disabledCell,
|
30
|
-
role: "button"
|
31
|
-
title: label
|
30
|
+
role: "button"
|
32
31
|
}, LabelIcon && /*#__PURE__*/React__default.createElement("div", {
|
33
32
|
className: "".concat(blockClass, "__label-icon")
|
34
33
|
}, /*#__PURE__*/React__default.createElement(LabelIcon, null)), label !== '' ? /*#__PURE__*/React__default.createElement("span", {
|
@@ -48,7 +47,7 @@ InlineEditButton.propTypes = {
|
|
48
47
|
nonEditCell: PropTypes.bool,
|
49
48
|
placeholder: PropTypes.string,
|
50
49
|
renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
|
51
|
-
type: PropTypes.oneOf(['text', 'number', 'selection', 'date']),
|
50
|
+
type: PropTypes.oneOf(['text', 'number', 'selection', 'date', 'checkbox']),
|
52
51
|
value: PropTypes.oneOfType([PropTypes.string, PropTypes.node])
|
53
52
|
};
|
54
53
|
|
@@ -8,13 +8,14 @@
|
|
8
8
|
import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, defineProperty as _defineProperty, extends as _extends, typeof as _typeof } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
9
9
|
import React__default, { useContext, useState, useRef, useEffect, useCallback } from 'react';
|
10
10
|
import PropTypes from '../../../../../../node_modules/prop-types/index.js';
|
11
|
-
import { Dropdown, DatePicker, DatePickerInput, NumberInput, TextInput } from '@carbon/react';
|
11
|
+
import { Dropdown, DatePicker, DatePickerInput, NumberInput, Checkbox, TextInput } from '@carbon/react';
|
12
12
|
import { Edit, CaretSort, ChevronDown, Calendar } from '@carbon/react/icons';
|
13
13
|
import { pkg } from '../../../../../../settings.js';
|
14
14
|
import cx from 'classnames';
|
15
15
|
import { prepareProps } from '../../../../../../global/js/utils/props-helper.js';
|
16
16
|
import { InlineEditContext } from '../InlineEditContext/InlineEditContext.js';
|
17
17
|
import { usePreviousValue } from '../../../../../../global/js/hooks/usePreviousValue.js';
|
18
|
+
import { useIsomorphicEffect } from '../../../../../../global/js/hooks/useIsomorphicEffect.js';
|
18
19
|
import { InlineEditButton } from '../InlineEditButton/InlineEditButton.js';
|
19
20
|
|
20
21
|
var blockClass = "".concat(pkg.prefix, "--datagrid");
|
@@ -66,9 +67,9 @@ var InlineEditCell = function InlineEditCell(_ref) {
|
|
66
67
|
var _ref2 = config || {},
|
67
68
|
inputProps = _ref2.inputProps;
|
68
69
|
var textInputRef = useRef();
|
70
|
+
var checkboxRef = useRef();
|
69
71
|
var numberInputRef = useRef();
|
70
72
|
var dropdownRef = useRef();
|
71
|
-
var datePickerRef = useRef();
|
72
73
|
var outerButtonElement = useRef();
|
73
74
|
var rowSize = instance.rowSize,
|
74
75
|
onDataUpdate = instance.onDataUpdate;
|
@@ -202,16 +203,42 @@ var InlineEditCell = function InlineEditCell(_ref) {
|
|
202
203
|
};
|
203
204
|
var getNewCellId = function getNewCellId(key) {
|
204
205
|
var totalRows = instance.rows.length;
|
205
|
-
var newCellId = key === 'Enter' ? "column-".concat(columnIndex, "-row-").concat(cell.row.index < totalRows - 1 ? cell.row.index + 1 : cell.row.index) : "column-".concat(columnIndex < instance.columns.length - 1 ? columnIndex + 1 : columnIndex, "-row-").concat(cell.row.index);
|
206
|
+
var newCellId = key === 'Enter' ? "column-".concat(columnIndex, "-row-").concat(cell.row.index < totalRows - 1 && type === 'checkbox' ? cell.row.index + 1 : cell.row.index) : "column-".concat(columnIndex < instance.columns.length - 1 ? columnIndex + 1 : columnIndex, "-row-").concat(cell.row.index);
|
206
207
|
return newCellId;
|
207
208
|
};
|
208
209
|
var handleKeyDown = function handleKeyDown(event) {
|
209
210
|
var key = event.key;
|
210
211
|
switch (key) {
|
212
|
+
case 'ArrowRight':
|
213
|
+
case 'ArrowLeft':
|
214
|
+
case 'ArrowUp':
|
215
|
+
case 'ArrowDown':
|
216
|
+
if (inEditMode && event.target.type === 'checkbox') {
|
217
|
+
var newCellId = getNewCellId(key);
|
218
|
+
saveCellData(cellValue);
|
219
|
+
setInitialValue(cellValue);
|
220
|
+
dispatch({
|
221
|
+
type: 'EXIT_EDIT_MODE',
|
222
|
+
payload: newCellId
|
223
|
+
});
|
224
|
+
setInEditMode(false);
|
225
|
+
sendFocusBackToGrid();
|
226
|
+
}
|
227
|
+
break;
|
211
228
|
// Save cell contents to data
|
212
229
|
case 'Tab':
|
213
230
|
case 'Enter':
|
214
231
|
{
|
232
|
+
if (type === 'checkbox') {
|
233
|
+
// Since checkbox doesn't need to click into it to enter `inEditMode` we don't need to check for it
|
234
|
+
var _newCellId = getNewCellId(key);
|
235
|
+
dispatch({
|
236
|
+
type: 'EXIT_EDIT_MODE',
|
237
|
+
payload: _newCellId
|
238
|
+
});
|
239
|
+
setInEditMode(false);
|
240
|
+
sendFocusBackToGrid();
|
241
|
+
}
|
215
242
|
if (inEditMode) {
|
216
243
|
// Dropdown saves are handled in the Dropdown's/DatePicker's onChange prop
|
217
244
|
if (type === 'selection' || type === 'date') {
|
@@ -225,12 +252,12 @@ var InlineEditCell = function InlineEditCell(_ref) {
|
|
225
252
|
if (isInvalid) {
|
226
253
|
return;
|
227
254
|
}
|
228
|
-
var
|
255
|
+
var _newCellId2 = getNewCellId(key);
|
229
256
|
saveCellData(cellValue);
|
230
257
|
setInitialValue(cellValue);
|
231
258
|
dispatch({
|
232
259
|
type: 'EXIT_EDIT_MODE',
|
233
|
-
payload:
|
260
|
+
payload: _newCellId2
|
234
261
|
});
|
235
262
|
setInEditMode(false);
|
236
263
|
sendFocusBackToGrid();
|
@@ -272,6 +299,13 @@ var InlineEditCell = function InlineEditCell(_ref) {
|
|
272
299
|
return renderDropdownItem(item);
|
273
300
|
} : null;
|
274
301
|
};
|
302
|
+
useIsomorphicEffect(function () {
|
303
|
+
if (dropdownRef.current && dropdownRef.current.style) {
|
304
|
+
var closestElement = dropdownRef.current.closest(".".concat(blockClass, "__inline-edit--select"));
|
305
|
+
closestElement.style.width = "".concat(cell.column.totalWidth, "px");
|
306
|
+
}
|
307
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
308
|
+
}, [dropdownRef.current, cell.column.totalWidth]);
|
275
309
|
var renderSelectCell = function renderSelectCell() {
|
276
310
|
var _ref6 = config || {},
|
277
311
|
inputProps = _ref6.inputProps;
|
@@ -281,9 +315,6 @@ var InlineEditCell = function InlineEditCell(_ref) {
|
|
281
315
|
ariaLabel: cellLabel || 'Dropdown menu options'
|
282
316
|
}, inputProps, {
|
283
317
|
hideLabel: true,
|
284
|
-
style: {
|
285
|
-
width: cell.column.totalWidth
|
286
|
-
},
|
287
318
|
className: cx("".concat(blockClass, "__inline-edit--select"), _defineProperty({}, "".concat(blockClass, "__inline-edit--select-").concat(rowSize), rowSize)),
|
288
319
|
items: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.items) || [],
|
289
320
|
initialSelectedItem: cell.value,
|
@@ -318,7 +349,8 @@ var InlineEditCell = function InlineEditCell(_ref) {
|
|
318
349
|
}
|
319
350
|
}
|
320
351
|
},
|
321
|
-
ref: dropdownRef
|
352
|
+
ref: dropdownRef,
|
353
|
+
autoAlign: true
|
322
354
|
}));
|
323
355
|
};
|
324
356
|
var setRenderIcon = function setRenderIcon() {
|
@@ -335,20 +367,21 @@ var InlineEditCell = function InlineEditCell(_ref) {
|
|
335
367
|
return Calendar;
|
336
368
|
}
|
337
369
|
};
|
338
|
-
var renderRegularCell = function renderRegularCell() {
|
339
|
-
return /*#__PURE__*/React__default.createElement("span", _extends({}, inputProps, {
|
340
|
-
id: cellId
|
341
|
-
}));
|
342
|
-
};
|
343
370
|
var renderDateCell = function renderDateCell() {
|
344
371
|
var _config$inputProps, _outerButtonElement$c;
|
345
372
|
var datePickerPreparedProps = prepareProps(config.inputProps, ['datePickerInputProps']);
|
346
373
|
var datePickerInputProps = config === null || config === void 0 || (_config$inputProps = config.inputProps) === null || _config$inputProps === void 0 ? void 0 : _config$inputProps.datePickerInputProps;
|
347
374
|
return /*#__PURE__*/React__default.createElement(DatePicker, _extends({}, datePickerPreparedProps, {
|
348
375
|
appendTo: outerButtonElement === null || outerButtonElement === void 0 || (_outerButtonElement$c = outerButtonElement.current) === null || _outerButtonElement$c === void 0 ? void 0 : _outerButtonElement$c.parentElement,
|
349
|
-
ref:
|
350
|
-
|
351
|
-
|
376
|
+
ref: function ref(el) {
|
377
|
+
if (el && el.style) {
|
378
|
+
el.style.width = "".concat(cell.column.totalWidth, "px");
|
379
|
+
var elementId = "".concat(blockClass, "__inline-edit--date-picker--").concat(cell.row.index);
|
380
|
+
var element = el.querySelector("input#".concat(elementId));
|
381
|
+
if (element) {
|
382
|
+
element.style.position = 'static';
|
383
|
+
}
|
384
|
+
}
|
352
385
|
},
|
353
386
|
datePickerType: "single",
|
354
387
|
className: cx("".concat(blockClass, "__inline-edit--date"), _defineProperty({}, "".concat(blockClass, "__inline-edit--date-").concat(rowSize), rowSize)),
|
@@ -371,9 +404,6 @@ var InlineEditCell = function InlineEditCell(_ref) {
|
|
371
404
|
},
|
372
405
|
value: cell.value
|
373
406
|
}), /*#__PURE__*/React__default.createElement(DatePickerInput, _extends({}, datePickerInputProps, {
|
374
|
-
style: {
|
375
|
-
position: 'static'
|
376
|
-
},
|
377
407
|
placeholder: (datePickerInputProps === null || datePickerInputProps === void 0 ? void 0 : datePickerInputProps.placeholder) || 'mm/dd/yyyy',
|
378
408
|
labelText: (datePickerInputProps === null || datePickerInputProps === void 0 ? void 0 : datePickerInputProps.labelText) || cellLabel || 'Set date',
|
379
409
|
id: "".concat(blockClass, "__inline-edit--date-picker--").concat(cell.row.index),
|
@@ -425,9 +455,27 @@ var InlineEditCell = function InlineEditCell(_ref) {
|
|
425
455
|
ref: numberInputRef
|
426
456
|
}));
|
427
457
|
};
|
458
|
+
var renderCheckBoxCell = function renderCheckBoxCell() {
|
459
|
+
return /*#__PURE__*/React__default.createElement(Checkbox, _extends({
|
460
|
+
labelText: cellLabel || 'Checkbox'
|
461
|
+
}, inputProps, {
|
462
|
+
className: cx("".concat(blockClass, "__inline-edit--outer-cell-checkbox"), _defineProperty({}, "".concat(blockClass, "__inline-edit--outer-cell-checkbox-focus"), activeCellId === cellId)),
|
463
|
+
id: cellId,
|
464
|
+
hideLabel: true,
|
465
|
+
checked: cellValue,
|
466
|
+
onChange: function onChange(event, _ref10) {
|
467
|
+
var checked = _ref10.checked;
|
468
|
+
setCellValue(checked);
|
469
|
+
if (inputProps.onChange) {
|
470
|
+
inputProps.onChange(checked);
|
471
|
+
}
|
472
|
+
},
|
473
|
+
ref: checkboxRef
|
474
|
+
}));
|
475
|
+
};
|
428
476
|
var renderTextInput = function renderTextInput() {
|
429
|
-
var
|
430
|
-
validator =
|
477
|
+
var _ref11 = config || {},
|
478
|
+
validator = _ref11.validator;
|
431
479
|
var isInvalid = validator === null || validator === void 0 ? void 0 : validator(cellValue);
|
432
480
|
return /*#__PURE__*/React__default.createElement(TextInput, _extends({
|
433
481
|
labelText: cellLabel,
|
@@ -478,7 +526,7 @@ var InlineEditCell = function InlineEditCell(_ref) {
|
|
478
526
|
onClick: !nonEditCell ? handleInlineCellClick : addActiveState,
|
479
527
|
onKeyDown: !nonEditCell ? handleKeyDown : null,
|
480
528
|
className: cx("".concat(blockClass, "__inline-edit--outer-cell-button"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "__inline-edit--outer-cell-button--").concat(rowSize), rowSize), "".concat(blockClass, "__inline-edit--outer-cell-button--lg"), !rowSize), "".concat(blockClass, "__inline-edit--outer-cell-button--invalid"), inEditMode && (config === null || config === void 0 || (_config$validator = config.validator) === null || _config$validator === void 0 ? void 0 : _config$validator.call(config, cellValue))), "".concat(blockClass, "__static--outer-cell"), !disabledCell))
|
481
|
-
}, !
|
529
|
+
}, (!inEditMode || disabledCell) && type !== 'checkbox' && /*#__PURE__*/React__default.createElement(InlineEditButton, {
|
482
530
|
isActiveCell: cellId === activeCellId,
|
483
531
|
renderIcon: setRenderIcon(),
|
484
532
|
label: getLabel(),
|
@@ -489,7 +537,7 @@ var InlineEditCell = function InlineEditCell(_ref) {
|
|
489
537
|
nonEditCell: nonEditCell,
|
490
538
|
columnConfig: cell.column,
|
491
539
|
type: type
|
492
|
-
}), !nonEditCell && inEditMode && cellId === activeCellId && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, type === 'text' && renderTextInput(), type === 'number' && renderNumberInput(), type === 'selection' && renderSelectCell(), type === 'date' && renderDateCell()))
|
540
|
+
}), type === 'checkbox' && renderCheckBoxCell(), !nonEditCell && inEditMode && cellId === activeCellId && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, type === 'text' && renderTextInput(), type === 'number' && renderNumberInput(), type === 'selection' && renderSelectCell(), type === 'date' && renderDateCell()))
|
493
541
|
);
|
494
542
|
};
|
495
543
|
InlineEditCell.propTypes = {
|
@@ -507,7 +555,7 @@ InlineEditCell.propTypes = {
|
|
507
555
|
nonEditCell: PropTypes.bool,
|
508
556
|
placeholder: PropTypes.string,
|
509
557
|
tabIndex: PropTypes.number,
|
510
|
-
type: PropTypes.oneOf(['text', 'number', 'selection', 'date']),
|
558
|
+
type: PropTypes.oneOf(['text', 'number', 'selection', 'date', 'checkbox']),
|
511
559
|
value: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.object])
|
512
560
|
};
|
513
561
|
|
@@ -74,7 +74,7 @@ var handleGridKeyPress = function handleGridKeyPress(_ref) {
|
|
74
74
|
};
|
75
75
|
|
76
76
|
// Stop grid key listener when in edit mode
|
77
|
-
var isEditing = document.activeElement.id === activeCellId && document.activeElement.id === editId || dropdownIsActive() || datePickerIsActive();
|
77
|
+
var isEditing = focusedCell.getAttribute('data-inline-type') !== 'checkbox' && document.activeElement.id === activeCellId && document.activeElement.id === editId || dropdownIsActive() || datePickerIsActive();
|
78
78
|
if (isEditing || !gridActive) {
|
79
79
|
return;
|
80
80
|
}
|
@@ -87,6 +87,7 @@ var handleGridKeyPress = function handleGridKeyPress(_ref) {
|
|
87
87
|
event.preventDefault();
|
88
88
|
}
|
89
89
|
var isDisabledCell = focusedCell.getAttribute('data-disabled') === 'false' ? false : true;
|
90
|
+
var isEditableCell = !event.target.classList.contains("".concat(blockClass, "__inline-edit-button--non-edit"));
|
90
91
|
var sharedUpdateParams = {
|
91
92
|
oldId: activeCellId,
|
92
93
|
instance: instance
|
@@ -194,7 +195,7 @@ var handleGridKeyPress = function handleGridKeyPress(_ref) {
|
|
194
195
|
case 'Enter':
|
195
196
|
{
|
196
197
|
// Disabled cells are not allowed to go into edit mode
|
197
|
-
if (isDisabledCell) {
|
198
|
+
if (isDisabledCell || !isEditableCell) {
|
198
199
|
return;
|
199
200
|
}
|
200
201
|
// Only go into edit mode if there is no editId, meaning that we're not already in edit mode
|
@@ -207,6 +208,13 @@ var handleGridKeyPress = function handleGridKeyPress(_ref) {
|
|
207
208
|
dropdownTrigger === null || dropdownTrigger === void 0 || dropdownTrigger.click();
|
208
209
|
}, 1);
|
209
210
|
}
|
211
|
+
if (focusedType === 'checkbox') {
|
212
|
+
setTimeout(function () {
|
213
|
+
var checkboxTrigger = focusedCell.querySelector('input');
|
214
|
+
checkboxTrigger === null || checkboxTrigger === void 0 || checkboxTrigger.click();
|
215
|
+
checkboxTrigger === null || checkboxTrigger === void 0 || checkboxTrigger.focus();
|
216
|
+
}, 1);
|
217
|
+
}
|
210
218
|
if (focusedType === 'date') {
|
211
219
|
setTimeout(function () {
|
212
220
|
var dateInputTrigger = focusedCell.querySelector('input');
|
@@ -32,7 +32,7 @@ var RowSizeRadioGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
32
32
|
ref: ref
|
33
33
|
}, /*#__PURE__*/React__default.createElement(RadioButtonGroup, {
|
34
34
|
legendText: legendText,
|
35
|
-
name: "row-height-group",
|
35
|
+
name: "".concat(tableId, "--row-height-group"),
|
36
36
|
orientation: "vertical",
|
37
37
|
defaultSelected: getBackwardCompatibleRowSize(selectedOption),
|
38
38
|
onChange: onChange
|