Merge branch 'main' into release/reflex-0.8.8

Author: adhami3310

pyi_hashes.json

@@ -39,15 +39,15 @@
   "reflex/components/el/elements/tables.pyi": "e3f299e59bb8ff87aa949c6b606551c9",
   "reflex/components/el/elements/typography.pyi": "b4ec4ffb448f7a9b5f94712404448d9e",
   "reflex/components/gridjs/datatable.pyi": "98a7e1b3f3b60cafcdfcd8879750ee42",
-  "reflex/components/lucide/icon.pyi": "69e5b61d7a914321fdc03280960d511c",
+  "reflex/components/lucide/icon.pyi": "9ac28107e4f03fbdee21864b022325d2",
   "reflex/components/markdown/markdown.pyi": "2f84254a548e908020949564fc289339",
   "reflex/components/moment/moment.pyi": "93fa4c6009390fe9400197ab52735b84",
   "reflex/components/plotly/plotly.pyi": "4311a0aae2abcc9226abb6a273f96372",
   "reflex/components/radix/__init__.pyi": "5d8e3579912473e563676bfc71f29191",
   "reflex/components/radix/primitives/__init__.pyi": "68fcf93acb9a40d94561d375a3a5fdb1",
   "reflex/components/radix/primitives/accordion.pyi": "9192299dac04a5172edd7b2f6b125f53",
   "reflex/components/radix/primitives/base.pyi": "336f5e26669a809454bb343e698ab563",
-  "reflex/components/radix/primitives/drawer.pyi": "5c04c3598100aa4d562c242fabf7e404",
+  "reflex/components/radix/primitives/drawer.pyi": "c6ad2f60217fe25952f3a1ba88fbd72a",
   "reflex/components/radix/primitives/form.pyi": "8a5ec180a50acdc35dfe53e4e65c20e0",
   "reflex/components/radix/primitives/progress.pyi": "b26c99c1d827c0f599fff344746aeec3",
   "reflex/components/radix/primitives/slider.pyi": "c03b716ffbbc3e1a0c766951de04e83b",

reflex/.templates/web/utils/state.js

@@ -415,7 +415,7 @@ export const applyRestEvent = async (event, socket, navigate, params) => {
     if (event.payload.files === undefined || event.payload.files.length === 0) {
       // Submit the event over the websocket to trigger the event handler.
       return await applyEvent(
-        Event(event.name, { files: [] }),
+        ReflexEvent(event.name, { files: [] }),
         socket,
         navigate,
         params,
@@ -775,7 +775,7 @@ export const uploadFiles = async (
  * @param {string} handler The client handler to process event.
  * @returns The event object.
  */
-export const Event = (
+export const ReflexEvent = (
   name,
   payload = {},
   event_actions = {},
@@ -987,7 +987,7 @@ export const useEventLoop = (
 
     window.onerror = function (msg, url, lineNo, columnNo, error) {
       addEvents([
-        Event(`${exception_state_name}.handle_frontend_exception`, {
+        ReflexEvent(`${exception_state_name}.handle_frontend_exception`, {
           info: error.name + ": " + error.message + "\n" + error.stack,
           component_stack: "",
         }),
@@ -999,7 +999,7 @@ export const useEventLoop = (
     //https://github.com/mknichel/javascript-errors?tab=readme-ov-file#promise-rejection-events
     window.onunhandledrejection = function (event) {
       addEvents([
-        Event(`${exception_state_name}.handle_frontend_exception`, {
+        ReflexEvent(`${exception_state_name}.handle_frontend_exception`, {
           info:
             event.reason?.name +
             ": " +
@@ -1072,7 +1072,7 @@ export const useEventLoop = (
       if (storage_to_state_map[e.key]) {
         const vars = {};
         vars[storage_to_state_map[e.key]] = e.newValue;
-        const event = Event(
+        const event = ReflexEvent(
           `${state_name}.reflex___state____update_vars_internal_state.update_vars_internal`,
           { vars: vars },
         );

reflex/app.py

@@ -1311,9 +1311,9 @@ def memoized_toast_provider():
                 self.head_components,
                 html_lang=self.html_lang,
                 html_custom_attrs=(
-                    {"suppressHydrationWarning": "true", **self.html_custom_attrs}
+                    {"suppressHydrationWarning": True, **self.html_custom_attrs}
                     if self.html_custom_attrs
-                    else {"suppressHydrationWarning": "true"}
+                    else {"suppressHydrationWarning": True}
                 ),
             )
         )

reflex/compiler/compiler.py

@@ -6,7 +6,7 @@
 from collections.abc import Callable, Iterable, Sequence
 from inspect import getmodule
 from pathlib import Path
-from typing import TYPE_CHECKING
+from typing import TYPE_CHECKING, Any
 
 from reflex import constants
 from reflex.compiler import templates, utils
@@ -465,7 +465,7 @@ def get_shared_components_recursive(component: BaseComponent):
 def compile_document_root(
     head_components: list[Component],
     html_lang: str | None = None,
-    html_custom_attrs: dict[str, Var | str] | None = None,
+    html_custom_attrs: dict[str, Var | Any] | None = None,
 ) -> tuple[str, str]:
     """Compile the document root.
 

reflex/compiler/templates.py

@@ -303,7 +303,7 @@ def context_template(
     // But only send the vars if any are actually set in the browser.
     if (client_storage_vars && Object.keys(client_storage_vars).length !== 0) {{
         internal_events.push(
-            Event(
+            ReflexEvent(
                 '{state_name}.{constants.CompileVars.UPDATE_VARS_INTERNAL}',
                 {{vars: client_storage_vars}},
             ),
@@ -312,14 +312,14 @@ def context_template(
 
     // `on_load_internal` triggers the correct on_load event(s) for the current page.
     // If the page does not define any on_load event, this will just set `is_hydrated = true`.
-    internal_events.push(Event('{state_name}.{constants.CompileVars.ON_LOAD_INTERNAL}'));
+    internal_events.push(ReflexEvent('{state_name}.{constants.CompileVars.ON_LOAD_INTERNAL}'));
 
     return internal_events;
 }}
 
 // The following events are sent when the websocket connects or reconnects.
 export const initialEvents = () => [
-    Event('{state_name}.{constants.CompileVars.HYDRATE}'),
+    ReflexEvent('{state_name}.{constants.CompileVars.HYDRATE}'),
     ...onLoadInternalEvent()
 ]
     """
@@ -351,7 +351,7 @@ def context_template(
     )
 
     return rf"""import {{ createContext, useContext, useMemo, useReducer, useState, createElement, useEffect }} from "react"
-import {{ applyDelta, Event, hydrateClientStorage, useEventLoop, refs }} from "$/utils/state"
+import {{ applyDelta, ReflexEvent, hydrateClientStorage, useEventLoop, refs }} from "$/utils/state"
 import {{ jsx }} from "@emotion/react";
 
 export const initialState = {"{}" if not initial_state else json_dumps(initial_state)}

reflex/compiler/utils.py

@@ -350,7 +350,7 @@ def compile_custom_component(
 def create_document_root(
     head_components: Sequence[Component] | None = None,
     html_lang: str | None = None,
-    html_custom_attrs: dict[str, Var | str] | None = None,
+    html_custom_attrs: dict[str, Var | Any] | None = None,
 ) -> Component:
     """Create the document root.
 

reflex/components/component.py

@@ -2599,7 +2599,7 @@ def _get_memoized_event_triggers(
             memo_name = f"{event_trigger}_{chain_hash}"
 
             # Calculate Var dependencies accessed by the handler for useCallback dep array.
-            var_deps = ["addEvents", "Event"]
+            var_deps = ["addEvents", "ReflexEvent"]
 
             # Get deps from event trigger var data.
             var_deps.extend(cls._get_deps_from_event_trigger(event))

reflex/components/lucide/icon.py

@@ -6,7 +6,7 @@
 from reflex.vars.base import LiteralVar, Var
 from reflex.vars.sequence import LiteralStringVar, StringVar
 
-LUCIDE_LIBRARY = "lucide-react@0.540.0"
+LUCIDE_LIBRARY = "lucide-react@0.541.0"
 
 
 class LucideIconComponent(Component):

reflex/components/radix/primitives/drawer.py

@@ -124,13 +124,13 @@ class DrawerContent(DrawerComponent):
     alias = "Vaul" + tag
 
     # Style set partially based on the source code at https://ui.shadcn.com/docs/components/drawer
-    def _get_style(self) -> dict:
+    def add_style(self) -> dict:
         """Get the style for the component.
 
         Returns:
             The dictionary of the component style as value and the style notation as key.
         """
-        base_style = {
+        return {
             "left": "0",
             "right": "0",
             "bottom": "0",
@@ -139,9 +139,6 @@ def _get_style(self) -> dict:
             "z_index": 50,
             "display": "flex",
         }
-        style = self.style or {}
-        base_style.update(style)
-        return {"css": base_style}
 
     # Fired when the drawer content is opened.
     on_open_auto_focus: EventHandler[no_args_event_spec]
@@ -186,13 +183,13 @@ class DrawerOverlay(DrawerComponent):
     alias = "Vaul" + tag
 
     # Style set based on the source code at https://ui.shadcn.com/docs/components/drawer
-    def _get_style(self) -> dict:
+    def add_style(self) -> dict:
         """Get the style for the component.
 
         Returns:
             The dictionary of the component style as value and the style notation as key.
         """
-        base_style = {
+        return {
             "position": "fixed",
             "left": "0",
             "right": "0",
@@ -201,9 +198,6 @@ def _get_style(self) -> dict:
             "z_index": 50,
             "background": "rgba(0, 0, 0, 0.5)",
         }
-        style = self.style or {}
-        base_style.update(style)
-        return {"css": base_style}
 
 
 class DrawerClose(DrawerTrigger):
@@ -222,21 +216,18 @@ class DrawerTitle(DrawerComponent):
     alias = "Vaul" + tag
 
     # Style set based on the source code at https://ui.shadcn.com/docs/components/drawer
-    def _get_style(self) -> dict:
+    def add_style(self) -> dict:
         """Get the style for the component.
 
         Returns:
             The dictionary of the component style as value and the style notation as key.
         """
-        base_style = {
+        return {
             "font-size": "1.125rem",
             "font-weight": "600",
-            "line-weight": "1",
+            "line-height": "1",
             "letter-spacing": "-0.05em",
         }
-        style = self.style or {}
-        base_style.update(style)
-        return {"css": base_style}
 
 
 class DrawerDescription(DrawerComponent):
@@ -247,18 +238,15 @@ class DrawerDescription(DrawerComponent):
     alias = "Vaul" + tag
 
     # Style set based on the source code at https://ui.shadcn.com/docs/components/drawer
-    def _get_style(self) -> dict:
+    def add_style(self) -> dict:
         """Get the style for the component.
 
         Returns:
             The dictionary of the component style as value and the style notation as key.
         """
-        base_style = {
+        return {
             "font-size": "0.875rem",
         }
-        style = self.style or {}
-        base_style.update(style)
-        return {"css": base_style}
 
 
 class DrawerHandle(DrawerComponent):

reflex/constants/compiler.py

@@ -64,7 +64,7 @@ class CompileVars(SimpleNamespace):
     # The name of the var storing any connection error.
     CONNECT_ERROR = "connectErrors"
     # The name of the function for converting a dict to an event.
-    TO_EVENT = "Event"
+    TO_EVENT = "ReflexEvent"
     # The name of the internal on_load event.
     ON_LOAD_INTERNAL = "reflex___state____on_load_internal_state.on_load_internal"
     # The name of the internal event to update generic state vars.