reflex 0.8.7a1__py3-none-any.whl → 0.8.8__py3-none-any.whl

reflex/components/el/elements/forms.py

@@ -6,8 +6,6 @@ from collections.abc import Iterator
 from hashlib import md5
 from typing import Any, ClassVar, Literal
 
-from jinja2 import Environment
-
 from reflex.components.el.element import Element
 from reflex.components.tags.tag import Tag
 from reflex.constants import Dirs, EventTriggers
@@ -31,21 +29,40 @@ from reflex.vars.number import ternary_operation
 
 from .base import BaseHTML
 
-HANDLE_SUBMIT_JS_JINJA2 = Environment().from_string(
+
+def _handle_submit_js_template(
+    handle_submit_unique_name: str,
+    form_data: str,
+    field_ref_mapping: str,
+    on_submit_event_chain: str,
+    reset_on_submit: str,
+) -> str:
+    """Generate handle submit JS using f-string formatting.
+
+    Args:
+        handle_submit_unique_name: Unique name for the handle submit function.
+        form_data: Name of the form data variable.
+        field_ref_mapping: JSON string of field reference mappings.
+        on_submit_event_chain: Event chain for the submit handler.
+        reset_on_submit: Boolean string indicating if form should reset after submit.
+
+    Returns:
+        JavaScript code for the form submit handler.
     """
-    const handleSubmit_{{ handle_submit_unique_name }} = useCallback((ev) => {
+    return f"""
+    const handleSubmit_{handle_submit_unique_name} = useCallback((ev) => {{
         const $form = ev.target
         ev.preventDefault()
-        const {{ form_data }} = {...Object.fromEntries(new FormData($form).entries()), ...{{ field_ref_mapping }}};
+        const {form_data} = {{...Object.fromEntries(new FormData($form).entries()), ...{field_ref_mapping}}};
 
-        ({{ on_submit_event_chain }}(ev));
+        ({on_submit_event_chain}(ev));
 
-        if ({{ reset_on_submit }}) {
+        if ({reset_on_submit}) {{
             $form.reset()
-        }
-    })
+        }}
+    }})
     """
-)
+
 
 ButtonType = Literal["submit", "reset", "button"]
 
@@ -198,14 +215,14 @@ class Form(BaseHTML):
         if EventTriggers.ON_SUBMIT not in self.event_triggers:
             return []
         return [
-            HANDLE_SUBMIT_JS_JINJA2.render(
-                handle_submit_unique_name=self.handle_submit_unique_name,
-                form_data=FORM_DATA,
+            _handle_submit_js_template(
+                handle_submit_unique_name=str(self.handle_submit_unique_name),
+                form_data=str(FORM_DATA),
                 field_ref_mapping=str(LiteralVar.create(self._get_form_refs())),
                 on_submit_event_chain=str(
                     LiteralVar.create(self.event_triggers[EventTriggers.ON_SUBMIT])
                 ),
-                reset_on_submit=self.reset_on_submit,
+                reset_on_submit=str(self.reset_on_submit).lower(),
             )
         ]
 

reflex/components/el/elements/forms.pyi

@@ -6,8 +6,6 @@
 from collections.abc import Mapping, Sequence
 from typing import Any, Literal
 
-from jinja2 import Environment
-
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.el.element import Element
 from reflex.event import EventType, KeyInputInfo, PointerEventInfo
@@ -16,9 +14,6 @@ from reflex.vars.base import Var
 
 from .base import BaseHTML
 
-HANDLE_SUBMIT_JS_JINJA2 = Environment().from_string(
-    "\n    const handleSubmit_{{ handle_submit_unique_name }} = useCallback((ev) => {\n        const $form = ev.target\n        ev.preventDefault()\n        const {{ form_data }} = {...Object.fromEntries(new FormData($form).entries()), ...{{ field_ref_mapping }}};\n\n        ({{ on_submit_event_chain }}(ev));\n\n        if ({{ reset_on_submit }}) {\n            $form.reset()\n        }\n    })\n    "
-)
 ButtonType = Literal["submit", "reset", "button"]
 
 class Button(BaseHTML):

reflex/components/lucide/icon.py

@@ -6,7 +6,7 @@ from reflex.utils.imports import ImportVar
 from reflex.vars.base import LiteralVar, Var
 from reflex.vars.sequence import LiteralStringVar, StringVar
 
-LUCIDE_LIBRARY = "lucide-react@0.539.0"
+LUCIDE_LIBRARY = "lucide-react@0.541.0"
 
 
 class LucideIconComponent(Component):
@@ -1330,6 +1330,7 @@ LUCIDE_ICON_LIST = [
     "rocket",
     "rocking_chair",
     "roller_coaster",
+    "rose",
     "rotate_3d",
     "rotate_ccw_key",
     "rotate_ccw_square",

reflex/components/lucide/icon.pyi

@@ -11,7 +11,7 @@ from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType, PointerEventInfo
 from reflex.vars.base import Var
 
-LUCIDE_LIBRARY = "lucide-react@0.539.0"
+LUCIDE_LIBRARY = "lucide-react@0.541.0"
 
 class LucideIconComponent(Component):
     @classmethod
@@ -1395,6 +1395,7 @@ LUCIDE_ICON_LIST = [
     "rocket",
     "rocking_chair",
     "roller_coaster",
+    "rose",
     "rotate_3d",
     "rotate_ccw_key",
     "rotate_ccw_square",

reflex/components/markdown/markdown.py

@@ -422,12 +422,12 @@ let {_LANGUAGE!s} = match ? match[1] : '';
 
     def _get_custom_code(self) -> str | None:
         hooks = {}
-        from reflex.compiler.templates import MACROS
+        from reflex.compiler.templates import _render_hooks
 
         for _component in self.component_map.values():
             comp = _component(_MOCK_ARG)
             hooks.update(comp._get_all_hooks())
-        formatted_hooks = MACROS.module.renderHooks(hooks)  # pyright: ignore [reportAttributeAccessIssue]
+        formatted_hooks = _render_hooks(hooks)
         return f"""
         function {self._get_component_map_name()} () {{
             {formatted_hooks}

reflex/components/radix/primitives/accordion.py

@@ -54,7 +54,7 @@ def _inherited_variant_selector(
 class AccordionComponent(RadixPrimitiveComponent):
     """Base class for all @radix-ui/accordion components."""
 
-    library = "@radix-ui/react-accordion@1.2.11"
+    library = "@radix-ui/react-accordion@1.2.12"
 
     # The color scheme of the component.
     color_scheme: Var[LiteralAccentColor]

reflex/components/radix/primitives/drawer.py

@@ -21,7 +21,7 @@ class DrawerComponent(RadixPrimitiveComponent):
 
     library = "vaul@1.1.2"
 
-    lib_dependencies: list[str] = ["@radix-ui/react-dialog@1.1.14"]
+    lib_dependencies: list[str] = ["@radix-ui/react-dialog@1.1.15"]
 
 
 LiteralDirectionType = Literal["top", "bottom", "left", "right"]
@@ -124,13 +124,13 @@ class DrawerContent(DrawerComponent):
     alias = "Vaul" + tag
 
     # Style set partially based on the source code at https://ui.shadcn.com/docs/components/drawer
-    def _get_style(self) -> dict:
+    def add_style(self) -> dict:
         """Get the style for the component.
 
         Returns:
             The dictionary of the component style as value and the style notation as key.
         """
-        base_style = {
+        return {
             "left": "0",
             "right": "0",
             "bottom": "0",
@@ -139,9 +139,6 @@ class DrawerContent(DrawerComponent):
             "z_index": 50,
             "display": "flex",
         }
-        style = self.style or {}
-        base_style.update(style)
-        return {"css": base_style}
 
     # Fired when the drawer content is opened.
     on_open_auto_focus: EventHandler[no_args_event_spec]
@@ -186,13 +183,13 @@ class DrawerOverlay(DrawerComponent):
     alias = "Vaul" + tag
 
     # Style set based on the source code at https://ui.shadcn.com/docs/components/drawer
-    def _get_style(self) -> dict:
+    def add_style(self) -> dict:
         """Get the style for the component.
 
         Returns:
             The dictionary of the component style as value and the style notation as key.
         """
-        base_style = {
+        return {
             "position": "fixed",
             "left": "0",
             "right": "0",
@@ -201,9 +198,6 @@ class DrawerOverlay(DrawerComponent):
             "z_index": 50,
             "background": "rgba(0, 0, 0, 0.5)",
         }
-        style = self.style or {}
-        base_style.update(style)
-        return {"css": base_style}
 
 
 class DrawerClose(DrawerTrigger):
@@ -222,21 +216,18 @@ class DrawerTitle(DrawerComponent):
     alias = "Vaul" + tag
 
     # Style set based on the source code at https://ui.shadcn.com/docs/components/drawer
-    def _get_style(self) -> dict:
+    def add_style(self) -> dict:
         """Get the style for the component.
 
         Returns:
             The dictionary of the component style as value and the style notation as key.
         """
-        base_style = {
+        return {
             "font-size": "1.125rem",
             "font-weight": "600",
-            "line-weight": "1",
+            "line-height": "1",
             "letter-spacing": "-0.05em",
         }
-        style = self.style or {}
-        base_style.update(style)
-        return {"css": base_style}
 
 
 class DrawerDescription(DrawerComponent):
@@ -247,18 +238,15 @@ class DrawerDescription(DrawerComponent):
     alias = "Vaul" + tag
 
     # Style set based on the source code at https://ui.shadcn.com/docs/components/drawer
-    def _get_style(self) -> dict:
+    def add_style(self) -> dict:
         """Get the style for the component.
 
         Returns:
             The dictionary of the component style as value and the style notation as key.
         """
-        base_style = {
+        return {
             "font-size": "0.875rem",
         }
-        style = self.style or {}
-        base_style.update(style)
-        return {"css": base_style}
 
 
 class DrawerHandle(DrawerComponent):

reflex/components/radix/primitives/drawer.pyi

@@ -249,6 +249,7 @@ class DrawerPortal(DrawerComponent):
         """
 
 class DrawerContent(DrawerComponent):
+    def add_style(self) -> dict: ...
     @classmethod
     def create(
         cls,
@@ -309,6 +310,7 @@ class DrawerContent(DrawerComponent):
         """
 
 class DrawerOverlay(DrawerComponent):
+    def add_style(self) -> dict: ...
     @classmethod
     def create(
         cls,
@@ -411,6 +413,7 @@ class DrawerClose(DrawerTrigger):
         """
 
 class DrawerTitle(DrawerComponent):
+    def add_style(self) -> dict: ...
     @classmethod
     def create(
         cls,
@@ -462,6 +465,7 @@ class DrawerTitle(DrawerComponent):
         """
 
 class DrawerDescription(DrawerComponent):
+    def add_style(self) -> dict: ...
     @classmethod
     def create(
         cls,

reflex/components/radix/primitives/form.py

@@ -17,7 +17,7 @@ from .base import RadixPrimitiveComponentWithClassName
 class FormComponent(RadixPrimitiveComponentWithClassName):
     """Base class for all @radix-ui/react-form components."""
 
-    library = "@radix-ui/react-form@0.1.7"
+    library = "@radix-ui/react-form@0.1.8"
 
 
 class FormRoot(FormComponent, HTMLForm):

reflex/components/radix/primitives/slider.py

@@ -17,7 +17,7 @@ LiteralSliderDir = Literal["ltr", "rtl"]
 class SliderComponent(RadixPrimitiveComponentWithClassName):
     """Base class for all @radix-ui/react-slider components."""
 
-    library = "@radix-ui/react-slider@1.3.5"
+    library = "@radix-ui/react-slider@1.3.6"
 
 
 def on_value_event_spec(

reflex/components/tags/cond_tag.py

@@ -1,22 +1,31 @@
 """Tag to conditionally render components."""
 
 import dataclasses
-from collections.abc import Mapping
+from collections.abc import Iterator, Mapping
 from typing import Any
 
 from reflex.components.tags.tag import Tag
-from reflex.vars.base import Var
 
 
-@dataclasses.dataclass(frozen=True)
+@dataclasses.dataclass(frozen=True, kw_only=True)
 class CondTag(Tag):
     """A conditional tag."""
 
     # The condition to determine which component to render.
-    cond: Var[Any] = dataclasses.field(default_factory=lambda: Var.create(True))
+    cond_state: str
 
     # The code to render if the condition is true.
-    true_value: Mapping = dataclasses.field(default_factory=dict)
+    true_value: Mapping
 
     # The code to render if the condition is false.
     false_value: Mapping | None = None
+
+    def __iter__(self) -> Iterator[tuple[str, Any]]:
+        """Iterate over the tag's attributes.
+
+        Yields:
+            An iterator over the tag's attributes.
+        """
+        yield ("cond_state", self.cond_state)
+        yield ("true_value", self.true_value)
+        yield ("false_value", self.false_value)

reflex/components/tags/iter_tag.py

@@ -68,32 +68,6 @@ class IterTag(Tag):
             _var_type=self.get_iterable_var_type(),
         ).guess_type()
 
-    def get_index_var_arg(self) -> Var:
-        """Get the index var for the tag (without curly braces).
-
-        This is used to render the index var in the .map() function.
-
-        Returns:
-            The index var.
-        """
-        return Var(
-            _js_expr=self.index_var_name,
-            _var_type=int,
-        ).guess_type()
-
-    def get_arg_var_arg(self) -> Var:
-        """Get the arg var for the tag (without curly braces).
-
-        This is used to render the arg var in the .map() function.
-
-        Returns:
-            The arg var.
-        """
-        return Var(
-            _js_expr=self.arg_var_name,
-            _var_type=self.get_iterable_var_type(),
-        ).guess_type()
-
     def render_component(self) -> Component:
         """Render the component.
 

reflex/components/tags/match_tag.py

@@ -1,22 +1,31 @@
 """Tag to conditionally match cases."""
 
 import dataclasses
-from collections.abc import Sequence
+from collections.abc import Iterator, Mapping, Sequence
 from typing import Any
 
 from reflex.components.tags.tag import Tag
-from reflex.vars.base import Var
 
 
-@dataclasses.dataclass(frozen=True)
+@dataclasses.dataclass(frozen=True, kw_only=True)
 class MatchTag(Tag):
     """A match tag."""
 
     # The condition to determine which case to match.
-    cond: Var[Any] = dataclasses.field(default_factory=lambda: Var.create(True))
+    cond: str
 
     # The list of match cases to be matched.
-    match_cases: Sequence[Any] = dataclasses.field(default_factory=list)
+    match_cases: Sequence[tuple[Sequence[str], Mapping]]
 
     # The catchall case to match.
-    default: Any = dataclasses.field(default=Var.create(None))
+    default: Any
+
+    def __iter__(self) -> Iterator[tuple[str, Any]]:
+        """Iterate over the tag's attributes.
+
+        Yields:
+            An iterator over the tag's attributes.
+        """
+        yield ("cond", self.cond)
+        yield ("match_cases", self.match_cases)
+        yield ("default", self.default)

reflex/components/tags/tag.py

@@ -3,7 +3,7 @@
 from __future__ import annotations
 
 import dataclasses
-from collections.abc import Mapping, Sequence
+from collections.abc import Iterator, Mapping, Sequence
 from typing import Any
 
 from reflex.event import EventChain
@@ -41,16 +41,13 @@ class Tag:
     # The props of the tag.
     props: Mapping[str, Any] = dataclasses.field(default_factory=dict)
 
-    # The inner contents of the tag.
-    contents: str = ""
-
     # Special props that aren't key value pairs.
     special_props: Sequence[Var] = dataclasses.field(default_factory=list)
 
     # The children components.
     children: Sequence[Any] = dataclasses.field(default_factory=list)
 
-    def format_props(self) -> list:
+    def format_props(self) -> list[str]:
         """Format the tag's props.
 
         Returns:
@@ -69,7 +66,7 @@ class Tag:
         """
         return dataclasses.replace(self, **kwargs)
 
-    def __iter__(self):
+    def __iter__(self) -> Iterator[tuple[str, Any]]:
         """Iterate over the tag's fields.
 
         Yields:

reflex/components/tags/tagless.py

@@ -1,12 +1,18 @@
 """A tag with no tag."""
 
+import dataclasses
+
 from reflex.components.tags import Tag
 from reflex.utils import format
 
 
+@dataclasses.dataclass(frozen=True, kw_only=True)
 class Tagless(Tag):
     """A tag with no tag."""
 
+    # The inner contents of the tag.
+    contents: str
+
     def __str__(self) -> str:
         """Return the string representation of the tag.
 
@@ -20,3 +26,11 @@ class Tagless(Tag):
         if len(self.contents) > 0 and self.contents[-1] == " ":
             out = out + space
         return out
+
+    def __iter__(self):
+        """Iterate over the tag's fields.
+
+        Yields:
+            tuple[str, Any]: The field name and value.
+        """
+        yield "contents", self.contents

reflex/constants/base.py

@@ -141,8 +141,6 @@ class Templates(SimpleNamespace):
         BASE = Reflex.ROOT_DIR / Reflex.MODULE_NAME / ".templates"
         # The web subdirectory of the template directory.
         WEB_TEMPLATE = BASE / "web"
-        # The jinja template directory.
-        JINJA_TEMPLATE = BASE / "jinja"
         # Where the code for the templates is stored.
         CODE = "code"
 

reflex/constants/compiler.py

@@ -64,7 +64,7 @@ class CompileVars(SimpleNamespace):
     # The name of the var storing any connection error.
     CONNECT_ERROR = "connectErrors"
     # The name of the function for converting a dict to an event.
-    TO_EVENT = "Event"
+    TO_EVENT = "ReflexEvent"
     # The name of the internal on_load event.
     ON_LOAD_INTERNAL = "reflex___state____on_load_internal_state.on_load_internal"
     # The name of the internal event to update generic state vars.

reflex/constants/installer.py

@@ -75,7 +75,7 @@ fetch-retries=0
 
 
 def _determine_react_router_version() -> str:
-    default_version = "7.8.0"
+    default_version = "7.8.1"
     if (version := os.getenv("REACT_ROUTER_VERSION")) and version != default_version:
         from reflex.utils import console
 
@@ -131,7 +131,7 @@ class PackageJson(SimpleNamespace):
             "react": cls._react_version,
             "react-helmet": "6.1.0",
             "react-dom": cls._react_version,
-            "isbot": "5.1.29",
+            "isbot": "5.1.30",
             "socket.io-client": "4.8.1",
             "universal-cookie": "7.2.2",
         }
@@ -143,11 +143,11 @@ class PackageJson(SimpleNamespace):
         "postcss-import": "16.1.1",
         "@react-router/dev": _react_router_version,
         "@react-router/fs-routes": _react_router_version,
-        "vite": "npm:rolldown-vite@7.1.2",
+        "vite": "npm:rolldown-vite@7.1.3",
     }
     OVERRIDES = {
         # This should always match the `react` version in DEPENDENCIES for recharts compatibility.
         "react-is": _react_version,
         "cookie": "1.0.2",
-        "vite": "npm:rolldown-vite@7.1.2",
+        "vite": "npm:rolldown-vite@7.1.3",
     }