reflex 0.3.5a4__py3-none-any.whl → 0.3.7__py3-none-any.whl

reflex/components/media/__init__.py

@@ -3,7 +3,6 @@
 from .audio import Audio
 from .avatar import Avatar, AvatarBadge, AvatarGroup
 from .icon import Icon
-from .image import Image
 from .video import Video
 
 __all__ = [f for f in dir() if f[0].isupper()]  # type: ignore

reflex/components/media/image.pyi

@@ -121,12 +121,3 @@ class Image(ChakraComponent):
             The Image component.
         """
         ...
-
-try:
-    from PIL.Image import Image as Img
-
-    @serializer
-    def serialize_image(image: Img) -> str: ...
-
-except ImportError:
-    pass

reflex/components/next/__init__.py

@@ -0,0 +1,8 @@
+"""Namespace for components provided by next packages."""
+
+from .base import NextComponent
+from .image import Image
+from .video import Video
+
+image = Image.create
+video = Video.create

reflex/components/next/base.py

@@ -0,0 +1,8 @@
+"""Base for NextJS components."""
+from reflex.components.component import Component
+
+
+class NextComponent(Component):
+    """A Component used as based for any NextJS component."""
+
+    ...

reflex/components/next/base.pyi

@@ -0,0 +1,91 @@
+"""Stub file for reflex/components/next/base.py"""
+# ------------------- DO NOT EDIT ----------------------
+# This file was generated by `scripts/pyi_generator.py`!
+# ------------------------------------------------------
+
+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 reflex.components.component import Component
+
+class NextComponent(Component):
+    ...
+
+    @overload
+    @classmethod
+    def create(  # type: ignore
+        cls,
+        *children,
+        style: Optional[Style] = None,
+        key: Optional[Any] = None,
+        id: Optional[Any] = None,
+        class_name: Optional[Any] = None,
+        autofocus: Optional[bool] = None,
+        custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
+        on_blur: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_click: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_context_menu: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_double_click: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_focus: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mount: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_down: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_enter: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_leave: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_move: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_out: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_over: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_up: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_scroll: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_unmount: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        **props
+    ) -> "NextComponent":
+        """Create the component.
+
+        Args:
+            *children: The children of the component.
+            style: The style of the component.
+            key: A unique key for the component.
+            id: The id for the component.
+            class_name: The class name for the component.
+            autofocus: Whether the component should take the focus once the page is loaded
+            custom_attrs: custom attribute
+            **props: The props of the component.
+
+        Returns:
+            The component.
+
+        Raises:
+            TypeError: If an invalid child is passed.
+        """
+        ...

reflex/components/next/image.py

@@ -0,0 +1,114 @@
+"""Image component from next/image."""
+
+from typing import Any, Dict, Literal, Optional, Union
+
+from reflex.utils import types
+from reflex.vars import Var
+
+from .base import NextComponent
+
+
+class Image(NextComponent):
+    """Display an image."""
+
+    tag = "Image"
+    library = "next/image"
+    is_default = True
+
+    # This can be either an absolute external URL, or an internal path
+    src: Var[Any]
+
+    # Represents the rendered width in pixels, so it will affect how large the image appears.
+    width: Var[Any]
+
+    # Represents the rendered height in pixels, so it will affect how large the image appears.
+    height: Var[Any]
+
+    # Used to describe the image for screen readers and search engines.
+    alt: Var[str]
+
+    # A custom function used to resolve image URLs.
+    loader: Var[Any]
+
+    # A boolean that causes the image to fill the parent element, which is useful when the width and height are unknown. Default to True
+    fill: Var[bool]
+
+    # A string, similar to a media query, that provides information about how wide the image will be at different breakpoints.
+    sizes: Var[str]
+
+    # The quality of the optimized image, an integer between 1 and 100, where 100 is the best quality and therefore largest file size. Defaults to 75.
+    quality: Var[int]
+
+    # When true, the image will be considered high priority and preload. Lazy loading is automatically disabled for images using priority.
+    priority: Var[bool]
+
+    # A placeholder to use while the image is loading. Possible values are blur, empty, or data:image/.... Defaults to empty.
+    placeholder: Var[str]
+
+    # Allows passing CSS styles to the underlying image element.
+    # style: Var[Any]
+
+    # The loading behavior of the image. Defaults to lazy. Can hurt performance, recommended to use `priority` instead.
+    loading: Var[Literal["lazy", "eager"]]
+
+    # 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.
+
+        Returns:
+            The dict describing the event triggers.
+        """
+        return {
+            **super().get_event_triggers(),
+            "on_load": lambda: [],
+            "on_error": lambda: [],
+        }
+
+    @classmethod
+    def create(
+        cls,
+        *children,
+        width: Optional[Union[int, str]] = None,
+        height: Optional[Union[int, str]] = None,
+        **props,
+    ):
+        """Create an Image component from next/image.
+
+        Args:
+            *children: The children of the component.
+            width: The width of the image.
+            height: The height of the image.
+            **props:The props of the component.
+
+        Returns:
+            _type_: _description_
+        """
+        style = props.get("style", {})
+        DEFAULT_W_H = "100%"
+
+        def check_prop_type(prop_name, prop_value):
+            if types.check_prop_in_allowed_types(prop_value, allowed_types=[int]):
+                props[prop_name] = prop_value
+
+            elif types.check_prop_in_allowed_types(prop_value, allowed_types=[str]):
+                props[prop_name] = 0
+                style[prop_name] = prop_value
+            else:
+                props[prop_name] = 0
+                style[prop_name] = DEFAULT_W_H
+
+        check_prop_type("width", width)
+        check_prop_type("height", height)
+
+        props["style"] = style
+
+        # mysteriously, following `sizes` prop is needed to avoid blury images.
+        props["sizes"] = "100vw"
+
+        src = props.get("src", None)
+        if src is not None and not isinstance(src, (Var)):
+            props["src"] = Var.create(value=src, _var_is_string=True)
+
+        return super().create(*children, **props)

reflex/components/next/image.pyi

@@ -0,0 +1,122 @@
+"""Stub file for reflex/components/next/image.py"""
+# ------------------- DO NOT EDIT ----------------------
+# This file was generated by `scripts/pyi_generator.py`!
+# ------------------------------------------------------
+
+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 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
+        cls,
+        *children,
+        width: Optional[Union[str, int]] = None,
+        height: Optional[Union[str, int]] = None,
+        src: Optional[Union[Var[Any], Any]] = None,
+        alt: Optional[Union[Var[str], str]] = None,
+        loader: Optional[Union[Var[Any], Any]] = None,
+        fill: Optional[Union[Var[bool], bool]] = None,
+        sizes: Optional[Union[Var[str], str]] = None,
+        quality: Optional[Union[Var[int], int]] = None,
+        priority: Optional[Union[Var[bool], bool]] = None,
+        placeholder: Optional[Union[Var[str], str]] = None,
+        loading: Optional[
+            Union[Var[Literal["lazy", "eager"]], Literal["lazy", "eager"]]
+        ] = None,
+        blurDataURL: Optional[Union[Var[str], str]] = None,
+        style: Optional[Style] = None,
+        key: Optional[Any] = None,
+        id: Optional[Any] = None,
+        class_name: Optional[Any] = None,
+        autofocus: Optional[bool] = None,
+        custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
+        on_blur: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_click: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_context_menu: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_double_click: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_error: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_focus: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_load: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mount: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_down: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_enter: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_leave: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_move: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_out: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_over: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_up: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_scroll: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_unmount: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        **props
+    ) -> "Image":
+        """Create an Image component from next/image.
+
+        Args:
+            *children: The children of the component.
+            width: The width of the image.
+            height: The height of the image.
+            src: This can be either an absolute external URL, or an internal path
+            alt: Used to describe the image for screen readers and search engines.
+            loader: A custom function used to resolve image URLs.
+            fill: A boolean that causes the image to fill the parent element, which is useful when the width and height are unknown. Default to True
+            sizes: A string, similar to a media query, that provides information about how wide the image will be at different breakpoints.
+            quality: The quality of the optimized image, an integer between 1 and 100, where 100 is the best quality and therefore largest file size. Defaults to 75.
+            priority: When true, the image will be considered high priority and preload. Lazy loading is automatically disabled for images using priority.
+            placeholder: A placeholder to use while the image is loading. Possible values are blur, empty, or data:image/.... Defaults to empty.
+            loading: Allows passing CSS styles to the underlying image element.  style: Var[Any]  The loading behavior of the image. Defaults to lazy. Can hurt performance, recommended to use `priority` instead.
+            blurDataURL: A Data URL to be used as a placeholder image before the src image successfully loads. Only takes effect when combined with placeholder="blur".
+            style: The style of the component.
+            key: A unique key for the component.
+            id: The id for the component.
+            class_name: The class name for the component.
+            autofocus: Whether the component should take the focus once the page is loaded
+            custom_attrs: custom attribute
+            **props:The props of the component.
+
+        Returns:
+            _type_: _description_
+        """
+        ...

reflex/components/next/video.py

@@ -0,0 +1,33 @@
+"""Wrapping of the next-video component."""
+
+from typing import Optional
+
+from reflex.components.component import Component
+from reflex.vars import Var
+
+from .base import NextComponent
+
+
+class Video(NextComponent):
+    """A video component from NextJS."""
+
+    tag = "Video"
+    library = "next-video"
+    is_default = True
+    # the URL
+    src: Var[str]
+
+    as_: Optional[Component]
+
+    @classmethod
+    def create(cls, *children, **props) -> NextComponent:
+        """Create a Video component.
+
+        Args:
+            *children: The children of the component.
+            **props: The props of the component.
+
+        Returns:
+            The Video component.
+        """
+        return super().create(*children, **props)

reflex/components/next/video.pyi

@@ -0,0 +1,92 @@
+"""Stub file for reflex/components/next/video.py"""
+# ------------------- DO NOT EDIT ----------------------
+# This file was generated by `scripts/pyi_generator.py`!
+# ------------------------------------------------------
+
+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 Optional
+from reflex.components.component import Component
+from reflex.vars import Var
+from .base import NextComponent
+
+class Video(NextComponent):
+    @overload
+    @classmethod
+    def create(  # type: ignore
+        cls,
+        *children,
+        src: Optional[Union[Var[str], str]] = None,
+        as_: Optional[Component] = None,
+        style: Optional[Style] = None,
+        key: Optional[Any] = None,
+        id: Optional[Any] = None,
+        class_name: Optional[Any] = None,
+        autofocus: Optional[bool] = None,
+        custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
+        on_blur: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_click: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_context_menu: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_double_click: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_focus: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mount: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_down: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_enter: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_leave: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_move: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_out: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_over: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_up: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_scroll: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_unmount: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        **props
+    ) -> "Video":
+        """Create a Video component.
+
+        Args:
+            *children: The children of the component.
+            src: the URL
+            style: The style of the component.
+            key: A unique key for the component.
+            id: The id for the component.
+            class_name: The class name for the component.
+            autofocus: Whether the component should take the focus once the page is loaded
+            custom_attrs: custom attribute
+            **props: The props of the component.
+
+        Returns:
+            The Video component.
+        """
+        ...

reflex/components/radix/primitives/__init__.py

@@ -0,0 +1,3 @@
+"""Radix primitive components (https://www.radix-ui.com/primitives)."""
+
+from .accordion import accordion