feat: support rule provider

1 files changed, 23 insertions, 0 deletions

diff --git a/src/hooks/useTextInput.ts b/src/hooks/useTextInput.ts
new file mode 100644
index 0000000..1fa19f7
--- /dev/null
+++ b/src/hooks/useTextInput.ts
@@ -0,0 +1,23 @@
+import debounce from 'lodash-es/debounce';
+import * as React from 'react';
+import { RecoilState, useRecoilState } from 'recoil';
+
+const { useCallback, useState, useMemo } = React;
+
+export function useTextInut(
+  x: RecoilState<string>
+): [(e: React.ChangeEvent<HTMLInputElement>) => void, string] {
+  const [, setTextGlobal] = useRecoilState(x);
+  const [text, setText] = useState('');
+  const setTextDebounced = useMemo(() => debounce(setTextGlobal, 300), [
+    setTextGlobal,
+  ]);
+  const onChange = useCallback(
+    (e: React.ChangeEvent<HTMLInputElement>) => {
+      setText(e.target.value);
+      setTextDebounced(e.target.value);
+    },
+    [setTextDebounced]
+  );
+  return [onChange, text];
+}