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

reflex/components/media/icon.py

@@ -1,110 +1,2 @@
-"""An icon component."""
-from typing import List
-
-from reflex.components.libs.chakra import ChakraComponent
-from reflex.utils import format
-
-
-class ChakraIconComponent(ChakraComponent):
-    """A component that wraps a Chakra icon component."""
-
-    library = "@chakra-ui/icons@2.0.19"
-
-
-class Icon(ChakraIconComponent):
-    """An image icon."""
-
-    tag = "None"
-
-    @classmethod
-    def create(cls, *children, **props):
-        """Initialize the Icon component.
-
-        Run some additional checks on Icon component.
-
-        Args:
-            *children: The positional arguments
-            **props: The keyword arguments
-
-        Raises:
-            AttributeError: The errors tied to bad usage of the Icon component.
-            ValueError: If the icon tag is invalid.
-
-        Returns:
-            The created component.
-        """
-        if children:
-            raise AttributeError(
-                f"Passing children to Icon component is not allowed: remove positional arguments {children} to fix"
-            )
-        if "tag" not in props.keys():
-            raise AttributeError("Missing 'tag' keyword-argument for Icon")
-        if type(props["tag"]) != str or props["tag"].lower() not in ICON_LIST:
-            raise ValueError(
-                f"Invalid icon tag: {props['tag']}. Please use one of the following: {ICON_LIST}"
-            )
-        props["tag"] = format.to_title_case(props["tag"]) + "Icon"
-        return super().create(*children, **props)
-
-
-# List of all icons.
-ICON_LIST: List[str] = [
-    "add",
-    "arrow_back",
-    "arrow_down",
-    "arrow_forward",
-    "arrow_left",
-    "arrow_right",
-    "arrow_up",
-    "arrow_up_down",
-    "at_sign",
-    "attachment",
-    "bell",
-    "calendar",
-    "chat",
-    "check_circle",
-    "check",
-    "chevron_down",
-    "chevron_left",
-    "chevron_right",
-    "chevron_up",
-    "close",
-    "copy",
-    "delete",
-    "download",
-    "drag_handle",
-    "edit",
-    "email",
-    "external_link",
-    "hamburger",
-    "info",
-    "info_outline",
-    "link",
-    "lock",
-    "minus",
-    "moon",
-    "not_allowed",
-    "phone",
-    "plus_square",
-    "question",
-    "question_outline",
-    "repeat",
-    "repeat_clock",
-    "search",
-    "search2",
-    "settings",
-    "small_add",
-    "small_close",
-    "spinner",
-    "star",
-    "sun",
-    "time",
-    "triangle_down",
-    "triangle_up",
-    "unlock",
-    "up_down",
-    "view",
-    "view_off",
-    "warning",
-    "warning_two",
-]
+"""Shim for reflex.components.chakra.media.icon."""
+from reflex.components.chakra.media.icon import *

reflex/components/moment/__init__.py

@@ -0,0 +1,5 @@
+"""Moment.js component."""
+
+from .moment import Moment
+
+moment = Moment.create

reflex/components/{datadisplay → moment}/moment.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/datadisplay/moment.py"""
+"""Stub file for reflex/components/moment/moment.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------

reflex/components/next/__init__.py

@@ -2,7 +2,9 @@
 
 from .base import NextComponent
 from .image import Image
+from .link import NextLink
 from .video import Video
 
 image = Image.create
 video = Video.create
+next_link = NextLink.create

reflex/components/{navigation/nextlink.pyi → next/link.pyi}

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/navigation/nextlink.py"""
+"""Stub file for reflex/components/next/link.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------

reflex/components/plotly/__init__.py

@@ -0,0 +1,5 @@
+"""Plotly components."""
+
+from .plotly import Plotly
+
+plotly = Plotly.create

reflex/components/{graphing → plotly}/plotly.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/graphing/plotly.py"""
+"""Stub file for reflex/components/plotly/plotly.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------

reflex/components/radix/primitives/__init__.py

@@ -1,3 +1,14 @@
 """Radix primitive components (https://www.radix-ui.com/primitives)."""
 
-from .accordion import accordion
+from .accordion import accordion, accordion_item
+from .form import (
+    form_control,
+    form_field,
+    form_label,
+    form_message,
+    form_root,
+    form_submit,
+    form_validity_state,
+)
+from .progress import progress
+from .slider import slider

reflex/components/radix/primitives/accordion.py

@@ -3,9 +3,10 @@
 from typing import Literal
 
 from reflex.components.component import Component
-from reflex.components.tags import Tag
+from reflex.components.radix.primitives.base import RadixPrimitiveComponent
+from reflex.components.radix.themes.components.icons import Icon
 from reflex.style import Style
-from reflex.utils import format, imports
+from reflex.utils import imports
 from reflex.vars import Var
 
 LiteralAccordionType = Literal["single", "multiple"]
@@ -16,25 +17,11 @@ LiteralAccordionOrientation = Literal["vertical", "horizontal"]
 DEFAULT_ANIMATION_DURATION = 250
 
 
-class AccordionComponent(Component):
+class AccordionComponent(RadixPrimitiveComponent):
     """Base class for all @radix-ui/accordion components."""
 
     library = "@radix-ui/react-accordion@^1.1.2"
 
-    # Change the default rendered element for the one passed as a child.
-    as_child: Var[bool]
-
-    def _render(self) -> Tag:
-        return (
-            super()
-            ._render()
-            .add_props(
-                **{
-                    "class_name": format.to_title_case(self.tag or ""),
-                }
-            )
-        )
-
 
 class AccordionRoot(AccordionComponent):
     """An accordion component."""
@@ -152,6 +139,10 @@ class AccordionTrigger(AccordionComponent):
                 "&:hover": {
                     "background_color": "var(--gray-2)",
                 },
+                "& > .AccordionChevron": {
+                    "color": "var(--accent-10)",
+                    "transition": f"transform {DEFAULT_ANIMATION_DURATION}ms cubic-bezier(0.87, 0, 0.13, 1)",
+                },
                 "&[data-state='open'] > .AccordionChevron": {
                     "transform": "rotate(180deg)",
                 },
@@ -218,62 +209,36 @@ to {
 """
 
 
-# TODO: Remove this once the radix-icons PR is merged in.
-class ChevronDownIcon(Component):
-    """A chevron down icon."""
-
-    library = "@radix-ui/react-icons"
-
-    tag = "ChevronDownIcon"
-
-    def _apply_theme(self, theme: Component):
-        self.style = Style(
-            {
-                "color": "var(--accent-10)",
-                "transition": f"transform {DEFAULT_ANIMATION_DURATION}ms cubic-bezier(0.87, 0, 0.13, 1)",
-                **self.style,
-            }
-        )
-
-
-accordion_root = AccordionRoot.create
-accordion_item = AccordionItem.create
-accordion_trigger = AccordionTrigger.create
-accordion_content = AccordionContent.create
-accordion_header = AccordionHeader.create
-chevron_down_icon = ChevronDownIcon.create
-
-
-def accordion(items: list[tuple[str, str]], **props) -> Component:
-    """High level API for the Radix accordion.
-
-    #TODO: We need to handle taking in state here. This is just for a POC.
-
+def accordion_item(header: Component, content: Component, **props) -> Component:
+    """Create an accordion item.
 
     Args:
-        items: The items of the accordion component: list of tuples (label,panel)
-        **props: The properties of the component.
+        header: The header of the accordion item.
+        content: The content of the accordion item.
+        **props: Additional properties to apply to the accordion item.
 
     Returns:
-        The accordion component.
+        The accordion item.
     """
-    return accordion_root(
-        *[
-            accordion_item(
-                accordion_header(
-                    accordion_trigger(
-                        label,
-                        chevron_down_icon(
-                            class_name="AccordionChevron",
-                        ),
-                    ),
-                ),
-                accordion_content(
-                    panel,
+    # The item requires a value to toggle (use the header as the default value).
+    value = props.pop("value", str(header))
+
+    return AccordionItem.create(
+        AccordionHeader.create(
+            AccordionTrigger.create(
+                header,
+                Icon.create(
+                    tag="chevron_down",
+                    class_name="AccordionChevron",
                 ),
-                value=f"item-{i}",
-            )
-            for i, (label, panel) in enumerate(items)
-        ],
+            ),
+        ),
+        AccordionContent.create(
+            content,
+        ),
+        value=value,
         **props,
     )
+
+
+accordion = AccordionRoot.create

reflex/components/radix/primitives/accordion.pyi

@@ -9,9 +9,10 @@ from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import Literal
 from reflex.components.component import Component
-from reflex.components.tags import Tag
+from reflex.components.radix.primitives.base import RadixPrimitiveComponent
+from reflex.components.radix.themes.components.icons import Icon
 from reflex.style import Style
-from reflex.utils import format, imports
+from reflex.utils import imports
 from reflex.vars import Var
 
 LiteralAccordionType = Literal["single", "multiple"]
@@ -19,7 +20,7 @@ LiteralAccordionDir = Literal["ltr", "rtl"]
 LiteralAccordionOrientation = Literal["vertical", "horizontal"]
 DEFAULT_ANIMATION_DURATION = 250
 
-class AccordionComponent(Component):
+class AccordionComponent(RadixPrimitiveComponent):
     @overload
     @classmethod
     def create(  # type: ignore
@@ -530,90 +531,6 @@ class AccordionContent(AccordionComponent):
         """
         ...
 
-class ChevronDownIcon(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
-    ) -> "ChevronDownIcon":
-        """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.
-        """
-        ...
-
-accordion_root = AccordionRoot.create
-accordion_item = AccordionItem.create
-accordion_trigger = AccordionTrigger.create
-accordion_content = AccordionContent.create
-accordion_header = AccordionHeader.create
-chevron_down_icon = ChevronDownIcon.create
+def accordion_item(header: Component, content: Component, **props) -> Component: ...
 
-def accordion(items: list[tuple[str, str]], **props) -> Component: ...
+accordion = AccordionRoot.create

reflex/components/radix/primitives/base.py

@@ -0,0 +1,27 @@
+"""The base component for Radix primitives."""
+from typing import List
+
+from reflex.components.component import Component
+from reflex.components.tags.tag import Tag
+from reflex.utils import format
+from reflex.vars import Var
+
+
+class RadixPrimitiveComponent(Component):
+    """Basic component for radix Primitives."""
+
+    # Change the default rendered element for the one passed as a child.
+    as_child: Var[bool]
+
+    lib_dependencies: List[str] = ["@emotion/react@^11.11.1"]
+
+    def _render(self) -> Tag:
+        return (
+            super()
+            ._render()
+            .add_props(
+                **{
+                    "class_name": format.to_title_case(self.tag or ""),
+                }
+            )
+        )

reflex/components/radix/primitives/base.pyi

@@ -0,0 +1,95 @@
+"""Stub file for reflex/components/radix/primitives/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 typing import List
+from reflex.components.component import Component
+from reflex.components.tags.tag import Tag
+from reflex.utils import format
+from reflex.vars import Var
+
+class RadixPrimitiveComponent(Component):
+    @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
+    ) -> "RadixPrimitiveComponent":
+        """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.
+        """
+        ...