remove prop debounce_timeout from input and textarea (#1645)

Author: DanielFrantes

reflex/components/forms/input.py

@@ -50,9 +50,6 @@ class Input(ChakraComponent):
     # "lg" | "md" | "sm" | "xs"
     size: Var[str]
 
-    # Time in milliseconds to wait between end of input and triggering on_change
-    debounce_timeout: Var[int]
-
     def _get_imports(self) -> imports.ImportDict:
         return imports.merge_imports(
             super()._get_imports(),
@@ -84,12 +81,14 @@ def create(cls, *children, **props) -> Component:
         Returns:
             The component.
         """
-        if isinstance(props.get("value"), Var) and props.get("on_change"):
+        if (
+            isinstance(props.get("value"), Var) and props.get("on_change")
+        ) or "debounce_timeout" in props:
+            # Currently default to 50ms, which appears to be a good balance
+            debounce_timeout = props.pop("debounce_timeout", 50)
             # create a debounced input if the user requests full control to avoid typing jank
             return DebounceInput.create(
-                super().create(*children, **props),
-                # Currently default to 50ms, which appears to be a good balance
-                debounce_timeout=props.get("debounce_timeout", 50),
+                super().create(*children, **props), debounce_timeout=debounce_timeout
             )
         return super().create(*children, **props)
 

reflex/components/forms/textarea.py

@@ -43,9 +43,6 @@ class TextArea(ChakraComponent):
     # "outline" | "filled" | "flushed" | "unstyled"
     variant: Var[str]
 
-    # Time in milliseconds to wait between end of input and triggering on_change
-    debounce_timeout: Var[int]
-
     def get_controlled_triggers(self) -> Dict[str, Var]:
         """Get the event triggers that pass the component's value to the handler.
 
@@ -71,11 +68,13 @@ def create(cls, *children, **props) -> Component:
         Returns:
             The component.
         """
-        if isinstance(props.get("value"), Var) and props.get("on_change"):
+        if (
+            isinstance(props.get("value"), Var) and props.get("on_change")
+        ) or "debounce_timeout" in props:
+            # Currently default to 50ms, which appears to be a good balance
+            debounce_timeout = props.pop("debounce_timeout", 50)
             # create a debounced input if the user requests full control to avoid typing jank
             return DebounceInput.create(
-                super().create(*children, **props),
-                # Currently default to 50ms, which appears to be a good balance
-                debounce_timeout=props.get("debounce_timeout", 50),
+                super().create(*children, **props), debounce_timeout=debounce_timeout
             )
         return super().create(*children, **props)