Input Textarea instead of Text

app.py

@@ -4,12 +4,83 @@ import random
 import solara
 import torch
 import torch.nn.functional as F
+import ipyvue
+import reacton
+from solara.alias import rv as v
+from typing import Any, Callable, Optional, TypeVar, Union, cast, overload
 
 from transformers import AutoTokenizer, AutoModelForCausalLM
 
 tokenizer = AutoTokenizer.from_pretrained('gpt2', padding_side='left')
 model = AutoModelForCausalLM.from_pretrained('gpt2')
 
+def use_change(el: reacton.core.Element, on_value: Callable[[Any], Any], enabled=True):
+    """Trigger a callback when a blur events occurs or the enter key is pressed."""
+    on_value_ref = solara.use_ref(on_value)
+    on_value_ref.current = on_value
+
+    def add_events():
+        def on_change(widget, event, data):
+            if enabled:
+                on_value_ref.current(widget.v_model)
+
+        widget = cast(ipyvue.VueWidget, solara.get_widget(el))
+        if enabled:
+            widget.on_event("blur", on_change)
+            widget.on_event("keyup.enter", on_change)
+
+        def cleanup():
+            if enabled:
+                widget.on_event("blur", on_change, remove=True)
+                widget.on_event("keyup.enter", on_change, remove=True)
+
+        return cleanup
+
+    solara.use_effect(add_events, [enabled])
+
+@solara.component
+def InputTextarea(
+    label: str,
+    value: Union[str, solara.Reactive[str]] = "",
+    on_value: Callable[[str], None] = None,
+    disabled: bool = False,
+    password: bool = False,
+    continuous_update: bool = False,
+    error: Union[bool, str] = False,
+    message: Optional[str] = None,
+):
+    reactive_value = solara.use_reactive(value, on_value)
+    del value, on_value
+
+    def set_value_cast(value):
+        reactive_value.value = str(value)
+
+    def on_v_model(value):
+        if continuous_update:
+            set_value_cast(value)
+
+    messages = []
+    if error and isinstance(error, str):
+        messages.append(error)
+    elif message:
+        messages.append(message)
+    text_area = v.Textarea(
+        v_model=reactive_value.value,
+        on_v_model=on_v_model,
+        label=label,
+        disabled=disabled,
+        type="password" if password else None,
+        error=bool(error),
+        messages=messages,
+        solo=True,
+        hide_details=True,
+        outlined=True,
+        rows=1,
+        auto_grow=True,
+    )
+    use_change(text_area, set_value_cast, enabled=not continuous_update)
+    return text_area
+
 text1 = solara.reactive("""One, two, three, four, mango""")
 @solara.component
 def Page():
@@ -44,7 +115,7 @@ def Page():
       white-space-collapse:preserve;
     }
     """
-    solara.InputText("Enter text:", value=text1, continuous_update=True)
+    InputTextarea("Enter text:", value=text1, continuous_update=True)
     if text1.value != "":
       with solara.Column():
         with solara.Row(gap="0px"):