@1money/hooks 0.1.3 → 0.1.4

package/es/index.d.ts

@@ -1,8 +1,14 @@
 export { default as useControlledState } from './useControlledState';
+export { default as useDebouncedValue } from './useDebouncedValue';
+export { default as useDebouncedCallback } from './useDebouncedCallback';
+export { default as useThrottledCallback } from './useThrottledCallback';
 export { default as useEventCallback } from './useEventCallback';
 export { default as useLatest } from './useLatest';
 export { default as useLayoutEffect } from './useLayoutEffect';
 export { default as useMemoizedFn } from './useMemoizedFn';
+export { default as useInterval } from './useInterval';
+export type { UseIntervalOptions } from './useInterval';
+export { default as useTimeout } from './useTimeout';
 export { default as usePrevious } from './usePrevious';
 export { default as useSafeState } from './useSafeState';
 export { default as useSyncState } from './useSyncState';

package/es/index.js

@@ -1,9 +1,14 @@
 // Hooks
 export { default as useControlledState } from "./useControlledState";
+export { default as useDebouncedValue } from "./useDebouncedValue";
+export { default as useDebouncedCallback } from "./useDebouncedCallback";
+export { default as useThrottledCallback } from "./useThrottledCallback";
 export { default as useEventCallback } from "./useEventCallback";
 export { default as useLatest } from "./useLatest";
 export { default as useLayoutEffect } from "./useLayoutEffect";
 export { default as useMemoizedFn } from "./useMemoizedFn";
+export { default as useInterval } from "./useInterval";
+export { default as useTimeout } from "./useTimeout";
 export { default as usePrevious } from "./usePrevious";
 export { default as useSafeState } from "./useSafeState";
 export { default as useSyncState } from "./useSyncState";

package/es/useDebouncedCallback/index.d.ts

@@ -0,0 +1,21 @@
+type Callback<T extends unknown[]> = (...args: T) => void;
+/**
+ * A hook that returns a debounced wrapper around a
+ * callback. Calling `run` resets a `delay` ms timer;
+ * the callback only fires once calls stop for `delay`
+ * ms, always with the most recent arguments. The latest
+ * `callback` body is invoked, so it never goes stale and
+ * needs no dependency array. The pending call is
+ * cancelled automatically on unmount, or manually via
+ * `cancel`.
+ *
+ * @param callback The function to debounce
+ * @param delay The debounce delay in ms (default 300)
+ * @returns `{ run, cancel }` — debounced runner and a
+ *   canceller for any pending call
+ */
+export default function useDebouncedCallback<T extends unknown[]>(callback: Callback<T>, delay?: number): {
+    run: (...args: T) => void;
+    cancel: () => void;
+};
+export {};

package/es/useDebouncedCallback/index.js

@@ -0,0 +1,45 @@
+import { useCallback, useEffect, useRef } from 'react';
+import useLatest from "../useLatest";
+/**
+ * A hook that returns a debounced wrapper around a
+ * callback. Calling `run` resets a `delay` ms timer;
+ * the callback only fires once calls stop for `delay`
+ * ms, always with the most recent arguments. The latest
+ * `callback` body is invoked, so it never goes stale and
+ * needs no dependency array. The pending call is
+ * cancelled automatically on unmount, or manually via
+ * `cancel`.
+ *
+ * @param callback The function to debounce
+ * @param delay The debounce delay in ms (default 300)
+ * @returns `{ run, cancel }` — debounced runner and a
+ *   canceller for any pending call
+ */
+export default function useDebouncedCallback(callback) {
+  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
+  var callbackRef = useLatest(callback);
+  var timerRef = useRef(null);
+  var cancel = useCallback(function () {
+    if (timerRef.current !== null) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+  }, []);
+  var run = useCallback(function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    cancel();
+    timerRef.current = setTimeout(function () {
+      timerRef.current = null;
+      callbackRef.current.apply(callbackRef, args);
+    }, delay);
+  }, [delay, cancel, callbackRef]);
+  useEffect(function () {
+    return cancel;
+  }, [cancel]);
+  return {
+    run: run,
+    cancel: cancel
+  };
+}

package/es/useDebouncedValue/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * A hook that returns a debounced copy of a value. The
+ * returned value only updates after `delay` ms have
+ * passed without `value` changing, which is handy for
+ * search inputs, resize handlers and other rapidly
+ * changing values you don't want to react to on every
+ * keystroke.
+ *
+ * @param value The value to debounce
+ * @param delay The debounce delay in ms (default 300)
+ * @returns The latest value, debounced by `delay`
+ */
+export default function useDebouncedValue<T>(value: T, delay?: number): T;

package/es/useDebouncedValue/index.js

@@ -0,0 +1,36 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useEffect, useState } from 'react';
+
+/**
+ * A hook that returns a debounced copy of a value. The
+ * returned value only updates after `delay` ms have
+ * passed without `value` changing, which is handy for
+ * search inputs, resize handlers and other rapidly
+ * changing values you don't want to react to on every
+ * keystroke.
+ *
+ * @param value The value to debounce
+ * @param delay The debounce delay in ms (default 300)
+ * @returns The latest value, debounced by `delay`
+ */
+export default function useDebouncedValue(value) {
+  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
+  var _useState = useState(value),
+    _useState2 = _slicedToArray(_useState, 2),
+    debounced = _useState2[0],
+    setDebounced = _useState2[1];
+  useEffect(function () {
+    var timer = setTimeout(function () {
+      setDebounced(value);
+    }, delay);
+    return function () {
+      return clearTimeout(timer);
+    };
+  }, [value, delay]);
+  return debounced;
+}

package/es/useInterval/index.d.ts

@@ -0,0 +1,22 @@
+export interface UseIntervalOptions {
+    /**
+     * Run the callback once immediately when the interval
+     * starts, in addition to every `delay` ms after.
+     */
+    immediate?: boolean;
+}
+/**
+ * A hook that runs a callback on a fixed interval. The
+ * latest `fn` is always invoked, so it never goes stale
+ * and needs no dependency array. Pass `undefined`, `null`
+ * or a negative `delay` to pause the interval. The timer
+ * is cleared automatically on unmount or when `delay`
+ * changes, and can be stopped early via the returned
+ * `clear` function.
+ *
+ * @param fn The callback to run each interval
+ * @param delay Interval in ms; nullish/negative pauses it
+ * @param options `{ immediate }` to also fire on start
+ * @returns A `clear` function that stops the interval
+ */
+export default function useInterval(fn: () => void, delay?: number | null, options?: UseIntervalOptions): () => void;

package/es/useInterval/index.js

@@ -0,0 +1,40 @@
+import { useCallback, useEffect, useRef } from 'react';
+import useLatest from "../useLatest";
+/**
+ * A hook that runs a callback on a fixed interval. The
+ * latest `fn` is always invoked, so it never goes stale
+ * and needs no dependency array. Pass `undefined`, `null`
+ * or a negative `delay` to pause the interval. The timer
+ * is cleared automatically on unmount or when `delay`
+ * changes, and can be stopped early via the returned
+ * `clear` function.
+ *
+ * @param fn The callback to run each interval
+ * @param delay Interval in ms; nullish/negative pauses it
+ * @param options `{ immediate }` to also fire on start
+ * @returns A `clear` function that stops the interval
+ */
+export default function useInterval(fn, delay, options) {
+  var immediate = options === null || options === void 0 ? void 0 : options.immediate;
+  var fnRef = useLatest(fn);
+  var timerRef = useRef(null);
+  var clear = useCallback(function () {
+    if (timerRef.current !== null) {
+      clearInterval(timerRef.current);
+      timerRef.current = null;
+    }
+  }, []);
+  useEffect(function () {
+    if (delay === undefined || delay === null || delay < 0) {
+      return;
+    }
+    if (immediate) {
+      fnRef.current();
+    }
+    timerRef.current = setInterval(function () {
+      fnRef.current();
+    }, delay);
+    return clear;
+  }, [delay, immediate, clear, fnRef]);
+  return clear;
+}

package/es/useThrottledCallback/index.d.ts

@@ -0,0 +1,21 @@
+type Callback<T extends unknown[]> = (...args: T) => void;
+/**
+ * A hook that returns a throttled wrapper around a
+ * callback. `run` fires immediately on the leading edge,
+ * then at most once per `delay` ms; the final call made
+ * during a throttled window is flushed on the trailing
+ * edge with its latest arguments. The most recent
+ * `callback` body is always used, so it never goes stale.
+ * Any pending trailing call is cancelled on unmount, or
+ * manually via `cancel`.
+ *
+ * @param callback The function to throttle
+ * @param delay The throttle window in ms (default 300)
+ * @returns `{ run, cancel }` — throttled runner and a
+ *   canceller for any pending trailing call
+ */
+export default function useThrottledCallback<T extends unknown[]>(callback: Callback<T>, delay?: number): {
+    run: (...args: T) => void;
+    cancel: () => void;
+};
+export {};

package/es/useThrottledCallback/index.js

@@ -0,0 +1,74 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import { useCallback, useEffect, useRef } from 'react';
+import useLatest from "../useLatest";
+/**
+ * A hook that returns a throttled wrapper around a
+ * callback. `run` fires immediately on the leading edge,
+ * then at most once per `delay` ms; the final call made
+ * during a throttled window is flushed on the trailing
+ * edge with its latest arguments. The most recent
+ * `callback` body is always used, so it never goes stale.
+ * Any pending trailing call is cancelled on unmount, or
+ * manually via `cancel`.
+ *
+ * @param callback The function to throttle
+ * @param delay The throttle window in ms (default 300)
+ * @returns `{ run, cancel }` — throttled runner and a
+ *   canceller for any pending trailing call
+ */
+export default function useThrottledCallback(callback) {
+  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
+  var callbackRef = useLatest(callback);
+  var lastRunRef = useRef(0);
+  var timerRef = useRef(null);
+  var lastArgsRef = useRef(null);
+  var cancel = useCallback(function () {
+    if (timerRef.current !== null) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+    lastArgsRef.current = null;
+    lastRunRef.current = 0;
+  }, []);
+  var run = useCallback(function () {
+    var now = Date.now();
+    var remaining = delay - (now - lastRunRef.current);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    lastArgsRef.current = args;
+    if (remaining <= 0) {
+      if (timerRef.current !== null) {
+        clearTimeout(timerRef.current);
+        timerRef.current = null;
+      }
+      lastRunRef.current = now;
+      lastArgsRef.current = null;
+      callbackRef.current.apply(callbackRef, args);
+      return;
+    }
+    if (timerRef.current === null) {
+      timerRef.current = setTimeout(function () {
+        lastRunRef.current = Date.now();
+        timerRef.current = null;
+        if (lastArgsRef.current) {
+          var pending = lastArgsRef.current;
+          lastArgsRef.current = null;
+          callbackRef.current.apply(callbackRef, _toConsumableArray(pending));
+        }
+      }, remaining);
+    }
+  }, [delay, callbackRef]);
+  useEffect(function () {
+    return cancel;
+  }, [cancel]);
+  return {
+    run: run,
+    cancel: cancel
+  };
+}

package/es/useTimeout/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * A hook that runs a callback once after a delay. The
+ * latest `fn` is always invoked, so it never goes stale
+ * and needs no dependency array. Pass `undefined`, `null`
+ * or a negative `delay` to cancel the pending call. The
+ * timer is cleared automatically on unmount or when
+ * `delay` changes, and can be cancelled early via the
+ * returned `clear` function.
+ *
+ * @param fn The callback to run after the delay
+ * @param delay Delay in ms; nullish/negative cancels it
+ * @returns A `clear` function that cancels the timeout
+ */
+export default function useTimeout(fn: () => void, delay?: number | null): () => void;

package/es/useTimeout/index.js

@@ -0,0 +1,36 @@
+import { useCallback, useEffect, useRef } from 'react';
+import useLatest from "../useLatest";
+
+/**
+ * A hook that runs a callback once after a delay. The
+ * latest `fn` is always invoked, so it never goes stale
+ * and needs no dependency array. Pass `undefined`, `null`
+ * or a negative `delay` to cancel the pending call. The
+ * timer is cleared automatically on unmount or when
+ * `delay` changes, and can be cancelled early via the
+ * returned `clear` function.
+ *
+ * @param fn The callback to run after the delay
+ * @param delay Delay in ms; nullish/negative cancels it
+ * @returns A `clear` function that cancels the timeout
+ */
+export default function useTimeout(fn, delay) {
+  var fnRef = useLatest(fn);
+  var timerRef = useRef(null);
+  var clear = useCallback(function () {
+    if (timerRef.current !== null) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+  }, []);
+  useEffect(function () {
+    if (delay === undefined || delay === null || delay < 0) {
+      return;
+    }
+    timerRef.current = setTimeout(function () {
+      fnRef.current();
+    }, delay);
+    return clear;
+  }, [delay, clear, fnRef]);
+  return clear;
+}

package/lib/index.d.ts

@@ -1,8 +1,14 @@
 export { default as useControlledState } from './useControlledState';
+export { default as useDebouncedValue } from './useDebouncedValue';
+export { default as useDebouncedCallback } from './useDebouncedCallback';
+export { default as useThrottledCallback } from './useThrottledCallback';
 export { default as useEventCallback } from './useEventCallback';
 export { default as useLatest } from './useLatest';
 export { default as useLayoutEffect } from './useLayoutEffect';
 export { default as useMemoizedFn } from './useMemoizedFn';
+export { default as useInterval } from './useInterval';
+export type { UseIntervalOptions } from './useInterval';
+export { default as useTimeout } from './useTimeout';
 export { default as usePrevious } from './usePrevious';
 export { default as useSafeState } from './useSafeState';
 export { default as useSyncState } from './useSyncState';

package/lib/index.js

@@ -34,7 +34,10 @@ __export(index_exports, {
   queryNumber: () => import_useQueryState.queryNumber,
   queryString: () => import_useQueryState.queryString,
   useControlledState: () => import_useControlledState.default,
+  useDebouncedCallback: () => import_useDebouncedCallback.default,
+  useDebouncedValue: () => import_useDebouncedValue.default,
   useEventCallback: () => import_useEventCallback.default,
+  useInterval: () => import_useInterval.default,
   useLatest: () => import_useLatest.default,
   useLayoutEffect: () => import_useLayoutEffect.default,
   useLayoutState: () => import_useLayoutState.default,
@@ -43,15 +46,22 @@ __export(index_exports, {
   useQueryState: () => import_useQueryState.default,
   useSafeState: () => import_useSafeState.default,
   useSyncState: () => import_useSyncState.default,
+  useThrottledCallback: () => import_useThrottledCallback.default,
+  useTimeout: () => import_useTimeout.default,
   useTimeoutLock: () => import_useLayoutState.useTimeoutLock,
   useUpdateEffect: () => import_useUpdateEffect.default
 });
 module.exports = __toCommonJS(index_exports);
 var import_useControlledState = __toESM(require("./useControlledState"));
+var import_useDebouncedValue = __toESM(require("./useDebouncedValue"));
+var import_useDebouncedCallback = __toESM(require("./useDebouncedCallback"));
+var import_useThrottledCallback = __toESM(require("./useThrottledCallback"));
 var import_useEventCallback = __toESM(require("./useEventCallback"));
 var import_useLatest = __toESM(require("./useLatest"));
 var import_useLayoutEffect = __toESM(require("./useLayoutEffect"));
 var import_useMemoizedFn = __toESM(require("./useMemoizedFn"));
+var import_useInterval = __toESM(require("./useInterval"));
+var import_useTimeout = __toESM(require("./useTimeout"));
 var import_usePrevious = __toESM(require("./usePrevious"));
 var import_useSafeState = __toESM(require("./useSafeState"));
 var import_useSyncState = __toESM(require("./useSyncState"));
@@ -65,7 +75,10 @@ var import_useQueryState = __toESM(require("./useQueryState"));
   queryNumber,
   queryString,
   useControlledState,
+  useDebouncedCallback,
+  useDebouncedValue,
   useEventCallback,
+  useInterval,
   useLatest,
   useLayoutEffect,
   useLayoutState,
@@ -74,6 +87,8 @@ var import_useQueryState = __toESM(require("./useQueryState"));
   useQueryState,
   useSafeState,
   useSyncState,
+  useThrottledCallback,
+  useTimeout,
   useTimeoutLock,
   useUpdateEffect
 });

package/lib/useDebouncedCallback/index.d.ts

@@ -0,0 +1,21 @@
+type Callback<T extends unknown[]> = (...args: T) => void;
+/**
+ * A hook that returns a debounced wrapper around a
+ * callback. Calling `run` resets a `delay` ms timer;
+ * the callback only fires once calls stop for `delay`
+ * ms, always with the most recent arguments. The latest
+ * `callback` body is invoked, so it never goes stale and
+ * needs no dependency array. The pending call is
+ * cancelled automatically on unmount, or manually via
+ * `cancel`.
+ *
+ * @param callback The function to debounce
+ * @param delay The debounce delay in ms (default 300)
+ * @returns `{ run, cancel }` — debounced runner and a
+ *   canceller for any pending call
+ */
+export default function useDebouncedCallback<T extends unknown[]>(callback: Callback<T>, delay?: number): {
+    run: (...args: T) => void;
+    cancel: () => void;
+};
+export {};

package/lib/useDebouncedCallback/index.js

@@ -0,0 +1,58 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/useDebouncedCallback/index.ts
+var index_exports = {};
+__export(index_exports, {
+  default: () => useDebouncedCallback
+});
+module.exports = __toCommonJS(index_exports);
+var import_react = require("react");
+var import_useLatest = __toESM(require("../useLatest"));
+function useDebouncedCallback(callback, delay = 300) {
+  const callbackRef = (0, import_useLatest.default)(callback);
+  const timerRef = (0, import_react.useRef)(null);
+  const cancel = (0, import_react.useCallback)(() => {
+    if (timerRef.current !== null) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+  }, []);
+  const run = (0, import_react.useCallback)(
+    (...args) => {
+      cancel();
+      timerRef.current = setTimeout(() => {
+        timerRef.current = null;
+        callbackRef.current(...args);
+      }, delay);
+    },
+    [delay, cancel, callbackRef]
+  );
+  (0, import_react.useEffect)(() => cancel, [cancel]);
+  return { run, cancel };
+}

package/lib/useDebouncedValue/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * A hook that returns a debounced copy of a value. The
+ * returned value only updates after `delay` ms have
+ * passed without `value` changing, which is handy for
+ * search inputs, resize handlers and other rapidly
+ * changing values you don't want to react to on every
+ * keystroke.
+ *
+ * @param value The value to debounce
+ * @param delay The debounce delay in ms (default 300)
+ * @returns The latest value, debounced by `delay`
+ */
+export default function useDebouncedValue<T>(value: T, delay?: number): T;

package/lib/useDebouncedValue/index.js

@@ -0,0 +1,35 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/useDebouncedValue/index.ts
+var index_exports = {};
+__export(index_exports, {
+  default: () => useDebouncedValue
+});
+module.exports = __toCommonJS(index_exports);
+var import_react = require("react");
+function useDebouncedValue(value, delay = 300) {
+  const [debounced, setDebounced] = (0, import_react.useState)(value);
+  (0, import_react.useEffect)(() => {
+    const timer = setTimeout(() => {
+      setDebounced(value);
+    }, delay);
+    return () => clearTimeout(timer);
+  }, [value, delay]);
+  return debounced;
+}

package/lib/useInterval/index.d.ts

@@ -0,0 +1,22 @@
+export interface UseIntervalOptions {
+    /**
+     * Run the callback once immediately when the interval
+     * starts, in addition to every `delay` ms after.
+     */
+    immediate?: boolean;
+}
+/**
+ * A hook that runs a callback on a fixed interval. The
+ * latest `fn` is always invoked, so it never goes stale
+ * and needs no dependency array. Pass `undefined`, `null`
+ * or a negative `delay` to pause the interval. The timer
+ * is cleared automatically on unmount or when `delay`
+ * changes, and can be stopped early via the returned
+ * `clear` function.
+ *
+ * @param fn The callback to run each interval
+ * @param delay Interval in ms; nullish/negative pauses it
+ * @param options `{ immediate }` to also fire on start
+ * @returns A `clear` function that stops the interval
+ */
+export default function useInterval(fn: () => void, delay?: number | null, options?: UseIntervalOptions): () => void;

package/lib/useInterval/index.js

@@ -0,0 +1,60 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/useInterval/index.ts
+var index_exports = {};
+__export(index_exports, {
+  default: () => useInterval
+});
+module.exports = __toCommonJS(index_exports);
+var import_react = require("react");
+var import_useLatest = __toESM(require("../useLatest"));
+function useInterval(fn, delay, options) {
+  const immediate = options == null ? void 0 : options.immediate;
+  const fnRef = (0, import_useLatest.default)(fn);
+  const timerRef = (0, import_react.useRef)(null);
+  const clear = (0, import_react.useCallback)(() => {
+    if (timerRef.current !== null) {
+      clearInterval(timerRef.current);
+      timerRef.current = null;
+    }
+  }, []);
+  (0, import_react.useEffect)(() => {
+    if (delay === void 0 || delay === null || delay < 0) {
+      return;
+    }
+    if (immediate) {
+      fnRef.current();
+    }
+    timerRef.current = setInterval(() => {
+      fnRef.current();
+    }, delay);
+    return clear;
+  }, [delay, immediate, clear, fnRef]);
+  return clear;
+}

package/lib/useThrottledCallback/index.d.ts

@@ -0,0 +1,21 @@
+type Callback<T extends unknown[]> = (...args: T) => void;
+/**
+ * A hook that returns a throttled wrapper around a
+ * callback. `run` fires immediately on the leading edge,
+ * then at most once per `delay` ms; the final call made
+ * during a throttled window is flushed on the trailing
+ * edge with its latest arguments. The most recent
+ * `callback` body is always used, so it never goes stale.
+ * Any pending trailing call is cancelled on unmount, or
+ * manually via `cancel`.
+ *
+ * @param callback The function to throttle
+ * @param delay The throttle window in ms (default 300)
+ * @returns `{ run, cancel }` — throttled runner and a
+ *   canceller for any pending trailing call
+ */
+export default function useThrottledCallback<T extends unknown[]>(callback: Callback<T>, delay?: number): {
+    run: (...args: T) => void;
+    cancel: () => void;
+};
+export {};

package/lib/useThrottledCallback/index.js

@@ -0,0 +1,81 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/useThrottledCallback/index.ts
+var index_exports = {};
+__export(index_exports, {
+  default: () => useThrottledCallback
+});
+module.exports = __toCommonJS(index_exports);
+var import_react = require("react");
+var import_useLatest = __toESM(require("../useLatest"));
+function useThrottledCallback(callback, delay = 300) {
+  const callbackRef = (0, import_useLatest.default)(callback);
+  const lastRunRef = (0, import_react.useRef)(0);
+  const timerRef = (0, import_react.useRef)(null);
+  const lastArgsRef = (0, import_react.useRef)(null);
+  const cancel = (0, import_react.useCallback)(() => {
+    if (timerRef.current !== null) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+    lastArgsRef.current = null;
+    lastRunRef.current = 0;
+  }, []);
+  const run = (0, import_react.useCallback)(
+    (...args) => {
+      const now = Date.now();
+      const remaining = delay - (now - lastRunRef.current);
+      lastArgsRef.current = args;
+      if (remaining <= 0) {
+        if (timerRef.current !== null) {
+          clearTimeout(timerRef.current);
+          timerRef.current = null;
+        }
+        lastRunRef.current = now;
+        lastArgsRef.current = null;
+        callbackRef.current(...args);
+        return;
+      }
+      if (timerRef.current === null) {
+        timerRef.current = setTimeout(() => {
+          lastRunRef.current = Date.now();
+          timerRef.current = null;
+          if (lastArgsRef.current) {
+            const pending = lastArgsRef.current;
+            lastArgsRef.current = null;
+            callbackRef.current(...pending);
+          }
+        }, remaining);
+      }
+    },
+    [delay, callbackRef]
+  );
+  (0, import_react.useEffect)(() => cancel, [cancel]);
+  return { run, cancel };
+}

package/lib/useTimeout/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * A hook that runs a callback once after a delay. The
+ * latest `fn` is always invoked, so it never goes stale
+ * and needs no dependency array. Pass `undefined`, `null`
+ * or a negative `delay` to cancel the pending call. The
+ * timer is cleared automatically on unmount or when
+ * `delay` changes, and can be cancelled early via the
+ * returned `clear` function.
+ *
+ * @param fn The callback to run after the delay
+ * @param delay Delay in ms; nullish/negative cancels it
+ * @returns A `clear` function that cancels the timeout
+ */
+export default function useTimeout(fn: () => void, delay?: number | null): () => void;

package/lib/useTimeout/index.js

@@ -0,0 +1,56 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/useTimeout/index.ts
+var index_exports = {};
+__export(index_exports, {
+  default: () => useTimeout
+});
+module.exports = __toCommonJS(index_exports);
+var import_react = require("react");
+var import_useLatest = __toESM(require("../useLatest"));
+function useTimeout(fn, delay) {
+  const fnRef = (0, import_useLatest.default)(fn);
+  const timerRef = (0, import_react.useRef)(null);
+  const clear = (0, import_react.useCallback)(() => {
+    if (timerRef.current !== null) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+  }, []);
+  (0, import_react.useEffect)(() => {
+    if (delay === void 0 || delay === null || delay < 0) {
+      return;
+    }
+    timerRef.current = setTimeout(() => {
+      fnRef.current();
+    }, delay);
+    return clear;
+  }, [delay, clear, fnRef]);
+  return clear;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@1money/hooks",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "React hooks for 1money front-end projects",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -21,6 +21,21 @@
       "import": "./es/useControlledState/index.js",
       "require": "./lib/useControlledState/index.js"
     },
+    "./useDebouncedValue": {
+      "types": "./es/useDebouncedValue/index.d.ts",
+      "import": "./es/useDebouncedValue/index.js",
+      "require": "./lib/useDebouncedValue/index.js"
+    },
+    "./useDebouncedCallback": {
+      "types": "./es/useDebouncedCallback/index.d.ts",
+      "import": "./es/useDebouncedCallback/index.js",
+      "require": "./lib/useDebouncedCallback/index.js"
+    },
+    "./useThrottledCallback": {
+      "types": "./es/useThrottledCallback/index.d.ts",
+      "import": "./es/useThrottledCallback/index.js",
+      "require": "./lib/useThrottledCallback/index.js"
+    },
     "./useEventCallback": {
       "types": "./es/useEventCallback/index.d.ts",
       "import": "./es/useEventCallback/index.js",
@@ -51,6 +66,16 @@
       "import": "./es/useMemoizedFn/index.js",
       "require": "./lib/useMemoizedFn/index.js"
     },
+    "./useInterval": {
+      "types": "./es/useInterval/index.d.ts",
+      "import": "./es/useInterval/index.js",
+      "require": "./lib/useInterval/index.js"
+    },
+    "./useTimeout": {
+      "types": "./es/useTimeout/index.d.ts",
+      "import": "./es/useTimeout/index.js",
+      "require": "./lib/useTimeout/index.js"
+    },
     "./usePrevious": {
       "types": "./es/usePrevious/index.d.ts",
       "import": "./es/usePrevious/index.js",