You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

28 lines
829 B

import * as React from 'react';
export default function useSelectTriggerControl(elements, open, triggerOpen) {
var propsRef = React.useRef(null);
propsRef.current = {
elements: elements.filter(function (e) {
return e;
}),
open: open,
triggerOpen: triggerOpen
};
React.useEffect(function () {
function onGlobalMouseDown(event) {
var target = event.target;
if (propsRef.current.open && propsRef.current.elements.every(function (element) {
return !element.contains(target) && element !== target;
})) {
// Should trigger close
propsRef.current.triggerOpen(false);
}
}
window.addEventListener('mousedown', onGlobalMouseDown);
return function () {
return window.removeEventListener('mousedown', onGlobalMouseDown);
};
}, []);
}