@carbon/ibm-products 1.73.1 → 1.73.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/index-full-carbon.css +33 -53
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -14
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +24 -40
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -12
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +26 -47
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -14
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +30 -51
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -14
- package/css/index.min.css.map +1 -1
- package/es/components/APIKeyModal/APIKeyDownloader.js +1 -1
- package/es/components/APIKeyModal/APIKeyModal.js +3 -3
- package/es/components/AboutModal/AboutModal.js +2 -2
- package/es/components/ActionBar/ActionBar.js +4 -4
- package/es/components/ActionBar/ActionBarItem.js +2 -2
- package/es/components/ActionSet/ActionSet.js +5 -6
- package/es/components/AddSelect/AddSelectBody.js +4 -4
- package/es/components/AddSelect/AddSelectColumn.js +5 -4
- package/es/components/AddSelect/AddSelectFilter.js +2 -2
- package/es/components/AddSelect/AddSelectList.js +2 -3
- package/es/components/AddSelect/AddSelectSidebar.js +1 -1
- package/es/components/AddSelect/add-select-utils.js +7 -6
- package/es/components/AddSelect/hooks/usePath.js +2 -2
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +4 -5
- package/es/components/ButtonMenu/ButtonMenu.js +0 -1
- package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +5 -5
- package/es/components/Card/Card.js +3 -4
- package/es/components/Card/CardHeader.js +1 -2
- package/es/components/Cascade/Cascade.js +2 -2
- package/es/components/Coachmark/Coachmark.js +1 -1
- package/es/components/CoachmarkBeacon/CoachmarkBeacon.js +2 -3
- package/es/components/CoachmarkFixed/CoachmarkFixed.js +1 -2
- package/es/components/CoachmarkStack/CoachmarkStackHome.js +1 -1
- package/es/components/ComboButton/ComboButton.js +2 -2
- package/es/components/CreateFullPage/CreateFullPageStep.js +3 -4
- package/es/components/CreateInfluencer/CreateInfluencer.js +0 -1
- package/es/components/CreateModal/CreateModal.js +1 -1
- package/es/components/CreateSidePanel/CreateSidePanel.js +2 -2
- package/es/components/CreateTearsheet/CreateTearsheetStep.js +3 -4
- package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +1 -1
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +3 -5
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +7 -8
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +4 -5
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +2 -3
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +5 -5
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +4 -4
- package/es/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +4 -4
- package/es/components/DataSpreadsheet/utils/createActiveCellFn.js +1 -2
- package/es/components/DataSpreadsheet/utils/createCellSelectionArea.js +0 -1
- package/es/components/DataSpreadsheet/utils/generateData.js +2 -2
- package/es/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +2 -2
- package/es/components/DataSpreadsheet/utils/handleCellDeletion.js +4 -4
- package/es/components/DataSpreadsheet/utils/handleEditSubmit.js +2 -4
- package/es/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +2 -2
- package/es/components/DataSpreadsheet/utils/handleMultipleKeys.js +2 -2
- package/es/components/DataSpreadsheet/utils/selectAllCells.js +2 -2
- package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -2
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +4 -5
- package/es/components/Datagrid/Datagrid/DatagridRefBody.js +2 -2
- package/es/components/Datagrid/Datagrid/DatagridRow.js +15 -16
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +2 -2
- package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +2 -2
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +2 -3
- package/es/components/Datagrid/Datagrid/DraggableElement.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +2 -2
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +2 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +3 -4
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +2 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +11 -11
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +2 -3
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +11 -11
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +2 -2
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +3 -3
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +5 -5
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +0 -2
- package/es/components/Datagrid/Datagrid/addons/stateReducer.js +5 -5
- package/es/components/Datagrid/Datagrid.stories/common.js +5 -5
- package/es/components/Datagrid/useActionsColumn.js +3 -5
- package/es/components/Datagrid/useColumnCenterAlign.js +2 -2
- package/es/components/Datagrid/useColumnRightAlign.js +2 -2
- package/es/components/Datagrid/useCustomizeColumns.js +2 -2
- package/es/components/Datagrid/useDatagrid.js +2 -2
- package/es/components/Datagrid/useDefaultStringRenderer.js +2 -2
- package/es/components/Datagrid/useDisableSelectRows.js +4 -4
- package/es/components/Datagrid/useExpandedRow.js +2 -2
- package/es/components/Datagrid/useFiltering.js +7 -8
- package/es/components/Datagrid/useFloatingScroll.js +1 -1
- package/es/components/Datagrid/useInitialColumnSort.js +1 -1
- package/es/components/Datagrid/useInlineEdit.js +2 -2
- package/es/components/Datagrid/useNestedRowExpander.js +3 -4
- package/es/components/Datagrid/useNestedRows.js +1 -2
- package/es/components/Datagrid/useRowExpander.js +2 -2
- package/es/components/Datagrid/useRowIsMouseOver.js +2 -2
- package/es/components/Datagrid/useRowRenderer.js +3 -3
- package/es/components/Datagrid/useRowSize.js +2 -2
- package/es/components/Datagrid/useSelectRows.js +4 -5
- package/es/components/Datagrid/useSortableColumns.js +3 -4
- package/es/components/Datagrid/useStickyColumn.js +5 -7
- package/es/components/Datagrid/utils/DatagridPagination.js +0 -1
- package/es/components/Datagrid/utils/filterPropsForTesting.js +2 -3
- package/es/components/Datagrid/utils/makeData.js +5 -5
- package/es/components/EditInPlace/EditInPlace.js +2 -2
- package/es/components/EditSidePanel/EditSidePanel.js +2 -2
- package/es/components/EditTearsheet/EditTearsheetForm.js +1 -2
- package/es/components/EmptyStates/EmptyState.js +2 -2
- package/es/components/EmptyStates/EmptyStateContent.js +2 -2
- package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +2 -2
- package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +2 -2
- package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +2 -2
- package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +2 -2
- package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +2 -2
- package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +2 -2
- package/es/components/ExampleComponent/ExampleComponent.js +2 -2
- package/es/components/ExportModal/ExportModal.js +5 -5
- package/es/components/FilterSummary/FilterSummary.js +3 -3
- package/es/components/HTTPErrors/HTTPErrorContent.js +2 -2
- package/es/components/ImportModal/ImportModal.js +3 -3
- package/es/components/InlineEdit/InlineEdit.js +2 -2
- package/es/components/InlineEditV1/InlineEditV1.js +5 -4
- package/es/components/InlineEditV2/InlineEditV2.js +3 -4
- package/es/components/InlineTip/utils.js +6 -5
- package/es/components/InterstitialScreen/InterstitialScreen.js +4 -5
- package/es/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js +0 -1
- package/es/components/NotificationsPanel/NotificationsPanel.js +2 -3
- package/es/components/PageHeader/PageHeader.js +11 -13
- package/es/components/PageHeader/PageHeaderUtils.js +2 -2
- package/es/components/ProductiveCard/ProductiveCard.js +2 -2
- package/es/components/RemoveModal/RemoveModal.js +2 -2
- package/es/components/Saving/Saving.js +6 -6
- package/es/components/SidePanel/SidePanel.js +17 -18
- package/es/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +2 -2
- package/es/components/TagSet/TagSet.js +4 -4
- package/es/components/TagSet/TagSetModal.js +5 -5
- package/es/components/TagSet/TagSetOverflow.js +1 -2
- package/es/components/Tearsheet/Tearsheet.js +2 -2
- package/es/components/Tearsheet/TearsheetNarrow.js +2 -2
- package/es/components/Tearsheet/TearsheetShell.js +10 -11
- package/es/components/WebTerminal/WebTerminal.js +3 -4
- package/es/global/js/hooks/useCreateComponentFocus.js +1 -1
- package/es/global/js/hooks/useCreateComponentStepChange.js +3 -3
- package/es/global/js/hooks/useFocus.js +4 -4
- package/es/global/js/hooks/useWindowResize.js +2 -2
- package/es/global/js/package-settings.js +2 -3
- package/es/global/js/utils/Wrap.js +3 -3
- package/es/global/js/utils/deepCloneObject.js +4 -3
- package/es/global/js/utils/getNodeTextContent.js +6 -5
- package/es/global/js/utils/motionConstants.js +0 -1
- package/es/global/js/utils/props-helper.js +3 -3
- package/es/global/js/utils/scrollableAncestor.js +3 -3
- package/es/global/js/utils/test-helper.js +1 -1
- package/es/global/js/utils/unwrap-if-fragment.js +6 -6
- package/lib/components/APIKeyModal/APIKeyDownloader.js +4 -5
- package/lib/components/APIKeyModal/APIKeyModal.js +12 -8
- package/lib/components/AboutModal/AboutModal.js +14 -6
- package/lib/components/ActionBar/ActionBar.js +16 -9
- package/lib/components/ActionBar/ActionBarItem.js +12 -5
- package/lib/components/ActionBar/ActionBarOverflowItems.js +3 -4
- package/lib/components/ActionSet/ActionSet.js +15 -8
- package/lib/components/ActionSet/actions.js +4 -7
- package/lib/components/AddSelect/AddSelect.js +9 -5
- package/lib/components/AddSelect/AddSelectBody.js +13 -9
- package/lib/components/AddSelect/AddSelectBreadcrumbs.js +1 -2
- package/lib/components/AddSelect/AddSelectColumn.js +12 -8
- package/lib/components/AddSelect/AddSelectFilter.js +10 -6
- package/lib/components/AddSelect/AddSelectList.js +3 -5
- package/lib/components/AddSelect/AddSelectMetaPanel.js +3 -4
- package/lib/components/AddSelect/AddSelectSidebar.js +8 -4
- package/lib/components/AddSelect/AddSelectSort.js +1 -2
- package/lib/components/AddSelect/add-select-utils.js +10 -14
- package/lib/components/AddSelect/hooks/useItemSort.js +2 -3
- package/lib/components/AddSelect/hooks/useParentSelect.js +1 -2
- package/lib/components/AddSelect/hooks/usePath.js +8 -4
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +16 -10
- package/lib/components/ButtonMenu/ButtonMenu.js +10 -3
- package/lib/components/ButtonMenu/ButtonMenuItem.js +1 -2
- package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +13 -9
- package/lib/components/Card/Card.js +12 -9
- package/lib/components/Card/CardFooter.js +1 -2
- package/lib/components/Card/CardHeader.js +2 -4
- package/lib/components/Carousel/Carousel.js +9 -4
- package/lib/components/Carousel/CarouselItem.js +8 -2
- package/lib/components/Cascade/Cascade.js +11 -7
- package/lib/components/Checklist/Checklist.js +19 -4
- package/lib/components/Checklist/ChecklistChart.js +15 -2
- package/lib/components/Checklist/ChecklistIcon.js +17 -2
- package/lib/components/Coachmark/Coachmark.js +10 -5
- package/lib/components/Coachmark/CoachmarkDragbar.js +11 -4
- package/lib/components/Coachmark/CoachmarkHeader.js +9 -2
- package/lib/components/Coachmark/CoachmarkOverlay.js +11 -4
- package/lib/components/Coachmark/CoachmarkTagline.js +9 -2
- package/lib/components/Coachmark/utils/constants.js +2 -3
- package/lib/components/Coachmark/utils/context.js +3 -5
- package/lib/components/Coachmark/utils/enums.js +4 -7
- package/lib/components/Coachmark/utils/hooks.js +2 -3
- package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +11 -5
- package/lib/components/CoachmarkButton/CoachmarkButton.js +9 -2
- package/lib/components/CoachmarkFixed/CoachmarkFixed.js +12 -6
- package/lib/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js +9 -2
- package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +11 -4
- package/lib/components/CoachmarkStack/CoachmarkStack.js +9 -4
- package/lib/components/CoachmarkStack/CoachmarkStackHome.js +10 -5
- package/lib/components/ComboButton/ComboButton.js +11 -6
- package/lib/components/ComboButton/ComboButtonItem/index.js +1 -2
- package/lib/components/CreateFullPage/CreateFullPage.js +14 -8
- package/lib/components/CreateFullPage/CreateFullPageStep.js +12 -8
- package/lib/components/CreateInfluencer/CreateInfluencer.js +1 -3
- package/lib/components/CreateModal/CreateModal.js +10 -3
- package/lib/components/CreateSidePanel/CreateSidePanel.js +12 -4
- package/lib/components/CreateTearsheet/CreateTearsheet.js +11 -8
- package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +9 -4
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +12 -8
- package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +11 -5
- package/lib/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +4 -5
- package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +10 -3
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +14 -9
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +15 -12
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +12 -9
- package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +2 -3
- package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +2 -3
- package/lib/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +2 -3
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +4 -6
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +7 -8
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +11 -7
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +2 -3
- package/lib/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +2 -3
- package/lib/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +6 -7
- package/lib/components/DataSpreadsheet/utils/createActiveCellFn.js +3 -5
- package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js +2 -4
- package/lib/components/DataSpreadsheet/utils/generateData.js +4 -5
- package/lib/components/DataSpreadsheet/utils/getCellSize.js +2 -3
- package/lib/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +2 -3
- package/lib/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +2 -3
- package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +9 -5
- package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +2 -3
- package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +6 -7
- package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js +9 -7
- package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +4 -5
- package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +11 -9
- package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +2 -3
- package/lib/components/DataSpreadsheet/utils/removeCellSelections.js +2 -3
- package/lib/components/DataSpreadsheet/utils/selectAllCells.js +9 -5
- package/lib/components/Datagrid/Datagrid/Datagrid.js +7 -2
- package/lib/components/Datagrid/Datagrid/DatagridBody.js +1 -2
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +4 -6
- package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +1 -2
- package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +1 -2
- package/lib/components/Datagrid/Datagrid/DatagridHead.js +1 -2
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +12 -9
- package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +9 -4
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +21 -18
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +11 -6
- package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +9 -4
- package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +9 -4
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +9 -4
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +10 -7
- package/lib/components/Datagrid/Datagrid/DraggableElement.js +2 -4
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +3 -4
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +9 -4
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +3 -4
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +10 -6
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +8 -4
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +9 -4
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +2 -3
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +4 -6
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -8
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +12 -10
- package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +15 -30
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +19 -15
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js +4 -7
- package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +2 -3
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +3 -5
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +19 -15
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +11 -8
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +2 -3
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +10 -6
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +2 -3
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +12 -8
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +3 -4
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +10 -5
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +3 -6
- package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +16 -16
- package/lib/components/Datagrid/Datagrid.stories/CustomizeColumnStory.js +2 -3
- package/lib/components/Datagrid/Datagrid.stories/RowSizeDropdownStory.js +2 -3
- package/lib/components/Datagrid/Datagrid.stories/SelectAllWithToggleStory.js +2 -3
- package/lib/components/Datagrid/Datagrid.stories/common.js +9 -12
- package/lib/components/Datagrid/common-column-ids.js +1 -2
- package/lib/components/Datagrid/useActionsColumn.js +10 -7
- package/lib/components/Datagrid/useColumnCenterAlign.js +8 -4
- package/lib/components/Datagrid/useColumnOrder.js +1 -2
- package/lib/components/Datagrid/useColumnRightAlign.js +8 -4
- package/lib/components/Datagrid/useCustomizeColumns.js +10 -6
- package/lib/components/Datagrid/useDatagrid.js +9 -4
- package/lib/components/Datagrid/useDefaultStringRenderer.js +9 -4
- package/lib/components/Datagrid/useDisableSelectRows.js +5 -6
- package/lib/components/Datagrid/useEditableCell.js +1 -2
- package/lib/components/Datagrid/useExpandedRow.js +8 -4
- package/lib/components/Datagrid/useFiltering.js +13 -10
- package/lib/components/Datagrid/useFlexResize.js +1 -2
- package/lib/components/Datagrid/useFloatingScroll.js +2 -3
- package/lib/components/Datagrid/useFocusRowExpander.js +2 -3
- package/lib/components/Datagrid/useInfiniteScroll.js +1 -2
- package/lib/components/Datagrid/useInitialColumnSort.js +3 -4
- package/lib/components/Datagrid/useInlineEdit.js +5 -6
- package/lib/components/Datagrid/useNestedRowExpander.js +11 -8
- package/lib/components/Datagrid/useNestedRows.js +2 -4
- package/lib/components/Datagrid/useOnRowClick.js +1 -2
- package/lib/components/Datagrid/useParentDimensions.js +1 -2
- package/lib/components/Datagrid/useResizeTable.js +1 -2
- package/lib/components/Datagrid/useRowExpander.js +10 -6
- package/lib/components/Datagrid/useRowIsMouseOver.js +9 -4
- package/lib/components/Datagrid/useRowRenderer.js +4 -5
- package/lib/components/Datagrid/useRowSize.js +9 -4
- package/lib/components/Datagrid/useSelectAllToggle.js +3 -4
- package/lib/components/Datagrid/useSelectRows.js +12 -9
- package/lib/components/Datagrid/useSkeletonRows.js +1 -2
- package/lib/components/Datagrid/useSortableColumns.js +10 -8
- package/lib/components/Datagrid/useStickyColumn.js +11 -9
- package/lib/components/Datagrid/utils/DatagridActions.js +4 -5
- package/lib/components/Datagrid/utils/DatagridPagination.js +2 -4
- package/lib/components/Datagrid/utils/Wrapper.js +2 -3
- package/lib/components/Datagrid/utils/filterPropsForTesting.js +5 -8
- package/lib/components/Datagrid/utils/getArgTypes.js +2 -3
- package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.js +2 -3
- package/lib/components/Datagrid/utils/getInlineEditColumns.js +3 -5
- package/lib/components/Datagrid/utils/handleFilterTagLabelText.js +2 -3
- package/lib/components/Datagrid/utils/makeData.js +13 -11
- package/lib/components/EditFullPage/EditFullPage.js +9 -2
- package/lib/components/EditInPlace/EditInPlace.js +11 -6
- package/lib/components/EditSidePanel/EditSidePanel.js +12 -4
- package/lib/components/EditTearsheet/EditTearsheet.js +11 -8
- package/lib/components/EditTearsheet/EditTearsheetForm.js +10 -6
- package/lib/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +4 -5
- package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +9 -2
- package/lib/components/EditUpdateCards/EditUpdateCards.js +9 -2
- package/lib/components/EmptyStates/EmptyState.js +12 -6
- package/lib/components/EmptyStates/EmptyStateContent.js +10 -4
- package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +11 -4
- package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +11 -4
- package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +11 -4
- package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +11 -4
- package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +11 -4
- package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +11 -4
- package/lib/components/EmptyStates/assets/ErrorIllustration.js +9 -2
- package/lib/components/EmptyStates/assets/NoDataIllustration.js +9 -2
- package/lib/components/EmptyStates/assets/NoTagsIllustration.js +9 -2
- package/lib/components/EmptyStates/assets/NotFoundIllustration.js +9 -2
- package/lib/components/EmptyStates/assets/NotificationsIllustration.js +9 -2
- package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +9 -2
- package/lib/components/ExampleComponent/ExampleComponent.js +14 -6
- package/lib/components/ExampleComponent/useExample.js +1 -2
- package/lib/components/ExportModal/ExportModal.js +14 -10
- package/lib/components/ExpressiveCard/ExpressiveCard.js +3 -4
- package/lib/components/FilterSummary/FilterSummary.js +12 -7
- package/lib/components/Guidebanner/Guidebanner.js +11 -4
- package/lib/components/Guidebanner/GuidebannerElement.js +9 -2
- package/lib/components/Guidebanner/GuidebannerElementButton.js +9 -2
- package/lib/components/Guidebanner/GuidebannerElementLink.js +9 -2
- package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +9 -2
- package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +9 -2
- package/lib/components/HTTPErrors/HTTPErrorContent.js +10 -4
- package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +9 -2
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +1 -2
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +1 -2
- package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +1 -2
- package/lib/components/ImportModal/ImportModal.js +12 -8
- package/lib/components/InlineEdit/InlineEdit.js +11 -6
- package/lib/components/InlineEditV1/InlineEditV1.js +18 -8
- package/lib/components/InlineEditV2/InlineEditV2.js +13 -10
- package/lib/components/InlineTip/InlineTip.js +11 -4
- package/lib/components/InlineTip/InlineTipButton.js +9 -2
- package/lib/components/InlineTip/InlineTipLink.js +9 -2
- package/lib/components/InlineTip/utils.js +5 -6
- package/lib/components/InterstitialScreen/InterstitialScreen.js +15 -9
- package/lib/components/InterstitialScreen/assets/index.js +4 -8
- package/lib/components/InterstitialScreenView/InterstitialScreenView.js +9 -2
- package/lib/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js +9 -3
- package/lib/components/ModifiedTabs/ModifiedTabLabelNew.js +1 -2
- package/lib/components/ModifiedTabs/ModifiedTabLabelWithClose.js +1 -2
- package/lib/components/ModifiedTabs/ModifiedTabs.js +3 -4
- package/lib/components/MultiAddSelect/MultiAddSelect.js +3 -4
- package/lib/components/NonLinearReading/NonLinearReading.js +9 -4
- package/lib/components/NotificationsPanel/NotificationsPanel.js +14 -7
- package/lib/components/NotificationsPanel/NotificationsPanel_data.js +1 -2
- package/lib/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +2 -3
- package/lib/components/NotificationsPanel/utils.js +1 -2
- package/lib/components/OptionsTile/OptionsTile.js +12 -4
- package/lib/components/PageHeader/PageHeader.js +21 -20
- package/lib/components/PageHeader/PageHeaderDemo.data.js +3 -4
- package/lib/components/PageHeader/PageHeaderTitle.js +2 -4
- package/lib/components/PageHeader/PageHeaderUtils.js +12 -11
- package/lib/components/ProductiveCard/ProductiveCard.js +11 -7
- package/lib/components/RemoveModal/RemoveModal.js +11 -7
- package/lib/components/Saving/Saving.js +15 -10
- package/lib/components/SidePanel/SidePanel.js +29 -22
- package/lib/components/SidePanel/constants.js +2 -3
- package/lib/components/SidePanel/motion/variants.js +3 -5
- package/lib/components/SingleAddSelect/SingleAddSelect.js +3 -4
- package/lib/components/StatusIcon/StatusIcon.js +7 -2
- package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +13 -6
- package/lib/components/SteppedAnimatedMedia/assets/index.js +3 -6
- package/lib/components/TagSet/TagSet.js +15 -13
- package/lib/components/TagSet/TagSetModal.js +14 -10
- package/lib/components/TagSet/TagSetOverflow.js +10 -7
- package/lib/components/Tearsheet/Tearsheet.js +13 -6
- package/lib/components/Tearsheet/TearsheetNarrow.js +13 -6
- package/lib/components/Tearsheet/TearsheetShell.js +26 -23
- package/lib/components/Toolbar/Toolbar.js +12 -10
- package/lib/components/Toolbar/ToolbarButton.js +10 -6
- package/lib/components/Toolbar/ToolbarGroup.js +9 -4
- package/lib/components/UserProfileImage/UserProfileImage.js +10 -2
- package/lib/components/WebTerminal/WebTerminal.js +15 -8
- package/lib/components/WebTerminal/WebTerminalContentWrapper.js +9 -2
- package/lib/components/WebTerminal/hooks/index.js +6 -9
- package/lib/components/WebTerminal/preview-components/Navigation.js +1 -2
- package/lib/components/WebTerminal/preview-components/documentationLinks.js +2 -3
- package/lib/components/_Canary/Canary.js +11 -2
- package/lib/global/js/hooks/useActiveElement.js +2 -3
- package/lib/global/js/hooks/useClickOutside.js +2 -3
- package/lib/global/js/hooks/useCreateComponentFocus.js +3 -4
- package/lib/global/js/hooks/useCreateComponentStepChange.js +5 -6
- package/lib/global/js/hooks/useFocus.js +6 -7
- package/lib/global/js/hooks/useIsomorphicEffect.js +1 -2
- package/lib/global/js/hooks/usePrefix.js +2 -3
- package/lib/global/js/hooks/usePreviousValue.js +2 -3
- package/lib/global/js/hooks/useResetCreateComponent.js +2 -3
- package/lib/global/js/hooks/useResizeObserver.js +2 -3
- package/lib/global/js/hooks/useRetrieveStepData.js +2 -3
- package/lib/global/js/hooks/useValidCreateStepCount.js +2 -3
- package/lib/global/js/hooks/useWindowResize.js +4 -5
- package/lib/global/js/package-settings.js +9 -6
- package/lib/global/js/utils/ClickListener.js +3 -4
- package/lib/global/js/utils/DisplayBox.js +1 -2
- package/lib/global/js/utils/Wrap.js +12 -5
- package/lib/global/js/utils/deepCloneObject.js +3 -4
- package/lib/global/js/utils/devtools.js +1 -2
- package/lib/global/js/utils/getBezierValues.js +2 -3
- package/lib/global/js/utils/getFocusableElements.js +2 -3
- package/lib/global/js/utils/getNodeTextContent.js +5 -6
- package/lib/global/js/utils/getNumberOfHiddenSteps.js +2 -3
- package/lib/global/js/utils/getScrollbarWidth.js +2 -3
- package/lib/global/js/utils/keyboardNavigation.js +4 -8
- package/lib/global/js/utils/lastIndexInArray.js +2 -3
- package/lib/global/js/utils/motionConstants.js +3 -5
- package/lib/global/js/utils/pconsole.js +8 -15
- package/lib/global/js/utils/props-helper.js +15 -17
- package/lib/global/js/utils/rangeWithCallback.js +2 -3
- package/lib/global/js/utils/scrollableAncestor.js +5 -6
- package/lib/global/js/utils/story-helper.js +6 -11
- package/lib/global/js/utils/test-helper.js +15 -28
- package/lib/global/js/utils/unwrap-if-fragment.js +7 -8
- package/lib/global/js/utils/uuidv4.js +1 -2
- package/lib/global/js/utils/wait.js +1 -2
- package/lib/global/js/utils/wrapFocus.js +1 -2
- package/lib/settings.js +2 -4
- package/package.json +4 -4
- package/scss/components/AboutModal/_about-modal.scss +1 -2
- package/scss/components/Coachmark/styles/_coachmark-tagline.scss +1 -4
- package/scss/components/Datagrid/styles/_datagrid.scss +1 -2
- package/scss/components/SidePanel/_side-panel.scss +1 -4
@@ -21,12 +21,17 @@ var _handleHeaderCellSelection = require("./utils/handleHeaderCellSelection");
|
|
21
21
|
var _selectAllCells = require("./utils/selectAllCells");
|
22
22
|
var _getSpreadsheetWidth = require("./utils/getSpreadsheetWidth");
|
23
23
|
var _hooks2 = require("./hooks");
|
24
|
-
function _getRequireWildcardCache(
|
25
|
-
function _interopRequireWildcard(
|
26
|
-
function ownKeys(
|
27
|
-
function _objectSpread(
|
24
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
25
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
26
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
27
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
28
|
+
* Copyright IBM Corp. 2022, 2022
|
29
|
+
*
|
30
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
31
|
+
* LICENSE file in the root directory of this source tree.
|
32
|
+
*/
|
28
33
|
var blockClass = "".concat(_settings.pkg.prefix, "--data-spreadsheet");
|
29
|
-
var DataSpreadsheetHeader = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
34
|
+
var DataSpreadsheetHeader = exports.DataSpreadsheetHeader = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
30
35
|
var activeCellCoordinates = _ref.activeCellCoordinates,
|
31
36
|
cellSize = _ref.cellSize,
|
32
37
|
columns = _ref.columns,
|
@@ -60,7 +65,7 @@ var DataSpreadsheetHeader = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
|
|
60
65
|
(0, _react.useEffect)(function () {
|
61
66
|
if ((previousState === null || previousState === void 0 ? void 0 : previousState.cellSize) !== cellSize) {
|
62
67
|
var _ref$current;
|
63
|
-
var scrollContainer = ref === null || ref === void 0
|
68
|
+
var scrollContainer = ref === null || ref === void 0 || (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector(".".concat(blockClass, "__list--container"));
|
64
69
|
var hasScrollBar = (scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.scrollHeight) > (scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.clientHeight);
|
65
70
|
var scrollBarValue = hasScrollBar ? 0 : scrollBarSize;
|
66
71
|
setScrollBarSizeValue(scrollBarValue);
|
@@ -171,7 +176,6 @@ var DataSpreadsheetHeader = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
|
|
171
176
|
onClick: handleSelectAllClick,
|
172
177
|
className: (0, _classnames.default)("".concat(blockClass, "__th"), "".concat(blockClass, "--interactive-cell-element"), "".concat(blockClass, "__th--select-all"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__th--active-header"), (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header' && (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header'))
|
173
178
|
}, "\xA0")), headerGroup.headers.map(function (column, index) {
|
174
|
-
var _cx2;
|
175
179
|
var selectedHeader = (0, _checkSelectedHeaderCell.checkSelectedHeaderCell)(index, selectionAreas, 'column', rows);
|
176
180
|
return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
|
177
181
|
key: "column_".concat(index),
|
@@ -191,13 +195,12 @@ var DataSpreadsheetHeader = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
|
|
191
195
|
height: defaultColumn === null || defaultColumn === void 0 ? void 0 : defaultColumn.rowHeight,
|
192
196
|
width: (column === null || column === void 0 ? void 0 : column.width) || (defaultColumn === null || defaultColumn === void 0 ? void 0 : defaultColumn.width)
|
193
197
|
},
|
194
|
-
className: (0, _classnames.default)("".concat(blockClass, "__th"), "".concat(blockClass, "--interactive-cell-element"), (
|
198
|
+
className: (0, _classnames.default)("".concat(blockClass, "__th"), "".concat(blockClass, "--interactive-cell-element"), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(blockClass, "__th--active-header"), (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === index || (0, _checkActiveHeaderCell.checkActiveHeaderCell)(index, selectionAreas, 'column')), "".concat(blockClass, "__th--selected-header"), selectedHeader), "".concat(blockClass, "__th--selected-header-reorder-active"), selectedHeaderReorderActive)),
|
195
199
|
type: "button"
|
196
200
|
}, column.render('Header')));
|
197
201
|
}));
|
198
202
|
}));
|
199
203
|
});
|
200
|
-
exports.DataSpreadsheetHeader = DataSpreadsheetHeader;
|
201
204
|
DataSpreadsheetHeader.propTypes = {
|
202
205
|
/**
|
203
206
|
* Object containing the active cell coordinates
|
@@ -13,7 +13,7 @@ var _react = require("react");
|
|
13
13
|
*/
|
14
14
|
|
15
15
|
// Moves the placement of the active cell
|
16
|
-
var useMoveActiveCell = function useMoveActiveCell(_ref) {
|
16
|
+
var useMoveActiveCell = exports.useMoveActiveCell = function useMoveActiveCell(_ref) {
|
17
17
|
var spreadsheetRef = _ref.spreadsheetRef,
|
18
18
|
activeCellCoordinates = _ref.activeCellCoordinates,
|
19
19
|
containerHasFocus = _ref.containerHasFocus,
|
@@ -30,5 +30,4 @@ var useMoveActiveCell = function useMoveActiveCell(_ref) {
|
|
30
30
|
});
|
31
31
|
}
|
32
32
|
}, [activeCellCoordinates, spreadsheetRef, createActiveCell, containerHasFocus]);
|
33
|
-
};
|
34
|
-
exports.useMoveActiveCell = useMoveActiveCell;
|
33
|
+
};
|
@@ -20,7 +20,7 @@ var _handleMultipleKeys = require("../utils/handleMultipleKeys");
|
|
20
20
|
var hasFocus = function hasFocus() {
|
21
21
|
return typeof document !== 'undefined' && document.hasFocus();
|
22
22
|
};
|
23
|
-
var useMultipleKeyTracking = function useMultipleKeyTracking(_ref) {
|
23
|
+
var useMultipleKeyTracking = exports.useMultipleKeyTracking = function useMultipleKeyTracking(_ref) {
|
24
24
|
var ref = _ref.ref,
|
25
25
|
containerHasFocus = _ref.containerHasFocus,
|
26
26
|
isEditing = _ref.isEditing;
|
@@ -123,5 +123,4 @@ var useMultipleKeyTracking = function useMultipleKeyTracking(_ref) {
|
|
123
123
|
windowFocused: windowFocused,
|
124
124
|
usingMac: usingMac
|
125
125
|
};
|
126
|
-
};
|
127
|
-
exports.useMultipleKeyTracking = useMultipleKeyTracking;
|
126
|
+
};
|
@@ -13,7 +13,7 @@ var _settings = require("../../../settings");
|
|
13
13
|
* LICENSE file in the root directory of this source tree.
|
14
14
|
*/
|
15
15
|
|
16
|
-
var useResetSpreadsheetFocus = function useResetSpreadsheetFocus(_ref) {
|
16
|
+
var useResetSpreadsheetFocus = exports.useResetSpreadsheetFocus = function useResetSpreadsheetFocus(_ref) {
|
17
17
|
var _ref$blockClass = _ref.blockClass,
|
18
18
|
blockClass = _ref$blockClass === void 0 ? "".concat(_settings.pkg.prefix, "--data-spreadsheet") : _ref$blockClass,
|
19
19
|
focusedElement = _ref.focusedElement,
|
@@ -29,5 +29,4 @@ var useResetSpreadsheetFocus = function useResetSpreadsheetFocus(_ref) {
|
|
29
29
|
setContainerHasFocus(true);
|
30
30
|
}
|
31
31
|
}, [focusedElement, removeActiveCell, blockClass, setContainerHasFocus]);
|
32
|
-
};
|
33
|
-
exports.useResetSpreadsheetFocus = useResetSpreadsheetFocus;
|
32
|
+
};
|
@@ -17,7 +17,7 @@ var _hooks = require("../../../global/js/hooks");
|
|
17
17
|
* LICENSE file in the root directory of this source tree.
|
18
18
|
*/
|
19
19
|
|
20
|
-
var useSpreadsheetEdit = function useSpreadsheetEdit(_ref) {
|
20
|
+
var useSpreadsheetEdit = exports.useSpreadsheetEdit = function useSpreadsheetEdit(_ref) {
|
21
21
|
var isEditing = _ref.isEditing,
|
22
22
|
rows = _ref.rows,
|
23
23
|
activeCellCoordinates = _ref.activeCellCoordinates,
|
@@ -54,8 +54,8 @@ var useSpreadsheetEdit = function useSpreadsheetEdit(_ref) {
|
|
54
54
|
cellEditorRef.current.style.display = 'block';
|
55
55
|
cellEditorRef.current.style.height = activeCellRef === null || activeCellRef === void 0 ? void 0 : activeCellRef.current.style.height;
|
56
56
|
cellEditorRef.current.style.paddingTop = "".concat((parseInt(activeCellRef === null || activeCellRef === void 0 ? void 0 : activeCellRef.current.style.height) - 16) / 2 - 1, "px"); // calculate paddingTop based on cellHeight which could be variable depending on the cellSize prop
|
57
|
-
cellEditorRef.current.style.textAlign = (cellProps === null || cellProps === void 0
|
58
|
-
(_cellEditorRef$curren = cellEditorRef.current) === null || _cellEditorRef$curren === void 0
|
57
|
+
cellEditorRef.current.style.textAlign = (cellProps === null || cellProps === void 0 || (_cellProps$column = cellProps.column) === null || _cellProps$column === void 0 ? void 0 : _cellProps$column.placement) === 'right' ? 'right' : 'left';
|
58
|
+
(_cellEditorRef$curren = cellEditorRef.current) === null || _cellEditorRef$curren === void 0 || _cellEditorRef$curren.focus();
|
59
59
|
if (rulerWidth < cellEditorCurrentWidth) {
|
60
60
|
var _visibleColumns$nextI;
|
61
61
|
var currentColumnWidth = ((_visibleColumns$nextI = visibleColumns[nextIndex]) === null || _visibleColumns$nextI === void 0 ? void 0 : _visibleColumns$nextI.width) || (defaultColumn === null || defaultColumn === void 0 ? void 0 : defaultColumn.width);
|
@@ -71,7 +71,6 @@ var useSpreadsheetEdit = function useSpreadsheetEdit(_ref) {
|
|
71
71
|
}
|
72
72
|
// Decrease cell editor width by increment of current column width
|
73
73
|
}
|
74
|
-
|
75
74
|
if (rulerWidth >= cellEditorCurrentWidth) {
|
76
75
|
var _visibleColumns;
|
77
76
|
setNextIndex(function (prev) {
|
@@ -106,5 +105,4 @@ var useSpreadsheetEdit = function useSpreadsheetEdit(_ref) {
|
|
106
105
|
setNextIndex(activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column);
|
107
106
|
}
|
108
107
|
}, [isEditing, activeCellCoordinates, rows, cellEditorValue, defaultColumn, activeCellRef, cellEditorRef, cellEditorRulerRef, visibleColumns, blockClass, previousState === null || previousState === void 0 ? void 0 : previousState.cellEditorValue, nextIndex]);
|
109
|
-
};
|
110
|
-
exports.useSpreadsheetEdit = useSpreadsheetEdit;
|
108
|
+
};
|
@@ -17,17 +17,17 @@ var _moveColumnIndicatorLine = require("../utils/moveColumnIndicatorLine");
|
|
17
17
|
|
18
18
|
// Used specifically for reordering columns, will move the position of the
|
19
19
|
// cloned selection area to follow the position of the cursor
|
20
|
-
var useSpreadsheetMouseMove = function useSpreadsheetMouseMove(_ref) {
|
20
|
+
var useSpreadsheetMouseMove = exports.useSpreadsheetMouseMove = function useSpreadsheetMouseMove(_ref) {
|
21
21
|
var ref = _ref.ref,
|
22
22
|
_ref$blockClass = _ref.blockClass,
|
23
23
|
blockClass = _ref$blockClass === void 0 ? "".concat(_settings.pkg.prefix, "--data-spreadsheet") : _ref$blockClass,
|
24
24
|
headerCellHoldActive = _ref.headerCellHoldActive,
|
25
25
|
defaultColumn = _ref.defaultColumn;
|
26
26
|
(0, _react.useEffect)(function () {
|
27
|
-
var
|
27
|
+
var _handleMouseMove = function handleMouseMove(event) {
|
28
28
|
var clonedSelectionElement = ref.current.querySelector(".".concat(blockClass, "__selection-area--element-cloned"));
|
29
29
|
if (clonedSelectionElement) {
|
30
|
-
ref.current.addEventListener('mousemove',
|
30
|
+
ref.current.addEventListener('mousemove', _handleMouseMove);
|
31
31
|
}
|
32
32
|
var spreadsheetCoords = ref.current.getBoundingClientRect();
|
33
33
|
var listContainer = ref.current.querySelector(".".concat(blockClass, "__list--container"));
|
@@ -50,15 +50,14 @@ var useSpreadsheetMouseMove = function useSpreadsheetMouseMove(_ref) {
|
|
50
50
|
clonedSelectionElement.style.left = (0, _layout.px)(totalSpreadsheetScrollingWidth - clonedSelectionWidth >= clonePlacement ? clonePlacement + scrollAmount : totalSpreadsheetScrollingWidth - clonedSelectionWidth);
|
51
51
|
};
|
52
52
|
if (headerCellHoldActive) {
|
53
|
-
ref.current.addEventListener('mousemove',
|
53
|
+
ref.current.addEventListener('mousemove', _handleMouseMove);
|
54
54
|
}
|
55
55
|
var spreadsheetRef = ref.current;
|
56
56
|
if (!headerCellHoldActive) {
|
57
|
-
spreadsheetRef === null || spreadsheetRef === void 0
|
57
|
+
spreadsheetRef === null || spreadsheetRef === void 0 || spreadsheetRef.removeEventListener('mousemove', _handleMouseMove);
|
58
58
|
}
|
59
59
|
return function () {
|
60
|
-
spreadsheetRef === null || spreadsheetRef === void 0
|
60
|
+
spreadsheetRef === null || spreadsheetRef === void 0 || spreadsheetRef.removeEventListener('mousemove', _handleMouseMove);
|
61
61
|
};
|
62
62
|
});
|
63
|
-
};
|
64
|
-
exports.useSpreadsheetMouseMove = useSpreadsheetMouseMove;
|
63
|
+
};
|
@@ -11,9 +11,14 @@ var _react = require("react");
|
|
11
11
|
var _layout = require("@carbon/layout");
|
12
12
|
var _settings = require("../../../settings");
|
13
13
|
var _deepCloneObject = require("../../../global/js/utils/deepCloneObject");
|
14
|
-
function ownKeys(
|
15
|
-
function _objectSpread(
|
16
|
-
|
14
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
15
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
16
|
+
* Copyright IBM Corp. 2022, 2022
|
17
|
+
*
|
18
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
19
|
+
* LICENSE file in the root directory of this source tree.
|
20
|
+
*/
|
21
|
+
var useSpreadsheetMouseUp = exports.useSpreadsheetMouseUp = function useSpreadsheetMouseUp(_ref) {
|
17
22
|
var currentMatcher = _ref.currentMatcher,
|
18
23
|
setSelectionAreas = _ref.setSelectionAreas,
|
19
24
|
setClickAndHoldActive = _ref.setClickAndHoldActive,
|
@@ -125,8 +130,8 @@ var useSpreadsheetMouseUp = function useSpreadsheetMouseUp(_ref) {
|
|
125
130
|
}
|
126
131
|
// Remove the cloned column and indicator elements
|
127
132
|
var indicatorLineElement = ref.current.querySelector(".".concat(blockClass, "__reorder-indicator-line"));
|
128
|
-
indicatorLineElement === null || indicatorLineElement === void 0
|
129
|
-
selectionAreaCloneElement === null || selectionAreaCloneElement === void 0
|
133
|
+
indicatorLineElement === null || indicatorLineElement === void 0 || indicatorLineElement.remove();
|
134
|
+
selectionAreaCloneElement === null || selectionAreaCloneElement === void 0 || selectionAreaCloneElement.remove();
|
130
135
|
}
|
131
136
|
}
|
132
137
|
// Mouse up was on a spreadsheet body cell which is a valid
|
@@ -161,5 +166,4 @@ var useSpreadsheetMouseUp = function useSpreadsheetMouseUp(_ref) {
|
|
161
166
|
document.removeEventListener('mouseup', handleMouseUp);
|
162
167
|
};
|
163
168
|
}, [blockClass, currentMatcher, setSelectionAreas, setClickAndHoldActive, setValidStartingPoint, validStartingPoint, ref, setHeaderCellHoldActive, setColumnOrder, visibleColumns, setActiveCellCoordinates, activeCellCoordinates, rows, defaultColumn, selectionAreas]);
|
164
|
-
};
|
165
|
-
exports.useSpreadsheetMouseUp = useSpreadsheetMouseUp;
|
169
|
+
};
|
@@ -15,7 +15,7 @@ var _removeCellSelections = require("../utils/removeCellSelections");
|
|
15
15
|
*/
|
16
16
|
|
17
17
|
// Click outside useEffect for spreadsheet
|
18
|
-
var useSpreadsheetOutsideClick = function useSpreadsheetOutsideClick(_ref) {
|
18
|
+
var useSpreadsheetOutsideClick = exports.useSpreadsheetOutsideClick = function useSpreadsheetOutsideClick(_ref) {
|
19
19
|
var spreadsheetRef = _ref.spreadsheetRef,
|
20
20
|
_ref$blockClass = _ref.blockClass,
|
21
21
|
blockClass = _ref$blockClass === void 0 ? "".concat(_settings.pkg.prefix, "--data-spreadsheet") : _ref$blockClass,
|
@@ -43,5 +43,4 @@ var useSpreadsheetOutsideClick = function useSpreadsheetOutsideClick(_ref) {
|
|
43
43
|
document.removeEventListener('click', handleOutsideClick);
|
44
44
|
};
|
45
45
|
}, [spreadsheetRef, removeActiveCell, blockClass, setActiveCellCoordinates, setContainerHasFocus, setSelectionAreas, removeCellEditor]);
|
46
|
-
};
|
47
|
-
exports.useSpreadsheetOutsideClick = useSpreadsheetOutsideClick;
|
46
|
+
};
|
@@ -17,7 +17,7 @@ var _deepCloneObject = require("../../../global/js/utils/deepCloneObject");
|
|
17
17
|
// Determines if a row or column header cell should receive a highlight/active background color
|
18
18
|
// Check each object in selectionAreas and see if the headerIndex is between
|
19
19
|
// point1.row and point2.row, inclusive
|
20
|
-
var checkActiveHeaderCell = function checkActiveHeaderCell(headerIndex, selectionAreas, headerType) {
|
20
|
+
var checkActiveHeaderCell = exports.checkActiveHeaderCell = function checkActiveHeaderCell(headerIndex, selectionAreas, headerType) {
|
21
21
|
var areasCloned = (0, _deepCloneObject.deepCloneObject)(selectionAreas);
|
22
22
|
var activeRowIndexes = [];
|
23
23
|
areasCloned.forEach(function (area) {
|
@@ -33,5 +33,4 @@ var checkActiveHeaderCell = function checkActiveHeaderCell(headerIndex, selectio
|
|
33
33
|
return true;
|
34
34
|
}
|
35
35
|
return false;
|
36
|
-
};
|
37
|
-
exports.checkActiveHeaderCell = checkActiveHeaderCell;
|
36
|
+
};
|
@@ -12,15 +12,15 @@ var _deepCloneObject = require("../../../global/js/utils/deepCloneObject");
|
|
12
12
|
* LICENSE file in the root directory of this source tree.
|
13
13
|
*/
|
14
14
|
|
15
|
-
var checkSelectedHeaderCell = function checkSelectedHeaderCell(headerIndex, selectionAreas, headerType, items) {
|
15
|
+
var checkSelectedHeaderCell = exports.checkSelectedHeaderCell = function checkSelectedHeaderCell(headerIndex, selectionAreas, headerType, items) {
|
16
16
|
var areasCloned = (0, _deepCloneObject.deepCloneObject)(selectionAreas);
|
17
17
|
var isSelectedHeader = areasCloned.some(function (area) {
|
18
18
|
var _area$point, _area$point2, _area$point3, _area$point4, _area$point5, _area$point6, _area$point7, _area$point8;
|
19
19
|
var oppositeType = headerType === 'column' ? 'row' : 'column';
|
20
|
-
var minOppositeSelection = Math.min(area === null || area === void 0
|
21
|
-
var maxOppositeSelection = Math.max(area === null || area === void 0
|
22
|
-
var minSelection = Math.min(area === null || area === void 0
|
23
|
-
var maxSelection = Math.max(area === null || area === void 0
|
20
|
+
var minOppositeSelection = Math.min(area === null || area === void 0 || (_area$point = area.point1) === null || _area$point === void 0 ? void 0 : _area$point[oppositeType], area === null || area === void 0 || (_area$point2 = area.point2) === null || _area$point2 === void 0 ? void 0 : _area$point2[oppositeType]);
|
21
|
+
var maxOppositeSelection = Math.max(area === null || area === void 0 || (_area$point3 = area.point1) === null || _area$point3 === void 0 ? void 0 : _area$point3[oppositeType], area === null || area === void 0 || (_area$point4 = area.point2) === null || _area$point4 === void 0 ? void 0 : _area$point4[oppositeType]);
|
22
|
+
var minSelection = Math.min(area === null || area === void 0 || (_area$point5 = area.point1) === null || _area$point5 === void 0 ? void 0 : _area$point5[headerType], area === null || area === void 0 || (_area$point6 = area.point2) === null || _area$point6 === void 0 ? void 0 : _area$point6[headerType]);
|
23
|
+
var maxSelection = Math.max(area === null || area === void 0 || (_area$point7 = area.point1) === null || _area$point7 === void 0 ? void 0 : _area$point7[headerType], area === null || area === void 0 || (_area$point8 = area.point2) === null || _area$point8 === void 0 ? void 0 : _area$point8[headerType]);
|
24
24
|
var isTrueSelectedState = (items === null || items === void 0 ? void 0 : items.length) - 1 === maxOppositeSelection && minOppositeSelection === 0;
|
25
25
|
// console.log({minSelection, maxSelection});
|
26
26
|
// Iterate over all columns included in the selection area
|
@@ -32,5 +32,4 @@ var checkSelectedHeaderCell = function checkSelectedHeaderCell(headerIndex, sele
|
|
32
32
|
return false;
|
33
33
|
});
|
34
34
|
return isSelectedHeader;
|
35
|
-
};
|
36
|
-
exports.checkSelectedHeaderCell = checkSelectedHeaderCell;
|
35
|
+
};
|
@@ -13,7 +13,7 @@ var _settings = require("../../../settings");
|
|
13
13
|
* LICENSE file in the root directory of this source tree.
|
14
14
|
*/
|
15
15
|
|
16
|
-
var createActiveCellFn = function createActiveCellFn(_ref) {
|
16
|
+
var createActiveCellFn = exports.createActiveCellFn = function createActiveCellFn(_ref) {
|
17
17
|
var placementElement = _ref.placementElement,
|
18
18
|
coords = _ref.coords,
|
19
19
|
_ref$addToHeader = _ref.addToHeader,
|
@@ -40,7 +40,6 @@ var createActiveCellFn = function createActiveCellFn(_ref) {
|
|
40
40
|
// calculate top value here if virtualized row is not in DOM
|
41
41
|
left: placementElement ? placementElement.getBoundingClientRect().left - activeElementContainer.getBoundingClientRect().left : coords.column === 0 ? 0 + (defaultColumn.rowHeaderWidth - 4) : selectionAreaCellWidth * coords.column + (defaultColumn.rowHeaderWidth - 4) // calculate left value here if virtualized row is not in DOM, accounting for row header cell width (including borders)
|
42
42
|
};
|
43
|
-
|
44
43
|
var activeCellButton = activeCellRef === null || activeCellRef === void 0 ? void 0 : activeCellRef.current;
|
45
44
|
activeCellButton.style.width = (0, _layout.px)(placementElement ? placementElement === null || placementElement === void 0 ? void 0 : placementElement.offsetWidth : selectionAreaCellWidth);
|
46
45
|
activeCellButton.style.height = (0, _layout.px)(placementElement ? placementElement === null || placementElement === void 0 ? void 0 : placementElement.offsetHeight : selectionAreaCellHeight);
|
@@ -55,7 +54,6 @@ var createActiveCellFn = function createActiveCellFn(_ref) {
|
|
55
54
|
activeElementContainer.appendChild(cellEditorRef.current);
|
56
55
|
}
|
57
56
|
if (typeof (coords === null || coords === void 0 ? void 0 : coords.column) === 'number' && typeof (coords === null || coords === void 0 ? void 0 : coords.row) === 'number') {
|
58
|
-
onActiveCellChange === null || onActiveCellChange === void 0
|
57
|
+
onActiveCellChange === null || onActiveCellChange === void 0 || onActiveCellChange(activeCellValue);
|
59
58
|
}
|
60
|
-
};
|
61
|
-
exports.createActiveCellFn = createActiveCellFn;
|
59
|
+
};
|
@@ -14,7 +14,7 @@ var _getSelectionAreaPoints = require("./getSelectionAreaPoints");
|
|
14
14
|
* LICENSE file in the root directory of this source tree.
|
15
15
|
*/
|
16
16
|
|
17
|
-
var createCellSelectionArea = function createCellSelectionArea(_ref) {
|
17
|
+
var createCellSelectionArea = exports.createCellSelectionArea = function createCellSelectionArea(_ref) {
|
18
18
|
var ref = _ref.ref,
|
19
19
|
area = _ref.area,
|
20
20
|
blockClass = _ref.blockClass,
|
@@ -50,7 +50,6 @@ var createCellSelectionArea = function createCellSelectionArea(_ref) {
|
|
50
50
|
// calculate top value here if virtualized row is not in DOM
|
51
51
|
left: placementElement ? placementElement.getBoundingClientRect().left - bodyContainer.getBoundingClientRect().left : lowestColumnIndex === 0 ? 0 + (defaultColumn.rowHeaderWidth - 4) : defaultColumn.width * lowestColumnIndex + (defaultColumn.rowHeaderWidth - 4) // calculate left value here if virtualized row is not in DOM, accounting for row header cell width (including borders)
|
52
52
|
};
|
53
|
-
|
54
53
|
var selectionAreaElement = document.querySelector("[data-matcher-id=\"".concat(area.matcher, "\"]")) || document.createElement('div');
|
55
54
|
selectionAreaElement.classList.add("".concat(blockClass, "__selection-area--element"));
|
56
55
|
selectionAreaElement.setAttribute('data-matcher-id', area.matcher);
|
@@ -67,5 +66,4 @@ var createCellSelectionArea = function createCellSelectionArea(_ref) {
|
|
67
66
|
// let us know if an area has been created for each item already, ie createdArea: true
|
68
67
|
selectionAreasClone[indexOfCurrentArea].areaCreated = true;
|
69
68
|
setSelectionAreas(selectionAreasClone);
|
70
|
-
};
|
71
|
-
exports.createCellSelectionArea = createCellSelectionArea;
|
69
|
+
};
|
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
});
|
7
7
|
exports.generateData = void 0;
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
9
|
-
function ownKeys(
|
10
|
-
function _objectSpread(
|
9
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
10
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
11
11
|
/**
|
12
12
|
* Copyright IBM Corp. 2022, 2022
|
13
13
|
*
|
@@ -44,7 +44,7 @@ var newPet = function newPet(extraColumns) {
|
|
44
44
|
}
|
45
45
|
return defaultPet;
|
46
46
|
};
|
47
|
-
var generateData = function generateData(_ref) {
|
47
|
+
var generateData = exports.generateData = function generateData(_ref) {
|
48
48
|
var rows = _ref.rows,
|
49
49
|
extraColumns = _ref.extraColumns;
|
50
50
|
var makeDataLevel = function makeDataLevel() {
|
@@ -56,5 +56,4 @@ var generateData = function generateData(_ref) {
|
|
56
56
|
});
|
57
57
|
};
|
58
58
|
return makeDataLevel();
|
59
|
-
};
|
60
|
-
exports.generateData = generateData;
|
59
|
+
};
|
@@ -15,7 +15,7 @@ var _layout = require("@carbon/layout");
|
|
15
15
|
var getSizeInPixels = function getSizeInPixels(carbonSize) {
|
16
16
|
return Number(carbonSize.replace('rem', '') * _layout.baseFontSize);
|
17
17
|
};
|
18
|
-
var getCellSize = function getCellSize(cellSize) {
|
18
|
+
var getCellSize = exports.getCellSize = function getCellSize(cellSize) {
|
19
19
|
switch (cellSize) {
|
20
20
|
case 'xs':
|
21
21
|
return getSizeInPixels(_layout.sizeXSmall);
|
@@ -28,5 +28,4 @@ var getCellSize = function getCellSize(cellSize) {
|
|
28
28
|
default:
|
29
29
|
return getSizeInPixels(_layout.sizeSmall);
|
30
30
|
}
|
31
|
-
};
|
32
|
-
exports.getCellSize = getCellSize;
|
31
|
+
};
|
@@ -11,7 +11,7 @@ exports.getSelectionAreaPoints = void 0;
|
|
11
11
|
* LICENSE file in the root directory of this source tree.
|
12
12
|
*/
|
13
13
|
|
14
|
-
var getSelectionAreaPoints = function getSelectionAreaPoints(area) {
|
14
|
+
var getSelectionAreaPoints = exports.getSelectionAreaPoints = function getSelectionAreaPoints(area) {
|
15
15
|
var greatestRowIndex = Math.max(area.point1.row, area.point2.row);
|
16
16
|
var greatestColumnIndex = Math.max(area.point1.column, area.point2.column);
|
17
17
|
var lowestRowIndex = Math.min(area.point1.row, area.point2.row);
|
@@ -22,5 +22,4 @@ var getSelectionAreaPoints = function getSelectionAreaPoints(area) {
|
|
22
22
|
lowestColumnIndex: lowestColumnIndex,
|
23
23
|
lowestRowIndex: lowestRowIndex
|
24
24
|
};
|
25
|
-
};
|
26
|
-
exports.getSelectionAreaPoints = getSelectionAreaPoints;
|
25
|
+
};
|
@@ -12,7 +12,7 @@ var _layout = require("@carbon/layout");
|
|
12
12
|
* LICENSE file in the root directory of this source tree.
|
13
13
|
*/
|
14
14
|
|
15
|
-
var getSpreadsheetWidth = function getSpreadsheetWidth(_ref) {
|
15
|
+
var getSpreadsheetWidth = exports.getSpreadsheetWidth = function getSpreadsheetWidth(_ref) {
|
16
16
|
var type = _ref.type,
|
17
17
|
headerGroup = _ref.headerGroup,
|
18
18
|
scrollBarSizeValue = _ref.scrollBarSizeValue,
|
@@ -37,5 +37,4 @@ var getSpreadsheetWidth = function getSpreadsheetWidth(_ref) {
|
|
37
37
|
}, 0);
|
38
38
|
return totalVisibleColumnWidth + additionalWidth;
|
39
39
|
}
|
40
|
-
};
|
41
|
-
exports.getSpreadsheetWidth = getSpreadsheetWidth;
|
40
|
+
};
|
@@ -7,9 +7,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
7
7
|
exports.handleActiveCellInSelectionEnter = void 0;
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
9
9
|
var _getSelectionAreaPoints = require("./getSelectionAreaPoints");
|
10
|
-
function ownKeys(
|
11
|
-
function _objectSpread(
|
12
|
-
|
10
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
11
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
12
|
+
* Copyright IBM Corp. 2022, 2022
|
13
|
+
*
|
14
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
15
|
+
* LICENSE file in the root directory of this source tree.
|
16
|
+
*/
|
17
|
+
var handleActiveCellInSelectionEnter = exports.handleActiveCellInSelectionEnter = function handleActiveCellInSelectionEnter(_ref) {
|
13
18
|
var activeCellInsideSelectionArea = _ref.activeCellInsideSelectionArea,
|
14
19
|
activeCellCoordinates = _ref.activeCellCoordinates,
|
15
20
|
activeCellRef = _ref.activeCellRef,
|
@@ -104,5 +109,4 @@ var handleActiveCellInSelectionEnter = function handleActiveCellInSelectionEnter
|
|
104
109
|
}
|
105
110
|
}
|
106
111
|
}
|
107
|
-
};
|
108
|
-
exports.handleActiveCellInSelectionEnter = handleActiveCellInSelectionEnter;
|
112
|
+
};
|
@@ -12,7 +12,7 @@ var _getSelectionAreaPoints = require("./getSelectionAreaPoints");
|
|
12
12
|
* LICENSE file in the root directory of this source tree.
|
13
13
|
*/
|
14
14
|
|
15
|
-
var handleActiveCellInSelectionTab = function handleActiveCellInSelectionTab(_ref) {
|
15
|
+
var handleActiveCellInSelectionTab = exports.handleActiveCellInSelectionTab = function handleActiveCellInSelectionTab(_ref) {
|
16
16
|
var activeCellInsideSelectionArea = _ref.activeCellInsideSelectionArea,
|
17
17
|
activeCellCoordinates = _ref.activeCellCoordinates,
|
18
18
|
activeCellRef = _ref.activeCellRef,
|
@@ -101,5 +101,4 @@ var handleActiveCellInSelectionTab = function handleActiveCellInSelectionTab(_re
|
|
101
101
|
}
|
102
102
|
}
|
103
103
|
}
|
104
|
-
};
|
105
|
-
exports.handleActiveCellInSelectionTab = handleActiveCellInSelectionTab;
|
104
|
+
};
|
@@ -13,7 +13,7 @@ var _rangeWithCallback = require("../../../global/js/utils/rangeWithCallback");
|
|
13
13
|
* LICENSE file in the root directory of this source tree.
|
14
14
|
*/
|
15
15
|
|
16
|
-
var handleCellDeletion = function handleCellDeletion(_ref) {
|
16
|
+
var handleCellDeletion = exports.handleCellDeletion = function handleCellDeletion(_ref) {
|
17
17
|
var _selectionAreaToEmpty, _selectionAreaToEmpty2, _selectionAreaToEmpty3, _selectionAreaToEmpty4, _selectionAreaToEmpty5, _selectionAreaToEmpty6, _selectionAreaToEmpty7, _selectionAreaToEmpty8;
|
18
18
|
var activeCellCoordinates = _ref.activeCellCoordinates,
|
19
19
|
selectionAreas = _ref.selectionAreas,
|
@@ -32,10 +32,10 @@ var handleCellDeletion = function handleCellDeletion(_ref) {
|
|
32
32
|
return item.matcher === currentMatcher;
|
33
33
|
});
|
34
34
|
var selectionAreaToEmptyContents = selectionAreaClone[indexOfCurrentSelectionArea];
|
35
|
-
var lowestColumnIndex = Math.min(selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === void 0
|
36
|
-
var greatestColumnIndex = Math.max(selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === void 0
|
37
|
-
var lowestRowIndex = Math.min(selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === void 0
|
38
|
-
var greatestRowIndex = Math.max(selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === void 0
|
35
|
+
var lowestColumnIndex = Math.min(selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === void 0 || (_selectionAreaToEmpty = selectionAreaToEmptyContents.point1) === null || _selectionAreaToEmpty === void 0 ? void 0 : _selectionAreaToEmpty.column, selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === void 0 || (_selectionAreaToEmpty2 = selectionAreaToEmptyContents.point2) === null || _selectionAreaToEmpty2 === void 0 ? void 0 : _selectionAreaToEmpty2.column);
|
36
|
+
var greatestColumnIndex = Math.max(selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === void 0 || (_selectionAreaToEmpty3 = selectionAreaToEmptyContents.point1) === null || _selectionAreaToEmpty3 === void 0 ? void 0 : _selectionAreaToEmpty3.column, selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === void 0 || (_selectionAreaToEmpty4 = selectionAreaToEmptyContents.point2) === null || _selectionAreaToEmpty4 === void 0 ? void 0 : _selectionAreaToEmpty4.column);
|
37
|
+
var lowestRowIndex = Math.min(selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === void 0 || (_selectionAreaToEmpty5 = selectionAreaToEmptyContents.point1) === null || _selectionAreaToEmpty5 === void 0 ? void 0 : _selectionAreaToEmpty5.row, selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === void 0 || (_selectionAreaToEmpty6 = selectionAreaToEmptyContents.point2) === null || _selectionAreaToEmpty6 === void 0 ? void 0 : _selectionAreaToEmpty6.row);
|
38
|
+
var greatestRowIndex = Math.max(selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === void 0 || (_selectionAreaToEmpty7 = selectionAreaToEmptyContents.point1) === null || _selectionAreaToEmpty7 === void 0 ? void 0 : _selectionAreaToEmpty7.row, selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === void 0 || (_selectionAreaToEmpty8 = selectionAreaToEmptyContents.point2) === null || _selectionAreaToEmpty8 === void 0 ? void 0 : _selectionAreaToEmpty8.row);
|
39
39
|
(0, _rangeWithCallback.rangeWithCallback)(lowestColumnIndex, greatestColumnIndex, function (columnIndex) {
|
40
40
|
(0, _rangeWithCallback.rangeWithCallback)(lowestRowIndex, greatestRowIndex, function (rowIndex) {
|
41
41
|
var cellProps = rows[rowIndex].cells[columnIndex];
|
@@ -43,5 +43,4 @@ var handleCellDeletion = function handleCellDeletion(_ref) {
|
|
43
43
|
});
|
44
44
|
});
|
45
45
|
setActiveCellContent(null);
|
46
|
-
};
|
47
|
-
exports.handleCellDeletion = handleCellDeletion;
|
46
|
+
};
|
@@ -8,10 +8,15 @@ exports.handleEditSubmit = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
9
9
|
var _removeCellSelections = require("./removeCellSelections");
|
10
10
|
var _uuidv = _interopRequireDefault(require("../../../global/js/utils/uuidv4"));
|
11
|
-
function ownKeys(
|
12
|
-
function _objectSpread(
|
11
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
12
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
13
|
+
* Copyright IBM Corp. 2022, 2022
|
14
|
+
*
|
15
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
16
|
+
* LICENSE file in the root directory of this source tree.
|
17
|
+
*/
|
13
18
|
// Update the data
|
14
|
-
var handleEditSubmit = function handleEditSubmit(_ref) {
|
19
|
+
var handleEditSubmit = exports.handleEditSubmit = function handleEditSubmit(_ref) {
|
15
20
|
var activeCellCoordinates = _ref.activeCellCoordinates,
|
16
21
|
cellEditorRulerRef = _ref.cellEditorRulerRef,
|
17
22
|
columns = _ref.columns,
|
@@ -61,7 +66,6 @@ var handleEditSubmit = function handleEditSubmit(_ref) {
|
|
61
66
|
});
|
62
67
|
});
|
63
68
|
}
|
64
|
-
|
65
69
|
if (key === 'Tab') {
|
66
70
|
event.preventDefault();
|
67
71
|
updateSelectionAreaOnCellEditSubmit({
|
@@ -73,8 +77,6 @@ var handleEditSubmit = function handleEditSubmit(_ref) {
|
|
73
77
|
});
|
74
78
|
});
|
75
79
|
}
|
76
|
-
|
77
80
|
return;
|
78
81
|
};
|
79
|
-
};
|
80
|
-
exports.handleEditSubmit = handleEditSubmit;
|
82
|
+
};
|
@@ -29,7 +29,7 @@ var getSelectedItemIndexList = function getSelectedItemIndexList(_ref) {
|
|
29
29
|
}
|
30
30
|
return [].concat(newIndexList);
|
31
31
|
};
|
32
|
-
var handleHeaderCellSelection = function handleHeaderCellSelection(_ref2) {
|
32
|
+
var handleHeaderCellSelection = exports.handleHeaderCellSelection = function handleHeaderCellSelection(_ref2) {
|
33
33
|
var type = _ref2.type,
|
34
34
|
activeCellCoordinates = _ref2.activeCellCoordinates,
|
35
35
|
rows = _ref2.rows,
|
@@ -98,7 +98,7 @@ var handleHeaderCellSelection = function handleHeaderCellSelection(_ref2) {
|
|
98
98
|
return [].concat((0, _toConsumableArray2.default)(prev), [newSelectionArea]);
|
99
99
|
}
|
100
100
|
if (isHoldingShiftKey) {
|
101
|
-
var _selectionAreasClone
|
101
|
+
var _selectionAreasClone$;
|
102
102
|
var _selectionsFromHeaderCell = selectionsClone.filter(function (item) {
|
103
103
|
var _item$header3;
|
104
104
|
return (_item$header3 = item.header) === null || _item$header3 === void 0 ? void 0 : _item$header3.type;
|
@@ -118,7 +118,7 @@ var handleHeaderCellSelection = function handleHeaderCellSelection(_ref2) {
|
|
118
118
|
return item.matcher === currentMatcher;
|
119
119
|
});
|
120
120
|
var newIndexList = getSelectedItemIndexList({
|
121
|
-
indexList: ((_selectionAreasClone$ = selectionAreasClone[indexOfCurrentArea]) === null || _selectionAreasClone$ === void 0
|
121
|
+
indexList: ((_selectionAreasClone$ = selectionAreasClone[indexOfCurrentArea]) === null || _selectionAreasClone$ === void 0 || (_selectionAreasClone$ = _selectionAreasClone$.header) === null || _selectionAreasClone$ === void 0 ? void 0 : _selectionAreasClone$.selectedIndexList) || [type === 'column' ? columnValue : rowValue],
|
122
122
|
newIndex: newIndexValue,
|
123
123
|
activeCellIndex: activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates[type]
|
124
124
|
});
|
@@ -162,5 +162,4 @@ var handleHeaderCellSelection = function handleHeaderCellSelection(_ref2) {
|
|
162
162
|
}
|
163
163
|
return [newSelectionArea];
|
164
164
|
});
|
165
|
-
};
|
166
|
-
exports.handleHeaderCellSelection = handleHeaderCellSelection;
|
165
|
+
};
|