reflex 0.8.13__py3-none-any.whl → 0.8.14__py3-none-any.whl

reflex/app.py

@@ -69,7 +69,6 @@ from reflex.components.core.banner import (
 )
 from reflex.components.core.breakpoints import set_breakpoints
 from reflex.components.core.sticky import sticky
-from reflex.components.core.upload import Upload, get_upload_dir
 from reflex.components.radix import themes
 from reflex.components.sonner.toast import toast
 from reflex.config import get_config
@@ -628,6 +627,18 @@ class App(MiddlewareMixin, LifespanMixin):
 
         asgi_app = self._api
 
+        if environment.REFLEX_MOUNT_FRONTEND_COMPILED_APP.get():
+            asgi_app.mount(
+                "/" + config.frontend_path.strip("/"),
+                StaticFiles(
+                    directory=prerequisites.get_web_dir()
+                    / constants.Dirs.STATIC
+                    / config.frontend_path.strip("/"),
+                    html=True,
+                ),
+                name="frontend",
+            )
+
         if self.api_transformer is not None:
             api_transformers: Sequence[Starlette | Callable[[ASGIApp], ASGIApp]] = (
                 [self.api_transformer]
@@ -670,6 +681,8 @@ class App(MiddlewareMixin, LifespanMixin):
 
     def _add_optional_endpoints(self):
         """Add optional api endpoints (_upload)."""
+        from reflex.components.core.upload import Upload, get_upload_dir
+
         if not self._api:
             return
         upload_is_used_marker = (
@@ -1010,11 +1023,18 @@ class App(MiddlewareMixin, LifespanMixin):
         for component in tuple(app_wrappers.values()):
             app_wrappers.update(component._get_all_app_wrap_components())
         order = sorted(app_wrappers, key=lambda k: k[0], reverse=True)
-        root = parent = copy.deepcopy(app_wrappers[order[0]])
-        for key in order[1:]:
+        root = copy.deepcopy(app_wrappers[order[0]])
+
+        def reducer(parent: Component, key: tuple[int, str]) -> Component:
             child = copy.deepcopy(app_wrappers[key])
             parent.children.append(child)
-            parent = child
+            return child
+
+        functools.reduce(
+            lambda parent, key: reducer(parent, key),
+            order[1:],
+            root,
+        )
         return root
 
     def _should_compile(self) -> bool:
@@ -1274,7 +1294,7 @@ class App(MiddlewareMixin, LifespanMixin):
 
             toast_provider = Fragment.create(memoized_toast_provider())
 
-            app_wrappers[(1, "ToasterProvider")] = toast_provider
+            app_wrappers[(44, "ToasterProvider")] = toast_provider
 
         # Add the app wraps to the app.
         for key, app_wrap in chain(

reflex/compiler/templates.py

@@ -557,6 +557,10 @@ export default defineConfig((config) => ({{
   build: {{
     assetsDir: "{base}assets".slice(1),
     rollupOptions: {{
+      onwarn(warning, warn) {{
+        if (warning.code === "EVAL" && warning.id && warning.id.endsWith("state.js")) return;
+        warn(warning);
+      }},
       jsx: {{}},
       output: {{
         advancedChunks: {{

reflex/components/core/upload.py

@@ -6,6 +6,7 @@ from collections.abc import Callable, Sequence
 from pathlib import Path
 from typing import Any, ClassVar
 
+from reflex.app import UploadFile
 from reflex.components.base.fragment import Fragment
 from reflex.components.component import (
     Component,
@@ -29,7 +30,9 @@ from reflex.event import (
     call_event_fn,
     call_event_handler,
     parse_args_spec,
+    passthrough_event_spec,
     run_script,
+    upload_files,
 )
 from reflex.style import Style
 from reflex.utils import format
@@ -168,16 +171,7 @@ def get_upload_url(file_path: str | Var[str]) -> Var[str]:
     return Var.create(f"{uploaded_files_url_prefix}/{file_path}")
 
 
-def _on_drop_spec(files: Var) -> tuple[Var[Any]]:
-    """Args spec for the on_drop event trigger.
-
-    Args:
-        files: The files to upload.
-
-    Returns:
-        Signature for on_drop handler including the files to upload.
-    """
-    return (files,)
+_on_drop_spec = passthrough_event_spec(list[UploadFile])
 
 
 def _default_drop_rejected(rejected_files: ArrayVar[list[dict[str, Any]]]) -> EventSpec:
@@ -302,11 +296,11 @@ class Upload(MemoizationLeaf):
         }
 
         # Create the component.
-        upload_props["id"] = props.get("id", DEFAULT_UPLOAD_ID)
+        upload_props["id"] = upload_id = props.get("id", DEFAULT_UPLOAD_ID)
 
         if upload_props.get("on_drop") is None:
             # If on_drop is not provided, save files to be uploaded later.
-            upload_props["on_drop"] = upload_file(upload_props["id"])
+            upload_props["on_drop"] = upload_file(upload_id)
         else:
             on_drop = (
                 [on_drop_prop]
@@ -314,7 +308,9 @@ class Upload(MemoizationLeaf):
                 else list(on_drop_prop)
             )
             for ix, event in enumerate(on_drop):
-                if isinstance(event, (EventHandler, EventSpec)):
+                if isinstance(event, EventHandler):
+                    event = event(upload_files(upload_id))
+                if isinstance(event, EventSpec):
                     # Call the lambda to get the event chain.
                     event = call_event_handler(event, _on_drop_spec)
                 elif isinstance(event, Callable):

reflex/components/core/upload.pyi

@@ -7,11 +7,19 @@ from collections.abc import Mapping, Sequence
 from pathlib import Path
 from typing import Any, ClassVar
 
+import reflex
+from reflex.app import UploadFile
 from reflex.components.base.fragment import Fragment
 from reflex.components.component import Component, ComponentNamespace, MemoizationLeaf
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.constants import Dirs
-from reflex.event import CallableEventSpec, EventSpec, EventType, PointerEventInfo
+from reflex.event import (
+    CallableEventSpec,
+    EventSpec,
+    EventType,
+    PointerEventInfo,
+    passthrough_event_spec,
+)
 from reflex.style import Style
 from reflex.utils.imports import ImportVar
 from reflex.vars import VarData
@@ -39,6 +47,8 @@ uploaded_files_url_prefix = Var(
 
 def get_upload_url(file_path: str | Var[str]) -> Var[str]: ...
 
+_on_drop_spec = passthrough_event_spec(list[UploadFile])
+
 class UploadFilesProvider(Component):
     @classmethod
     def create(
@@ -107,8 +117,10 @@ class GhostUpload(Fragment):
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_double_click: EventType[()] | EventType[PointerEventInfo] | None = None,
-        on_drop: EventType[()] | EventType[Any] | None = None,
-        on_drop_rejected: EventType[()] | EventType[Any] | None = None,
+        on_drop: EventType[()] | EventType[list[reflex.app.UploadFile]] | None = None,
+        on_drop_rejected: EventType[()]
+        | EventType[list[reflex.app.UploadFile]]
+        | None = None,
         on_focus: EventType[()] | None = None,
         on_mount: EventType[()] | None = None,
         on_mouse_down: EventType[()] | None = None,
@@ -172,8 +184,10 @@ class Upload(MemoizationLeaf):
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_double_click: EventType[()] | EventType[PointerEventInfo] | None = None,
-        on_drop: EventType[()] | EventType[Any] | None = None,
-        on_drop_rejected: EventType[()] | EventType[Any] | None = None,
+        on_drop: EventType[()] | EventType[list[reflex.app.UploadFile]] | None = None,
+        on_drop_rejected: EventType[()]
+        | EventType[list[reflex.app.UploadFile]]
+        | None = None,
         on_focus: EventType[()] | None = None,
         on_mount: EventType[()] | None = None,
         on_mouse_down: EventType[()] | None = None,
@@ -245,8 +259,10 @@ class StyledUpload(Upload):
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_double_click: EventType[()] | EventType[PointerEventInfo] | None = None,
-        on_drop: EventType[()] | EventType[Any] | None = None,
-        on_drop_rejected: EventType[()] | EventType[Any] | None = None,
+        on_drop: EventType[()] | EventType[list[reflex.app.UploadFile]] | None = None,
+        on_drop_rejected: EventType[()]
+        | EventType[list[reflex.app.UploadFile]]
+        | None = None,
         on_focus: EventType[()] | None = None,
         on_mount: EventType[()] | None = None,
         on_mouse_down: EventType[()] | None = None,
@@ -319,8 +335,10 @@ class UploadNamespace(ComponentNamespace):
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_double_click: EventType[()] | EventType[PointerEventInfo] | None = None,
-        on_drop: EventType[()] | EventType[Any] | None = None,
-        on_drop_rejected: EventType[()] | EventType[Any] | None = None,
+        on_drop: EventType[()] | EventType[list[reflex.app.UploadFile]] | None = None,
+        on_drop_rejected: EventType[()]
+        | EventType[list[reflex.app.UploadFile]]
+        | None = None,
         on_focus: EventType[()] | None = None,
         on_mount: EventType[()] | None = None,
         on_mouse_down: EventType[()] | None = None,

reflex/components/plotly/plotly.py

@@ -72,7 +72,7 @@ class Plotly(NoSSRComponent):
 
     library = "react-plotly.js@2.6.0"
 
-    lib_dependencies: list[str] = ["plotly.js@3.1.0"]
+    lib_dependencies: list[str] = ["plotly.js@3.1.1"]
 
     tag = "Plot"
 
@@ -303,7 +303,7 @@ class PlotlyBasic(Plotly):
 
     library = "react-plotly.js@2.6.0"
 
-    lib_dependencies: list[str] = ["plotly.js-basic-dist-min@3.1.0"]
+    lib_dependencies: list[str] = ["plotly.js-basic-dist-min@3.1.1"]
 
     def add_imports(self) -> ImportDict | list[ImportDict]:
         """Add imports for the plotly basic component.
@@ -329,7 +329,7 @@ class PlotlyCartesian(Plotly):
 
     library = "react-plotly.js@2.6.0"
 
-    lib_dependencies: list[str] = ["plotly.js-cartesian-dist-min@3.1.0"]
+    lib_dependencies: list[str] = ["plotly.js-cartesian-dist-min@3.1.1"]
 
     def add_imports(self) -> ImportDict | list[ImportDict]:
         """Add imports for the plotly cartesian component.
@@ -355,7 +355,7 @@ class PlotlyGeo(Plotly):
 
     library = "react-plotly.js@2.6.0"
 
-    lib_dependencies: list[str] = ["plotly.js-geo-dist-min@3.1.0"]
+    lib_dependencies: list[str] = ["plotly.js-geo-dist-min@3.1.1"]
 
     def add_imports(self) -> ImportDict | list[ImportDict]:
         """Add imports for the plotly geo component.
@@ -381,7 +381,7 @@ class PlotlyGl3d(Plotly):
 
     library = "react-plotly.js@2.6.0"
 
-    lib_dependencies: list[str] = ["plotly.js-gl3d-dist-min@3.1.0"]
+    lib_dependencies: list[str] = ["plotly.js-gl3d-dist-min@3.1.1"]
 
     def add_imports(self) -> ImportDict | list[ImportDict]:
         """Add imports for the plotly 3d component.
@@ -407,7 +407,7 @@ class PlotlyGl2d(Plotly):
 
     library = "react-plotly.js@2.6.0"
 
-    lib_dependencies: list[str] = ["plotly.js-gl2d-dist-min@3.1.0"]
+    lib_dependencies: list[str] = ["plotly.js-gl2d-dist-min@3.1.1"]
 
     def add_imports(self) -> ImportDict | list[ImportDict]:
         """Add imports for the plotly 2d component.
@@ -433,7 +433,7 @@ class PlotlyMapbox(Plotly):
 
     library = "react-plotly.js@2.6.0"
 
-    lib_dependencies: list[str] = ["plotly.js-mapbox-dist-min@3.1.0"]
+    lib_dependencies: list[str] = ["plotly.js-mapbox-dist-min@3.1.1"]
 
     def add_imports(self) -> ImportDict | list[ImportDict]:
         """Add imports for the plotly mapbox component.
@@ -459,7 +459,7 @@ class PlotlyFinance(Plotly):
 
     library = "react-plotly.js@2.6.0"
 
-    lib_dependencies: list[str] = ["plotly.js-finance-dist-min@3.1.0"]
+    lib_dependencies: list[str] = ["plotly.js-finance-dist-min@3.1.1"]
 
     def add_imports(self) -> ImportDict | list[ImportDict]:
         """Add imports for the plotly finance component.
@@ -485,7 +485,7 @@ class PlotlyStrict(Plotly):
 
     library = "react-plotly.js@2.6.0"
 
-    lib_dependencies: list[str] = ["plotly.js-strict-dist-min@3.1.0"]
+    lib_dependencies: list[str] = ["plotly.js-strict-dist-min@3.1.1"]
 
     def add_imports(self) -> ImportDict | list[ImportDict]:
         """Add imports for the plotly strict component.

reflex/components/radix/primitives/__init__.py

@@ -8,7 +8,7 @@ from reflex.utils import lazy_loader
 _SUBMOD_ATTRS: dict[str, list[str]] = {
     "".join(k.split("components.radix.primitives.")[-1]): v
     for k, v in RADIX_PRIMITIVES_MAPPING.items()
-}
+} | {"dialog": ["dialog"]}
 
 __getattr__, __dir__, __all__ = lazy_loader.attach(
     __name__,

reflex/components/radix/primitives/__init__.pyi

@@ -4,8 +4,9 @@
 # ------------------------------------------------------
 
 from .accordion import accordion
+from .dialog import dialog
 from .drawer import drawer
 from .form import form
 from .progress import progress
 
-__all__ = ["accordion", "drawer", "form", "progress"]
+__all__ = ["accordion", "dialog", "drawer", "form", "progress"]

reflex/components/radix/primitives/base.py

@@ -1,5 +1,7 @@
 """The base component for Radix primitives."""
 
+from typing import Any
+
 from reflex.components.component import Component
 from reflex.components.tags.tag import Tag
 from reflex.utils import format
@@ -24,3 +26,32 @@ class RadixPrimitiveComponentWithClassName(RadixPrimitiveComponent):
                 class_name=f"{format.to_title_case(self.tag or '')} {self.class_name or ''}"
             )
         )
+
+
+class RadixPrimitiveTriggerComponent(RadixPrimitiveComponent):
+    """Base class for Trigger, Close, Cancel, and Accept components.
+
+    These components trigger some action in an overlay component that depends on the
+    on_click event, and thus if a child is provided and has on_click specified, it
+    will overtake the internal action, unless it is wrapped in some inert component,
+    in this case, a Flex.
+    """
+
+    @classmethod
+    def create(cls, *children: Any, **props: Any) -> Component:
+        """Create a new RadixPrimitiveTriggerComponent instance.
+
+        Args:
+            children: The children of the component.
+            props: The properties of the component.
+
+        Returns:
+            The new RadixPrimitiveTriggerComponent instance.
+        """
+        from reflex.components.el.elements.typography import Div
+
+        for child in children:
+            if "on_click" in getattr(child, "event_triggers", {}):
+                children = (Div.create(*children),)
+                break
+        return super().create(*children, **props)

reflex/components/radix/primitives/base.pyi

@@ -112,3 +112,47 @@ class RadixPrimitiveComponentWithClassName(RadixPrimitiveComponent):
         Returns:
             The component.
         """
+
+class RadixPrimitiveTriggerComponent(RadixPrimitiveComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        as_child: Var[bool] | bool | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Var | Any] | None = None,
+        on_blur: EventType[()] | None = None,
+        on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_double_click: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_focus: EventType[()] | None = None,
+        on_mount: EventType[()] | None = None,
+        on_mouse_down: EventType[()] | None = None,
+        on_mouse_enter: EventType[()] | None = None,
+        on_mouse_leave: EventType[()] | None = None,
+        on_mouse_move: EventType[()] | None = None,
+        on_mouse_out: EventType[()] | None = None,
+        on_mouse_over: EventType[()] | None = None,
+        on_mouse_up: EventType[()] | None = None,
+        on_scroll: EventType[()] | None = None,
+        on_scroll_end: EventType[()] | None = None,
+        on_unmount: EventType[()] | None = None,
+        **props,
+    ) -> RadixPrimitiveTriggerComponent:
+        """Create a new RadixPrimitiveTriggerComponent instance.
+
+        Args:
+            children: The children of the component.
+            props: The properties of the component.
+
+        Returns:
+            The new RadixPrimitiveTriggerComponent instance.
+        """

reflex/components/radix/primitives/dialog.py

@@ -0,0 +1,148 @@
+"""Interactive components provided by @radix-ui/react-dialog."""
+
+from typing import Any
+
+from reflex.components.component import ComponentNamespace
+from reflex.components.el import elements
+from reflex.constants.compiler import MemoizationMode
+from reflex.event import EventHandler, no_args_event_spec, passthrough_event_spec
+from reflex.vars.base import Var
+
+from .base import RadixPrimitiveComponent, RadixPrimitiveTriggerComponent
+
+
+class DialogElement(RadixPrimitiveComponent):
+    """Base class for all @radix-ui/react-dialog components."""
+
+    library = "@radix-ui/react-dialog@1.1.15"
+
+
+class DialogRoot(DialogElement):
+    """Root component for Dialog."""
+
+    tag = "Root"
+    alias = "RadixPrimitiveDialogRoot"
+
+    # The controlled open state of the dialog.
+    open: Var[bool]
+
+    # Fired when the open state changes.
+    on_open_change: EventHandler[passthrough_event_spec(bool)]
+
+    # The open state of the dialog when it is initially rendered. Use when you do not need to control its open state.
+    default_open: Var[bool]
+
+    # The modality of the dialog. When set to true, interaction with outside elements will be disabled and only dialog content will be visible to screen readers.
+    modal: Var[bool]
+
+
+class DialogPortal(DialogElement):
+    """Portal component for Dialog."""
+
+    tag = "Portal"
+    alias = "RadixPrimitiveDialogPortal"
+
+    # Used to force mounting when more control is needed. Useful when controlling animation with React animation libraries. If used on this part, it will be inherited by Dialog.Overlay and Dialog.Content.
+    force_mount: Var[bool]
+
+    # Specify a container element to portal the content into.
+    container: Var[Any]
+
+
+class DialogOverlay(DialogElement):
+    """A layer that covers the inert portion of the view when the dialog is open."""
+
+    tag = "Overlay"
+    alias = "RadixPrimitiveDialogOverlay"
+
+    # Change the default rendered element for the one passed as a child, merging their props and behavior.
+    as_child: Var[bool]
+
+    # Used to force mounting when more control is needed. Useful when controlling animation with React animation libraries. It inherits from Dialog.Portal.
+    force_mount: Var[bool]
+
+
+class DialogTrigger(DialogElement, RadixPrimitiveTriggerComponent):
+    """Trigger an action or event, to open a Dialog modal."""
+
+    tag = "Trigger"
+    alias = "RadixPrimitiveDialogTrigger"
+
+    # Change the default rendered element for the one passed as a child, merging their props and behavior.
+    as_child: Var[bool]
+
+    _memoization_mode = MemoizationMode(recursive=False)
+
+
+class DialogContent(elements.Div, DialogElement):
+    """Content component to display inside a Dialog modal."""
+
+    tag = "Content"
+    alias = "RadixPrimitiveDialogContent"
+
+    # Used to force mounting when more control is needed. Useful when controlling animation with React animation libraries. It inherits from Dialog.Portal.
+    force_mount: Var[bool]
+
+    # Change the default rendered element for the one passed as a child, merging their props and behavior.
+    as_child: Var[bool]
+
+    # Fired when the dialog is opened.
+    on_open_auto_focus: EventHandler[no_args_event_spec]
+
+    # Fired when the dialog is closed.
+    on_close_auto_focus: EventHandler[no_args_event_spec]
+
+    # Fired when the escape key is pressed.
+    on_escape_key_down: EventHandler[no_args_event_spec]
+
+    # Fired when the pointer is down outside the dialog.
+    on_pointer_down_outside: EventHandler[no_args_event_spec]
+
+    # Fired when the pointer interacts outside the dialog.
+    on_interact_outside: EventHandler[no_args_event_spec]
+
+
+class DialogTitle(DialogElement):
+    """Title component to display inside a Dialog modal."""
+
+    tag = "Title"
+    alias = "RadixPrimitiveDialogTitle"
+
+    # Change the default rendered element for the one passed as a child, merging their props and behavior.
+    as_child: Var[bool]
+
+
+class DialogDescription(DialogElement):
+    """Description component to display inside a Dialog modal."""
+
+    tag = "Description"
+    alias = "RadixPrimitiveDialogDescription"
+
+    # Change the default rendered element for the one passed as a child, merging their props and behavior.
+    as_child: Var[bool]
+
+
+class DialogClose(DialogElement, RadixPrimitiveTriggerComponent):
+    """Close button component to close an open Dialog modal."""
+
+    tag = "Close"
+    alias = "RadixPrimitiveDialogClose"
+
+    # Change the default rendered element for the one passed as a child, merging their props and behavior.
+    as_child: Var[bool]
+
+
+class Dialog(ComponentNamespace):
+    """Dialog components namespace."""
+
+    root = __call__ = staticmethod(DialogRoot.create)
+    portal = staticmethod(DialogPortal.create)
+    trigger = staticmethod(DialogTrigger.create)
+    title = staticmethod(DialogTitle.create)
+    overlay = staticmethod(DialogOverlay.create)
+    content = staticmethod(DialogContent.create)
+    description = staticmethod(DialogDescription.create)
+    close = staticmethod(DialogClose.create)
+
+
+dialog = Dialog()