@carbon/ibm-products
Version:
Carbon for IBM Products
46 lines (42 loc) • 1.57 kB
JavaScript
/**
* Copyright IBM Corp. 2020, 2025
*
* This source code is licensed under the Apache-2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
import { useEffect } from 'react';
import { pkg } from '../../../settings.js';
import { removeCellSelections } from '../utils/removeCellSelections.js';
// Click outside useEffect for spreadsheet
const useSpreadsheetOutsideClick = _ref => {
let {
isBlurSpreadsheet,
spreadsheetRef,
blockClass = `${pkg.prefix}--data-spreadsheet`,
setActiveCellCoordinates,
setSelectionAreas,
removeActiveCell,
setContainerHasFocus,
removeCellEditor
} = _ref;
useEffect(() => {
const handleOutsideClick = event => {
if (!spreadsheetRef.current || spreadsheetRef.current.contains(event.target) || event.target.classList.contains(`${blockClass}__active-cell--highlight`) || event.target.classList.contains(`${blockClass}--interactive-cell-element`)) {
return;
}
isBlurSpreadsheet.current = true;
setActiveCellCoordinates(null);
setSelectionAreas([]);
removeActiveCell();
removeCellSelections({
spreadsheetRef
});
setContainerHasFocus(false);
};
document.addEventListener('click', handleOutsideClick);
return () => {
document.removeEventListener('click', handleOutsideClick);
};
}, [isBlurSpreadsheet, spreadsheetRef, removeActiveCell, blockClass, setActiveCellCoordinates, setContainerHasFocus, setSelectionAreas, removeCellEditor]);
};
export { useSpreadsheetOutsideClick };