reflex 0.3.7a1__py3-none-any.whl → 0.3.8__py3-none-any.whl

reflex/components/radix/primitives/progress.py

@@ -0,0 +1,84 @@
+"""Progress."""
+
+from typing import Optional
+
+from reflex.components.component import Component
+from reflex.components.radix.primitives.base import RadixPrimitiveComponent
+from reflex.style import Style
+from reflex.vars import Var
+
+
+class ProgressComponent(RadixPrimitiveComponent):
+    """A Progress component."""
+
+    library = "@radix-ui/react-progress@^1.0.3"
+
+
+class ProgressRoot(ProgressComponent):
+    """The Progress Root component."""
+
+    tag = "Root"
+    alias = "RadixProgressRoot"
+
+    # The current progress value.
+    value: Var[Optional[int]]
+
+    # The maximum progress value.
+    max: Var[int]
+
+    def _apply_theme(self, theme: Component | None):
+        self.style = Style(
+            {
+                "position": "relative",
+                "overflow": "hidden",
+                "background": "black",
+                "border_radius": "99999px",
+                "width": "300px",
+                "height": "25px",
+                **self.style,
+            }
+        )
+
+
+class ProgressIndicator(ProgressComponent):
+    """The Progress bar indicator."""
+
+    tag = "Indicator"
+
+    alias = "RadixProgressIndicator"
+
+    # The current progress value.
+    value: Var[Optional[int]]
+
+    def _apply_theme(self, theme: Component | None):
+        self.style = Style(
+            {
+                "background-color": "white",
+                "width": "100%",
+                "height": "100%",
+                "transition": f"transform 660ms linear",
+                "&[data_state='loading']": {
+                    "transition": f"transform 660ms linear",
+                },
+                "transform": f"translateX(-{100 - self.value}%)",  # type: ignore
+            }
+        )
+
+
+progress_root = ProgressRoot.create
+progress_indicator = ProgressIndicator.create
+
+
+def progress(**props):
+    """High level API for progress bar.
+
+    Args:
+        **props: The props of the progress bar
+
+    Returns:
+        The progress bar.
+    """
+    return progress_root(
+        progress_indicator(value=props.get("value")),
+        **props,
+    )

reflex/components/radix/primitives/progress.pyi

@@ -0,0 +1,268 @@
+"""Stub file for reflex/components/radix/primitives/progress.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.components.radix.primitives.base import RadixPrimitiveComponent
+from reflex.style import Style
+from reflex.vars import Var
+
+class ProgressComponent(RadixPrimitiveComponent):
+    @overload
+    @classmethod
+    def create(  # type: ignore
+        cls,
+        *children,
+        as_child: Optional[Union[Var[bool], bool]] = 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
+    ) -> "ProgressComponent":
+        """Create the component.
+
+        Args:
+            *children: The children of the component.
+            as_child: Change the default rendered element for the one passed as a child.
+            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.
+        """
+        ...
+
+class ProgressRoot(ProgressComponent):
+    @overload
+    @classmethod
+    def create(  # type: ignore
+        cls,
+        *children,
+        value: Optional[Union[Var[Optional[int]], Optional[int]]] = None,
+        max: Optional[Union[Var[int], int]] = None,
+        as_child: Optional[Union[Var[bool], bool]] = 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
+    ) -> "ProgressRoot":
+        """Create the component.
+
+        Args:
+            *children: The children of the component.
+            value: The current progress value.
+            max: The maximum progress value.
+            as_child: Change the default rendered element for the one passed as a child.
+            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.
+        """
+        ...
+
+class ProgressIndicator(ProgressComponent):
+    @overload
+    @classmethod
+    def create(  # type: ignore
+        cls,
+        *children,
+        value: Optional[Union[Var[Optional[int]], Optional[int]]] = None,
+        as_child: Optional[Union[Var[bool], bool]] = 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
+    ) -> "ProgressIndicator":
+        """Create the component.
+
+        Args:
+            *children: The children of the component.
+            value: The current progress value.
+            as_child: Change the default rendered element for the one passed as a child.
+            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.
+        """
+        ...
+
+progress_root = ProgressRoot.create
+progress_indicator = ProgressIndicator.create
+
+def progress(**props): ...

reflex/components/radix/primitives/slider.py

@@ -0,0 +1,179 @@
+"""Radix slider components."""
+
+from typing import Any, Dict, Literal
+
+from reflex.components.component import Component
+from reflex.components.radix.primitives.base import RadixPrimitiveComponent
+from reflex.style import Style
+from reflex.vars import Var
+
+LiteralSliderOrientation = Literal["horizontal", "vertical"]
+LiteralSliderDir = Literal["ltr", "rtl"]
+
+
+class SliderComponent(RadixPrimitiveComponent):
+    """Base class for all @radix-ui/react-slider components."""
+
+    library = "@radix-ui/react-slider@^1.1.2"
+
+
+class SliderRoot(SliderComponent):
+    """The Slider component comtaining all slider parts."""
+
+    tag = "Root"
+    alias = "RadixSliderRoot"
+
+    default_value: Var[list[int]]
+
+    value: Var[list[int]]
+
+    name: Var[str]
+
+    disabled: Var[bool]
+
+    orientation: Var[LiteralSliderOrientation]
+
+    dir: Var[LiteralSliderDir]
+
+    inverted: Var[bool]
+
+    min: Var[int]
+
+    max: Var[int]
+
+    step: Var[int]
+
+    min_steps_between_thumbs: Var[int]
+
+    def get_event_triggers(self) -> Dict[str, Any]:
+        """Event triggers for radix slider primitive.
+
+        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
+        }
+
+    def _apply_theme(self, theme: Component):
+        self.style = Style(
+            {
+                "position": "relative",
+                "display": "flex",
+                "align_items": "center",
+                "user_select": "none",
+                "touch_action": "none",
+                "width": "200px",
+                "height": "20px",
+                "&[data-orientation='vertical']": {
+                    "flex_direction": "column",
+                    "width": "20px",
+                    "height": "100px",
+                },
+                **self.style,
+            }
+        )
+
+
+class SliderTrack(SliderComponent):
+    """A Slider Track component."""
+
+    tag = "Track"
+    alias = "RadixSliderTrack"
+
+    def _apply_theme(self, theme: Component):
+        self.style = Style(
+            {
+                "position": "relative",
+                "flex_grow": "1",
+                "background_color": "black",
+                "border_radius": "9999px",
+                "height": "3px",
+                "&[data-orientation='vertical']": {
+                    "width": "3px",
+                },
+                **self.style,
+            }
+        )
+
+
+class SliderRange(SliderComponent):
+    """A SliderRange component."""
+
+    tag = "Range"
+    alias = "RadixSliderRange"
+
+    def _apply_theme(self, theme: Component):
+        self.style = Style(
+            {
+                "position": "absolute",
+                "background_color": "white",
+                "height": "100%",
+                "&[data-orientation='vertical']": {
+                    "width": "100%",
+                },
+                **self.style,
+            }
+        )
+
+
+class SliderThumb(SliderComponent):
+    """A SliderThumb component."""
+
+    tag = "Thumb"
+    alias = "RadixSliderThumb"
+
+    def _apply_theme(self, theme: Component):
+        self.style = Style(
+            {
+                "display": "block",
+                "width": "20px",
+                "height": "20px",
+                "background_color": "black",
+                "box_shadow": "0 2px 10px black",
+                "border_radius": "10px",
+                "&:hover": {
+                    "background_color": "gray",
+                },
+                "&:focus": {
+                    "outline": "none",
+                    "box_shadow": "0 0 0 4px gray",
+                },
+                **self.style,
+            }
+        )
+
+
+slider_root = SliderRoot.create
+slider_track = SliderTrack.create
+slider_range = SliderRange.create
+slider_thumb = SliderThumb.create
+
+
+def slider(
+    **props,
+) -> Component:
+    """High level API for slider.
+
+    Args:
+        **props: The props of the slider.
+
+    Returns:
+        A slider component.
+    """
+    track = SliderTrack.create(SliderRange.create())
+    # if default_value is not set, the thumbs will not render properly but the slider will still work
+    if "default_value" in props:
+        children = [
+            track,
+            *[SliderThumb.create() for _ in props.get("default_value", [])],
+        ]
+    else:
+        children = [
+            track,
+            #     Foreach.create(props.get("value"), lambda e: SliderThumb.create()),  # foreach doesn't render Thumbs properly
+        ]
+
+    return slider_root(*children, **props)