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

reflex/.templates/apps/blank/code/blank.py

@@ -39,6 +39,6 @@ def index() -> rx.Component:
     )
 
 
-# Add state and page to the app.
+# Create app instance and add index page.
 app = rx.App()
 app.add_page(index)

reflex/.templates/apps/demo/code/demo.py

@@ -118,5 +118,5 @@ def chatapp() -> rx.Component:
     return chatapp_page()
 
 
-# Add state and page to the app.
+# Create the app.
 app = rx.App(style=base_style)

reflex/.templates/apps/sidebar/code/sidebar.py

@@ -7,5 +7,10 @@ from code.pages import *
 
 import reflex as rx
 
-# Create the app and compile it.
+
+class State(rx.State):
+    """Define empty state to allow access to rx.State.router."""
+
+
+# Create the app.
 app = rx.App(style=styles.base_style)

reflex/.templates/jinja/web/pages/utils.js.jinja2

@@ -85,7 +85,7 @@
 {% macro render_match_tag(component) %}
 {
     (() => {
-        switch (JSON.stringify({{ component.cond._var_full_name }})) {
+        switch (JSON.stringify({{ component.cond._var_name_unwrapped }})) {
         {% for case in component.match_cases %}
             {% for condition in case[:-1] %}
                 case JSON.stringify({{ condition._var_name_unwrapped }}):

reflex/__init__.py

@@ -216,6 +216,7 @@ _ALL_COMPONENTS = [
     "Tfoot",
     "Th",
     "Thead",
+    "TimePicker",
     "Tooltip",
     "Tr",
     "UnorderedList",
@@ -252,6 +253,7 @@ _MAPPING = {
     "reflex.compiler.utils": ["get_asset_path"],
     "reflex.components": _ALL_COMPONENTS + ["chakra", "next"],
     "reflex.components.component": ["memo"],
+    "reflex.components.radix": ["radix"],
     "reflex.components.recharts": ["recharts"],
     "reflex.components.moment.moment": ["MomentDelta"],
     "reflex.config": ["config", "Config", "DBConfig"],

reflex/__init__.pyi

@@ -209,6 +209,7 @@ from reflex.components import TextArea as TextArea
 from reflex.components import Tfoot as Tfoot
 from reflex.components import Th as Th
 from reflex.components import Thead as Thead
+from reflex.components import TimePicker as TimePicker
 from reflex.components import Tooltip as Tooltip
 from reflex.components import Tr as Tr
 from reflex.components import UnorderedList as UnorderedList
@@ -420,6 +421,7 @@ from reflex.components import text_area as text_area
 from reflex.components import tfoot as tfoot
 from reflex.components import th as th
 from reflex.components import thead as thead
+from reflex.components import time_picker as time_picker
 from reflex.components import tooltip as tooltip
 from reflex.components import tr as tr
 from reflex.components import unordered_list as unordered_list
@@ -445,6 +447,7 @@ from reflex.components import NoSSRComponent as NoSSRComponent
 from reflex.components import chakra as chakra
 from reflex.components import next as next
 from reflex.components.component import memo as memo
+from reflex.components import radix as radix
 from reflex.components import recharts as recharts
 from reflex.components.moment.moment import MomentDelta as MomentDelta
 from reflex import config as config

reflex/app.py

@@ -43,7 +43,6 @@ from reflex.components.core.client_side_routing import (
     Default404Page,
     wait_for_client_redirect,
 )
-from reflex.components.radix import themes
 from reflex.config import get_config
 from reflex.event import Event, EventHandler, EventSpec
 from reflex.middleware import HydrateMiddleware, Middleware
@@ -63,6 +62,7 @@ from reflex.state import (
     State,
     StateManager,
     StateUpdate,
+    code_uses_state_contexts,
 )
 from reflex.utils import console, exceptions, format, prerequisites, types
 from reflex.utils.imports import ImportVar
@@ -128,11 +128,11 @@ class App(Base):
         Union[Component, ComponentCallable]
     ] = default_overlay_component
 
-    # Background tasks that are currently running
+    # Background tasks that are currently running.
     background_tasks: Set[asyncio.Task] = set()
 
-    # The radix theme for the entire app
-    theme: Optional[Component] = themes.theme(accent_color="blue")
+    # The radix theme for the entire app.
+    theme: Optional[Component]
 
     def __init__(self, *args, **kwargs):
         """Initialize the app.
@@ -169,7 +169,8 @@ class App(Base):
                     deprecation_version="0.3.5",
                     removal_version="0.4.0",
                 )
-            self.state = State
+            if len(State.class_subclasses) > 0:
+                self.state = State
         # Get the config
         config = get_config()
 
@@ -590,7 +591,7 @@ class App(Base):
                 continue
             _frontend_packages.append(package)
         page_imports.update(_frontend_packages)
-        prerequisites.install_frontend_packages(page_imports)
+        prerequisites.install_frontend_packages(page_imports, get_config())
 
     def _app_root(self, app_wrappers: dict[tuple[int, str], Component]) -> Component:
         for component in tuple(app_wrappers.values()):
@@ -636,7 +637,11 @@ class App(Base):
         return
 
     def compile_(self):
-        """Compile the app and output it to the pages folder."""
+        """Compile the app and output it to the pages folder.
+
+        Raises:
+            RuntimeError: When any page uses state, but no rx.State subclass is defined.
+        """
         # add the pages before the compile check so App know onload methods
         for render, kwargs in DECORATED_PAGES:
             self.add_page(render, **kwargs)
@@ -701,6 +706,16 @@ class App(Base):
                 stateful_components_code,
                 page_components,
             ) = compiler.compile_stateful_components(self.pages.values())
+
+            # Catch "static" apps (that do not define a rx.State subclass) which are trying to access rx.State.
+            if (
+                code_uses_state_contexts(stateful_components_code)
+                and self.state is None
+            ):
+                raise RuntimeError(
+                    "To access rx.State in frontend components, at least one "
+                    "subclass of rx.State must be defined in the app."
+                )
             compile_results.append((stateful_components_path, stateful_components_code))
 
             result_futures = []

reflex/components/chakra/__init__.py

@@ -196,6 +196,7 @@ text_area = TextArea.create
 tfoot = Tfoot.create
 th = Th.create
 thead = Thead.create
+time_picker = TimePicker.create
 tooltip = Tooltip.create
 tr = Tr.create
 unordered_list = UnorderedList.create

reflex/components/chakra/forms/__init__.py

@@ -45,6 +45,7 @@ from .select import Option, Select
 from .slider import Slider, SliderFilledTrack, SliderMark, SliderThumb, SliderTrack
 from .switch import Switch
 from .textarea import TextArea
+from .time_picker import TimePicker
 
 helpers = [
     "color_mode_cond",

reflex/components/chakra/forms/time_picker.py

@@ -0,0 +1,11 @@
+"""A time input component."""
+
+from reflex.components.chakra.forms.input import Input
+from reflex.vars import Var
+
+
+class TimePicker(Input):
+    """A time input component."""
+
+    # The type of input.
+    type_: Var[str] = "time"  # type: ignore

reflex/components/chakra/forms/time_picker.pyi

@@ -0,0 +1,129 @@
+"""Stub file for reflex/components/chakra/forms/time_picker.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.chakra.forms.input import Input
+from reflex.vars import Var
+
+class TimePicker(Input):
+    @overload
+    @classmethod
+    def create(  # type: ignore
+        cls,
+        *children,
+        type_: Optional[Union[Var[str], str]] = None,
+        value: Optional[Union[Var[str], str]] = None,
+        default_value: Optional[Union[Var[str], str]] = None,
+        placeholder: Optional[Union[Var[str], str]] = None,
+        error_border_color: Optional[Union[Var[str], str]] = None,
+        focus_border_color: Optional[Union[Var[str], str]] = None,
+        is_disabled: Optional[Union[Var[bool], bool]] = None,
+        is_invalid: Optional[Union[Var[bool], bool]] = None,
+        is_read_only: Optional[Union[Var[bool], bool]] = None,
+        is_required: Optional[Union[Var[bool], bool]] = None,
+        variant: Optional[
+            Union[
+                Var[Literal["outline", "filled", "flushed", "unstyled"]],
+                Literal["outline", "filled", "flushed", "unstyled"],
+            ]
+        ] = None,
+        size: Optional[
+            Union[Var[Literal["sm", "md", "lg", "xs"]], Literal["sm", "md", "lg", "xs"]]
+        ] = None,
+        name: 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_change: 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_key_down: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_key_up: 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
+    ) -> "TimePicker":
+        """Create an Input component.
+
+        Args:
+            *children: The children of the component.
+            type_: The type of input.
+            value: State var to bind the input.
+            default_value: The default value of the input.
+            placeholder: The placeholder text.
+            error_border_color: The border color when the input is invalid.
+            focus_border_color: The border color when the input is focused.
+            is_disabled: If true, the form control will be disabled. This has 2 side effects - The FormLabel will have `data-disabled` attribute - The form element (e.g, Input) will be disabled
+            is_invalid: If true, the form control will be invalid. This has 2 side effects - The FormLabel and FormErrorIcon will have `data-invalid` set to true - The form element (e.g, Input) will have `aria-invalid` set to true
+            is_read_only: If true, the form control will be readonly.
+            is_required: If true, the form control will be required. This has 2 side effects - The FormLabel will show a required indicator - The form element (e.g, Input) will have `aria-required` set to true
+            variant: "outline" | "filled" | "flushed" | "unstyled"
+            size: "lg" | "md" | "sm" | "xs"
+            name: The name of the form field
+            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 properties of the component.
+
+        Returns:
+            The component.
+        """
+        ...

reflex/components/component.py

@@ -623,6 +623,8 @@ class Component(BaseComponent, ABC):
         Returns:
             The dictionary of the component style as value and the style notation as key.
         """
+        if isinstance(self.style, Var):
+            return {"css": self.style}
         return {"css": Var.create(format_as_emotion(self.style))}
 
     def render(self) -> Dict:
@@ -721,7 +723,7 @@ class Component(BaseComponent, ABC):
                 vars.append(prop_var)
 
         # Style keeps track of its own VarData instance, so embed in a temp Var that is yielded.
-        if self.style:
+        if isinstance(self.style, dict) and self.style or isinstance(self.style, Var):
             vars.append(
                 BaseVar(
                     _var_name="style",

reflex/components/core/match.py

@@ -64,7 +64,8 @@ class Match(MemoizationLeaf):
         Raises:
             ValueError: If the condition is not provided.
         """
-        match_cond_var = Var.create(cond)
+        match_cond_var = Var.create(cond, _var_is_string=type(cond) is str)
+
         if match_cond_var is None:
             raise ValueError("The condition must be set")
         return match_cond_var  # type: ignore
@@ -216,13 +217,14 @@ class Match(MemoizationLeaf):
 
         return match_cond_var._replace(
             _var_name=format.format_match(
-                cond=match_cond_var._var_full_name,
+                cond=match_cond_var._var_name_unwrapped,
                 match_cases=match_cases,  # type: ignore
                 default=default,  # type: ignore
             ),
             _var_type=default._var_type,  # type: ignore
             _var_is_local=False,
             _var_full_name_needs_state_prefix=False,
+            _var_is_string=False,
             merge_var_data=VarData.merge(*var_data),
         )
 
@@ -247,11 +249,13 @@ class Match(MemoizationLeaf):
         for case in self.match_cases:
             if isinstance(case[-1], BaseComponent):
                 merged_imports = imports.merge_imports(
-                    merged_imports, case[-1].get_imports()
+                    merged_imports,
+                    case[-1].get_imports(),
                 )
         # Get the import of the default case component.
         if isinstance(self.default, BaseComponent):
             merged_imports = imports.merge_imports(
-                merged_imports, self.default.get_imports()
+                merged_imports,
+                self.default.get_imports(),
             )
         return merged_imports

reflex/components/datadisplay/dataeditor.py

@@ -109,7 +109,11 @@ class DataEditor(NoSSRComponent):
     tag = "DataEditor"
     is_default = True
     library: str = "@glideapps/glide-data-grid@^5.3.0"
-    lib_dependencies: List[str] = ["lodash", "marked", "react-responsive-carousel"]
+    lib_dependencies: List[str] = [
+        "lodash@^4.17.21",
+        "marked@^4.0.10",
+        "react-responsive-carousel@^3.2.7",
+    ]
 
     # Number of rows.
     rows: Var[int]

reflex/components/markdown/markdown.py

@@ -41,6 +41,7 @@ _REHYPE_PLUGINS = Var.create_safe([_REHYPE_KATEX, _REHYPE_RAW])
 # These tags do NOT get props passed to them
 NO_PROPS_TAGS = ("ul", "ol", "li")
 
+
 # Component Mapping
 @lru_cache
 def get_base_component_map() -> dict[str, Callable]:

reflex/components/radix/__init__.py

@@ -1 +1,3 @@
 """Namespace for components provided by @radix-ui packages."""
+
+from . import primitives, themes

reflex/components/radix/primitives/__init__.py

@@ -1,6 +1,12 @@
 """Radix primitive components (https://www.radix-ui.com/primitives)."""
 
-from .accordion import accordion, accordion_item
+from .accordion import (
+    AccordionContent,
+    AccordionHeader,
+    AccordionRoot,
+    AccordionTrigger,
+    accordion_item,
+)
 from .form import (
     form_control,
     form_field,
@@ -12,3 +18,10 @@ from .form import (
 )
 from .progress import progress
 from .slider import slider
+
+# accordion
+accordion = AccordionRoot.create
+accordion_root = AccordionRoot.create
+accordion_header = AccordionHeader.create
+accordion_trigger = AccordionTrigger.create
+accordion_content = AccordionContent.create