reflex 0.8.14a1__py3-none-any.whl → 0.8.14.post1__py3-none-any.whl

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.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/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()