reflex 0.7.14a6__py3-none-any.whl → 0.8.0a2__py3-none-any.whl

reflex/components/datadisplay/code.py

@@ -3,13 +3,12 @@
 from __future__ import annotations
 
 import dataclasses
-import typing
 from typing import ClassVar, Literal
 
 from reflex.components.component import Component, ComponentNamespace
 from reflex.components.core.cond import color_mode_cond
 from reflex.components.lucide.icon import Icon
-from reflex.components.markdown.markdown import _LANGUAGE, MarkdownComponentMap
+from reflex.components.markdown.markdown import MarkdownComponentMap
 from reflex.components.radix.themes.components.button import Button
 from reflex.components.radix.themes.layout.box import Box
 from reflex.constants.colors import Color
@@ -315,7 +314,7 @@ def construct_theme_var(theme: str) -> Var[Theme]:
         theme,
         _var_data=VarData(
             imports={
-                f"react-syntax-highlighter/dist/cjs/styles/prism/{format.to_kebab_case(theme)}": [
+                f"react-syntax-highlighter/dist/esm/styles/prism/{format.to_kebab_case(theme)}": [
                     ImportVar(tag=theme, is_default=True, install=False)
                 ]
             }
@@ -502,75 +501,6 @@ class CodeBlock(Component, MarkdownComponentMap):
     def _exclude_props(self) -> list[str]:
         return ["can_copy", "copy_button"]
 
-    @classmethod
-    def _get_language_registration_hook(cls, language_var: Var = _LANGUAGE) -> Var:
-        """Get the hook to register the language.
-
-        Args:
-            language_var: The const/literal Var of the language module to import.
-                For markdown, uses the default placeholder _LANGUAGE. For direct use,
-                a LiteralStringVar should be passed via the language prop.
-
-        Returns:
-            The hook to register the language.
-        """
-        language_in_there = Var.create(typing.get_args(LiteralCodeLanguage)).contains(
-            language_var
-        )
-        async_load = f"""
-(async () => {{
-    try {{
-        const module = await import(`react-syntax-highlighter/dist/cjs/languages/prism/${{{language_var!s}}}`);
-        SyntaxHighlighter.registerLanguage({language_var!s}, module.default);
-    }} catch (error) {{
-        console.error(`Language ${{{language_var!s}}} is not supported for code blocks inside of markdown: `, error);
-    }}
-}})();
-"""
-        return Var(
-            f"""
- if ({language_var!s}) {{
-    if (!{language_in_there!s}) {{
-        console.warn(`Language \\`${{{language_var!s}}}\\` is not supported for code blocks inside of markdown.`);
-        {language_var!s} = '';
-    }} else {{
-        {async_load!s}
-    }}
-  }}
-"""
-            if not isinstance(language_var, LiteralVar)
-            else f"""
-if ({language_var!s}) {{
-    {async_load!s}
-}}""",
-            _var_data=VarData(
-                imports={
-                    cls.get_fields()["library"].default_value(): [
-                        ImportVar(tag="PrismAsyncLight", alias="SyntaxHighlighter")
-                    ]
-                },
-            ),
-        )
-
-    @classmethod
-    def get_component_map_custom_code(cls) -> Var:
-        """Get the custom code for the component.
-
-        Returns:
-            The custom code for the component.
-        """
-        return cls._get_language_registration_hook()
-
-    def add_hooks(self) -> list[str | Var]:
-        """Add hooks for the component.
-
-        Returns:
-            The hooks for the component.
-        """
-        return [
-            self._get_language_registration_hook(language_var=self.language),
-        ]
-
 
 class CodeblockNamespace(ComponentNamespace):
     """Namespace for the CodeBlock component."""

reflex/components/datadisplay/code.pyi

@@ -11,7 +11,7 @@ from reflex.components.component import Component, ComponentNamespace
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.markdown.markdown import MarkdownComponentMap
 from reflex.constants.colors import Color
-from reflex.event import EventType
+from reflex.event import EventType, PointerEventInfo
 from reflex.vars.base import Var
 
 LiteralCodeLanguage = Literal[
@@ -942,9 +942,9 @@ class CodeBlock(Component, MarkdownComponentMap):
         autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
-        on_click: EventType[()] | None = None,
-        on_context_menu: EventType[()] | None = None,
-        on_double_click: EventType[()] | None = None,
+        on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_double_click: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_focus: EventType[()] | None = None,
         on_mount: EventType[()] | None = None,
         on_mouse_down: EventType[()] | None = None,
@@ -955,6 +955,7 @@ class CodeBlock(Component, MarkdownComponentMap):
         on_mouse_over: EventType[()] | None = None,
         on_mouse_up: EventType[()] | None = None,
         on_scroll: EventType[()] | None = None,
+        on_scroll_end: EventType[()] | None = None,
         on_unmount: EventType[()] | None = None,
         **props,
     ) -> CodeBlock:
@@ -986,9 +987,6 @@ class CodeBlock(Component, MarkdownComponentMap):
         """
 
     def add_style(self): ...
-    @classmethod
-    def get_component_map_custom_code(cls) -> Var: ...
-    def add_hooks(self) -> list[str | Var]: ...
 
 class CodeblockNamespace(ComponentNamespace):
     themes = Theme
@@ -1582,9 +1580,9 @@ class CodeblockNamespace(ComponentNamespace):
         autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
-        on_click: EventType[()] | None = None,
-        on_context_menu: EventType[()] | None = None,
-        on_double_click: EventType[()] | None = None,
+        on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_double_click: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_focus: EventType[()] | None = None,
         on_mount: EventType[()] | None = None,
         on_mouse_down: EventType[()] | None = None,
@@ -1595,6 +1593,7 @@ class CodeblockNamespace(ComponentNamespace):
         on_mouse_over: EventType[()] | None = None,
         on_mouse_up: EventType[()] | None = None,
         on_scroll: EventType[()] | None = None,
+        on_scroll_end: EventType[()] | None = None,
         on_unmount: EventType[()] | None = None,
         **props,
     ) -> CodeBlock:

reflex/components/datadisplay/dataeditor.pyi

@@ -3,14 +3,14 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
+import dataclasses
 from collections.abc import Mapping, Sequence
 from enum import Enum
 from typing import Any, Literal, TypedDict, overload
 
-from reflex.base import Base
 from reflex.components.component import NoSSRComponent
 from reflex.components.core.breakpoints import Breakpoints
-from reflex.event import EventType
+from reflex.event import EventType, PointerEventInfo
 from reflex.utils.imports import ImportDict
 from reflex.utils.serializers import serializer
 from reflex.vars.base import Var
@@ -43,7 +43,8 @@ class GridColumnIcons(Enum):
     Uri = "uri"
     VideoUri = "video_uri"
 
-class DataEditorTheme(Base):
+@dataclasses.dataclass
+class DataEditorThemeBase:
     accent_color: str | None
     accent_fg: str | None
     accent_light: str | None
@@ -77,6 +78,9 @@ class DataEditorTheme(Base):
     text_light: str | None
     text_medium: str | None
 
+@dataclasses.dataclass(init=False)
+class DataEditorTheme(DataEditorThemeBase): ...
+
 class Bounds(TypedDict):
     x: int
     y: int
@@ -182,11 +186,11 @@ class DataEditor(NoSSRComponent):
         on_cell_clicked: EventType[()] | EventType[tuple[int, int]] | None = None,
         on_cell_context_menu: EventType[()] | EventType[tuple[int, int]] | None = None,
         on_cell_edited: EventType[()] | EventType[tuple[int, int]] | EventType[tuple[int, int], GridCell] | None = None,
-        on_click: EventType[()] | None = None,
+        on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_column_resize: EventType[()] | EventType[GridColumn] | EventType[GridColumn, int] | None = None,
-        on_context_menu: EventType[()] | None = None,
+        on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_delete: EventType[()] | EventType[GridSelection] | None = None,
-        on_double_click: EventType[()] | None = None,
+        on_double_click: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_finished_editing: EventType[()] | EventType[GridCell | None] | EventType[GridCell | None, tuple[int, int]] | None = None,
         on_focus: EventType[()] | None = None,
         on_group_header_clicked: EventType[()] | EventType[tuple[int, int]] | EventType[tuple[int, int], GridCell] | None = None,
@@ -206,6 +210,7 @@ class DataEditor(NoSSRComponent):
         on_mouse_up: EventType[()] | None = None,
         on_row_appended: EventType[()] | None = None,
         on_scroll: EventType[()] | None = None,
+        on_scroll_end: EventType[()] | None = None,
         on_selection_cleared: EventType[()] | None = None,
         on_unmount: EventType[()] | None = None,
         **props,

reflex/components/datadisplay/shiki_code_block.pyi

@@ -11,7 +11,7 @@ from reflex.components.component import Component, ComponentNamespace
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.markdown.markdown import MarkdownComponentMap
 from reflex.components.props import NoExtrasAllowedProps
-from reflex.event import EventType
+from reflex.event import EventType, PointerEventInfo
 from reflex.style import Style
 from reflex.vars.base import Var
 from reflex.vars.function import FunctionStringVar
@@ -924,9 +924,9 @@ class ShikiCodeBlock(Component, MarkdownComponentMap):
         autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
-        on_click: EventType[()] | None = None,
-        on_context_menu: EventType[()] | None = None,
-        on_double_click: EventType[()] | None = None,
+        on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_double_click: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_focus: EventType[()] | None = None,
         on_mount: EventType[()] | None = None,
         on_mouse_down: EventType[()] | None = None,
@@ -937,6 +937,7 @@ class ShikiCodeBlock(Component, MarkdownComponentMap):
         on_mouse_over: EventType[()] | None = None,
         on_mouse_up: EventType[()] | None = None,
         on_scroll: EventType[()] | None = None,
+        on_scroll_end: EventType[()] | None = None,
         on_unmount: EventType[()] | None = None,
         **props,
     ) -> ShikiCodeBlock:
@@ -1542,9 +1543,9 @@ class ShikiHighLevelCodeBlock(ShikiCodeBlock):
         autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
-        on_click: EventType[()] | None = None,
-        on_context_menu: EventType[()] | None = None,
-        on_double_click: EventType[()] | None = None,
+        on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_double_click: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_focus: EventType[()] | None = None,
         on_mount: EventType[()] | None = None,
         on_mouse_down: EventType[()] | None = None,
@@ -1555,6 +1556,7 @@ class ShikiHighLevelCodeBlock(ShikiCodeBlock):
         on_mouse_over: EventType[()] | None = None,
         on_mouse_up: EventType[()] | None = None,
         on_scroll: EventType[()] | None = None,
+        on_scroll_end: EventType[()] | None = None,
         on_unmount: EventType[()] | None = None,
         **props,
     ) -> ShikiHighLevelCodeBlock:
@@ -2163,9 +2165,9 @@ class CodeblockNamespace(ComponentNamespace):
         autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
-        on_click: EventType[()] | None = None,
-        on_context_menu: EventType[()] | None = None,
-        on_double_click: EventType[()] | None = None,
+        on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_double_click: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_focus: EventType[()] | None = None,
         on_mount: EventType[()] | None = None,
         on_mouse_down: EventType[()] | None = None,
@@ -2176,6 +2178,7 @@ class CodeblockNamespace(ComponentNamespace):
         on_mouse_over: EventType[()] | None = None,
         on_mouse_up: EventType[()] | None = None,
         on_scroll: EventType[()] | None = None,
+        on_scroll_end: EventType[()] | None = None,
         on_unmount: EventType[()] | None = None,
         **props,
     ) -> ShikiHighLevelCodeBlock:

reflex/components/dynamic.py

@@ -26,15 +26,14 @@ def get_cdn_url(lib: str) -> str:
     return f"https://cdn.jsdelivr.net/npm/{lib}" + "/+esm"
 
 
-bundled_libraries = {
+bundled_libraries = [
     "react",
     "@radix-ui/themes",
     "@emotion/react",
-    "next/link",
     f"$/{constants.Dirs.UTILS}/context",
     f"$/{constants.Dirs.UTILS}/state",
     f"$/{constants.Dirs.UTILS}/components",
-}
+]
 
 
 def bundle_library(component: Union["Component", str]):
@@ -47,12 +46,12 @@ def bundle_library(component: Union["Component", str]):
         DynamicComponentMissingLibraryError: Raised when a dynamic component is missing a library.
     """
     if isinstance(component, str):
-        bundled_libraries.add(component)
+        bundled_libraries.append(component)
         return
     if component.library is None:
         msg = "Component must have a library to bundle."
         raise DynamicComponentMissingLibraryError(msg)
-    bundled_libraries.add(format_library_name(component.library))
+    bundled_libraries.append(format_library_name(component.library))
 
 
 def load_dynamic_serializer():
@@ -91,6 +90,7 @@ def load_dynamic_serializer():
                 tag_name="MySSRComponent",
                 memo_trigger_hooks=[],
                 component=component,
+                export=True,
             )
         ] = None
 

reflex/components/el/element.pyi

@@ -8,7 +8,7 @@ from typing import Any, overload
 
 from reflex.components.component import Component
 from reflex.components.core.breakpoints import Breakpoints
-from reflex.event import EventType
+from reflex.event import EventType, PointerEventInfo
 from reflex.vars.base import Var
 
 class Element(Component):
@@ -29,9 +29,9 @@ class Element(Component):
         autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
-        on_click: EventType[()] | None = None,
-        on_context_menu: EventType[()] | None = None,
-        on_double_click: EventType[()] | None = None,
+        on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_double_click: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_focus: EventType[()] | None = None,
         on_mount: EventType[()] | None = None,
         on_mouse_down: EventType[()] | None = None,
@@ -42,6 +42,7 @@ class Element(Component):
         on_mouse_over: EventType[()] | None = None,
         on_mouse_up: EventType[()] | None = None,
         on_scroll: EventType[()] | None = None,
+        on_scroll_end: EventType[()] | None = None,
         on_unmount: EventType[()] | None = None,
         **props,
     ) -> Element:

reflex/components/el/elements/base.pyi

@@ -8,7 +8,7 @@ from typing import Any, Literal, overload
 
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.el.element import Element
-from reflex.event import EventType
+from reflex.event import EventType, PointerEventInfo
 from reflex.vars.base import Var
 
 AutoCapitalize = Literal["off", "none", "on", "sentences", "words", "characters"]
@@ -285,9 +285,9 @@ class BaseHTML(Element):
         autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
-        on_click: EventType[()] | None = None,
-        on_context_menu: EventType[()] | None = None,
-        on_double_click: EventType[()] | None = None,
+        on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_double_click: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_focus: EventType[()] | None = None,
         on_mount: EventType[()] | None = None,
         on_mouse_down: EventType[()] | None = None,
@@ -298,6 +298,7 @@ class BaseHTML(Element):
         on_mouse_over: EventType[()] | None = None,
         on_mouse_up: EventType[()] | None = None,
         on_scroll: EventType[()] | None = None,
+        on_scroll_end: EventType[()] | None = None,
         on_unmount: EventType[()] | None = None,
         **props,
     ) -> BaseHTML: