Project Init

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

@@ -0,0 +1,29 @@
+'use client';
+import { useState, useRef, useEffect, useCallback } from 'react';
+
+function useDebouncedState(defaultValue, wait, options = { leading: false }) {
+  const [value, setValue] = useState(defaultValue);
+  const timeoutRef = useRef(null);
+  const leadingRef = useRef(true);
+  const clearTimeout = () => window.clearTimeout(timeoutRef.current);
+  useEffect(() => clearTimeout, []);
+  const debouncedSetValue = useCallback(
+    (newValue) => {
+      clearTimeout();
+      if (leadingRef.current && options.leading) {
+        setValue(newValue);
+      } else {
+        timeoutRef.current = window.setTimeout(() => {
+          leadingRef.current = true;
+          setValue(newValue);
+        }, wait);
+      }
+      leadingRef.current = false;
+    },
+    [options.leading]
+  );
+  return [value, debouncedSetValue];
+}
+
+export { useDebouncedState };
+//# sourceMappingURL=use-debounced-state.mjs.map