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

reflex/components/markdown/markdown.py

@@ -7,7 +7,6 @@ from functools import lru_cache
 from hashlib import md5
 from typing import Any, Callable, Dict, Union
 
-from reflex.compiler import utils
 from reflex.components.component import Component, CustomComponent
 from reflex.components.radix.themes.layout.list import (
     ListItem,
@@ -18,8 +17,8 @@ from reflex.components.radix.themes.typography.heading import Heading
 from reflex.components.radix.themes.typography.link import Link
 from reflex.components.radix.themes.typography.text import Text
 from reflex.components.tags.tag import Tag
-from reflex.utils import imports, types
-from reflex.utils.imports import ImportVar
+from reflex.utils import types
+from reflex.utils.imports import ImportDict, ImportVar
 from reflex.vars import Var
 
 # Special vars used in the component map.
@@ -145,47 +144,41 @@ class Markdown(Component):
 
         return custom_components
 
-    def _get_imports(self) -> imports.ImportDict:
-        # Import here to avoid circular imports.
+    def add_imports(self) -> ImportDict | list[ImportDict]:
+        """Add imports for the markdown component.
+
+        Returns:
+            The imports for the markdown component.
+        """
         from reflex.components.datadisplay.code import CodeBlock
         from reflex.components.radix.themes.typography.code import Code
 
-        imports = super()._get_imports()
-
-        # Special markdown imports.
-        imports.update(
+        return [
             {
-                "": [ImportVar(tag="katex/dist/katex.min.css")],
-                "remark-math@5.1.1": [
-                    ImportVar(tag=_REMARK_MATH._var_name, is_default=True)
-                ],
-                "remark-gfm@3.0.1": [
-                    ImportVar(tag=_REMARK_GFM._var_name, is_default=True)
-                ],
-                "remark-unwrap-images@4.0.0": [
-                    ImportVar(tag=_REMARK_UNWRAP_IMAGES._var_name, is_default=True)
-                ],
-                "rehype-katex@6.0.3": [
-                    ImportVar(tag=_REHYPE_KATEX._var_name, is_default=True)
-                ],
-                "rehype-raw@6.1.1": [
-                    ImportVar(tag=_REHYPE_RAW._var_name, is_default=True)
-                ],
-            }
-        )
-
-        # Get the imports for each component.
-        for component in self.component_map.values():
-            imports = utils.merge_imports(
-                imports, component(_MOCK_ARG)._get_all_imports()
-            )
-
-        # Get the imports for the code components.
-        imports = utils.merge_imports(
-            imports, CodeBlock.create(theme="light")._get_imports()
-        )
-        imports = utils.merge_imports(imports, Code.create()._get_imports())
-        return imports
+                "": "katex/dist/katex.min.css",
+                "remark-math@5.1.1": ImportVar(
+                    tag=_REMARK_MATH._var_name, is_default=True
+                ),
+                "remark-gfm@3.0.1": ImportVar(
+                    tag=_REMARK_GFM._var_name, is_default=True
+                ),
+                "remark-unwrap-images@4.0.0": ImportVar(
+                    tag=_REMARK_UNWRAP_IMAGES._var_name, is_default=True
+                ),
+                "rehype-katex@6.0.3": ImportVar(
+                    tag=_REHYPE_KATEX._var_name, is_default=True
+                ),
+                "rehype-raw@6.1.1": ImportVar(
+                    tag=_REHYPE_RAW._var_name, is_default=True
+                ),
+            },
+            *[
+                component(_MOCK_ARG)._get_imports()  # type: ignore
+                for component in self.component_map.values()
+            ],
+            CodeBlock.create(theme="light")._get_imports(),  # type: ignore,
+            Code.create()._get_imports(),  # type: ignore,
+        ]
 
     def get_component(self, tag: str, **props) -> Component:
         """Get the component for a tag and props.
@@ -249,7 +242,9 @@ class Markdown(Component):
         }
 
         # Separate out inline code and code blocks.
-        components["code"] = f"""{{({{node, inline, className, {_CHILDREN._var_name}, {_PROPS._var_name}}}) => {{
+        components[
+            "code"
+        ] = f"""{{({{node, inline, className, {_CHILDREN._var_name}, {_PROPS._var_name}}}) => {{
     const match = (className || '').match(/language-(?<lang>.*)/);
     const language = match ? match[1] : '';
     if (language) {{

reflex/components/markdown/markdown.pyi

@@ -11,7 +11,6 @@ import textwrap
 from functools import lru_cache
 from hashlib import md5
 from typing import Any, Callable, Dict, Union
-from reflex.compiler import utils
 from reflex.components.component import Component, CustomComponent
 from reflex.components.radix.themes.layout.list import (
     ListItem,
@@ -22,8 +21,8 @@ from reflex.components.radix.themes.typography.heading import Heading
 from reflex.components.radix.themes.typography.link import Link
 from reflex.components.radix.themes.typography.text import Text
 from reflex.components.tags.tag import Tag
-from reflex.utils import imports, types
-from reflex.utils.imports import ImportVar
+from reflex.utils import types
+from reflex.utils.imports import ImportDict, ImportVar
 from reflex.vars import Var
 
 _CHILDREN = Var.create_safe("children", _var_is_local=False, _var_is_string=False)
@@ -124,6 +123,8 @@ class Markdown(Component):
             The markdown component.
         """
         ...
+
+    def add_imports(self) -> ImportDict | list[ImportDict]: ...
     def get_component(self, tag: str, **props) -> Component: ...
     def format_component(self, tag: str, **props) -> str: ...
     def format_component_map(self) -> dict[str, str]: ...

reflex/components/media/icon.py

@@ -1,2 +1,3 @@
 """Shim for reflex.components.chakra.media.icon."""
+
 from reflex.components.chakra.media.icon import *

reflex/components/moment/moment.py

@@ -1,10 +1,11 @@
 """Moment component for humanized date rendering."""
 
-from typing import Any, Dict, List, Optional
+from typing import List, Optional
 
 from reflex.base import Base
 from reflex.components.component import Component, NoSSRComponent
-from reflex.utils import imports
+from reflex.event import EventHandler
+from reflex.utils.imports import ImportDict
 from reflex.vars import Var
 
 
@@ -90,25 +91,18 @@ class Moment(NoSSRComponent):
     # Display the date in the given timezone.
     tz: Var[str]
 
-    def _get_imports(self) -> imports.ImportDict:
-        merged_imports = super()._get_imports()
-        if self.tz is not None:
-            merged_imports = imports.merge_imports(
-                merged_imports,
-                {"moment-timezone": {imports.ImportVar(tag="")}},
-            )
-        return merged_imports
+    # Fires when the date changes.
+    on_change: EventHandler[lambda date: [date]]
 
-    def get_event_triggers(self) -> Dict[str, Any]:
-        """Get the events triggers signatures for the component.
+    def add_imports(self) -> ImportDict:
+        """Add the imports for the Moment component.
 
         Returns:
-            The signatures of the event triggers.
+            The import dict for the component.
         """
-        return {
-            **super().get_event_triggers(),
-            "on_change": lambda date: [date],
-        }
+        if self.tz is not None:
+            return {"moment-timezone": ""}
+        return {}
 
     @classmethod
     def create(cls, *children, **props) -> Component:

reflex/components/moment/moment.pyi

@@ -7,10 +7,11 @@ 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, Dict, List, Optional
+from typing import List, Optional
 from reflex.base import Base
 from reflex.components.component import Component, NoSSRComponent
-from reflex.utils import imports
+from reflex.event import EventHandler
+from reflex.utils.imports import ImportDict
 from reflex.vars import Var
 
 class MomentDelta(Base):
@@ -25,7 +26,7 @@ class MomentDelta(Base):
     milliseconds: Optional[int]
 
 class Moment(NoSSRComponent):
-    def get_event_triggers(self) -> Dict[str, Any]: ...
+    def add_imports(self) -> ImportDict: ...
     @overload
     @classmethod
     def create(  # type: ignore

reflex/components/next/base.py

@@ -1,4 +1,5 @@
 """Base for NextJS components."""
+
 from reflex.components.component import Component
 
 

reflex/components/next/image.py

@@ -1,7 +1,8 @@
 """Image component from next/image."""
 
-from typing import Any, Dict, Literal, Optional, Union
+from typing import Any, Literal, Optional, Union
 
+from reflex.event import EventHandler
 from reflex.utils import types
 from reflex.vars import Var
 
@@ -54,17 +55,11 @@ class Image(NextComponent):
     # A Data URL to be used as a placeholder image before the src image successfully loads. Only takes effect when combined with placeholder="blur".
     blurDataURL: Var[str]
 
-    def get_event_triggers(self) -> Dict[str, Any]:
-        """The event triggers of the component.
+    # Fires when the image has loaded.
+    on_load: EventHandler[lambda: []]
 
-        Returns:
-            The dict describing the event triggers.
-        """
-        return {
-            **super().get_event_triggers(),
-            "on_load": lambda: [],
-            "on_error": lambda: [],
-        }
+    # Fires when the image has an error.
+    on_error: EventHandler[lambda: []]
 
     @classmethod
     def create(

reflex/components/next/image.pyi

@@ -7,13 +7,13 @@ 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, Dict, Literal, Optional, Union
+from typing import Any, Literal, Optional, Union
+from reflex.event import EventHandler
 from reflex.utils import types
 from reflex.vars import Var
 from .base import NextComponent
 
 class Image(NextComponent):
-    def get_event_triggers(self) -> Dict[str, Any]: ...
     @overload
     @classmethod
     def create(  # type: ignore

reflex/components/plotly/plotly.py

@@ -1,4 +1,5 @@
 """Component for displaying a plotly graph."""
+
 from __future__ import annotations
 
 from typing import Any, Dict, List

reflex/components/props.py

@@ -1,4 +1,5 @@
 """A class that holds props to be passed or applied to a component."""
+
 from __future__ import annotations
 
 from reflex.base import Base

reflex/components/radix/__init__.py

@@ -1,4 +1,5 @@
 """Namespace for components provided by @radix-ui packages."""
+
 from __future__ import annotations
 
 from reflex import RADIX_MAPPING

reflex/components/radix/primitives/__init__.py

@@ -1,4 +1,5 @@
 """Radix primitive components (https://www.radix-ui.com/primitives)."""
+
 from __future__ import annotations
 
 from reflex import RADIX_PRIMITIVES_MAPPING

reflex/components/radix/primitives/accordion.py

@@ -2,7 +2,7 @@
 
 from __future__ import annotations
 
-from typing import Any, Dict, List, Literal, Optional, Union
+from typing import Any, List, Literal, Optional, Union
 
 from reflex.components.component import Component, ComponentNamespace
 from reflex.components.core.colors import color
@@ -10,8 +10,8 @@ from reflex.components.core.cond import cond
 from reflex.components.lucide.icon import Icon
 from reflex.components.radix.primitives.base import RadixPrimitiveComponent
 from reflex.components.radix.themes.base import LiteralAccentColor, LiteralRadius
+from reflex.event import EventHandler
 from reflex.style import Style
-from reflex.utils import imports
 from reflex.vars import Var, get_uuid_string_var
 
 LiteralAccordionType = Literal["single", "multiple"]
@@ -112,6 +112,9 @@ class AccordionRoot(AccordionComponent):
 
     _valid_children: List[str] = ["AccordionItem"]
 
+    # Fired when the opened the accordions changes.
+    on_value_change: EventHandler[lambda e0: [e0]]
+
     def _exclude_props(self) -> list[str]:
         return super()._exclude_props() + [
             "radius",
@@ -120,17 +123,6 @@ class AccordionRoot(AccordionComponent):
             "show_dividers",
         ]
 
-    def get_event_triggers(self) -> Dict[str, Any]:
-        """Get the events triggers signatures for the component.
-
-        Returns:
-            The signatures of the event triggers.
-        """
-        return {
-            **super().get_event_triggers(),
-            "on_value_change": lambda e0: [e0],
-        }
-
     def add_style(self):
         """Add style to the component.
 
@@ -413,13 +405,13 @@ class AccordionContent(AccordionComponent):
 
     alias = "RadixAccordionContent"
 
-    def add_imports(self) -> imports.ImportDict:
+    def add_imports(self) -> dict:
         """Add imports to the component.
 
         Returns:
             The imports of the component.
         """
-        return {"@emotion/react": [imports.ImportVar(tag="keyframes")]}
+        return {"@emotion/react": "keyframes"}
 
     @classmethod
     def create(cls, *children, **props) -> Component:

reflex/components/radix/primitives/accordion.pyi

@@ -7,15 +7,15 @@ 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, Dict, List, Literal, Optional, Union
+from typing import Any, List, Literal, Optional, Union
 from reflex.components.component import Component, ComponentNamespace
 from reflex.components.core.colors import color
 from reflex.components.core.cond import cond
 from reflex.components.lucide.icon import Icon
 from reflex.components.radix.primitives.base import RadixPrimitiveComponent
 from reflex.components.radix.themes.base import LiteralAccentColor, LiteralRadius
+from reflex.event import EventHandler
 from reflex.style import Style
-from reflex.utils import imports
 from reflex.vars import Var, get_uuid_string_var
 
 LiteralAccordionType = Literal["single", "multiple"]
@@ -175,7 +175,6 @@ class AccordionComponent(RadixPrimitiveComponent):
         ...
 
 class AccordionRoot(AccordionComponent):
-    def get_event_triggers(self) -> Dict[str, Any]: ...
     def add_style(self): ...
     @overload
     @classmethod
@@ -520,6 +519,7 @@ class AccordionItem(AccordionComponent):
             The accordion item.
         """
         ...
+
     def add_style(self) -> dict[str, Any] | None: ...
 
 class AccordionHeader(AccordionComponent):
@@ -669,6 +669,7 @@ class AccordionHeader(AccordionComponent):
             The Accordion header Component.
         """
         ...
+
     def add_style(self) -> dict[str, Any] | None: ...
 
 class AccordionTrigger(AccordionComponent):
@@ -818,6 +819,7 @@ class AccordionTrigger(AccordionComponent):
             The Accordion trigger Component.
         """
         ...
+
     def add_style(self) -> dict[str, Any] | None: ...
 
 class AccordionIcon(Icon):
@@ -899,7 +901,7 @@ class AccordionIcon(Icon):
         ...
 
 class AccordionContent(AccordionComponent):
-    def add_imports(self) -> imports.ImportDict: ...
+    def add_imports(self) -> dict: ...
     @overload
     @classmethod
     def create(  # type: ignore
@@ -1046,6 +1048,7 @@ class AccordionContent(AccordionComponent):
             The Accordion content Component.
         """
         ...
+
     def add_custom_code(self) -> list[str]: ...
     def add_style(self) -> dict[str, Any] | None: ...
 

reflex/components/radix/primitives/base.py

@@ -1,4 +1,5 @@
 """The base component for Radix primitives."""
+
 from typing import List
 
 from reflex.components.component import Component

reflex/components/radix/primitives/drawer.py

@@ -4,13 +4,13 @@
 # Style based on https://ui.shadcn.com/docs/components/drawer
 from __future__ import annotations
 
-from typing import Any, Dict, List, Literal, Optional, Union
+from typing import Any, List, Literal, Optional, Union
 
 from reflex.components.component import Component, ComponentNamespace
 from reflex.components.radix.primitives.base import RadixPrimitiveComponent
 from reflex.components.radix.themes.base import Theme
 from reflex.components.radix.themes.layout.flex import Flex
-from reflex.constants import EventTriggers
+from reflex.event import EventHandler
 from reflex.vars import Var
 
 
@@ -59,16 +59,8 @@ class DrawerRoot(DrawerComponent):
     # When `True`, it prevents scroll restoration. Defaults to `True`.
     preventScrollRestoration: Var[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_OPEN_CHANGE: lambda e0: [e0],
-        }
+    # Fires when the drawer is opened.
+    on_open_change: EventHandler[lambda e0: [e0]]
 
 
 class DrawerTrigger(DrawerComponent):
@@ -135,22 +127,20 @@ class DrawerContent(DrawerComponent):
         base_style.update(style)
         return {"css": base_style}
 
-    def get_event_triggers(self) -> Dict[str, Any]:
-        """Get the events triggers signatures for the component.
+    # Fired when the drawer content is opened.
+    on_open_auto_focus: EventHandler[lambda e0: [e0.target.value]]
 
-        Returns:
-            The signatures of the event triggers.
-        """
-        return {
-            **super().get_event_triggers(),
-            # DrawerContent is based on Radix DialogContent
-            # These are the same triggers as DialogContent
-            EventTriggers.ON_OPEN_AUTO_FOCUS: lambda e0: [e0.target.value],
-            EventTriggers.ON_CLOSE_AUTO_FOCUS: lambda e0: [e0.target.value],
-            EventTriggers.ON_ESCAPE_KEY_DOWN: lambda e0: [e0.target.value],
-            EventTriggers.ON_POINTER_DOWN_OUTSIDE: lambda e0: [e0.target.value],
-            EventTriggers.ON_INTERACT_OUTSIDE: lambda e0: [e0.target.value],
-        }
+    # Fired when the drawer content is closed.
+    on_close_auto_focus: EventHandler[lambda e0: [e0.target.value]]
+
+    # Fired when the escape key is pressed.
+    on_escape_key_down: EventHandler[lambda e0: [e0.target.value]]
+
+    # Fired when the pointer is down outside the drawer content.
+    on_pointer_down_outside: EventHandler[lambda e0: [e0.target.value]]
+
+    # Fired when interacting outside the drawer content.
+    on_interact_outside: EventHandler[lambda e0: [e0.target.value]]
 
     @classmethod
     def create(cls, *children, **props):

reflex/components/radix/primitives/drawer.pyi

@@ -7,12 +7,12 @@ 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, Dict, List, Literal, Optional, Union
+from typing import Any, List, Literal, Optional, Union
 from reflex.components.component import Component, ComponentNamespace
 from reflex.components.radix.primitives.base import RadixPrimitiveComponent
 from reflex.components.radix.themes.base import Theme
 from reflex.components.radix.themes.layout.flex import Flex
-from reflex.constants import EventTriggers
+from reflex.event import EventHandler
 from reflex.vars import Var
 
 class DrawerComponent(RadixPrimitiveComponent):
@@ -96,7 +96,6 @@ class DrawerComponent(RadixPrimitiveComponent):
 LiteralDirectionType = Literal["top", "bottom", "left", "right"]
 
 class DrawerRoot(DrawerComponent):
-    def get_event_triggers(self) -> Dict[str, Any]: ...
     @overload
     @classmethod
     def create(  # type: ignore
@@ -350,7 +349,6 @@ class DrawerPortal(DrawerComponent):
         ...
 
 class DrawerContent(DrawerComponent):
-    def get_event_triggers(self) -> Dict[str, Any]: ...
     @overload
     @classmethod
     def create(  # type: ignore

reflex/components/radix/primitives/form.py

@@ -2,12 +2,12 @@
 
 from __future__ import annotations
 
-from typing import Any, Dict, Literal
+from typing import Any, Literal
 
 from reflex.components.component import ComponentNamespace
 from reflex.components.el.elements.forms import Form as HTMLForm
 from reflex.components.radix.themes.components.text_field import TextFieldRoot
-from reflex.constants.event import EventTriggers
+from reflex.event import EventHandler
 from reflex.vars import Var
 
 from .base import RadixPrimitiveComponentWithClassName
@@ -26,16 +26,8 @@ class FormRoot(FormComponent, HTMLForm):
 
     alias = "RadixFormRoot"
 
-    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_CLEAR_SERVER_ERRORS: lambda: [],
-        }
+    # Fired when the errors are cleared.
+    on_clear_server_errors: EventHandler[lambda: []]
 
     def add_style(self) -> dict[str, Any] | None:
         """Add style to the component.

reflex/components/radix/primitives/form.pyi

@@ -7,11 +7,11 @@ 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, Dict, Literal
+from typing import Any, Literal
 from reflex.components.component import ComponentNamespace
 from reflex.components.el.elements.forms import Form as HTMLForm
 from reflex.components.radix.themes.components.text_field import TextFieldRoot
-from reflex.constants.event import EventTriggers
+from reflex.event import EventHandler
 from reflex.vars import Var
 from .base import RadixPrimitiveComponentWithClassName
 
@@ -94,7 +94,6 @@ class FormComponent(RadixPrimitiveComponentWithClassName):
         ...
 
 class FormRoot(FormComponent, HTMLForm):
-    def get_event_triggers(self) -> Dict[str, Any]: ...
     def add_style(self) -> dict[str, Any] | None: ...
     @overload
     @classmethod

reflex/components/radix/primitives/slider.py

@@ -2,10 +2,11 @@
 
 from __future__ import annotations
 
-from typing import Any, Dict, List, Literal
+from typing import Any, List, Literal
 
 from reflex.components.component import Component, ComponentNamespace
 from reflex.components.radix.primitives.base import RadixPrimitiveComponentWithClassName
+from reflex.event import EventHandler
 from reflex.vars import Var
 
 LiteralSliderOrientation = Literal["horizontal", "vertical"]
@@ -46,17 +47,11 @@ class SliderRoot(SliderComponent):
 
     min_steps_between_thumbs: Var[int]
 
-    def get_event_triggers(self) -> Dict[str, Any]:
-        """Event triggers for radix slider primitive.
+    # Fired when the value of a thumb changes.
+    on_value_change: EventHandler[lambda e0: [e0]]
 
-        Returns:
-            The triggers for event supported by radix primitives.
-        """
-        return {
-            **super().get_event_triggers(),
-            "on_value_change": lambda e0: [e0],  # trigger for all change of a thumb
-            "on_value_commit": lambda e0: [e0],  # trigger when thumb is released
-        }
+    # Fired when a thumb is released.
+    on_value_commit: EventHandler[lambda e0: [e0]]
 
     def add_style(self) -> dict[str, Any] | None:
         """Add style to the component.

reflex/components/radix/primitives/slider.pyi

@@ -7,9 +7,10 @@ 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, Dict, List, Literal
+from typing import Any, List, Literal
 from reflex.components.component import Component, ComponentNamespace
 from reflex.components.radix.primitives.base import RadixPrimitiveComponentWithClassName
+from reflex.event import EventHandler
 from reflex.vars import Var
 
 LiteralSliderOrientation = Literal["horizontal", "vertical"]
@@ -94,7 +95,6 @@ class SliderComponent(RadixPrimitiveComponentWithClassName):
         ...
 
 class SliderRoot(SliderComponent):
-    def get_event_triggers(self) -> Dict[str, Any]: ...
     def add_style(self) -> dict[str, Any] | None: ...
     @overload
     @classmethod

reflex/components/radix/themes/__init__.py

@@ -1,4 +1,5 @@
 """Namespace for components provided by the @radix-ui/themes library."""
+
 from __future__ import annotations
 
 from reflex.utils import lazy_loader