reflex 0.8.15a2__py3-none-any.whl → 0.8.16a1__py3-none-any.whl

reflex/components/core/upload.py

@@ -188,9 +188,7 @@ def _default_drop_rejected(rejected_files: ArrayVar[list[dict[str, Any]]]) -> Ev
         rf = rf.to(ObjectVar, dict[str, dict[str, Any]])
         file = rf["file"].to(ObjectVar, dict[str, Any])
         errors = rf["errors"].to(ArrayVar, list[dict[str, Any]])
-        return (
-            f"{file['path']}: {errors.foreach(lambda err: err['message']).join(', ')}"
-        )
+        return f"{file['path']}: {errors.foreach(lambda kv: kv['message']).join(', ')}"  # noqa: FURB118
 
     return toast.error(
         title="Files not Accepted",

reflex/components/datadisplay/code.pyi

@@ -297,6 +297,7 @@ LiteralCodeLanguage = Literal[
 ]
 
 def construct_theme_var(theme: str) -> Var[Theme]: ...
+
 @dataclasses.dataclass(init=False)
 class Theme:
     a11y_dark: ClassVar[Var[Theme]] = construct_theme_var("a11yDark")

reflex/components/datadisplay/dataeditor.py

@@ -369,12 +369,10 @@ class DataEditor(NoSSRComponent):
         columns_path = str(self.columns)
         data_path = str(self.data)
 
-        code.extend(
-            [
-                f"    return formatDataEditorCells(col, row, {columns_path}, {data_path});",
-                "  }",
-            ]
-        )
+        code.extend([
+            f"    return formatDataEditorCells(col, row, {columns_path}, {data_path});",
+            "  }",
+        ])
 
         return ["\n".join(code)]
 

reflex/components/datadisplay/shiki_code_block.py

@@ -431,89 +431,87 @@ class ShikiJsTransformer(ShikiBaseTransformers):
         ]
     )
     style: Style | None = dataclasses.field(
-        default_factory=lambda: Style(
-            {
-                "code": {
-                    "line-height": "1.7",
-                    "font-size": "0.875em",
-                    "display": "grid",
-                },
-                # Diffs
-                ".diff": {
-                    "margin": "0 -24px",
-                    "padding": "0 24px",
-                    "width": "calc(100% + 48px)",
-                    "display": "inline-block",
-                },
-                ".diff.add": {
-                    "background-color": "rgba(16, 185, 129, .14)",
-                    "position": "relative",
-                },
-                ".diff.remove": {
-                    "background-color": "rgba(244, 63, 94, .14)",
-                    "opacity": "0.7",
-                    "position": "relative",
-                },
-                ".diff.remove:after": {
-                    "position": "absolute",
-                    "left": "10px",
-                    "content": "'-'",
-                    "color": "#b34e52",
-                },
-                ".diff.add:after": {
-                    "position": "absolute",
-                    "left": "10px",
-                    "content": "'+'",
-                    "color": "#18794e",
-                },
-                # Highlight
-                ".highlighted": {
-                    "background-color": "rgba(142, 150, 170, .14)",
-                    "margin": "0 -24px",
-                    "padding": "0 24px",
-                    "width": "calc(100% + 48px)",
-                    "display": "inline-block",
-                },
-                ".highlighted.error": {
-                    "background-color": "rgba(244, 63, 94, .14)",
-                },
-                ".highlighted.warning": {
-                    "background-color": "rgba(234, 179, 8, .14)",
-                },
-                # Highlighted Word
-                ".highlighted-word": {
-                    "background-color": color("gray", 2),
-                    "border": f"1px solid {color('gray', 5)}",
-                    "padding": "1px 3px",
-                    "margin": "-1px -3px",
-                    "border-radius": "4px",
-                },
-                # Focused Lines
-                ".has-focused .line:not(.focused)": {
-                    "opacity": "0.7",
-                    "filter": "blur(0.095rem)",
-                    "transition": "filter .35s, opacity .35s",
-                },
-                ".has-focused:hover .line:not(.focused)": {
-                    "opacity": "1",
-                    "filter": "none",
-                },
-                # White Space
-                # ".tab, .space": {
-                #     "position": "relative", # noqa: ERA001
-                # },
-                # ".tab::before": {
-                #     "content": "'⇥'", # noqa: ERA001
-                #     "position": "absolute", # noqa: ERA001
-                #     "opacity": "0.3",# noqa: ERA001
-                # },
-                # ".space::before": {
-                #     "content": "'·'", # noqa: ERA001
-                #     "position": "absolute", # noqa: ERA001
-                #     "opacity": "0.3", # noqa: ERA001
-                # },
-            }
-        )
+        default_factory=lambda: Style({
+            "code": {
+                "line-height": "1.7",
+                "font-size": "0.875em",
+                "display": "grid",
+            },
+            # Diffs
+            ".diff": {
+                "margin": "0 -24px",
+                "padding": "0 24px",
+                "width": "calc(100% + 48px)",
+                "display": "inline-block",
+            },
+            ".diff.add": {
+                "background-color": "rgba(16, 185, 129, .14)",
+                "position": "relative",
+            },
+            ".diff.remove": {
+                "background-color": "rgba(244, 63, 94, .14)",
+                "opacity": "0.7",
+                "position": "relative",
+            },
+            ".diff.remove:after": {
+                "position": "absolute",
+                "left": "10px",
+                "content": "'-'",
+                "color": "#b34e52",
+            },
+            ".diff.add:after": {
+                "position": "absolute",
+                "left": "10px",
+                "content": "'+'",
+                "color": "#18794e",
+            },
+            # Highlight
+            ".highlighted": {
+                "background-color": "rgba(142, 150, 170, .14)",
+                "margin": "0 -24px",
+                "padding": "0 24px",
+                "width": "calc(100% + 48px)",
+                "display": "inline-block",
+            },
+            ".highlighted.error": {
+                "background-color": "rgba(244, 63, 94, .14)",
+            },
+            ".highlighted.warning": {
+                "background-color": "rgba(234, 179, 8, .14)",
+            },
+            # Highlighted Word
+            ".highlighted-word": {
+                "background-color": color("gray", 2),
+                "border": f"1px solid {color('gray', 5)}",
+                "padding": "1px 3px",
+                "margin": "-1px -3px",
+                "border-radius": "4px",
+            },
+            # Focused Lines
+            ".has-focused .line:not(.focused)": {
+                "opacity": "0.7",
+                "filter": "blur(0.095rem)",
+                "transition": "filter .35s, opacity .35s",
+            },
+            ".has-focused:hover .line:not(.focused)": {
+                "opacity": "1",
+                "filter": "none",
+            },
+            # White Space
+            # ".tab, .space": {
+            #     "position": "relative", # noqa: ERA001
+            # },
+            # ".tab::before": {
+            #     "content": "'⇥'", # noqa: ERA001
+            #     "position": "absolute", # noqa: ERA001
+            #     "opacity": "0.3",# noqa: ERA001
+            # },
+            # ".space::before": {
+            #     "content": "'·'", # noqa: ERA001
+            #     "position": "absolute", # noqa: ERA001
+            #     "opacity": "0.3", # noqa: ERA001
+            # },
+        })
     )
 
     def __init__(self, **kwargs):
@@ -640,9 +638,9 @@ class ShikiCodeBlock(Component, MarkdownComponentMap):
             raise ValueError(msg)
         for transformer in self.transformers._var_value:
             if isinstance(transformer, ShikiBaseTransformers):
-                imports[transformer.library].extend(
-                    [ImportVar(tag=str(fn)) for fn in transformer.fns]
-                )
+                imports[transformer.library].extend([
+                    ImportVar(tag=str(fn)) for fn in transformer.fns
+                ])
                 if transformer.library not in self.lib_dependencies:
                     self.lib_dependencies.append(transformer.library)
         return imports
@@ -780,30 +778,28 @@ class ShikiHighLevelCodeBlock(ShikiCodeBlock):
                         set_clipboard(cls._strip_transformer_triggers(code)),
                         copy_script(),
                     ],
-                    style=Style(
-                        {
-                            "position": "absolute",
-                            "top": "4px",
-                            "right": "4px",
-                            "background": color("gray", 3),
-                            "border": "1px solid",
-                            "border-color": color("gray", 5),
-                            "border-radius": "6px",
-                            "padding": "5px",
-                            "opacity": "1",
-                            "cursor": "pointer",
-                            "_hover": {
-                                "background": color("gray", 4),
-                            },
-                            "transition": "background 0.250s ease-out",
-                            "&>svg": {
-                                "transition": "transform 0.250s ease-out, opacity 0.250s ease-out",
-                            },
-                            "_active": {
-                                "background": color("gray", 5),
-                            },
-                        }
-                    ),
+                    style=Style({
+                        "position": "absolute",
+                        "top": "4px",
+                        "right": "4px",
+                        "background": color("gray", 3),
+                        "border": "1px solid",
+                        "border-color": color("gray", 5),
+                        "border-radius": "6px",
+                        "padding": "5px",
+                        "opacity": "1",
+                        "cursor": "pointer",
+                        "_hover": {
+                            "background": color("gray", 4),
+                        },
+                        "transition": "background 0.250s ease-out",
+                        "&>svg": {
+                            "transition": "transform 0.250s ease-out, opacity 0.250s ease-out",
+                        },
+                        "_active": {
+                            "background": color("gray", 5),
+                        },
+                    }),
                 )
             )
 

reflex/components/dynamic.py

@@ -161,12 +161,10 @@ def load_dynamic_serializer():
             )
         ]
 
-        return "\n".join(
-            [
-                "//__reflex_evaluate",
-                *module_code_lines,
-            ]
-        )
+        return "\n".join([
+            "//__reflex_evaluate",
+            *module_code_lines,
+        ])
 
     @transform
     def evaluate_component(js_string: Var[str]) -> Var[Component]:

reflex/components/el/elements/__init__.py

@@ -144,13 +144,11 @@ EXCLUDE = ["del_", "Del", "image", "style"]
 for v in _MAPPING.values():
     from reflex.utils.format import to_camel_case
 
-    v.extend(
-        [
-            to_camel_case(mod)[0].upper() + to_camel_case(mod)[1:]
-            for mod in v
-            if mod not in EXCLUDE
-        ]
-    )
+    v.extend([
+        to_camel_case(mod)[0].upper() + to_camel_case(mod)[1:]
+        for mod in v
+        if mod not in EXCLUDE
+    ])
 
 _MAPPING["metadata"].extend(["StyleEl"])
 

reflex/components/el/elements/__init__.pyi

@@ -395,13 +395,11 @@ EXCLUDE = ["del_", "Del", "image", "style"]
 for v in _MAPPING.values():
     from reflex.utils.format import to_camel_case
 
-    v.extend(
-        [
-            to_camel_case(mod)[0].upper() + to_camel_case(mod)[1:]
-            for mod in v
-            if mod not in EXCLUDE
-        ]
-    )
+    v.extend([
+        to_camel_case(mod)[0].upper() + to_camel_case(mod)[1:]
+        for mod in v
+        if mod not in EXCLUDE
+    ])
 _MAPPING["metadata"].extend(["StyleEl"])
 
 __all__ = [

reflex/components/el/elements/base.py

@@ -6,7 +6,7 @@ from reflex.components.el.element import Element
 from reflex.vars.base import Var
 
 AutoCapitalize = Literal["off", "none", "on", "sentences", "words", "characters"]
-ContentEditable = Literal[True, False, "inherit", "plaintext-only"]
+ContentEditable = Literal["inherit", "plaintext-only"] | bool
 EnterKeyHint = Literal["enter", "done", "go", "next", "previous", "search", "send"]
 InputMode = Literal[
     "none", "text", "tel", "url", "email", "numeric", "decimal", "search", "search"

reflex/components/el/elements/base.pyi

@@ -12,7 +12,7 @@ from reflex.event import EventType, PointerEventInfo
 from reflex.vars.base import Var
 
 AutoCapitalize = Literal["off", "none", "on", "sentences", "words", "characters"]
-ContentEditable = Literal[True, False, "inherit", "plaintext-only"]
+ContentEditable = Literal["inherit", "plaintext-only"] | bool
 EnterKeyHint = Literal["enter", "done", "go", "next", "previous", "search", "send"]
 InputMode = Literal[
     "none", "text", "tel", "url", "email", "numeric", "decimal", "search", "search"
@@ -94,184 +94,6 @@ class BaseHTML(Element):
     def create(
         cls,
         *children,
-        access_key: Var[str] | str | None = None,
-        auto_capitalize: Literal[
-            "characters", "none", "off", "on", "sentences", "words"
-        ]
-        | Var[Literal["characters", "none", "off", "on", "sentences", "words"]]
-        | None = None,
-        content_editable: Literal["inherit", "plaintext-only", False, True]
-        | Var[Literal["inherit", "plaintext-only", False, True]]
-        | None = None,
-        context_menu: Var[str] | str | None = None,
-        dir: Var[str] | str | None = None,
-        draggable: Var[bool] | bool | None = None,
-        enter_key_hint: Literal[
-            "done", "enter", "go", "next", "previous", "search", "send"
-        ]
-        | Var[Literal["done", "enter", "go", "next", "previous", "search", "send"]]
-        | None = None,
-        hidden: Var[bool] | bool | None = None,
-        input_mode: Literal[
-            "decimal", "email", "none", "numeric", "search", "tel", "text", "url"
-        ]
-        | Var[
-            Literal[
-                "decimal", "email", "none", "numeric", "search", "tel", "text", "url"
-            ]
-        ]
-        | None = None,
-        item_prop: Var[str] | str | None = None,
-        lang: Var[str] | str | None = None,
-        role: Literal[
-            "alert",
-            "alertdialog",
-            "application",
-            "article",
-            "banner",
-            "button",
-            "cell",
-            "checkbox",
-            "columnheader",
-            "combobox",
-            "complementary",
-            "contentinfo",
-            "definition",
-            "dialog",
-            "directory",
-            "document",
-            "feed",
-            "figure",
-            "form",
-            "grid",
-            "gridcell",
-            "group",
-            "heading",
-            "img",
-            "link",
-            "list",
-            "listbox",
-            "listitem",
-            "log",
-            "main",
-            "marquee",
-            "math",
-            "menu",
-            "menubar",
-            "menuitem",
-            "menuitemcheckbox",
-            "menuitemradio",
-            "navigation",
-            "none",
-            "note",
-            "option",
-            "presentation",
-            "progressbar",
-            "radio",
-            "radiogroup",
-            "region",
-            "row",
-            "rowgroup",
-            "rowheader",
-            "scrollbar",
-            "search",
-            "searchbox",
-            "separator",
-            "slider",
-            "spinbutton",
-            "status",
-            "switch",
-            "tab",
-            "table",
-            "tablist",
-            "tabpanel",
-            "term",
-            "textbox",
-            "timer",
-            "toolbar",
-            "tooltip",
-            "tree",
-            "treegrid",
-            "treeitem",
-        ]
-        | Var[
-            Literal[
-                "alert",
-                "alertdialog",
-                "application",
-                "article",
-                "banner",
-                "button",
-                "cell",
-                "checkbox",
-                "columnheader",
-                "combobox",
-                "complementary",
-                "contentinfo",
-                "definition",
-                "dialog",
-                "directory",
-                "document",
-                "feed",
-                "figure",
-                "form",
-                "grid",
-                "gridcell",
-                "group",
-                "heading",
-                "img",
-                "link",
-                "list",
-                "listbox",
-                "listitem",
-                "log",
-                "main",
-                "marquee",
-                "math",
-                "menu",
-                "menubar",
-                "menuitem",
-                "menuitemcheckbox",
-                "menuitemradio",
-                "navigation",
-                "none",
-                "note",
-                "option",
-                "presentation",
-                "progressbar",
-                "radio",
-                "radiogroup",
-                "region",
-                "row",
-                "rowgroup",
-                "rowheader",
-                "scrollbar",
-                "search",
-                "searchbox",
-                "separator",
-                "slider",
-                "spinbutton",
-                "status",
-                "switch",
-                "tab",
-                "table",
-                "tablist",
-                "tabpanel",
-                "term",
-                "textbox",
-                "timer",
-                "toolbar",
-                "tooltip",
-                "tree",
-                "treegrid",
-                "treeitem",
-            ]
-        ]
-        | None = None,
-        slot: Var[str] | str | None = None,
-        spell_check: Var[bool] | bool | None = None,
-        tab_index: Var[int] | int | None = None,
-        title: Var[str] | str | None = None,
         style: Sequence[Mapping[str, Any]]
         | Mapping[str, Any]
         | Var[Mapping[str, Any]]
@@ -304,22 +126,6 @@ class BaseHTML(Element):
 
         Args:
             *children: The children of the component.
-            access_key: Provides a hint for generating a keyboard shortcut for the current element.
-            auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
-            content_editable: Indicates whether the element's content is editable.
-            context_menu: Defines the ID of a <menu> element which will serve as the element's context menu.
-            dir: Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)
-            draggable: Defines whether the element can be dragged.
-            enter_key_hint: Hints what media types the media element is able to play.
-            hidden: Defines whether the element is hidden.
-            input_mode: Defines the type of the element.
-            item_prop: Defines the name of the element for metadata purposes.
-            lang: Defines the language used in the element.
-            role: Defines the role of the element.
-            slot: Assigns a slot in a shadow DOM shadow tree to an element.
-            spell_check: Defines whether the element may be checked for spelling errors.
-            tab_index: Defines the position of the current element in the tabbing order.
-            title: Defines a tooltip for the element.
             style: The style of the component.
             key: A unique key for the component.
             id: The id for the component.

reflex/components/el/elements/forms.py

@@ -229,14 +229,12 @@ class Form(BaseHTML):
     def _render(self) -> Tag:
         render_tag = super()._render()
         if EventTriggers.ON_SUBMIT in self.event_triggers:
-            render_tag = render_tag.add_props(
-                **{
-                    EventTriggers.ON_SUBMIT: Var(
-                        _js_expr=f"handleSubmit_{self.handle_submit_unique_name}",
-                        _var_type=EventChain,
-                    )
-                }
-            )
+            render_tag = render_tag.add_props(**{
+                EventTriggers.ON_SUBMIT: Var(
+                    _js_expr=f"handleSubmit_{self.handle_submit_unique_name}",
+                    _var_type=EventChain,
+                )
+            })
         return render_tag
 
     def _get_form_refs(self) -> dict[str, Any]:
@@ -319,7 +317,7 @@ class BaseInput(BaseHTML):
     auto_focus: Var[bool]
 
     # Captures media from the user (camera or microphone)
-    capture: Var[Literal[True, False, "user", "environment"]]
+    capture: Var[Literal["user", "environment"] | bool]
 
     # Indicates whether the input is checked (for checkboxes and radio buttons)
     checked: Var[bool]