@tamagui/use-debounce 1.0.0-alpha.4 → 1.0.0-alpha.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,38 +1,36 @@
1
- var __create = Object.create;
2
1
  var __defProp = Object.defineProperty;
3
2
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
3
  var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
4
  var __hasOwnProp = Object.prototype.hasOwnProperty;
7
5
  var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
6
  var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
9
7
  var __export = (target, all) => {
10
- __markAsModule(target);
11
8
  for (var name in all)
12
9
  __defProp(target, name, { get: all[name], enumerable: true });
13
10
  };
14
- var __reExport = (target, module2, desc) => {
11
+ var __reExport = (target, module2, copyDefault, desc) => {
15
12
  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
16
13
  for (let key of __getOwnPropNames(module2))
17
- if (!__hasOwnProp.call(target, key) && key !== "default")
14
+ if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
18
15
  __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
19
16
  }
20
17
  return target;
21
18
  };
22
- var __toModule = (module2) => {
23
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
24
- };
25
-
26
- // src/index.ts
27
- __export(exports, {
19
+ var __toCommonJS = /* @__PURE__ */ ((cache) => {
20
+ return (module2, temp) => {
21
+ return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
22
+ };
23
+ })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
24
+ var src_exports = {};
25
+ __export(src_exports, {
28
26
  debounce: () => debounce,
29
27
  useDebounce: () => useDebounce,
30
28
  useDebounceValue: () => useDebounceValue
31
29
  });
32
- var import_react = __toModule(require("react"));
30
+ var import_react = require("react");
33
31
  function debounce(func, wait, leading) {
34
32
  let timeout;
35
- let isCancelled;
33
+ let isCancelled = false;
36
34
  function debounced() {
37
35
  isCancelled = false;
38
36
  let context = this;
@@ -56,7 +54,7 @@ function debounce(func, wait, leading) {
56
54
  return debounced;
57
55
  }
58
56
  __name(debounce, "debounce");
59
- var defaultOpts = { leading: false };
57
+ const defaultOpts = { leading: false };
60
58
  function useDebounce(fn, wait, options = defaultOpts, mountArgs = []) {
61
59
  const dbEffect = (0, import_react.useRef)(null);
62
60
  (0, import_react.useEffect)(() => {
@@ -88,4 +86,5 @@ function useDebounceValue(val, amt = 0) {
88
86
  return state;
89
87
  }
90
88
  __name(useDebounceValue, "useDebounceValue");
91
- //# sourceMappingURL=index.cjs.map
89
+ module.exports = __toCommonJS(src_exports);
90
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/index.ts"],
4
+ "sourcesContent": ["import { useEffect, useMemo, useRef, useState } from 'react'\n\ntype DebounceSettings = {\n leading?: boolean\n}\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 let context = this\n let args = arguments\n if (leading && !timeout) {\n func.apply(context, args)\n }\n clearTimeout(timeout)\n timeout = setTimeout(function () {\n timeout = null\n if (!leading && !isCancelled) {\n func.apply(context, 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[] = []\n): DebouncedFn {\n const dbEffect = useRef<DebouncedFn | null>(null)\n\n useEffect(() => {\n return () => {\n dbEffect.current?.cancel()\n }\n }, [])\n\n return 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] = useState(val)\n\n useEffect(() => {\n let 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"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqD;AAM9C,kBACL,MACA,MACA,SAGA;AACA,MAAI;AACJ,MAAI,cAAc;AAElB,uBAA8B;AAC5B,kBAAc;AACd,QAAI,UAAU;AACd,QAAI,OAAO;AACX,QAAI,WAAW,CAAC,SAAS;AACvB,WAAK,MAAM,SAAS;AAAA;AAEtB,iBAAa;AACb,cAAU,WAAW,WAAY;AAC/B,gBAAU;AACV,UAAI,CAAC,WAAW,CAAC,aAAa;AAC5B,aAAK,MAAM,SAAS;AAAA;AAEtB,oBAAc;AAAA,OACb;AAAA;AAdI;AAiBT,YAAU,SAAS,MAAM;AACvB,kBAAc;AAAA;AAGhB,SAAO;AAAA;AA/BO;AAkChB,MAAM,cAAc,EAAE,SAAS;AAExB,qBAML,IACA,MACA,UAA4B,aAC5B,YAAmB,IACN;AACb,QAAM,WAAW,yBAA2B;AAE5C,8BAAU,MAAM;AACd,WAAO,MAAM;AAxDjB;AAyDM,qBAAS,YAAT,mBAAkB;AAAA;AAAA,KAEnB;AAEH,SAAO,0BAAQ,MAAM;AACnB,aAAS,UAAU,SAAS,IAAI,MAAM,QAAQ;AAC9C,WAAO,SAAS;AAAA,KACf,CAAC,QAAQ,SAAS,GAAG;AAAA;AAtBV;AA6BT,0BAA6B,KAAQ,MAAM,GAAM;AACtD,QAAM,CAAC,OAAO,YAAY,2BAAS;AAEnC,8BAAU,MAAM;AACd,QAAI,KAAK,WAAW,MAAM;AACxB,eAAS,CAAC,SAAS;AACjB,YAAI,SAAS;AAAK,iBAAO;AACzB,eAAO;AAAA;AAAA,OAER;AAEH,WAAO,MAAM;AACX,mBAAa;AAAA;AAAA,KAEd,CAAC;AAEJ,SAAO;AAAA;AAhBO;",
6
+ "names": []
7
+ }
@@ -3,7 +3,7 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
3
3
  import { useEffect, useMemo, useRef, useState } from "react";
4
4
  function debounce(func, wait, leading) {
5
5
  let timeout;
6
- let isCancelled;
6
+ let isCancelled = false;
7
7
  function debounced() {
8
8
  isCancelled = false;
9
9
  let context = this;
@@ -32,7 +32,8 @@ function useDebounce(fn, wait, options = defaultOpts, mountArgs = []) {
32
32
  const dbEffect = useRef(null);
33
33
  useEffect(() => {
34
34
  return () => {
35
- dbEffect.current?.cancel();
35
+ var _a;
36
+ (_a = dbEffect.current) == null ? void 0 : _a.cancel();
36
37
  };
37
38
  }, []);
38
39
  return useMemo(() => {
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/index.ts"],
4
+ "sourcesContent": ["import { useEffect, useMemo, useRef, useState } from 'react'\n\ntype DebounceSettings = {\n leading?: boolean\n}\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 let context = this\n let args = arguments\n if (leading && !timeout) {\n func.apply(context, args)\n }\n clearTimeout(timeout)\n timeout = setTimeout(function () {\n timeout = null\n if (!leading && !isCancelled) {\n func.apply(context, 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[] = []\n): DebouncedFn {\n const dbEffect = useRef<DebouncedFn | null>(null)\n\n useEffect(() => {\n return () => {\n dbEffect.current?.cancel()\n }\n }, [])\n\n return 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] = useState(val)\n\n useEffect(() => {\n let 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"],
5
+ "mappings": ";;AAAA;AAMO,kBACL,MACA,MACA,SAGA;AACA,MAAI;AACJ,MAAI,cAAc;AAElB,uBAA8B;AAC5B,kBAAc;AACd,QAAI,UAAU;AACd,QAAI,OAAO;AACX,QAAI,WAAW,CAAC,SAAS;AACvB,WAAK,MAAM,SAAS;AAAA;AAEtB,iBAAa;AACb,cAAU,WAAW,WAAY;AAC/B,gBAAU;AACV,UAAI,CAAC,WAAW,CAAC,aAAa;AAC5B,aAAK,MAAM,SAAS;AAAA;AAEtB,oBAAc;AAAA,OACb;AAAA;AAdI;AAiBT,YAAU,SAAS,MAAM;AACvB,kBAAc;AAAA;AAGhB,SAAO;AAAA;AA/BO;AAkChB,MAAM,cAAc,EAAE,SAAS;AAExB,qBAML,IACA,MACA,UAA4B,aAC5B,YAAmB,IACN;AACb,QAAM,WAAW,OAA2B;AAE5C,YAAU,MAAM;AACd,WAAO,MAAM;AAxDjB;AAyDM,qBAAS,YAAT,mBAAkB;AAAA;AAAA,KAEnB;AAEH,SAAO,QAAQ,MAAM;AACnB,aAAS,UAAU,SAAS,IAAI,MAAM,QAAQ;AAC9C,WAAO,SAAS;AAAA,KACf,CAAC,QAAQ,SAAS,GAAG;AAAA;AAtBV;AA6BT,0BAA6B,KAAQ,MAAM,GAAM;AACtD,QAAM,CAAC,OAAO,YAAY,SAAS;AAEnC,YAAU,MAAM;AACd,QAAI,KAAK,WAAW,MAAM;AACxB,eAAS,CAAC,SAAS;AACjB,YAAI,SAAS;AAAK,iBAAO;AACzB,eAAO;AAAA;AAAA,OAER;AAEH,WAAO,MAAM;AACX,mBAAa;AAAA;AAAA,KAEd,CAAC;AAEJ,SAAO;AAAA;AAhBO;",
6
+ "names": []
7
+ }
@@ -0,0 +1,66 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
3
+ import { useEffect, useMemo, useRef, useState } from "react";
4
+ function debounce(func, wait, leading) {
5
+ let timeout;
6
+ let isCancelled = false;
7
+ function debounced() {
8
+ isCancelled = false;
9
+ let context = this;
10
+ let args = arguments;
11
+ if (leading && !timeout) {
12
+ func.apply(context, args);
13
+ }
14
+ clearTimeout(timeout);
15
+ timeout = setTimeout(function() {
16
+ timeout = null;
17
+ if (!leading && !isCancelled) {
18
+ func.apply(context, args);
19
+ }
20
+ isCancelled = false;
21
+ }, wait);
22
+ }
23
+ __name(debounced, "debounced");
24
+ debounced.cancel = () => {
25
+ isCancelled = true;
26
+ };
27
+ return debounced;
28
+ }
29
+ __name(debounce, "debounce");
30
+ const defaultOpts = { leading: false };
31
+ function useDebounce(fn, wait, options = defaultOpts, mountArgs = []) {
32
+ const dbEffect = useRef(null);
33
+ useEffect(() => {
34
+ return () => {
35
+ var _a;
36
+ (_a = dbEffect.current) == null ? void 0 : _a.cancel();
37
+ };
38
+ }, []);
39
+ return useMemo(() => {
40
+ dbEffect.current = debounce(fn, wait, options.leading);
41
+ return dbEffect.current;
42
+ }, [options.leading, ...mountArgs]);
43
+ }
44
+ __name(useDebounce, "useDebounce");
45
+ function useDebounceValue(val, amt = 0) {
46
+ const [state, setState] = useState(val);
47
+ useEffect(() => {
48
+ let tm = setTimeout(() => {
49
+ setState((prev) => {
50
+ if (prev === val)
51
+ return prev;
52
+ return val;
53
+ });
54
+ }, amt);
55
+ return () => {
56
+ clearTimeout(tm);
57
+ };
58
+ }, [val]);
59
+ return state;
60
+ }
61
+ __name(useDebounceValue, "useDebounceValue");
62
+ export {
63
+ debounce,
64
+ useDebounce,
65
+ useDebounceValue
66
+ };
package/package.json CHANGED
@@ -1,26 +1,26 @@
1
1
  {
2
2
  "name": "@tamagui/use-debounce",
3
- "version": "1.0.0-alpha.4",
4
- "source": "src/index.ts",
5
- "main": "dist/index.cjs",
6
- "module": "dist/index.js",
7
- "typings": "types.d.ts",
3
+ "version": "1.0.0-alpha.40",
4
+ "typings": "types",
5
+ "main": "dist/cjs",
6
+ "module": "dist/esm",
7
+ "module:jsx": "dist/jsx",
8
8
  "files": [
9
- "dist",
10
- "src"
9
+ "types",
10
+ "dist"
11
11
  ],
12
12
  "scripts": {
13
13
  "build": "tamagui-build",
14
14
  "watch": "tamagui-build --watch"
15
15
  },
16
16
  "devDependencies": {
17
- "@tamagui/build": "^1.0.0-alpha.2"
17
+ "@tamagui/build": "^1.0.0-alpha.40"
18
18
  },
19
- "peerDependencies": {
19
+ "dependencies": {
20
20
  "react": "*"
21
21
  },
22
22
  "publishConfig": {
23
23
  "access": "public"
24
24
  },
25
- "gitHead": "3e3b5401f9daea70cf9a99782d325f58357ca681"
25
+ "gitHead": "425b002aea52f714266c1ae6ddbef6ba62deafeb"
26
26
  }
@@ -0,0 +1,12 @@
1
+ declare type DebounceSettings = {
2
+ leading?: boolean;
3
+ };
4
+ export declare function debounce<A extends Function>(func: A, wait?: number, leading?: boolean): A & {
5
+ cancel: () => void;
6
+ };
7
+ export declare function useDebounce<A extends (...args: any) => any | undefined | null, DebouncedFn extends A & {
8
+ cancel: () => void;
9
+ }>(fn: A, wait: number, options?: DebounceSettings, mountArgs?: any[]): DebouncedFn;
10
+ export declare function useDebounceValue<A>(val: A, amt?: number): A;
11
+ export {};
12
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,aAAK,gBAAgB,GAAG;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,QAAQ,EACzC,IAAI,EAAE,CAAC,EACP,IAAI,CAAC,EAAE,MAAM,EACb,OAAO,CAAC,EAAE,OAAO,GAChB,CAAC,GAAG;IACL,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,CA0BA;AAID,wBAAgB,WAAW,CACzB,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,GAAG,GAAG,SAAS,GAAG,IAAI,EAClD,WAAW,SAAS,CAAC,GAAG;IACtB,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,EAED,EAAE,EAAE,CAAC,EACL,IAAI,EAAE,MAAM,EACZ,OAAO,GAAE,gBAA8B,EACvC,SAAS,GAAE,GAAG,EAAO,GACpB,WAAW,CAab;AAMD,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,SAAI,GAAG,CAAC,CAiBtD"}
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../src/index.ts"],
4
- "sourcesContent": ["import { useEffect, useMemo, useRef, useState } from 'react'\n\ntype DebounceSettings = {\n leading?: boolean\n}\n\nexport function debounce<A extends Function>(\n func: A,\n wait?: number,\n leading?: boolean\n): A & {\n cancel: Function\n} {\n let timeout: any\n let isCancelled\n function debounced(this: any) {\n isCancelled = false\n let context = this\n let args = arguments\n if (leading && !timeout) {\n func.apply(context, args)\n }\n clearTimeout(timeout)\n timeout = setTimeout(function () {\n timeout = null\n if (!leading && !isCancelled) {\n func.apply(context, args)\n }\n isCancelled = false\n }, wait)\n }\n debounced.cancel = () => {\n isCancelled = true\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[] = []\n): DebouncedFn {\n const dbEffect = useRef<DebouncedFn | null>(null)\n\n useEffect(() => {\n return () => {\n dbEffect.current?.cancel()\n }\n }, [])\n\n return 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] = useState(val)\n\n useEffect(() => {\n let 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"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqD;AAM9C,kBACL,MACA,MACA,SAGA;AACA,MAAI;AACJ,MAAI;AACJ,uBAA8B;AAC5B,kBAAc;AACd,QAAI,UAAU;AACd,QAAI,OAAO;AACX,QAAI,WAAW,CAAC,SAAS;AACvB,WAAK,MAAM,SAAS;AAAA;AAEtB,iBAAa;AACb,cAAU,WAAW,WAAY;AAC/B,gBAAU;AACV,UAAI,CAAC,WAAW,CAAC,aAAa;AAC5B,aAAK,MAAM,SAAS;AAAA;AAEtB,oBAAc;AAAA,OACb;AAAA;AAdI;AAgBT,YAAU,SAAS,MAAM;AACvB,kBAAc;AAAA;AAEhB,SAAO;AAAA;AA5BO;AA+BhB,IAAM,cAAc,EAAE,SAAS;AAExB,qBAML,IACA,MACA,UAA4B,aAC5B,YAAmB,IACN;AACb,QAAM,WAAW,yBAA2B;AAE5C,8BAAU,MAAM;AACd,WAAO,MAAM;AArDjB;AAsDM,qBAAS,YAAT,mBAAkB;AAAA;AAAA,KAEnB;AAEH,SAAO,0BAAQ,MAAM;AACnB,aAAS,UAAU,SAAS,IAAI,MAAM,QAAQ;AAC9C,WAAO,SAAS;AAAA,KACf,CAAC,QAAQ,SAAS,GAAG;AAAA;AAtBV;AA6BT,0BAA6B,KAAQ,MAAM,GAAM;AACtD,QAAM,CAAC,OAAO,YAAY,2BAAS;AAEnC,8BAAU,MAAM;AACd,QAAI,KAAK,WAAW,MAAM;AACxB,eAAS,CAAC,SAAS;AACjB,YAAI,SAAS;AAAK,iBAAO;AACzB,eAAO;AAAA;AAAA,OAER;AAEH,WAAO,MAAM;AACX,mBAAa;AAAA;AAAA,KAEd,CAAC;AAEJ,SAAO;AAAA;AAhBO;",
6
- "names": []
7
- }
package/dist/index.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../src/index.ts"],
4
- "sourcesContent": ["import { useEffect, useMemo, useRef, useState } from 'react'\n\ntype DebounceSettings = {\n leading?: boolean\n}\n\nexport function debounce<A extends Function>(\n func: A,\n wait?: number,\n leading?: boolean\n): A & {\n cancel: Function\n} {\n let timeout: any\n let isCancelled\n function debounced(this: any) {\n isCancelled = false\n let context = this\n let args = arguments\n if (leading && !timeout) {\n func.apply(context, args)\n }\n clearTimeout(timeout)\n timeout = setTimeout(function () {\n timeout = null\n if (!leading && !isCancelled) {\n func.apply(context, args)\n }\n isCancelled = false\n }, wait)\n }\n debounced.cancel = () => {\n isCancelled = true\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[] = []\n): DebouncedFn {\n const dbEffect = useRef<DebouncedFn | null>(null)\n\n useEffect(() => {\n return () => {\n dbEffect.current?.cancel()\n }\n }, [])\n\n return 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] = useState(val)\n\n useEffect(() => {\n let 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"],
5
- "mappings": ";;AAAA;AAMO,kBACL,MACA,MACA,SAGA;AACA,MAAI;AACJ,MAAI;AACJ,uBAA8B;AAC5B,kBAAc;AACd,QAAI,UAAU;AACd,QAAI,OAAO;AACX,QAAI,WAAW,CAAC,SAAS;AACvB,WAAK,MAAM,SAAS;AAAA;AAEtB,iBAAa;AACb,cAAU,WAAW,WAAY;AAC/B,gBAAU;AACV,UAAI,CAAC,WAAW,CAAC,aAAa;AAC5B,aAAK,MAAM,SAAS;AAAA;AAEtB,oBAAc;AAAA,OACb;AAAA;AAdI;AAgBT,YAAU,SAAS,MAAM;AACvB,kBAAc;AAAA;AAEhB,SAAO;AAAA;AA5BO;AA+BhB,MAAM,cAAc,EAAE,SAAS;AAExB,qBAML,IACA,MACA,UAA4B,aAC5B,YAAmB,IACN;AACb,QAAM,WAAW,OAA2B;AAE5C,YAAU,MAAM;AACd,WAAO,MAAM;AACX,eAAS,SAAS;AAAA;AAAA,KAEnB;AAEH,SAAO,QAAQ,MAAM;AACnB,aAAS,UAAU,SAAS,IAAI,MAAM,QAAQ;AAC9C,WAAO,SAAS;AAAA,KACf,CAAC,QAAQ,SAAS,GAAG;AAAA;AAtBV;AA6BT,0BAA6B,KAAQ,MAAM,GAAM;AACtD,QAAM,CAAC,OAAO,YAAY,SAAS;AAEnC,YAAU,MAAM;AACd,QAAI,KAAK,WAAW,MAAM;AACxB,eAAS,CAAC,SAAS;AACjB,YAAI,SAAS;AAAK,iBAAO;AACzB,eAAO;AAAA;AAAA,OAER;AAEH,WAAO,MAAM;AACX,mBAAa;AAAA;AAAA,KAEd,CAAC;AAEJ,SAAO;AAAA;AAhBO;",
6
- "names": []
7
- }
package/src/index.ts DELETED
@@ -1,89 +0,0 @@
1
- import { useEffect, useMemo, useRef, useState } from 'react'
2
-
3
- type DebounceSettings = {
4
- leading?: boolean
5
- }
6
-
7
- export function debounce<A extends Function>(
8
- func: A,
9
- wait?: number,
10
- leading?: boolean
11
- ): A & {
12
- cancel: () => void
13
- } {
14
- let timeout: any
15
- let isCancelled = false
16
-
17
- function debounced(this: any) {
18
- isCancelled = false
19
- let context = this
20
- let args = arguments
21
- if (leading && !timeout) {
22
- func.apply(context, args)
23
- }
24
- clearTimeout(timeout)
25
- timeout = setTimeout(function () {
26
- timeout = null
27
- if (!leading && !isCancelled) {
28
- func.apply(context, args)
29
- }
30
- isCancelled = false
31
- }, wait)
32
- }
33
-
34
- debounced.cancel = () => {
35
- isCancelled = true
36
- }
37
-
38
- return debounced as any
39
- }
40
-
41
- const defaultOpts = { leading: false }
42
-
43
- export function useDebounce<
44
- A extends (...args: any) => any | undefined | null,
45
- DebouncedFn extends A & {
46
- cancel: () => void
47
- }
48
- >(
49
- fn: A,
50
- wait: number,
51
- options: DebounceSettings = defaultOpts,
52
- mountArgs: any[] = []
53
- ): DebouncedFn {
54
- const dbEffect = useRef<DebouncedFn | null>(null)
55
-
56
- useEffect(() => {
57
- return () => {
58
- dbEffect.current?.cancel()
59
- }
60
- }, [])
61
-
62
- return useMemo(() => {
63
- dbEffect.current = debounce(fn, wait, options.leading) as unknown as DebouncedFn
64
- return dbEffect.current
65
- }, [options.leading, ...mountArgs])
66
- }
67
-
68
- /**
69
- * Returns a value once it stops changing after "amt" time.
70
- * Note: you may need to memo or this will keep re-rendering
71
- */
72
- export function useDebounceValue<A>(val: A, amt = 0): A {
73
- const [state, setState] = useState(val)
74
-
75
- useEffect(() => {
76
- let tm = setTimeout(() => {
77
- setState((prev) => {
78
- if (prev === val) return prev
79
- return val
80
- })
81
- }, amt)
82
-
83
- return () => {
84
- clearTimeout(tm)
85
- }
86
- }, [val])
87
-
88
- return state
89
- }