@tamagui/use-debounce 1.0.0-alpha.22 → 1.0.0-alpha.23

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "@tamagui/use-debounce",
-  "version": "1.0.0-alpha.22",
+  "version": "1.0.0-alpha.23",
   "typings": "types",
   "main": "dist/cjs",
   "module": "dist/esm",
   "module:jsx": "dist/jsx",
   "files": [
     "types",
-    "src",
     "dist"
   ],
   "scripts": {
@@ -23,5 +22,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f247aca6f00c201efbc317bb24b22a62b08d1033"
+  "gitHead": "69fb1d82868a6525fee6b0750cb2113d88ffea79"
 }

package/src/index.ts

@@ -1,89 +0,0 @@
-import { useEffect, useMemo, useRef, useState } from 'react'
-
-type DebounceSettings = {
-  leading?: boolean
-}
-
-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
-    let context = this
-    let args = arguments
-    if (leading && !timeout) {
-      func.apply(context, args)
-    }
-    clearTimeout(timeout)
-    timeout = setTimeout(function () {
-      timeout = null
-      if (!leading && !isCancelled) {
-        func.apply(context, 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[] = []
-): DebouncedFn {
-  const dbEffect = useRef<DebouncedFn | null>(null)
-
-  useEffect(() => {
-    return () => {
-      dbEffect.current?.cancel()
-    }
-  }, [])
-
-  return 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] = useState(val)
-
-  useEffect(() => {
-    let tm = setTimeout(() => {
-      setState((prev) => {
-        if (prev === val) return prev
-        return val
-      })
-    }, amt)
-
-    return () => {
-      clearTimeout(tm)
-    }
-  }, [val])
-
-  return state
-}