reflex 0.5.5a1__py3-none-any.whl → 0.5.6__py3-none-any.whl

reflex/components/core/client_side_routing.pyi

@@ -1,16 +1,14 @@
 """Stub file for reflex/components/core/client_side_routing.py"""
+
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
+from typing import Any, Callable, Dict, Optional, Union, overload
 
-from typing import Any, Dict, Literal, Optional, Union, overload
-from reflex.vars import Var, BaseVar, ComputedVar
-from reflex.event import EventChain, EventHandler, EventSpec
-from reflex.style import Style
-from reflex import constants
 from reflex.components.component import Component
-from reflex.components.core.cond import cond
-from reflex.vars import Var
+from reflex.event import EventHandler, EventSpec
+from reflex.style import Style
+from reflex.vars import BaseVar, Var
 
 route_not_found: Var
 
@@ -29,51 +27,51 @@ class ClientSideRouting(Component):
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
         on_blur: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_click: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_context_menu: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_double_click: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_focus: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mount: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_down: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_enter: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_scroll: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
-        **props
+        **props,
     ) -> "ClientSideRouting":
         """Create the component.
 
@@ -108,51 +106,51 @@ class Default404Page(Component):
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
         on_blur: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_click: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_context_menu: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_double_click: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_focus: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mount: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_down: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_enter: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_scroll: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
-        **props
+        **props,
     ) -> "Default404Page":
         """Create the component.
 

reflex/components/core/clipboard.py

@@ -0,0 +1,95 @@
+"""Global on_paste handling for Reflex app."""
+
+from __future__ import annotations
+
+from typing import Dict, List, Union
+
+from reflex.components.base.fragment import Fragment
+from reflex.components.tags.tag import Tag
+from reflex.event import EventChain, EventHandler
+from reflex.utils.format import format_prop, wrap
+from reflex.utils.imports import ImportVar
+from reflex.vars import Var, get_unique_variable_name
+
+
+class Clipboard(Fragment):
+    """Clipboard component."""
+
+    # The element ids to attach the event listener to. Defaults to all child components or the document.
+    targets: Var[List[str]]
+
+    # Called when the user pastes data into the document. Data is a list of tuples of (mime_type, data). Binary types will be base64 encoded as a data uri.
+    on_paste: EventHandler[lambda data: [data]]
+
+    # Save the original event actions for the on_paste event.
+    on_paste_event_actions: Var[Dict[str, Union[bool, int]]]
+
+    @classmethod
+    def create(cls, *children, **props):
+        """Create a Clipboard component.
+
+        Args:
+            *children: The children of the component.
+            **props: The properties of the component.
+
+        Returns:
+            The Clipboard Component.
+        """
+        if "targets" not in props:
+            # Add all children as targets if not specified.
+            targets = props.setdefault("targets", [])
+            for c in children:
+                if c.id is None:
+                    c.id = f"clipboard_{get_unique_variable_name()}"
+                targets.append(c.id)
+
+        if "on_paste" in props:
+            # Capture the event actions for the on_paste handler if not specified.
+            props.setdefault("on_paste_event_actions", props["on_paste"].event_actions)
+
+        return super().create(*children, **props)
+
+    def _exclude_props(self) -> list[str]:
+        return super()._exclude_props() + ["on_paste", "on_paste_event_actions"]
+
+    def _render(self) -> Tag:
+        tag = super()._render()
+        tag.remove_props("targets")
+        # Ensure a different Fragment component is created whenever targets differ
+        tag.add_props(key=self.targets)
+        return tag
+
+    def add_imports(self) -> dict[str, ImportVar]:
+        """Add the imports for the Clipboard component.
+
+        Returns:
+            The import dict for the component.
+        """
+        return {
+            "/utils/helpers/paste.js": ImportVar(
+                tag="usePasteHandler", is_default=True
+            ),
+        }
+
+    def add_hooks(self) -> list[str]:
+        """Add hook to register paste event listener.
+
+        Returns:
+            The hooks to add to the component.
+        """
+        on_paste = self.event_triggers["on_paste"]
+        if on_paste is None:
+            return []
+        if isinstance(on_paste, EventChain):
+            on_paste = wrap(str(format_prop(on_paste)).strip("{}"), "(")
+        return [
+            "usePasteHandler(%s, %s, %s)"
+            % (
+                self.targets._var_name_unwrapped,
+                self.on_paste_event_actions._var_name_unwrapped,
+                on_paste,
+            )
+        ]
+
+
+clipboard = Clipboard.create

reflex/components/core/clipboard.pyi

@@ -0,0 +1,102 @@
+"""Stub file for reflex/components/core/clipboard.py"""
+
+# ------------------- DO NOT EDIT ----------------------
+# This file was generated by `reflex/utils/pyi_generator.py`!
+# ------------------------------------------------------
+from typing import Any, Callable, Dict, List, Optional, Union, overload
+
+from reflex.components.base.fragment import Fragment
+from reflex.event import EventHandler, EventSpec
+from reflex.style import Style
+from reflex.utils.imports import ImportVar
+from reflex.vars import BaseVar, Var
+
+class Clipboard(Fragment):
+    @overload
+    @classmethod
+    def create(  # type: ignore
+        cls,
+        *children,
+        targets: Optional[Union[Var[List[str]], List[str]]] = None,
+        on_paste_event_actions: Optional[
+            Union[Var[Dict[str, Union[bool, int]]], Dict[str, Union[bool, int]]]
+        ] = None,
+        style: Optional[Style] = None,
+        key: Optional[Any] = None,
+        id: Optional[Any] = None,
+        class_name: Optional[Any] = None,
+        autofocus: Optional[bool] = None,
+        custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
+        on_blur: Optional[
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
+        ] = None,
+        on_click: Optional[
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
+        ] = None,
+        on_context_menu: Optional[
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
+        ] = None,
+        on_double_click: Optional[
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
+        ] = None,
+        on_focus: Optional[
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
+        ] = None,
+        on_mount: Optional[
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
+        ] = None,
+        on_mouse_down: Optional[
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
+        ] = None,
+        on_mouse_enter: Optional[
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
+        ] = None,
+        on_mouse_leave: Optional[
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
+        ] = None,
+        on_mouse_move: Optional[
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
+        ] = None,
+        on_mouse_out: Optional[
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
+        ] = None,
+        on_mouse_over: Optional[
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
+        ] = None,
+        on_mouse_up: Optional[
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
+        ] = None,
+        on_paste: Optional[
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
+        ] = None,
+        on_scroll: Optional[
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
+        ] = None,
+        on_unmount: Optional[
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
+        ] = None,
+        **props,
+    ) -> "Clipboard":
+        """Create a Clipboard component.
+
+        Args:
+            *children: The children of the component.
+            targets: The element ids to attach the event listener to. Defaults to all child components or the document.
+            on_paste_event_actions: Save the original event actions for the on_paste event.
+            style: The style of the component.
+            key: A unique key for the component.
+            id: The id for the component.
+            class_name: The class name for the component.
+            autofocus: Whether the component should take the focus once the page is loaded
+            custom_attrs: custom attribute
+            **props: The properties of the component.
+
+        Returns:
+            The Clipboard Component.
+        """
+        ...
+
+    def add_imports(self) -> dict[str, ImportVar]: ...
+    def add_hooks(self) -> list[str]: ...
+
+clipboard = Clipboard.create

reflex/components/core/debounce.pyi

@@ -1,17 +1,14 @@
 """Stub file for reflex/components/core/debounce.py"""
+
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
+from typing import Any, Callable, Dict, Optional, Type, Union, overload
 
-from typing import Any, Dict, Literal, Optional, Union, overload
-from reflex.vars import Var, BaseVar, ComputedVar
-from reflex.event import EventChain, EventHandler, EventSpec
-from reflex.style import Style
-from typing import Any, Type, Union
 from reflex.components.component import Component
-from reflex.constants import EventTriggers
-from reflex.event import EventHandler
-from reflex.vars import Var, VarData
+from reflex.event import EventHandler, EventSpec
+from reflex.style import Style
+from reflex.vars import BaseVar, Var
 
 DEFAULT_DEBOUNCE_TIMEOUT = 300
 
@@ -25,9 +22,7 @@ class DebounceInput(Component):
         debounce_timeout: Optional[Union[Var[int], int]] = None,
         force_notify_by_enter: Optional[Union[Var[bool], bool]] = None,
         force_notify_on_blur: Optional[Union[Var[bool], bool]] = None,
-        value: Optional[
-            Union[Var[Union[str, int, float]], Union[str, int, float]]
-        ] = None,
+        value: Optional[Union[Var[Union[float, int, str]], str, int, float]] = None,
         input_ref: Optional[Union[Var[str], str]] = None,
         element: Optional[Union[Var[Type[Component]], Type[Component]]] = None,
         style: Optional[Style] = None,
@@ -37,54 +32,54 @@ class DebounceInput(Component):
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
         on_blur: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_change: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_click: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_context_menu: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_double_click: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_focus: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mount: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_down: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_enter: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_scroll: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
-        **props
+        **props,
     ) -> "DebounceInput":
         """Create a DebounceInput component.
 

reflex/components/core/foreach.py

@@ -66,7 +66,7 @@ class Foreach(Component):
             raise ForeachVarError(
                 f"Could not foreach over var `{iterable._var_full_name}` of type Any. "
                 "(If you are trying to foreach over a state var, add a type annotation to the var). "
-                "See https://reflex.dev/docs/library/layout/foreach/"
+                "See https://reflex.dev/docs/library/dynamic-rendering/foreach/"
             )
 
         if (
@@ -95,7 +95,8 @@ class Foreach(Component):
         if len(params) == 0 or len(params) > 2:
             raise ForeachRenderError(
                 "Expected 1 or 2 parameters in foreach render function, got "
-                f"{[p.name for p in params]}. See https://reflex.dev/docs/library/layout/foreach/"
+                f"{[p.name for p in params]}. See "
+                "https://reflex.dev/docs/library/dynamic-rendering/foreach/"
             )
 
         if len(params) >= 1:

reflex/components/core/html.pyi

@@ -1,15 +1,14 @@
 """Stub file for reflex/components/core/html.py"""
+
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
+from typing import Any, Callable, Dict, Optional, Union, overload
 
-from typing import Any, Dict, Literal, Optional, Union, overload
-from reflex.vars import Var, BaseVar, ComputedVar
-from reflex.event import EventChain, EventHandler, EventSpec
-from reflex.style import Style
-from typing import Dict
 from reflex.components.el.elements.typography import Div
-from reflex.vars import Var
+from reflex.event import EventHandler, EventSpec
+from reflex.style import Style
+from reflex.vars import BaseVar, Var
 
 class Html(Div):
     @overload
@@ -20,46 +19,30 @@ class Html(Div):
         dangerouslySetInnerHTML: Optional[
             Union[Var[Dict[str, str]], Dict[str, str]]
         ] = None,
-        access_key: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
+            Union[Var[Union[bool, int, str]], str, int, bool]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
+            Union[Var[Union[bool, int, str]], str, int, bool]
         ] = None,
         context_menu: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
-        dir: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
-        draggable: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
+            Union[Var[Union[bool, int, str]], str, int, bool]
         ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
         enter_key_hint: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
-        hidden: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
-        input_mode: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
-        item_prop: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
-        lang: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
-        role: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
-        slot: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
-        spell_check: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
-        tab_index: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
-        title: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
+            Union[Var[Union[bool, int, str]], str, int, bool]
+        ] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,
@@ -67,51 +50,51 @@ class Html(Div):
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
         on_blur: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_click: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_context_menu: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_double_click: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_focus: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mount: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_down: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_enter: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_scroll: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
-        **props
+        **props,
     ) -> "Html":
         """Create a html component.
 

reflex/components/core/upload.py

@@ -107,7 +107,7 @@ def cancel_upload(upload_id: str) -> EventSpec:
         An event spec that cancels the upload when triggered.
     """
     return call_script(
-        f"upload_controllers[{Var.create_safe(upload_id, _var_is_string=True)._var_name_unwrapped!r}]?.abort()"
+        f"upload_controllers[{Var.create_safe(upload_id, _var_is_string=True)._var_name_unwrapped}]?.abort()"
     )