reflex 0.5.4a3__py3-none-any.whl → 0.5.5a1__py3-none-any.whl

reflex/components/el/elements/__init__.pyi

@@ -99,6 +99,9 @@ from .media import picture as picture
 from .media import portal as portal
 from .media import source as source
 from .media import svg as svg
+from .media import defs as defs
+from .media import lineargradient as lineargradient
+from .media import stop as stop
 from .media import path as path
 from .media import Area as Area
 from .media import Audio as Audio
@@ -113,17 +116,22 @@ from .media import Picture as Picture
 from .media import Portal as Portal
 from .media import Source as Source
 from .media import Svg as Svg
+from .media import Defs as Defs
+from .media import Lineargradient as Lineargradient
+from .media import Stop as Stop
 from .media import Path as Path
 from .metadata import base as base
 from .metadata import head as head
 from .metadata import link as link
 from .metadata import meta as meta
 from .metadata import title as title
+from .metadata import style as style
 from .metadata import Base as Base
 from .metadata import Head as Head
 from .metadata import Link as Link
 from .metadata import Meta as Meta
 from .metadata import Title as Title
+from .metadata import Style as Style
 from .other import details as details
 from .other import dialog as dialog
 from .other import summary as summary
@@ -285,9 +293,12 @@ _MAPPING = {
         "portal",
         "source",
         "svg",
+        "defs",
+        "lineargradient",
+        "stop",
         "path",
     ],
-    "metadata": ["base", "head", "link", "meta", "title"],
+    "metadata": ["base", "head", "link", "meta", "title", "style"],
     "other": ["details", "dialog", "summary", "slot", "template", "math", "html"],
     "scripts": ["canvas", "noscript", "script"],
     "sectioning": [

reflex/components/el/elements/base.py

@@ -1,4 +1,5 @@
 """Element classes. This is an auto-generated file. Do not edit. See ../generate.py."""
+
 from typing import Union
 
 from reflex.components.el.element import Element

reflex/components/el/elements/forms.py

@@ -10,9 +10,9 @@ from jinja2 import Environment
 from reflex.components.el.element import Element
 from reflex.components.tags.tag import Tag
 from reflex.constants import Dirs, EventTriggers
-from reflex.event import EventChain
-from reflex.utils import imports
+from reflex.event import EventChain, EventHandler
 from reflex.utils.format import format_event_chain
+from reflex.utils.imports import ImportDict
 from reflex.vars import BaseVar, Var
 
 from .base import BaseHTML
@@ -134,16 +134,8 @@ class Form(BaseHTML):
     # The name used to make this form's submit handler function unique.
     handle_submit_unique_name: Var[str]
 
-    def get_event_triggers(self) -> Dict[str, Any]:
-        """Event triggers for radix form root.
-
-        Returns:
-            The triggers for event supported by Root.
-        """
-        return {
-            **super().get_event_triggers(),
-            EventTriggers.ON_SUBMIT: lambda e0: [FORM_DATA],
-        }
+    # Fired when the form is submitted
+    on_submit: EventHandler[lambda e0: [FORM_DATA]]
 
     @classmethod
     def create(cls, *children, **props):
@@ -169,17 +161,16 @@ class Form(BaseHTML):
         ).hexdigest()
         return form
 
-    def _get_imports(self) -> imports.ImportDict:
-        return imports.merge_imports(
-            super()._get_imports(),
-            {
-                "react": {imports.ImportVar(tag="useCallback")},
-                f"/{Dirs.STATE_PATH}": {
-                    imports.ImportVar(tag="getRefValue"),
-                    imports.ImportVar(tag="getRefValues"),
-                },
-            },
-        )
+    def add_imports(self) -> ImportDict:
+        """Add imports needed by the form component.
+
+        Returns:
+            The imports for the form component.
+        """
+        return {
+            "react": "useCallback",
+            f"/{Dirs.STATE_PATH}": ["getRefValue", "getRefValues"],
+        }
 
     def add_hooks(self) -> list[str]:
         """Add hooks for the form.
@@ -353,20 +344,20 @@ class Input(BaseHTML):
     # Value of the input
     value: Var[Union[str, int, float]]
 
-    def get_event_triggers(self) -> Dict[str, Any]:
-        """Get the event triggers that pass the component's value to the handler.
+    # Fired when the input value changes
+    on_change: EventHandler[lambda e0: [e0.target.value]]
 
-        Returns:
-            A dict mapping the event trigger to the var that is passed to the handler.
-        """
-        return {
-            **super().get_event_triggers(),
-            EventTriggers.ON_CHANGE: lambda e0: [e0.target.value],
-            EventTriggers.ON_FOCUS: lambda e0: [e0.target.value],
-            EventTriggers.ON_BLUR: lambda e0: [e0.target.value],
-            EventTriggers.ON_KEY_DOWN: lambda e0: [e0.key],
-            EventTriggers.ON_KEY_UP: lambda e0: [e0.key],
-        }
+    # Fired when the input gains focus
+    on_focus: EventHandler[lambda e0: [e0.target.value]]
+
+    # Fired when the input loses focus
+    on_blur: EventHandler[lambda e0: [e0.target.value]]
+
+    # Fired when a key is pressed down
+    on_key_down: EventHandler[lambda e0: [e0.key]]
+
+    # Fired when a key is released
+    on_key_up: EventHandler[lambda e0: [e0.key]]
 
 
 class Label(BaseHTML):
@@ -504,16 +495,8 @@ class Select(BaseHTML):
     # Number of visible options in a drop-down list
     size: Var[Union[str, int, bool]]
 
-    def get_event_triggers(self) -> Dict[str, Any]:
-        """Get the event triggers that pass the component's value to the handler.
-
-        Returns:
-            A dict mapping the event trigger to the var that is passed to the handler.
-        """
-        return {
-            **super().get_event_triggers(),
-            EventTriggers.ON_CHANGE: lambda e0: [e0.target.value],
-        }
+    # Fired when the select value changes
+    on_change: EventHandler[lambda e0: [e0.target.value]]
 
 
 AUTO_HEIGHT_JS = """
@@ -602,6 +585,21 @@ class Textarea(BaseHTML):
     # How the text in the textarea is to be wrapped when submitting the form
     wrap: Var[Union[str, int, bool]]
 
+    # Fired when the input value changes
+    on_change: EventHandler[lambda e0: [e0.target.value]]
+
+    # Fired when the input gains focus
+    on_focus: EventHandler[lambda e0: [e0.target.value]]
+
+    # Fired when the input loses focus
+    on_blur: EventHandler[lambda e0: [e0.target.value]]
+
+    # Fired when a key is pressed down
+    on_key_down: EventHandler[lambda e0: [e0.key]]
+
+    # Fired when a key is released
+    on_key_up: EventHandler[lambda e0: [e0.key]]
+
     def _exclude_props(self) -> list[str]:
         return super()._exclude_props() + [
             "auto_height",
@@ -647,21 +645,6 @@ class Textarea(BaseHTML):
             )
         return tag
 
-    def get_event_triggers(self) -> Dict[str, Any]:
-        """Get the event triggers that pass the component's value to the handler.
-
-        Returns:
-            A dict mapping the event trigger to the var that is passed to the handler.
-        """
-        return {
-            **super().get_event_triggers(),
-            EventTriggers.ON_CHANGE: lambda e0: [e0.target.value],
-            EventTriggers.ON_FOCUS: lambda e0: [e0.target.value],
-            EventTriggers.ON_BLUR: lambda e0: [e0.target.value],
-            EventTriggers.ON_KEY_DOWN: lambda e0: [e0.key],
-            EventTriggers.ON_KEY_UP: lambda e0: [e0.key],
-        }
-
 
 button = Button.create
 fieldset = Fieldset.create

reflex/components/el/elements/forms.pyi

@@ -13,9 +13,9 @@ from jinja2 import Environment
 from reflex.components.el.element import Element
 from reflex.components.tags.tag import Tag
 from reflex.constants import Dirs, EventTriggers
-from reflex.event import EventChain
-from reflex.utils import imports
+from reflex.event import EventChain, EventHandler
 from reflex.utils.format import format_event_chain
+from reflex.utils.imports import ImportDict
 from reflex.vars import BaseVar, Var
 from .base import BaseHTML
 
@@ -409,7 +409,6 @@ class Fieldset(Element):
         ...
 
 class Form(BaseHTML):
-    def get_event_triggers(self) -> Dict[str, Any]: ...
     @overload
     @classmethod
     def create(  # type: ignore
@@ -581,10 +580,11 @@ class Form(BaseHTML):
             The form component.
         """
         ...
+
+    def add_imports(self) -> ImportDict: ...
     def add_hooks(self) -> list[str]: ...
 
 class Input(BaseHTML):
-    def get_event_triggers(self) -> Dict[str, Any]: ...
     @overload
     @classmethod
     def create(  # type: ignore
@@ -1822,7 +1822,6 @@ class Progress(BaseHTML):
         ...
 
 class Select(BaseHTML):
-    def get_event_triggers(self) -> Dict[str, Any]: ...
     @overload
     @classmethod
     def create(  # type: ignore
@@ -1987,7 +1986,6 @@ AUTO_HEIGHT_JS = '\nconst autoHeightOnInput = (e, is_enabled) => {\n    if (is_e
 ENTER_KEY_SUBMIT_JS = "\nconst enterKeySubmitOnKeyDown = (e, is_enabled) => {\n    if (is_enabled && e.which === 13 && !e.shiftKey) {\n        e.preventDefault();\n        if (!e.repeat) {\n            if (e.target.form) {\n                e.target.form.requestSubmit();\n            }\n        }\n    }\n}\n"
 
 class Textarea(BaseHTML):
-    def get_event_triggers(self) -> Dict[str, Any]: ...
     @overload
     @classmethod
     def create(  # type: ignore

reflex/components/el/elements/inline.py

@@ -1,4 +1,5 @@
 """Element classes. This is an auto-generated file. Do not edit. See ../generate.py."""
+
 from typing import Union
 
 from reflex.vars import Var

reflex/components/el/elements/media.py

@@ -1,7 +1,9 @@
 """Element classes. This is an auto-generated file. Do not edit. See ../generate.py."""
+
 from typing import Any, Union
 
 from reflex import Component
+from reflex.constants.colors import Color
 from reflex.vars import Var as Var
 
 from .base import BaseHTML
@@ -309,6 +311,54 @@ class Svg(BaseHTML):
     tag = "svg"
 
 
+class Defs(BaseHTML):
+    """Display the defs element."""
+
+    tag = "defs"
+
+
+class Lineargradient(BaseHTML):
+    """Display the linearGradient element."""
+
+    tag = "linearGradient"
+
+    # Units for the gradient
+    gradient_units: Var[Union[str, bool]]
+
+    # Transform applied to the gradient
+    gradient_transform: Var[Union[str, bool]]
+
+    # Method used to spread the gradient
+    spread_method: Var[Union[str, bool]]
+
+    # X coordinate of the starting point of the gradient
+    x1: Var[Union[str, int, bool]]
+
+    # X coordinate of the ending point of the gradient
+    x2: Var[Union[str, int, bool]]
+
+    # Y coordinate of the starting point of the gradient
+    y1: Var[Union[str, int, bool]]
+
+    # Y coordinate of the ending point of the gradient
+    y2: Var[Union[str, int, bool]]
+
+
+class Stop(BaseHTML):
+    """Display the stop element."""
+
+    tag = "stop"
+
+    # Offset of the gradient stop
+    offset: Var[Union[str, float, int]]
+
+    # Color of the gradient stop
+    stop_color: Var[Union[str, Color, bool]]
+
+    # Opacity of the gradient stop
+    stop_opacity: Var[Union[str, float, int, bool]]
+
+
 class Path(BaseHTML):
     """Display the path element."""
 
@@ -331,4 +381,7 @@ picture = Picture.create
 portal = Portal.create
 source = Source.create
 svg = Svg.create
+defs = Defs.create
+lineargradient = Lineargradient.create
+stop = Stop.create
 path = Path.create