@mantine/core
Version:
React components library focused on usability, accessibility and developer experience
33 lines (30 loc) • 899 B
JavaScript
'use client';
import { useRef, useEffect } from 'react';
function useDelayedHover({ open, close, openDelay, closeDelay }) {
const openTimeout = useRef(-1);
const closeTimeout = useRef(-1);
const clearTimeouts = () => {
window.clearTimeout(openTimeout.current);
window.clearTimeout(closeTimeout.current);
};
const openDropdown = () => {
clearTimeouts();
if (openDelay === 0 || openDelay === void 0) {
open();
} else {
openTimeout.current = window.setTimeout(open, openDelay);
}
};
const closeDropdown = () => {
clearTimeouts();
if (closeDelay === 0 || closeDelay === void 0) {
close();
} else {
closeTimeout.current = window.setTimeout(close, closeDelay);
}
};
useEffect(() => clearTimeouts, []);
return { openDropdown, closeDropdown };
}
export { useDelayedHover };
//# sourceMappingURL=use-delayed-hover.mjs.map