@hanzogui/use-debounce 2.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+  Copyright (c) 2020 Nate Wienert
+  
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+  
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+  
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.

package/dist/cjs/index.cjs

@@ -0,0 +1,73 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var index_exports = {};
+__export(index_exports, {
+  debounce: () => debounce,
+  useDebounce: () => useDebounce,
+  useDebounceValue: () => useDebounceValue
+});
+module.exports = __toCommonJS(index_exports);
+var React = __toESM(require("react"), 1);
+function debounce(func, wait, leading) {
+  let timeout,
+    isCancelled = !1;
+  function debounced() {
+    isCancelled = !1;
+    const args = arguments;
+    leading && !timeout && func.apply(this, args), clearTimeout(timeout), timeout = setTimeout(() => {
+      timeout = null, leading || isCancelled || func.apply(this, args), isCancelled = !1;
+    }, wait);
+  }
+  return debounced.cancel = () => {
+    isCancelled = !0;
+  }, debounced;
+}
+const defaultOpts = {
+  leading: !1
+};
+function useDebounce(fn, wait, options = defaultOpts, mountArgs = [fn]) {
+  const dbEffect = React.useRef(null);
+  return React.useEffect(() => () => {
+    dbEffect.current?.cancel();
+  }, []), React.useMemo(() => (dbEffect.current = debounce(fn, wait, options.leading), dbEffect.current), [options.leading, ...mountArgs]);
+}
+function useDebounceValue(val, amt = 0) {
+  const [state, setState] = React.useState(val);
+  return React.useEffect(() => {
+    const tm = setTimeout(() => {
+      setState(prev => prev === val ? prev : val);
+    }, amt);
+    return () => {
+      clearTimeout(tm);
+    };
+  }, [val]), state;
+}

package/dist/cjs/index.native.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var index_exports = {};
+__export(index_exports, {
+  debounce: () => debounce,
+  useDebounce: () => useDebounce,
+  useDebounceValue: () => useDebounceValue
+});
+module.exports = __toCommonJS(index_exports);
+var React = __toESM(require("react"), 1);
+function debounce(func, wait, leading) {
+  var timeout,
+    isCancelled = !1;
+  function debounced() {
+    var _this = this;
+    isCancelled = !1;
+    var args = arguments;
+    leading && !timeout && func.apply(this, args), clearTimeout(timeout), timeout = setTimeout(function () {
+      timeout = null, leading || isCancelled || func.apply(_this, args), isCancelled = !1;
+    }, wait);
+  }
+  return debounced.cancel = function () {
+    isCancelled = !0;
+  }, debounced;
+}
+var defaultOpts = {
+  leading: !1
+};
+function useDebounce(fn, wait) {
+  var options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : defaultOpts,
+    mountArgs = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : [fn],
+    dbEffect = React.useRef(null);
+  return React.useEffect(function () {
+    return function () {
+      var _dbEffect_current;
+      (_dbEffect_current = dbEffect.current) === null || _dbEffect_current === void 0 || _dbEffect_current.cancel();
+    };
+  }, []), React.useMemo(function () {
+    return dbEffect.current = debounce(fn, wait, options.leading), dbEffect.current;
+  }, [options.leading, ...mountArgs]);
+}
+function useDebounceValue(val) {
+  var amt = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0,
+    [state, setState] = React.useState(val);
+  return React.useEffect(function () {
+    var tm = setTimeout(function () {
+      setState(function (prev) {
+        return prev === val ? prev : val;
+      });
+    }, amt);
+    return function () {
+      clearTimeout(tm);
+    };
+  }, [val]), state;
+}
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","__export","debounce","useDebounce","useDebounceValue","module","exports","React","__toESM","require","func","wait","leading","timeout","isCancelled","debounced","_this","args","arguments","apply","clearTimeout","setTimeout","cancel","defaultOpts","fn","options","length","mountArgs","dbEffect","useRef","useEffect","_dbEffect_current","current","useMemo"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,WAAA,EAAAA,CAAA,KAAAA,WAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAuB,GAAAX,YAAA,CAAAK,aAAA;AAQhB,IAAAO,KAAS,GAAAC,OACd,CAAAC,OACA,QACA,IAGA;AACA,SAAIP,QACAA,CAAAQ,IAAA,EAAAC,IAAA,EAAcC,OAAA;EAElB,IAAAC,OAAS;IAAAC,WAAqB;EAC5B,SAAAC,SAAcA,CAAA;IACd,IAAAC,KAAM,OAAO;IACTF,WAAW,GAAC;IAKd,IAAAG,IAAA,GAAAC,SACM;IAIRN,OAAO,KAAAC,OAAA,IAAAH,IAAA,CAAAS,KAAA,OAAAF,IAAA,GAAAG,YAAA,CAAAP,OAAA,GAAAA,OAAA,GAAAQ,UAAA;MACTR,OAAA,SAAAD,OAAA,IAAAE,WAAA,IAAAJ,IAAA,CAAAS,KAAA,CAAAH,KAAA,EAAAC,IAAA,GAAAH,WAAA;IAEA,GAAAH,IAAA;EACE;EACF,OAEOI,SAAA,CAAAO,MAAA;IACTR,WAAA;EAEA,GAAAC,SAAM;AAEC;AAWL,IAAAQ,WAAM;EAENX,OAAA;AAEI;AAAyB,SAExBT,WAEQA,CAAAqB,EAAA,EAAQb,IAAA,EACnB;EAGJ,IAAAc,OAAA,GAAAP,SAAA,CAAAQ,MAAA,QAAAR,SAAA,iBAAAA,SAAA,MAAAK,WAAA;IAAAI,SAAA,GAAAT,SAAA,CAAAQ,MAAA,QAAAR,SAAA,iBAAAA,SAAA,OAMOM,EAAA,CACL;IAAAI,QAAO,GAAOrB,KAAA,CAAAsB,MAAY,MAAM;EAEhC,OAAAtB,KAAA,CAAMuB,SAAA,CAAU,YAAM;IACpB,OAAM,YAAK;MACT,IAAAC,iBACM;MAGR,CAAGA,iBAAG,GAAAH,QAAA,CAAAI,OAAA,cAAAD,iBAAA,eAAAA,iBAAA,CAAAT,MAAA;IAEN;EACE,QAAAf,KAAA,CAAA0B,OAAe;IACjB,OAAAL,QAAA,CAAAI,OAAA,GAAA9B,QAAA,CAAAsB,EAAA,EAAAb,IAAA,EAAAc,OAAA,CAAAb,OAAA,GAAAgB,QAAA,CAAAI,OAAA;EACF,GAAG,CAGLP,OAAA,CAAAb,OAAA,E","ignoreList":[]}

package/dist/esm/index.js

@@ -0,0 +1,37 @@
+import * as React from "react";
+function debounce(func, wait, leading) {
+  let timeout,
+    isCancelled = !1;
+  function debounced() {
+    isCancelled = !1;
+    const args = arguments;
+    leading && !timeout && func.apply(this, args), clearTimeout(timeout), timeout = setTimeout(() => {
+      timeout = null, leading || isCancelled || func.apply(this, args), isCancelled = !1;
+    }, wait);
+  }
+  return debounced.cancel = () => {
+    isCancelled = !0;
+  }, debounced;
+}
+const defaultOpts = {
+  leading: !1
+};
+function useDebounce(fn, wait, options = defaultOpts, mountArgs = [fn]) {
+  const dbEffect = React.useRef(null);
+  return React.useEffect(() => () => {
+    dbEffect.current?.cancel();
+  }, []), React.useMemo(() => (dbEffect.current = debounce(fn, wait, options.leading), dbEffect.current), [options.leading, ...mountArgs]);
+}
+function useDebounceValue(val, amt = 0) {
+  const [state, setState] = React.useState(val);
+  return React.useEffect(() => {
+    const tm = setTimeout(() => {
+      setState(prev => prev === val ? prev : val);
+    }, amt);
+    return () => {
+      clearTimeout(tm);
+    };
+  }, [val]), state;
+}
+export { debounce, useDebounce, useDebounceValue };
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","debounce","func","wait","leading","timeout","isCancelled","debounced","args","arguments","apply","clearTimeout","setTimeout","cancel","defaultOpts","useDebounce","fn","options","mountArgs","dbEffect","useRef","useEffect","current","useMemo","useDebounceValue","val","amt","state","setState","useState","tm","prev"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAQhB,SAASC,SACdC,IAAA,EACAC,IAAA,EACAC,OAAA,EAGA;EACA,IAAIC,OAAA;IACAC,WAAA,GAAc;EAElB,SAASC,UAAA,EAAqB;IAC5BD,WAAA,GAAc;IACd,MAAME,IAAA,GAAOC,SAAA;IACTL,OAAA,IAAW,CAACC,OAAA,IACdH,IAAA,CAAKQ,KAAA,CAAM,MAAMF,IAAI,GAEvBG,YAAA,CAAaN,OAAO,GACpBA,OAAA,GAAUO,UAAA,CAAW,MAAM;MACzBP,OAAA,GAAU,MACJD,OAAA,IAAWE,WAAA,IACfJ,IAAA,CAAKQ,KAAA,CAAM,MAAMF,IAAI,GAEvBF,WAAA,GAAc;IAChB,GAAGH,IAAI;EACT;EAEA,OAAAI,SAAA,CAAUM,MAAA,GAAS,MAAM;IACvBP,WAAA,GAAc;EAChB,GAEOC,SAAA;AACT;AAEA,MAAMO,WAAA,GAAc;EAAEV,OAAA,EAAS;AAAM;AAE9B,SAASW,YAMdC,EAAA,EACAb,IAAA,EACAc,OAAA,GAA4BH,WAAA,EAC5BI,SAAA,GAAmB,CAACF,EAAE,GACT;EACb,MAAMG,QAAA,GAAWnB,KAAA,CAAMoB,MAAA,CAA2B,IAAI;EAEtD,OAAApB,KAAA,CAAMqB,SAAA,CAAU,MACP,MAAM;IACXF,QAAA,CAASG,OAAA,EAAST,MAAA,CAAO;EAC3B,GACC,EAAE,GAEEb,KAAA,CAAMuB,OAAA,CAAQ,OACnBJ,QAAA,CAASG,OAAA,GAAUrB,QAAA,CAASe,EAAA,EAAIb,IAAA,EAAMc,OAAA,CAAQb,OAAO,GAC9Ce,QAAA,CAASG,OAAA,GACf,CAACL,OAAA,CAAQb,OAAA,EAAS,GAAGc,SAAS,CAAC;AACpC;AAMO,SAASM,iBAAoBC,GAAA,EAAQC,GAAA,GAAM,GAAM;EACtD,MAAM,CAACC,KAAA,EAAOC,QAAQ,IAAI5B,KAAA,CAAM6B,QAAA,CAASJ,GAAG;EAE5C,OAAAzB,KAAA,CAAMqB,SAAA,CAAU,MAAM;IACpB,MAAMS,EAAA,GAAKlB,UAAA,CAAW,MAAM;MAC1BgB,QAAA,CAAUG,IAAA,IACJA,IAAA,KAASN,GAAA,GAAYM,IAAA,GAClBN,GACR;IACH,GAAGC,GAAG;IAEN,OAAO,MAAM;MACXf,YAAA,CAAamB,EAAE;IACjB;EACF,GAAG,CAACL,GAAG,CAAC,GAEDE,KAAA;AACT","ignoreList":[]}

package/dist/esm/index.mjs

@@ -0,0 +1,37 @@
+import * as React from "react";
+function debounce(func, wait, leading) {
+  let timeout,
+    isCancelled = !1;
+  function debounced() {
+    isCancelled = !1;
+    const args = arguments;
+    leading && !timeout && func.apply(this, args), clearTimeout(timeout), timeout = setTimeout(() => {
+      timeout = null, leading || isCancelled || func.apply(this, args), isCancelled = !1;
+    }, wait);
+  }
+  return debounced.cancel = () => {
+    isCancelled = !0;
+  }, debounced;
+}
+const defaultOpts = {
+  leading: !1
+};
+function useDebounce(fn, wait, options = defaultOpts, mountArgs = [fn]) {
+  const dbEffect = React.useRef(null);
+  return React.useEffect(() => () => {
+    dbEffect.current?.cancel();
+  }, []), React.useMemo(() => (dbEffect.current = debounce(fn, wait, options.leading), dbEffect.current), [options.leading, ...mountArgs]);
+}
+function useDebounceValue(val, amt = 0) {
+  const [state, setState] = React.useState(val);
+  return React.useEffect(() => {
+    const tm = setTimeout(() => {
+      setState(prev => prev === val ? prev : val);
+    }, amt);
+    return () => {
+      clearTimeout(tm);
+    };
+  }, [val]), state;
+}
+export { debounce, useDebounce, useDebounceValue };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","debounce","func","wait","leading","timeout","isCancelled","debounced","args","arguments","apply","clearTimeout","setTimeout","cancel","defaultOpts","useDebounce","fn","options","mountArgs","dbEffect","useRef","useEffect","current","useMemo","useDebounceValue","val","amt","state","setState","useState","tm","prev"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAQhB,SAASC,SACdC,IAAA,EACAC,IAAA,EACAC,OAAA,EAGA;EACA,IAAIC,OAAA;IACAC,WAAA,GAAc;EAElB,SAASC,UAAA,EAAqB;IAC5BD,WAAA,GAAc;IACd,MAAME,IAAA,GAAOC,SAAA;IACTL,OAAA,IAAW,CAACC,OAAA,IACdH,IAAA,CAAKQ,KAAA,CAAM,MAAMF,IAAI,GAEvBG,YAAA,CAAaN,OAAO,GACpBA,OAAA,GAAUO,UAAA,CAAW,MAAM;MACzBP,OAAA,GAAU,MACJD,OAAA,IAAWE,WAAA,IACfJ,IAAA,CAAKQ,KAAA,CAAM,MAAMF,IAAI,GAEvBF,WAAA,GAAc;IAChB,GAAGH,IAAI;EACT;EAEA,OAAAI,SAAA,CAAUM,MAAA,GAAS,MAAM;IACvBP,WAAA,GAAc;EAChB,GAEOC,SAAA;AACT;AAEA,MAAMO,WAAA,GAAc;EAAEV,OAAA,EAAS;AAAM;AAE9B,SAASW,YAMdC,EAAA,EACAb,IAAA,EACAc,OAAA,GAA4BH,WAAA,EAC5BI,SAAA,GAAmB,CAACF,EAAE,GACT;EACb,MAAMG,QAAA,GAAWnB,KAAA,CAAMoB,MAAA,CAA2B,IAAI;EAEtD,OAAApB,KAAA,CAAMqB,SAAA,CAAU,MACP,MAAM;IACXF,QAAA,CAASG,OAAA,EAAST,MAAA,CAAO;EAC3B,GACC,EAAE,GAEEb,KAAA,CAAMuB,OAAA,CAAQ,OACnBJ,QAAA,CAASG,OAAA,GAAUrB,QAAA,CAASe,EAAA,EAAIb,IAAA,EAAMc,OAAA,CAAQb,OAAO,GAC9Ce,QAAA,CAASG,OAAA,GACf,CAACL,OAAA,CAAQb,OAAA,EAAS,GAAGc,SAAS,CAAC;AACpC;AAMO,SAASM,iBAAoBC,GAAA,EAAQC,GAAA,GAAM,GAAM;EACtD,MAAM,CAACC,KAAA,EAAOC,QAAQ,IAAI5B,KAAA,CAAM6B,QAAA,CAASJ,GAAG;EAE5C,OAAAzB,KAAA,CAAMqB,SAAA,CAAU,MAAM;IACpB,MAAMS,EAAA,GAAKlB,UAAA,CAAW,MAAM;MAC1BgB,QAAA,CAAUG,IAAA,IACJA,IAAA,KAASN,GAAA,GAAYM,IAAA,GAClBN,GACR;IACH,GAAGC,GAAG;IAEN,OAAO,MAAM;MACXf,YAAA,CAAamB,EAAE;IACjB;EACF,GAAG,CAACL,GAAG,CAAC,GAEDE,KAAA;AACT","ignoreList":[]}

package/dist/esm/index.native.js

@@ -0,0 +1,48 @@
+import * as React from "react";
+function debounce(func, wait, leading) {
+  var timeout,
+    isCancelled = !1;
+  function debounced() {
+    var _this = this;
+    isCancelled = !1;
+    var args = arguments;
+    leading && !timeout && func.apply(this, args), clearTimeout(timeout), timeout = setTimeout(function () {
+      timeout = null, leading || isCancelled || func.apply(_this, args), isCancelled = !1;
+    }, wait);
+  }
+  return debounced.cancel = function () {
+    isCancelled = !0;
+  }, debounced;
+}
+var defaultOpts = {
+  leading: !1
+};
+function useDebounce(fn, wait) {
+  var options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : defaultOpts,
+    mountArgs = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : [fn],
+    dbEffect = React.useRef(null);
+  return React.useEffect(function () {
+    return function () {
+      var _dbEffect_current;
+      (_dbEffect_current = dbEffect.current) === null || _dbEffect_current === void 0 || _dbEffect_current.cancel();
+    };
+  }, []), React.useMemo(function () {
+    return dbEffect.current = debounce(fn, wait, options.leading), dbEffect.current;
+  }, [options.leading, ...mountArgs]);
+}
+function useDebounceValue(val) {
+  var amt = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0,
+    [state, setState] = React.useState(val);
+  return React.useEffect(function () {
+    var tm = setTimeout(function () {
+      setState(function (prev) {
+        return prev === val ? prev : val;
+      });
+    }, amt);
+    return function () {
+      clearTimeout(tm);
+    };
+  }, [val]), state;
+}
+export { debounce, useDebounce, useDebounceValue };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","debounce","func","wait","leading","timeout","isCancelled","debounced","_this","args","arguments","apply","clearTimeout","setTimeout","cancel","defaultOpts","useDebounce","fn","options","length","mountArgs","dbEffect","useRef","useEffect","_dbEffect_current","current","useMemo"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAQhB,SAASC,SACdC,IAAA,EACAC,IAAA,EACAC,OAAA,EAGA;EACA,IAAIC,OAAA;IACAC,WAAA,GAAc;EAElB,SAASC,UAAA,EAAqB;IAC5B,IAAAC,KAAA,OAAc;IACdF,WAAM,GAAO;IACT,IAAAG,IAAA,GAAWC,SAAC;IAKdN,OAAA,KAAUC,OACJ,IAAAH,IAAA,CAAAS,KAAW,OAAAF,IACf,GAAAG,YAAW,CAAAP,OAAU,CAEvB,EAAAA,OAAA,GAAAQ,UAAc;MAChBR,OAAO,SAAAD,OAAA,IAAAE,WAAA,IAAAJ,IAAA,CAAAS,KAAA,CAAAH,KAAA,EAAAC,IAAA,GAAAH,WAAA;IACT,GAAAH,IAAA;EAEA;EACE,OAAAI,SAAc,CAAAO,MAAA;IAChBR,WAEO;EACT,GAAAC,SAAA;AAEA;AAEO,IAAAQ,WAAS;EAWdX,OAAM;AAEN;AAEI,SAAAY,WAASA,CAAAC,EAAS,EAAAd,IAAO;EAC3B,IACEe,OAEG,GAAMR,SAAQ,CAAAS,MACnB,QAAST,SAAA,CAAU,YAAS,CAAI,GAAAA,SAAM,EAAQ,IAAAK,WACvC;IAAAK,SAAS,GACfV,SAAS,CAAAS,MAAA,GAAS,KAAGT,SAAU,iBAAAA,SAAA,OACpCO,EAAA,CAMO;IAAAI,QAAS,GAAArB,KAAA,CAAAsB,MAAoB,KAAQ;EAC1C,OAAOtB,KAAA,CAAAuB,SAAe,aAAU;IAEhC,mBAAM;MACJ,IAAMC,iBAAgB;MACpB,CAAAA,iBAAU,GACJH,QAAS,CAAAI,OAAY,MAClB,IACR,IAAAD,iBAAA,eAAAA,iBAAA,CAAAV,MAAA;IACH;EAEA,QAAAd,KAAO,CAAA0B,OAAM;IACX,OAAAL,QAAa,CAAAI,OAAE,GAAAxB,QAAA,CAAAgB,EAAA,EAAAd,IAAA,EAAAe,OAAA,CAAAd,OAAA,GAAAiB,QAAA,CAAAI,OAAA;EAAA,GACjB,CACFP,OAAQ,CAAAd,OAED,EACT,GAAAgB,SAAA,C","ignoreList":[]}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@hanzogui/use-debounce",
+  "version": "2.0.0",
+  "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "types": "./types/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./types/index.d.ts",
+      "react-native": "./dist/esm/index.native.js",
+      "browser": "./dist/esm/index.mjs",
+      "module": "./dist/esm/index.mjs",
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/esm/index.mjs"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "hanzo-gui-build",
+    "watch": "hanzo-gui-build --watch",
+    "clean": "hanzo-gui-build clean",
+    "clean:build": "hanzo-gui-build clean:build"
+  },
+  "devDependencies": {
+    "@hanzogui/build": "workspace:*",
+    "react": ">=19"
+  },
+  "peerDependencies": {
+    "react": ">=19"
+  }
+}

package/src/index.ts

@@ -0,0 +1,90 @@
+import * as React from 'react'
+
+type DebounceSettings = {
+  leading?: boolean
+}
+
+// TODO doesn't return value of the function called :/
+
+export function debounce<A extends Function>(
+  func: A,
+  wait?: number,
+  leading?: boolean
+): A & {
+  cancel: () => void
+} {
+  let timeout: any
+  let isCancelled = false
+
+  function debounced(this: any) {
+    isCancelled = false
+    const args = arguments
+    if (leading && !timeout) {
+      func.apply(this, args)
+    }
+    clearTimeout(timeout)
+    timeout = setTimeout(() => {
+      timeout = null
+      if (!(leading || isCancelled)) {
+        func.apply(this, args)
+      }
+      isCancelled = false
+    }, wait)
+  }
+
+  debounced.cancel = () => {
+    isCancelled = true
+  }
+
+  return debounced as any
+}
+
+const defaultOpts = { leading: false }
+
+export function useDebounce<
+  A extends (...args: any) => any | undefined | null,
+  DebouncedFn extends A & {
+    cancel: () => void
+  },
+>(
+  fn: A,
+  wait: number,
+  options: DebounceSettings = defaultOpts,
+  mountArgs: any[] = [fn]
+): DebouncedFn {
+  const dbEffect = React.useRef<DebouncedFn | null>(null)
+
+  React.useEffect(() => {
+    return () => {
+      dbEffect.current?.cancel()
+    }
+  }, [])
+
+  return React.useMemo(() => {
+    dbEffect.current = debounce(fn, wait, options.leading) as unknown as DebouncedFn
+    return dbEffect.current
+  }, [options.leading, ...mountArgs])
+}
+
+/**
+ * Returns a value once it stops changing after "amt" time.
+ * Note: you may need to memo or this will keep re-rendering
+ */
+export function useDebounceValue<A>(val: A, amt = 0): A {
+  const [state, setState] = React.useState(val)
+
+  React.useEffect(() => {
+    const tm = setTimeout(() => {
+      setState((prev) => {
+        if (prev === val) return prev
+        return val
+      })
+    }, amt)
+
+    return () => {
+      clearTimeout(tm)
+    }
+  }, [val])
+
+  return state
+}

package/types/index.d.ts

@@ -0,0 +1,20 @@
+type DebounceSettings = {
+	leading?: boolean;
+};
+export declare function debounce<A extends Function>(func: A, wait?: number, leading?: boolean): A & {
+	cancel: () => void;
+};
+export declare function useDebounce<
+	A extends (...args: any) => any | undefined | null,
+	DebouncedFn extends A & {
+		cancel: () => void;
+	}
+>(fn: A, wait: number, options?: DebounceSettings, mountArgs?: any[]): DebouncedFn;
+/**
+* Returns a value once it stops changing after "amt" time.
+* Note: you may need to memo or this will keep re-rendering
+*/
+export declare function useDebounceValue<A>(val: A, amt?: number): A;
+export {};
+
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1,11 @@
+{
+  "mappings": "KAEK,mBAAmB;CACtB;;AAKF,OAAO,iBAAS,SAAS,UAAU,UACjC,MAAM,GACN,eACA,oBACC,IAAI;CACL;;AA8BF,OAAO,iBAAS;CACd,WAAW,GAAG;CACd,oBAAoB,IAAI;EACtB;;EAGF,IAAI,GACJ,cACA,UAAS,kBACT,oBACC;;;;;AAmBH,OAAO,iBAAS,iBAAiB,GAAG,KAAK,GAAG,eAAU",
+  "names": [],
+  "sources": [
+    "src/index.ts"
+  ],
+  "version": 3,
+  "sourcesContent": [
+    "import * as React from 'react'\n\ntype DebounceSettings = {\n  leading?: boolean\n}\n\n// TODO doesn't return value of the function called :/\n\nexport function debounce<A extends Function>(\n  func: A,\n  wait?: number,\n  leading?: boolean\n): A & {\n  cancel: () => void\n} {\n  let timeout: any\n  let isCancelled = false\n\n  function debounced(this: any) {\n    isCancelled = false\n    const args = arguments\n    if (leading && !timeout) {\n      func.apply(this, args)\n    }\n    clearTimeout(timeout)\n    timeout = setTimeout(() => {\n      timeout = null\n      if (!(leading || isCancelled)) {\n        func.apply(this, args)\n      }\n      isCancelled = false\n    }, wait)\n  }\n\n  debounced.cancel = () => {\n    isCancelled = true\n  }\n\n  return debounced as any\n}\n\nconst defaultOpts = { leading: false }\n\nexport function useDebounce<\n  A extends (...args: any) => any | undefined | null,\n  DebouncedFn extends A & {\n    cancel: () => void\n  },\n>(\n  fn: A,\n  wait: number,\n  options: DebounceSettings = defaultOpts,\n  mountArgs: any[] = [fn]\n): DebouncedFn {\n  const dbEffect = React.useRef<DebouncedFn | null>(null)\n\n  React.useEffect(() => {\n    return () => {\n      dbEffect.current?.cancel()\n    }\n  }, [])\n\n  return React.useMemo(() => {\n    dbEffect.current = debounce(fn, wait, options.leading) as unknown as DebouncedFn\n    return dbEffect.current\n  }, [options.leading, ...mountArgs])\n}\n\n/**\n * Returns a value once it stops changing after \"amt\" time.\n * Note: you may need to memo or this will keep re-rendering\n */\nexport function useDebounceValue<A>(val: A, amt = 0): A {\n  const [state, setState] = React.useState(val)\n\n  React.useEffect(() => {\n    const tm = setTimeout(() => {\n      setState((prev) => {\n        if (prev === val) return prev\n        return val\n      })\n    }, amt)\n\n    return () => {\n      clearTimeout(tm)\n    }\n  }, [val])\n\n  return state\n}\n"
+  ]
+}