"use strict"; var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard"); var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = useDelayReset; var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray")); var React = _interopRequireWildcard(require("react")); /** * Similar with `useLock`, but this hook will always execute last value. * When set to `true`, it will keep `true` for a short time even if `false` is set. */ function useDelayReset() { var timeout = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 10; var _React$useState = React.useState(false), _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2), bool = _React$useState2[0], setBool = _React$useState2[1]; var delayRef = React.useRef(null); var cancelLatest = function cancelLatest() { window.clearTimeout(delayRef.current); }; React.useEffect(function () { return cancelLatest; }, []); var delaySetBool = function delaySetBool(value, callback) { cancelLatest(); delayRef.current = window.setTimeout(function () { setBool(value); if (callback) { callback(); } }, timeout); }; return [bool, delaySetBool, cancelLatest]; }