@tamagui/use-debounce 1.0.1-beta.99 → 1.0.1-rc.0

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.
package/dist/cjs/index.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use strict";
1
2
  var __defProp = Object.defineProperty;
2
3
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -28,8 +29,8 @@ function debounce(func, wait, leading) {
28
29
  let isCancelled = false;
29
30
  function debounced() {
30
31
  isCancelled = false;
31
- let context = this;
32
- let args = arguments;
32
+ const context = this;
33
+ const args = arguments;
33
34
  if (leading && !timeout) {
34
35
  func.apply(context, args);
35
36
  }
@@ -64,7 +65,7 @@ function useDebounce(fn, wait, options = defaultOpts, mountArgs = []) {
64
65
  function useDebounceValue(val, amt = 0) {
65
66
  const [state, setState] = (0, import_react.useState)(val);
66
67
  (0, import_react.useEffect)(() => {
67
- let tm = setTimeout(() => {
68
+ const tm = setTimeout(() => {
68
69
  setState((prev) => {
69
70
  if (prev === val)
70
71
  return prev;
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
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;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,IAAI;AAAA,IAC1B;AACA,iBAAa,OAAO;AACpB,cAAU,WAAW,WAAY;AAC/B,gBAAU;AACV,UAAI,CAAC,WAAW,CAAC,aAAa;AAC5B,aAAK,MAAM,SAAS,IAAI;AAAA,MAC1B;AACA,oBAAc;AAAA,IAChB,GAAG,IAAI;AAAA,EACT;AAEA,YAAU,SAAS,MAAM;AACvB,kBAAc;AAAA,EAChB;AAEA,SAAO;AACT;AAEA,MAAM,cAAc,EAAE,SAAS,MAAM;AAE9B,qBAML,IACA,MACA,UAA4B,aAC5B,YAAmB,CAAC,GACP;AACb,QAAM,WAAW,yBAA2B,IAAI;AAEhD,8BAAU,MAAM;AACd,WAAO,MAAM;AAxDjB;AAyDM,qBAAS,YAAT,mBAAkB;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,0BAAQ,MAAM;AACnB,aAAS,UAAU,SAAS,IAAI,MAAM,QAAQ,OAAO;AACrD,WAAO,SAAS;AAAA,EAClB,GAAG,CAAC,QAAQ,SAAS,GAAG,SAAS,CAAC;AACpC;AAMO,0BAA6B,KAAQ,MAAM,GAAM;AACtD,QAAM,CAAC,OAAO,YAAY,2BAAS,GAAG;AAEtC,8BAAU,MAAM;AACd,QAAI,KAAK,WAAW,MAAM;AACxB,eAAS,CAAC,SAAS;AACjB,YAAI,SAAS;AAAK,iBAAO;AACzB,eAAO;AAAA,MACT,CAAC;AAAA,IACH,GAAG,GAAG;AAEN,WAAO,MAAM;AACX,mBAAa,EAAE;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AAER,SAAO;AACT;",
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 // eslint-disable-next-line @typescript-eslint/no-this-alias\n const context = this\n const 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 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"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqD;AAM9C,SAAS,SACd,MACA,MACA,SAGA;AACA,MAAI;AACJ,MAAI,cAAc;AAElB,WAAS,YAAqB;AAC5B,kBAAc;AAEd,UAAM,UAAU;AAChB,UAAM,OAAO;AACb,QAAI,WAAW,CAAC,SAAS;AACvB,WAAK,MAAM,SAAS,IAAI;AAAA,IAC1B;AACA,iBAAa,OAAO;AACpB,cAAU,WAAW,WAAY;AAC/B,gBAAU;AACV,UAAI,CAAC,WAAW,CAAC,aAAa;AAC5B,aAAK,MAAM,SAAS,IAAI;AAAA,MAC1B;AACA,oBAAc;AAAA,IAChB,GAAG,IAAI;AAAA,EACT;AAEA,YAAU,SAAS,MAAM;AACvB,kBAAc;AAAA,EAChB;AAEA,SAAO;AACT;AAEA,MAAM,cAAc,EAAE,SAAS,MAAM;AAE9B,SAAS,YAMd,IACA,MACA,UAA4B,aAC5B,YAAmB,CAAC,GACP;AACb,QAAM,eAAW,qBAA2B,IAAI;AAEhD,8BAAU,MAAM;AACd,WAAO,MAAM;AAzDjB;AA0DM,qBAAS,YAAT,mBAAkB;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,aAAO,sBAAQ,MAAM;AACnB,aAAS,UAAU,SAAS,IAAI,MAAM,QAAQ,OAAO;AACrD,WAAO,SAAS;AAAA,EAClB,GAAG,CAAC,QAAQ,SAAS,GAAG,SAAS,CAAC;AACpC;AAMO,SAAS,iBAAoB,KAAQ,MAAM,GAAM;AACtD,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,GAAG;AAEtC,8BAAU,MAAM;AACd,UAAM,KAAK,WAAW,MAAM;AAC1B,eAAS,CAAC,SAAS;AACjB,YAAI,SAAS;AAAK,iBAAO;AACzB,eAAO;AAAA,MACT,CAAC;AAAA,IACH,GAAG,GAAG;AAEN,WAAO,MAAM;AACX,mBAAa,EAAE;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AAER,SAAO;AACT;",
6
6
  "names": []
7
7
  }
package/dist/esm/index.js CHANGED
@@ -4,8 +4,8 @@ function debounce(func, wait, leading) {
4
4
  let isCancelled = false;
5
5
  function debounced() {
6
6
  isCancelled = false;
7
- let context = this;
8
- let args = arguments;
7
+ const context = this;
8
+ const args = arguments;
9
9
  if (leading && !timeout) {
10
10
  func.apply(context, args);
11
11
  }
@@ -40,7 +40,7 @@ function useDebounce(fn, wait, options = defaultOpts, mountArgs = []) {
40
40
  function useDebounceValue(val, amt = 0) {
41
41
  const [state, setState] = useState(val);
42
42
  useEffect(() => {
43
- let tm = setTimeout(() => {
43
+ const tm = setTimeout(() => {
44
44
  setState((prev) => {
45
45
  if (prev === val)
46
46
  return prev;
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
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,IAAI;AAAA,IAC1B;AACA,iBAAa,OAAO;AACpB,cAAU,WAAW,WAAY;AAC/B,gBAAU;AACV,UAAI,CAAC,WAAW,CAAC,aAAa;AAC5B,aAAK,MAAM,SAAS,IAAI;AAAA,MAC1B;AACA,oBAAc;AAAA,IAChB,GAAG,IAAI;AAAA,EACT;AAEA,YAAU,SAAS,MAAM;AACvB,kBAAc;AAAA,EAChB;AAEA,SAAO;AACT;AAEA,MAAM,cAAc,EAAE,SAAS,MAAM;AAE9B,qBAML,IACA,MACA,UAA4B,aAC5B,YAAmB,CAAC,GACP;AACb,QAAM,WAAW,OAA2B,IAAI;AAEhD,YAAU,MAAM;AACd,WAAO,MAAM;AAxDjB;AAyDM,qBAAS,YAAT,mBAAkB;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,QAAQ,MAAM;AACnB,aAAS,UAAU,SAAS,IAAI,MAAM,QAAQ,OAAO;AACrD,WAAO,SAAS;AAAA,EAClB,GAAG,CAAC,QAAQ,SAAS,GAAG,SAAS,CAAC;AACpC;AAMO,0BAA6B,KAAQ,MAAM,GAAM;AACtD,QAAM,CAAC,OAAO,YAAY,SAAS,GAAG;AAEtC,YAAU,MAAM;AACd,QAAI,KAAK,WAAW,MAAM;AACxB,eAAS,CAAC,SAAS;AACjB,YAAI,SAAS;AAAK,iBAAO;AACzB,eAAO;AAAA,MACT,CAAC;AAAA,IACH,GAAG,GAAG;AAEN,WAAO,MAAM;AACX,mBAAa,EAAE;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AAER,SAAO;AACT;",
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 // eslint-disable-next-line @typescript-eslint/no-this-alias\n const context = this\n const 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 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"],
5
+ "mappings": "AAAA,SAAS,WAAW,SAAS,QAAQ,gBAAgB;AAM9C,SAAS,SACd,MACA,MACA,SAGA;AACA,MAAI;AACJ,MAAI,cAAc;AAElB,WAAS,YAAqB;AAC5B,kBAAc;AAEd,UAAM,UAAU;AAChB,UAAM,OAAO;AACb,QAAI,WAAW,CAAC,SAAS;AACvB,WAAK,MAAM,SAAS,IAAI;AAAA,IAC1B;AACA,iBAAa,OAAO;AACpB,cAAU,WAAW,WAAY;AAC/B,gBAAU;AACV,UAAI,CAAC,WAAW,CAAC,aAAa;AAC5B,aAAK,MAAM,SAAS,IAAI;AAAA,MAC1B;AACA,oBAAc;AAAA,IAChB,GAAG,IAAI;AAAA,EACT;AAEA,YAAU,SAAS,MAAM;AACvB,kBAAc;AAAA,EAChB;AAEA,SAAO;AACT;AAEA,MAAM,cAAc,EAAE,SAAS,MAAM;AAE9B,SAAS,YAMd,IACA,MACA,UAA4B,aAC5B,YAAmB,CAAC,GACP;AACb,QAAM,WAAW,OAA2B,IAAI;AAEhD,YAAU,MAAM;AACd,WAAO,MAAM;AAzDjB;AA0DM,qBAAS,YAAT,mBAAkB;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,QAAQ,MAAM;AACnB,aAAS,UAAU,SAAS,IAAI,MAAM,QAAQ,OAAO;AACrD,WAAO,SAAS;AAAA,EAClB,GAAG,CAAC,QAAQ,SAAS,GAAG,SAAS,CAAC;AACpC;AAMO,SAAS,iBAAoB,KAAQ,MAAM,GAAM;AACtD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,GAAG;AAEtC,YAAU,MAAM;AACd,UAAM,KAAK,WAAW,MAAM;AAC1B,eAAS,CAAC,SAAS;AACjB,YAAI,SAAS;AAAK,iBAAO;AACzB,eAAO;AAAA,MACT,CAAC;AAAA,IACH,GAAG,GAAG;AAEN,WAAO,MAAM;AACX,mBAAa,EAAE;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AAER,SAAO;AACT;",
6
6
  "names": []
7
7
  }
package/dist/jsx/index.js CHANGED
@@ -4,8 +4,8 @@ function debounce(func, wait, leading) {
4
4
  let isCancelled = false;
5
5
  function debounced() {
6
6
  isCancelled = false;
7
- let context = this;
8
- let args = arguments;
7
+ const context = this;
8
+ const args = arguments;
9
9
  if (leading && !timeout) {
10
10
  func.apply(context, args);
11
11
  }
@@ -28,8 +28,7 @@ function useDebounce(fn, wait, options = defaultOpts, mountArgs = []) {
28
28
  const dbEffect = useRef(null);
29
29
  useEffect(() => {
30
30
  return () => {
31
- var _a;
32
- (_a = dbEffect.current) == null ? void 0 : _a.cancel();
31
+ dbEffect.current?.cancel();
33
32
  };
34
33
  }, []);
35
34
  return useMemo(() => {
@@ -40,7 +39,7 @@ function useDebounce(fn, wait, options = defaultOpts, mountArgs = []) {
40
39
  function useDebounceValue(val, amt = 0) {
41
40
  const [state, setState] = useState(val);
42
41
  useEffect(() => {
43
- let tm = setTimeout(() => {
42
+ const tm = setTimeout(() => {
44
43
  setState((prev) => {
45
44
  if (prev === val)
46
45
  return prev;
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
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,IAAI;AAAA,IAC1B;AACA,iBAAa,OAAO;AACpB,cAAU,WAAW,WAAY;AAC/B,gBAAU;AACV,UAAI,CAAC,WAAW,CAAC,aAAa;AAC5B,aAAK,MAAM,SAAS,IAAI;AAAA,MAC1B;AACA,oBAAc;AAAA,IAChB,GAAG,IAAI;AAAA,EACT;AAEA,YAAU,SAAS,MAAM;AACvB,kBAAc;AAAA,EAChB;AAEA,SAAO;AACT;AAEA,MAAM,cAAc,EAAE,SAAS,MAAM;AAE9B,qBAML,IACA,MACA,UAA4B,aAC5B,YAAmB,CAAC,GACP;AACb,QAAM,WAAW,OAA2B,IAAI;AAEhD,YAAU,MAAM;AACd,WAAO,MAAM;AAxDjB;AAyDM,qBAAS,YAAT,mBAAkB;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,QAAQ,MAAM;AACnB,aAAS,UAAU,SAAS,IAAI,MAAM,QAAQ,OAAO;AACrD,WAAO,SAAS;AAAA,EAClB,GAAG,CAAC,QAAQ,SAAS,GAAG,SAAS,CAAC;AACpC;AAMO,0BAA6B,KAAQ,MAAM,GAAM;AACtD,QAAM,CAAC,OAAO,YAAY,SAAS,GAAG;AAEtC,YAAU,MAAM;AACd,QAAI,KAAK,WAAW,MAAM;AACxB,eAAS,CAAC,SAAS;AACjB,YAAI,SAAS;AAAK,iBAAO;AACzB,eAAO;AAAA,MACT,CAAC;AAAA,IACH,GAAG,GAAG;AAEN,WAAO,MAAM;AACX,mBAAa,EAAE;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AAER,SAAO;AACT;",
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 // eslint-disable-next-line @typescript-eslint/no-this-alias\n const context = this\n const 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 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"],
5
+ "mappings": "AAAA,SAAS,WAAW,SAAS,QAAQ,gBAAgB;AAM9C,SAAS,SACd,MACA,MACA,SAGA;AACA,MAAI;AACJ,MAAI,cAAc;AAElB,WAAS,YAAqB;AAC5B,kBAAc;AAEd,UAAM,UAAU;AAChB,UAAM,OAAO;AACb,QAAI,WAAW,CAAC,SAAS;AACvB,WAAK,MAAM,SAAS,IAAI;AAAA,IAC1B;AACA,iBAAa,OAAO;AACpB,cAAU,WAAW,WAAY;AAC/B,gBAAU;AACV,UAAI,CAAC,WAAW,CAAC,aAAa;AAC5B,aAAK,MAAM,SAAS,IAAI;AAAA,MAC1B;AACA,oBAAc;AAAA,IAChB,GAAG,IAAI;AAAA,EACT;AAEA,YAAU,SAAS,MAAM;AACvB,kBAAc;AAAA,EAChB;AAEA,SAAO;AACT;AAEA,MAAM,cAAc,EAAE,SAAS,MAAM;AAE9B,SAAS,YAMd,IACA,MACA,UAA4B,aAC5B,YAAmB,CAAC,GACP;AACb,QAAM,WAAW,OAA2B,IAAI;AAEhD,YAAU,MAAM;AACd,WAAO,MAAM;AACX,eAAS,SAAS,OAAO;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,QAAQ,MAAM;AACnB,aAAS,UAAU,SAAS,IAAI,MAAM,QAAQ,OAAO;AACrD,WAAO,SAAS;AAAA,EAClB,GAAG,CAAC,QAAQ,SAAS,GAAG,SAAS,CAAC;AACpC;AAMO,SAAS,iBAAoB,KAAQ,MAAM,GAAM;AACtD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,GAAG;AAEtC,YAAU,MAAM;AACd,UAAM,KAAK,WAAW,MAAM;AAC1B,eAAS,CAAC,SAAS;AACjB,YAAI,SAAS;AAAK,iBAAO;AACzB,eAAO;AAAA,MACT,CAAC;AAAA,IACH,GAAG,GAAG;AAEN,WAAO,MAAM;AACX,mBAAa,EAAE;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AAER,SAAO;AACT;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,10 +1,9 @@
1
1
  {
2
2
  "name": "@tamagui/use-debounce",
3
- "version": "1.0.1-beta.99",
3
+ "version": "1.0.1-rc.0",
4
4
  "types": "./types/index.d.ts",
5
5
  "main": "dist/cjs",
6
6
  "module": "dist/esm",
7
- "module:jsx": "dist/jsx",
8
7
  "files": [
9
8
  "src",
10
9
  "types",
@@ -13,15 +12,17 @@
13
12
  "scripts": {
14
13
  "build": "tamagui-build",
15
14
  "watch": "tamagui-build --watch",
15
+ "lint": "eslint src",
16
+ "lint:fix": "yarn lint --fix",
16
17
  "clean": "tamagui-build clean",
17
18
  "clean:build": "tamagui-build clean:build"
18
19
  },
19
20
  "devDependencies": {
20
- "@tamagui/build": "^1.0.1-beta.99",
21
- "react": "*"
21
+ "@tamagui/build": "^1.0.1-rc.0",
22
+ "react": ">=18"
22
23
  },
23
24
  "peerDependencies": {
24
- "react": "*"
25
+ "react": ">=18"
25
26
  },
26
27
  "publishConfig": {
27
28
  "access": "public"
package/src/index.ts CHANGED
@@ -16,8 +16,9 @@ export function debounce<A extends Function>(
16
16
 
17
17
  function debounced(this: any) {
18
18
  isCancelled = false
19
- let context = this
20
- let args = arguments
19
+ // eslint-disable-next-line @typescript-eslint/no-this-alias
20
+ const context = this
21
+ const args = arguments
21
22
  if (leading && !timeout) {
22
23
  func.apply(context, args)
23
24
  }
@@ -73,7 +74,7 @@ export function useDebounceValue<A>(val: A, amt = 0): A {
73
74
  const [state, setState] = useState(val)
74
75
 
75
76
  useEffect(() => {
76
- let tm = setTimeout(() => {
77
+ const tm = setTimeout(() => {
77
78
  setState((prev) => {
78
79
  if (prev === val) return prev
79
80
  return val
package/types/index.d.ts CHANGED
@@ -7,6 +7,10 @@ export declare function debounce<A extends Function>(func: A, wait?: number, lea
7
7
  export declare function useDebounce<A extends (...args: any) => any | undefined | null, DebouncedFn extends A & {
8
8
  cancel: () => void;
9
9
  }>(fn: A, wait: number, options?: DebounceSettings, mountArgs?: any[]): DebouncedFn;
10
+ /**
11
+ * Returns a value once it stops changing after "amt" time.
12
+ * Note: you may need to memo or this will keep re-rendering
13
+ */
10
14
  export declare function useDebounceValue<A>(val: A, amt?: number): A;
11
15
  export {};
12
16
  //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
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"}