reflex 0.5.4a3__py3-none-any.whl → 0.5.5a1__py3-none-any.whl

reflex/components/recharts/general.py

@@ -1,13 +1,15 @@
 """General components for Recharts."""
+
 from __future__ import annotations
 
 from typing import Any, Dict, List, Union
 
 from reflex.components.component import MemoizationLeaf
-from reflex.constants import EventTriggers
+from reflex.event import EventHandler
 from reflex.vars import Var
 
 from .recharts import (
+    LiteralAnimationEasing,
     LiteralIconType,
     LiteralLayout,
     LiteralLegendAlign,
@@ -53,6 +55,7 @@ class ResponsiveContainer(Recharts, MemoizationLeaf):
         "ScatterChart",
         "Treemap",
         "ComposedChart",
+        "FunnelChart",
     ]
 
 
@@ -93,20 +96,29 @@ class Legend(Recharts):
     # The margin of chart container, usually calculated internally.
     margin: Var[Dict[str, Any]]
 
-    def get_event_triggers(self) -> dict[str, Union[Var, Any]]:
-        """Get the event triggers that pass the component's value to the handler.
+    # The customized event handler of click on the items in this group
+    on_click: EventHandler[lambda: []]
+
+    # The customized event handler of mousedown on the items in this group
+    on_mouse_down: EventHandler[lambda: []]
+
+    # The customized event handler of mouseup on the items in this group
+    on_mouse_up: EventHandler[lambda: []]
+
+    # The customized event handler of mousemove on the items in this group
+    on_mouse_move: EventHandler[lambda: []]
+
+    # The customized event handler of mouseover on the items in this group
+    on_mouse_over: EventHandler[lambda: []]
 
-        Returns:
-            A dict mapping the event trigger to the var that is passed to the handler.
-        """
-        return {
-            EventTriggers.ON_CLICK: lambda: [],
-            EventTriggers.ON_MOUSE_MOVE: lambda: [],
-            EventTriggers.ON_MOUSE_OVER: lambda: [],
-            EventTriggers.ON_MOUSE_OUT: lambda: [],
-            EventTriggers.ON_MOUSE_ENTER: lambda: [],
-            EventTriggers.ON_MOUSE_LEAVE: lambda: [],
-        }
+    # The customized event handler of mouseout on the items in this group
+    on_mouse_out: EventHandler[lambda: []]
+
+    # The customized event handler of mouseenter on the items in this group
+    on_mouse_enter: EventHandler[lambda: []]
+
+    # The customized event handler of mouseleave on the items in this group
+    on_mouse_leave: EventHandler[lambda: []]
 
 
 class GraphingTooltip(Recharts):
@@ -131,6 +143,23 @@ class GraphingTooltip(Recharts):
     # The box of viewing area, which has the shape of {x: someVal, y: someVal, width: someVal, height: someVal}, usually calculated internally.
     view_box: Var[Dict[str, Any]]
 
+    # The style of default tooltip content item which is a li element. DEFAULT: {}
+    item_style: Var[Dict[str, Any]]
+
+    # The style of tooltip wrapper which is a dom element. DEFAULT: {}
+    wrapper_style: Var[Dict[str, Any]]
+
+    # The style of tooltip content which is a dom element. DEFAULT: {}
+    content_style: Var[Dict[str, Any]]
+
+    # The style of default tooltip label which is a p element. DEFAULT: {}
+    label_style: Var[Dict[str, Any]]
+
+    # This option allows the tooltip to extend beyond the viewBox of the chart itself. DEFAULT: { x: false, y: false }
+    allow_escape_view_box: Var[Dict[str, bool]] = Var.create_safe(
+        {"x": False, "y": False}
+    )
+
     # If set true, the tooltip is displayed. If set false, the tooltip is hidden, usually calculated internally.
     active: Var[bool]
 
@@ -140,6 +169,15 @@ class GraphingTooltip(Recharts):
     # The coordinate of tooltip which is usually calculated internally.
     coordinate: Var[Dict[str, Any]]
 
+    # If set false, animation of tooltip will be disabled. DEFAULT: true in CSR, and false in SSR
+    is_animation_active: Var[bool]
+
+    # Specifies the duration of animation, the unit of this option is ms. DEFAULT: 1500
+    animation_duration: Var[int]
+
+    # The type of easing function. DEFAULT: 'ease'
+    animation_easing: Var[LiteralAnimationEasing]
+
 
 class Label(Recharts):
     """A Label component in Recharts."""
@@ -177,12 +215,6 @@ class LabelList(Recharts):
     # The offset to the specified "position"
     offset: Var[int]
 
-    # Color of the fill
-    fill: Var[str]
-
-    # Color of the stroke
-    stroke: Var[str]
-
 
 responsive_container = ResponsiveContainer.create
 legend = Legend.create

reflex/components/recharts/general.pyi

@@ -9,9 +9,10 @@ from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import Any, Dict, List, Union
 from reflex.components.component import MemoizationLeaf
-from reflex.constants import EventTriggers
+from reflex.event import EventHandler
 from reflex.vars import Var
 from .recharts import (
+    LiteralAnimationEasing,
     LiteralIconType,
     LiteralLayout,
     LiteralLegendAlign,
@@ -109,7 +110,6 @@ class ResponsiveContainer(Recharts, MemoizationLeaf):
         ...
 
 class Legend(Recharts):
-    def get_event_triggers(self) -> dict[str, Union[Var, Any]]: ...
     @overload
     @classmethod
     def create(  # type: ignore
@@ -175,9 +175,27 @@ class Legend(Recharts):
         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,
@@ -193,6 +211,15 @@ class Legend(Recharts):
         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
     ) -> "Legend":
         """Create the component.
@@ -233,9 +260,24 @@ class GraphingTooltip(Recharts):
         filter_null: Optional[Union[Var[bool], bool]] = None,
         cursor: Optional[Union[Var[bool], bool]] = None,
         view_box: Optional[Union[Var[Dict[str, Any]], Dict[str, Any]]] = None,
+        item_style: Optional[Union[Var[Dict[str, Any]], Dict[str, Any]]] = None,
+        wrapper_style: Optional[Union[Var[Dict[str, Any]], Dict[str, Any]]] = None,
+        content_style: Optional[Union[Var[Dict[str, Any]], Dict[str, Any]]] = None,
+        label_style: Optional[Union[Var[Dict[str, Any]], Dict[str, Any]]] = None,
+        allow_escape_view_box: Optional[
+            Union[Var[Dict[str, bool]], Dict[str, bool]]
+        ] = None,
         active: Optional[Union[Var[bool], bool]] = None,
         position: Optional[Union[Var[Dict[str, Any]], Dict[str, Any]]] = None,
         coordinate: Optional[Union[Var[Dict[str, Any]], Dict[str, Any]]] = None,
+        is_animation_active: Optional[Union[Var[bool], bool]] = None,
+        animation_duration: Optional[Union[Var[int], int]] = None,
+        animation_easing: Optional[
+            Union[
+                Var[Literal["ease", "ease-in", "ease-out", "ease-in-out", "linear"]],
+                Literal["ease", "ease-in", "ease-out", "ease-in-out", "linear"],
+            ]
+        ] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,
@@ -298,9 +340,17 @@ class GraphingTooltip(Recharts):
             filter_null: When an item of the payload has value null or undefined, this item won't be displayed.
             cursor: If set false, no cursor will be drawn when tooltip is active.
             view_box: The box of viewing area, which has the shape of {x: someVal, y: someVal, width: someVal, height: someVal}, usually calculated internally.
+            item_style: The style of default tooltip content item which is a li element. DEFAULT: {}
+            wrapper_style: The style of tooltip wrapper which is a dom element. DEFAULT: {}
+            content_style: The style of tooltip content which is a dom element. DEFAULT: {}
+            label_style: The style of default tooltip label which is a p element. DEFAULT: {}
+            allow_escape_view_box: This option allows the tooltip to extend beyond the viewBox of the chart itself. DEFAULT: { x: false, y: false }
             active: If set true, the tooltip is displayed. If set false, the tooltip is hidden, usually calculated internally.
             position: If this field is set, the tooltip position will be fixed and will not move anymore.
             coordinate: The coordinate of tooltip which is usually calculated internally.
+            is_animation_active: If set false, animation of tooltip will be disabled. DEFAULT: true in CSR, and false in SSR
+            animation_duration: Specifies the duration of animation, the unit of this option is ms. DEFAULT: 1500
+            animation_easing: The type of easing function. DEFAULT: 'ease'
             style: The style of the component.
             key: A unique key for the component.
             id: The id for the component.
@@ -497,8 +547,6 @@ class LabelList(Recharts):
             ]
         ] = None,
         offset: Optional[Union[Var[int], int]] = None,
-        fill: Optional[Union[Var[str], str]] = None,
-        stroke: Optional[Union[Var[str], str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,
@@ -559,8 +607,6 @@ class LabelList(Recharts):
             data_key: The key of a group of label values in data.
             position: The position of each label relative to it view box。"Top" | "left" | "right" | "bottom" | "inside" | "outside" | "insideLeft" | "insideRight" | "insideTop" | "insideBottom" | "insideTopLeft" | "insideBottomLeft" | "insideTopRight" | "insideBottomRight" | "insideStart" | "insideEnd" | "end" | "center"
             offset: The offset to the specified "position"
-            fill: Color of the fill
-            stroke: Color of the stroke
             style: The style of the component.
             key: A unique key for the component.
             id: The id for the component.

reflex/components/recharts/polar.py

@@ -1,14 +1,17 @@
 """Polar charts in Recharts."""
+
 from __future__ import annotations
 
 from typing import Any, Dict, List, Union
 
 from reflex.constants import EventTriggers
+from reflex.event import EventHandler
 from reflex.vars import Var
 
 from .recharts import (
     LiteralAnimationEasing,
     LiteralGridType,
+    LiteralLegendType,
     LiteralPolarRadiusType,
     LiteralScale,
     Recharts,
@@ -56,7 +59,7 @@ class Pie(Recharts):
     name_key: Var[str]
 
     # The type of icon in legend. If set to 'none', no legend item will be rendered.
-    legend_type: Var[str]
+    legend_type: Var[LiteralLegendType]
 
     # If false set, labels will not be drawn.
     label: Var[bool] = False  # type: ignore
@@ -140,8 +143,8 @@ class RadialBar(Recharts):
 
     alias = "RechartsRadialBar"
 
-    # The source data which each element is an object.
-    data: Var[List[Dict[str, Any]]]
+    # The key of a group of data which should be unique to show the meaning of angle axis.
+    data_key: Var[Union[str, int]]
 
     # Min angle of each bar. A positive value between 0 and 360.
     min_angle: Var[int]
@@ -150,7 +153,7 @@ class RadialBar(Recharts):
     legend_type: Var[str]
 
     # If false set, labels will not be drawn.
-    label: Var[bool]
+    label: Var[Union[bool, Dict[str, Any]]]
 
     # If false set, background sector will not be drawn.
     background: Var[bool]
@@ -214,23 +217,32 @@ class PolarAngleAxis(Recharts):
     # Allow the axis has duplicated categorys or not when the type of axis is "category".
     allow_duplicated_category: Var[bool]
 
-    # Valid children components
+    # Valid children components.
     _valid_children: List[str] = ["Label"]
 
-    def get_event_triggers(self) -> dict[str, Union[Var, Any]]:
-        """Get the event triggers that pass the component's value to the handler.
+    # The customized event handler of click on the ticks of this axis.
+    on_click: EventHandler[lambda: []]
 
-        Returns:
-            A dict mapping the event trigger to the var that is passed to the handler.
-        """
-        return {
-            EventTriggers.ON_CLICK: lambda: [],
-            EventTriggers.ON_MOUSE_MOVE: lambda: [],
-            EventTriggers.ON_MOUSE_OVER: lambda: [],
-            EventTriggers.ON_MOUSE_OUT: lambda: [],
-            EventTriggers.ON_MOUSE_ENTER: lambda: [],
-            EventTriggers.ON_MOUSE_LEAVE: lambda: [],
-        }
+    # The customized event handler of mousedown on the the ticks of this axis.
+    on_mouse_down: EventHandler[lambda: []]
+
+    # The customized event handler of mouseup on the ticks of this axis.
+    on_mouse_up: EventHandler[lambda: []]
+
+    # The customized event handler of mousemove on the ticks of this axis.
+    on_mouse_move: EventHandler[lambda: []]
+
+    # The customized event handler of mouseover on the ticks of this axis.
+    on_mouse_over: EventHandler[lambda: []]
+
+    # The customized event handler of mouseout on the ticks of this axis.
+    on_mouse_out: EventHandler[lambda: []]
+
+    # The customized event handler of moustenter on the ticks of this axis.
+    on_mouse_enter: EventHandler[lambda: []]
+
+    # The customized event handler of mouseleave on the ticks of this axis.
+    on_mouse_leave: EventHandler[lambda: []]
 
 
 class PolarGrid(Recharts):

reflex/components/recharts/polar.pyi

@@ -9,10 +9,12 @@ from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import Any, Dict, List, Union
 from reflex.constants import EventTriggers
+from reflex.event import EventHandler
 from reflex.vars import Var
 from .recharts import (
     LiteralAnimationEasing,
     LiteralGridType,
+    LiteralLegendType,
     LiteralPolarRadiusType,
     LiteralScale,
     Recharts,
@@ -36,7 +38,38 @@ class Pie(Recharts):
         min_angle: Optional[Union[Var[int], int]] = None,
         padding_angle: Optional[Union[Var[int], int]] = None,
         name_key: Optional[Union[Var[str], str]] = None,
-        legend_type: Optional[Union[Var[str], str]] = None,
+        legend_type: Optional[
+            Union[
+                Var[
+                    Literal[
+                        "line",
+                        "plainline",
+                        "square",
+                        "rect",
+                        "circle",
+                        "cross",
+                        "diamond",
+                        "star",
+                        "triangle",
+                        "wye",
+                        "none",
+                    ]
+                ],
+                Literal[
+                    "line",
+                    "plainline",
+                    "square",
+                    "rect",
+                    "circle",
+                    "cross",
+                    "diamond",
+                    "star",
+                    "triangle",
+                    "wye",
+                    "none",
+                ],
+            ]
+        ] = None,
         label: Optional[Union[Var[bool], bool]] = None,
         label_line: Optional[Union[Var[bool], bool]] = None,
         fill: Optional[Union[Var[str], str]] = None,
@@ -210,10 +243,12 @@ class RadialBar(Recharts):
     def create(  # type: ignore
         cls,
         *children,
-        data: Optional[Union[Var[List[Dict[str, Any]]], List[Dict[str, Any]]]] = None,
+        data_key: Optional[Union[Var[Union[str, int]], Union[str, int]]] = None,
         min_angle: Optional[Union[Var[int], int]] = None,
         legend_type: Optional[Union[Var[str], str]] = None,
-        label: Optional[Union[Var[bool], bool]] = None,
+        label: Optional[
+            Union[Var[Union[bool, Dict[str, Any]]], Union[bool, Dict[str, Any]]]
+        ] = None,
         background: Optional[Union[Var[bool], bool]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
@@ -245,7 +280,7 @@ class RadialBar(Recharts):
 
         Args:
             *children: The children of the component.
-            data: The source data which each element is an object.
+            data_key: The key of a group of data which should be unique to show the meaning of angle axis.
             min_angle: Min angle of each bar. A positive value between 0 and 360.
             legend_type: Type of legend
             label: If false set, labels will not be drawn.
@@ -264,7 +299,6 @@ class RadialBar(Recharts):
         ...
 
 class PolarAngleAxis(Recharts):
-    def get_event_triggers(self) -> dict[str, Union[Var, Any]]: ...
     @overload
     @classmethod
     def create(  # type: ignore
@@ -291,9 +325,27 @@ class PolarAngleAxis(Recharts):
         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,
@@ -309,6 +361,15 @@ class PolarAngleAxis(Recharts):
         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
     ) -> "PolarAngleAxis":
         """Create the component.

reflex/components/recharts/recharts.py

@@ -1,4 +1,5 @@
 """A component that wraps a recharts lib."""
+
 from typing import Literal
 
 from reflex.components.component import Component, MemoizationLeaf, NoSSRComponent
@@ -7,13 +8,13 @@ from reflex.components.component import Component, MemoizationLeaf, NoSSRCompone
 class Recharts(Component):
     """A component that wraps a recharts lib."""
 
-    library = "recharts@2.8.0"
+    library = "recharts@2.12.7"
 
 
 class RechartsCharts(NoSSRComponent, MemoizationLeaf):
     """A component that wraps a recharts lib."""
 
-    library = "recharts@2.8.0"
+    library = "recharts@2.12.7"
 
 
 LiteralAnimationEasing = Literal["ease", "ease-in", "ease-out", "ease-in-out", "linear"]
@@ -25,6 +26,7 @@ LiteralLineType = Literal["joint", "fitting"]
 LiteralOrientation = Literal["top", "bottom", "left", "right", "middle"]
 LiteralOrientationLeftRightMiddle = Literal["left", "right", "middle"]
 LiteralOrientationTopBottom = Literal["top", "bottom"]
+LiteralOrientationLeftRight = Literal["left", "right"]
 LiteralOrientationTopBottomLeftRight = Literal["top", "bottom", "left", "right"]
 LiteralScale = Literal[
     "auto",
@@ -78,7 +80,7 @@ LiteralIconType = Literal[
     "triangle",
     "wye",
 ]
-LiteralLegendType = [
+LiteralLegendType = Literal[
     "line",
     "plainline",
     "square",

reflex/components/recharts/recharts.pyi

@@ -171,6 +171,7 @@ LiteralLineType = Literal["joint", "fitting"]
 LiteralOrientation = Literal["top", "bottom", "left", "right", "middle"]
 LiteralOrientationLeftRightMiddle = Literal["left", "right", "middle"]
 LiteralOrientationTopBottom = Literal["top", "bottom"]
+LiteralOrientationLeftRight = Literal["left", "right"]
 LiteralOrientationTopBottomLeftRight = Literal["top", "bottom", "left", "right"]
 LiteralScale = Literal[
     "auto",
@@ -224,7 +225,7 @@ LiteralIconType = Literal[
     "triangle",
     "wye",
 ]
-LiteralLegendType = [
+LiteralLegendType = Literal[
     "line",
     "plainline",
     "square",

reflex/components/sonner/toast.py

@@ -12,7 +12,7 @@ from reflex.event import (
     EventSpec,
     call_script,
 )
-from reflex.style import Style, color_mode
+from reflex.style import Style, resolved_color_mode
 from reflex.utils import format
 from reflex.utils.imports import ImportVar
 from reflex.utils.serializers import serialize, serializer
@@ -168,7 +168,7 @@ class Toaster(Component):
     tag = "Toaster"
 
     # the theme of the toast
-    theme: Var[str] = color_mode
+    theme: Var[str] = resolved_color_mode
 
     # whether to show rich colors
     rich_colors: Var[bool] = Var.create_safe(True)

reflex/components/sonner/toast.pyi

@@ -13,7 +13,7 @@ from reflex.components.component import Component, ComponentNamespace
 from reflex.components.lucide.icon import Icon
 from reflex.components.props import PropsBase
 from reflex.event import EventSpec, call_script
-from reflex.style import Style, color_mode
+from reflex.style import Style, resolved_color_mode
 from reflex.utils import format
 from reflex.utils.imports import ImportVar
 from reflex.utils.serializers import serialize, serializer

reflex/components/suneditor/editor.py

@@ -1,14 +1,15 @@
 """A Rich Text Editor based on SunEditor."""
+
 from __future__ import annotations
 
 import enum
-from typing import Any, Dict, List, Literal, Optional, Union
+from typing import Dict, List, Literal, Optional, Union
 
 from reflex.base import Base
 from reflex.components.component import Component, NoSSRComponent
-from reflex.constants import EventTriggers
+from reflex.event import EventHandler
 from reflex.utils.format import to_camel_case
-from reflex.utils.imports import ImportVar
+from reflex.utils.imports import ImportDict, ImportVar
 from reflex.vars import Var
 
 
@@ -176,34 +177,46 @@ class Editor(NoSSRComponent):
     # default: False
     disable_toolbar: Var[bool]
 
-    def _get_imports(self):
-        imports = super()._get_imports()
-        imports[""] = [
-            ImportVar(tag="suneditor/dist/css/suneditor.min.css", install=False)
-        ]
-        return imports
+    # Fired when the editor content changes.
+    on_change: EventHandler[lambda content: [content]]
+
+    # Fired when the something is inputted in the editor.
+    on_input: EventHandler[lambda e: [e]]
+
+    # Fired when the editor loses focus.
+    on_blur: EventHandler[lambda e, content: [content]]
+
+    # Fired when the editor is loaded.
+    on_load: EventHandler[lambda reload: [reload]]
+
+    # Fired when the editor is resized.
+    on_resize_editor: EventHandler[lambda height, prev_height: [height, prev_height]]
+
+    # Fired when the editor content is copied.
+    on_copy: EventHandler[lambda e, clipboard_data: [clipboard_data]]
 
-    def get_event_triggers(self) -> Dict[str, Any]:
-        """Get the event triggers that pass the component's value to the handler.
+    # Fired when the editor content is cut.
+    on_cut: EventHandler[lambda e, clipboard_data: [clipboard_data]]
+
+    # Fired when the editor content is pasted.
+    on_paste: EventHandler[
+        lambda e, clean_data, max_char_count: [clean_data, max_char_count]
+    ]
+
+    # Fired when the code view is toggled.
+    toggle_code_view: EventHandler[lambda is_code_view: [is_code_view]]
+
+    # Fired when the full screen mode is toggled.
+    toggle_full_screen: EventHandler[lambda is_full_screen: [is_full_screen]]
+
+    def add_imports(self) -> ImportDict:
+        """Add imports for the Editor component.
 
         Returns:
-            A dict mapping the event trigger to the var that is passed to the handler.
+            The import dict.
         """
         return {
-            **super().get_event_triggers(),
-            EventTriggers.ON_CHANGE: lambda content: [content],
-            "on_input": lambda _e: [_e],
-            EventTriggers.ON_BLUR: lambda _e, content: [content],
-            "on_load": lambda reload: [reload],
-            "on_resize_editor": lambda height, prev_height: [height, prev_height],
-            "on_copy": lambda _e, clipboard_data: [clipboard_data],
-            "on_cut": lambda _e, clipboard_data: [clipboard_data],
-            "on_paste": lambda _e, clean_data, max_char_count: [
-                clean_data,
-                max_char_count,
-            ],
-            "toggle_code_view": lambda is_code_view: [is_code_view],
-            "toggle_full_screen": lambda is_full_screen: [is_full_screen],
+            "": ImportVar(tag="suneditor/dist/css/suneditor.min.css", install=False)
         }
 
     @classmethod

reflex/components/suneditor/editor.pyi

@@ -8,12 +8,12 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 import enum
-from typing import Any, Dict, List, Literal, Optional, Union
+from typing import Dict, List, Literal, Optional, Union
 from reflex.base import Base
 from reflex.components.component import Component, NoSSRComponent
-from reflex.constants import EventTriggers
+from reflex.event import EventHandler
 from reflex.utils.format import to_camel_case
-from reflex.utils.imports import ImportVar
+from reflex.utils.imports import ImportDict, ImportVar
 from reflex.vars import Var
 
 class EditorButtonList(list, enum.Enum):
@@ -48,7 +48,7 @@ class EditorOptions(Base):
     button_list: Optional[List[Union[List[str], str]]]
 
 class Editor(NoSSRComponent):
-    def get_event_triggers(self) -> Dict[str, Any]: ...
+    def add_imports(self) -> ImportDict: ...
     @overload
     @classmethod
     def create(  # type: ignore

reflex/components/tags/iter_tag.py

@@ -1,4 +1,5 @@
 """Tag to loop through a list of components."""
+
 from __future__ import annotations
 
 import inspect