Project Init

node_modules/@mantine/hooks/esm/use-debounced-value/use-debounced-value.mjs

@@ -0,0 +1,32 @@
+'use client';
+import { useState, useRef, useCallback, useEffect } from 'react';
+
+function useDebouncedValue(value, wait, options = { leading: false }) {
+  const [_value, setValue] = useState(value);
+  const mountedRef = useRef(false);
+  const timeoutRef = useRef(null);
+  const cooldownRef = useRef(false);
+  const cancel = useCallback(() => window.clearTimeout(timeoutRef.current), []);
+  useEffect(() => {
+    if (mountedRef.current) {
+      if (!cooldownRef.current && options.leading) {
+        cooldownRef.current = true;
+        setValue(value);
+      } else {
+        cancel();
+        timeoutRef.current = window.setTimeout(() => {
+          cooldownRef.current = false;
+          setValue(value);
+        }, wait);
+      }
+    }
+  }, [value, options.leading, wait]);
+  useEffect(() => {
+    mountedRef.current = true;
+    return cancel;
+  }, []);
+  return [_value, cancel];
+}
+
+export { useDebouncedValue };
+//# sourceMappingURL=use-debounced-value.mjs.map