From d68de02bc84b8d01fd409deb773411968cf037fe Mon Sep 17 00:00:00 2001
From: Nikhil Rao <nikhil@reflex.dev>
Date: Mon, 29 Jan 2024 06:39:59 +0700
Subject: [PATCH] Revert "Individually Import Chakra Packages (#2405)" (#2472)
---
.github/workflows/integration_tests.yml | 1 +
reflex/components/chakra/datadisplay/badge.py | 2 -
reflex/components/chakra/datadisplay/code.py | 2 -
.../components/chakra/datadisplay/divider.py | 2 -
.../chakra/datadisplay/keyboard_key.py | 2 -
reflex/components/chakra/datadisplay/list.py | 10 +-
reflex/components/chakra/datadisplay/list.pyi | 83 +------------
reflex/components/chakra/datadisplay/stat.py | 18 +--
reflex/components/chakra/datadisplay/stat.pyi | 91 +-------------
reflex/components/chakra/datadisplay/table.py | 24 ++--
.../components/chakra/datadisplay/table.pyi | 97 ++-------------
reflex/components/chakra/datadisplay/tag.py | 16 +--
reflex/components/chakra/datadisplay/tag.pyi | 89 +-------------
.../components/chakra/disclosure/accordion.py | 16 +--
.../chakra/disclosure/accordion.pyi | 89 +-------------
reflex/components/chakra/disclosure/tabs.py | 16 +--
reflex/components/chakra/disclosure/tabs.pyi | 89 +-------------
.../chakra/disclosure/transition.py | 18 +--
.../chakra/disclosure/transition.pyi | 111 ++++--------------
.../chakra/disclosure/visuallyhidden.py | 2 -
reflex/components/chakra/feedback/alert.py | 14 +--
reflex/components/chakra/feedback/alert.pyi | 87 +-------------
.../chakra/feedback/circularprogress.py | 10 +-
.../chakra/feedback/circularprogress.pyi | 83 +------------
reflex/components/chakra/feedback/progress.py | 2 -
reflex/components/chakra/feedback/skeleton.py | 12 +-
.../components/chakra/feedback/skeleton.pyi | 85 +-------------
reflex/components/chakra/feedback/spinner.py | 2 -
reflex/components/chakra/forms/button.py | 10 +-
reflex/components/chakra/forms/button.pyi | 83 +------------
reflex/components/chakra/forms/checkbox.py | 10 +-
reflex/components/chakra/forms/checkbox.pyi | 83 +------------
reflex/components/chakra/forms/editable.py | 14 +--
reflex/components/chakra/forms/editable.pyi | 87 +-------------
reflex/components/chakra/forms/form.py | 3 +-
reflex/components/chakra/forms/form.pyi | 3 +-
reflex/components/chakra/forms/input.py | 18 +--
reflex/components/chakra/forms/input.pyi | 91 +-------------
reflex/components/chakra/forms/numberinput.py | 16 +--
.../components/chakra/forms/numberinput.pyi | 89 +-------------
reflex/components/chakra/forms/pininput.py | 10 +-
reflex/components/chakra/forms/pininput.pyi | 83 +------------
reflex/components/chakra/forms/radio.py | 4 -
reflex/components/chakra/forms/rangeslider.py | 14 +--
.../components/chakra/forms/rangeslider.pyi | 87 +-------------
reflex/components/chakra/forms/select.py | 2 -
reflex/components/chakra/forms/slider.py | 16 +--
reflex/components/chakra/forms/slider.pyi | 89 +-------------
reflex/components/chakra/forms/switch.py | 2 -
reflex/components/chakra/forms/textarea.py | 2 -
.../components/chakra/layout/aspect_ratio.py | 4 +-
.../components/chakra/layout/aspect_ratio.pyi | 4 +-
reflex/components/chakra/layout/base.py | 9 --
reflex/components/chakra/layout/base.pyi | 89 --------------
reflex/components/chakra/layout/box.py | 5 +-
reflex/components/chakra/layout/box.pyi | 4 +-
reflex/components/chakra/layout/card.py | 14 +--
reflex/components/chakra/layout/card.pyi | 87 +-------------
reflex/components/chakra/layout/center.py | 8 +-
reflex/components/chakra/layout/center.pyi | 8 +-
reflex/components/chakra/layout/container.py | 5 +-
reflex/components/chakra/layout/container.pyi | 4 +-
reflex/components/chakra/layout/flex.py | 4 +-
reflex/components/chakra/layout/flex.pyi | 4 +-
reflex/components/chakra/layout/grid.py | 8 +-
reflex/components/chakra/layout/grid.pyi | 8 +-
reflex/components/chakra/layout/spacer.py | 5 +-
reflex/components/chakra/layout/spacer.pyi | 4 +-
reflex/components/chakra/layout/stack.py | 5 +-
reflex/components/chakra/layout/stack.pyi | 5 +-
reflex/components/chakra/layout/wrap.py | 6 +-
reflex/components/chakra/layout/wrap.pyi | 6 +-
reflex/components/chakra/media/avatar.py | 12 +-
reflex/components/chakra/media/avatar.pyi | 85 +-------------
reflex/components/chakra/media/image.py | 3 -
.../chakra/navigation/breadcrumb.py | 14 +--
.../chakra/navigation/breadcrumb.pyi | 85 +-------------
.../components/chakra/navigation/stepper.py | 24 ++--
.../components/chakra/navigation/stepper.pyi | 97 ++-------------
.../components/chakra/overlay/alertdialog.py | 20 ++--
.../components/chakra/overlay/alertdialog.pyi | 93 ++-------------
reflex/components/chakra/overlay/menu.py | 22 ++--
reflex/components/chakra/overlay/menu.pyi | 95 ++-------------
reflex/components/chakra/overlay/modal.py | 20 ++--
reflex/components/chakra/overlay/modal.pyi | 93 ++-------------
reflex/components/chakra/overlay/popover.py | 24 ++--
reflex/components/chakra/overlay/popover.pyi | 97 ++-------------
reflex/components/chakra/overlay/tooltip.py | 2 -
.../components/chakra/typography/heading.py | 2 -
.../components/chakra/typography/highlight.py | 2 -
reflex/components/chakra/typography/span.py | 2 -
reflex/components/chakra/typography/text.py | 2 -
tests/test_app.py | 2 +-
93 files changed, 324 insertions(+), 2657 deletions(-)
delete mode 100644 reflex/components/chakra/layout/base.py
delete mode 100644 reflex/components/chakra/layout/base.pyi
diff --git a/.github/workflows/integration_tests.yml b/.github/workflows/integration_tests.yml
index 49493b4b1..0e4e627e5 100644
--- a/.github/workflows/integration_tests.yml
+++ b/.github/workflows/integration_tests.yml
@@ -101,6 +101,7 @@ jobs:
strategy:
fail-fast: false
matrix:
+ # Show OS combos first in GUI
os: [ ubuntu-latest, windows-latest, macos-latest ]
python-version: [ "3.10.10", "3.11.4" ]
node-version: [ "16.x" ]
diff --git a/reflex/components/chakra/datadisplay/badge.py b/reflex/components/chakra/datadisplay/badge.py
index 58accd60e..52d36fe7c 100644
--- a/reflex/components/chakra/datadisplay/badge.py
+++ b/reflex/components/chakra/datadisplay/badge.py
@@ -7,8 +7,6 @@ from reflex.vars import Var
class Badge(ChakraComponent):
"""A badge component."""
- library = "@chakra-ui/layout@2.3.1"
-
tag = "Badge"
# Variant of the badge ("solid" | "subtle" | "outline")
diff --git a/reflex/components/chakra/datadisplay/code.py b/reflex/components/chakra/datadisplay/code.py
index ce3aedb6a..9bec7271f 100644
--- a/reflex/components/chakra/datadisplay/code.py
+++ b/reflex/components/chakra/datadisplay/code.py
@@ -518,6 +518,4 @@ class CodeBlock(Component):
class Code(ChakraComponent):
"""Used to display inline code."""
- library = "@chakra-ui/layout@2.3.1"
-
tag = "Code"
diff --git a/reflex/components/chakra/datadisplay/divider.py b/reflex/components/chakra/datadisplay/divider.py
index caec4ee77..de33e4ec0 100644
--- a/reflex/components/chakra/datadisplay/divider.py
+++ b/reflex/components/chakra/datadisplay/divider.py
@@ -10,8 +10,6 @@ LiteralLayout = Literal["horizontal", "vertical"]
class Divider(ChakraComponent):
"""Dividers are used to visually separate content in a list or group."""
- library = "@chakra-ui/layout@2.3.1"
-
tag = "Divider"
# Pass the orientation prop and set it to either horizontal or vertical. If the vertical orientation is used, make sure that the parent element is assigned a height.
diff --git a/reflex/components/chakra/datadisplay/keyboard_key.py b/reflex/components/chakra/datadisplay/keyboard_key.py
index 1eb4a8854..f9068284d 100644
--- a/reflex/components/chakra/datadisplay/keyboard_key.py
+++ b/reflex/components/chakra/datadisplay/keyboard_key.py
@@ -6,6 +6,4 @@ from reflex.components.chakra import ChakraComponent
class KeyboardKey(ChakraComponent):
"""Display a keyboard key text."""
- library = "@chakra-ui/layout@2.3.1"
-
tag = "Kbd"
diff --git a/reflex/components/chakra/datadisplay/list.py b/reflex/components/chakra/datadisplay/list.py
index 601366e9b..4c78b56e3 100644
--- a/reflex/components/chakra/datadisplay/list.py
+++ b/reflex/components/chakra/datadisplay/list.py
@@ -8,13 +8,7 @@ from reflex.components.core.foreach import Foreach
from reflex.vars import Var
-class BaseList(ChakraComponent):
- """The base class for all Chakra list components."""
-
- library = "@chakra-ui/layout@2.3.1"
-
-
-class List(BaseList):
+class List(ChakraComponent):
"""Display a list of items."""
tag = "List"
@@ -50,7 +44,7 @@ class List(BaseList):
return super().create(*children, **props)
-class ListItem(BaseList):
+class ListItem(ChakraComponent):
"""A single list item."""
tag = "ListItem"
diff --git a/reflex/components/chakra/datadisplay/list.pyi b/reflex/components/chakra/datadisplay/list.pyi
index 686f67295..a246c3f02 100644
--- a/reflex/components/chakra/datadisplay/list.pyi
+++ b/reflex/components/chakra/datadisplay/list.pyi
@@ -12,86 +12,7 @@ from reflex.components.component import Component
from reflex.components.core.foreach import Foreach
from reflex.vars import Var
-class BaseList(ChakraComponent):
- @overload
- @classmethod
- def create( # type: ignore
- cls,
- *children,
- 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_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,
- 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
- ) -> "BaseList":
- """Create the component.
-
- Args:
- *children: The children of the component.
- 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 props of the component.
-
- Returns:
- The component.
-
- Raises:
- TypeError: If an invalid child is passed.
- """
- ...
-
-class List(BaseList):
+class List(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -175,7 +96,7 @@ class List(BaseList):
"""
...
-class ListItem(BaseList):
+class ListItem(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/datadisplay/stat.py b/reflex/components/chakra/datadisplay/stat.py
index f1fb1b5d7..b9fe7f332 100644
--- a/reflex/components/chakra/datadisplay/stat.py
+++ b/reflex/components/chakra/datadisplay/stat.py
@@ -5,13 +5,7 @@ from reflex.components.component import Component
from reflex.vars import Var
-class BaseStat(ChakraComponent):
- """The base class for all stat components."""
-
- library = "@chakra-ui/stat@2.1.0"
-
-
-class Stat(BaseStat):
+class Stat(ChakraComponent):
"""The Stat component is used to display some statistics. It can take in a label, a number and a help text."""
tag = "Stat"
@@ -53,25 +47,25 @@ class Stat(BaseStat):
return super().create(*children, **props)
-class StatLabel(BaseStat):
+class StatLabel(ChakraComponent):
"""A stat label component."""
tag = "StatLabel"
-class StatNumber(BaseStat):
+class StatNumber(ChakraComponent):
"""The stat to display."""
tag = "StatNumber"
-class StatHelpText(BaseStat):
+class StatHelpText(ChakraComponent):
"""A helper text to display under the stat."""
tag = "StatHelpText"
-class StatArrow(BaseStat):
+class StatArrow(ChakraComponent):
"""A stat arrow component indicating the direction of change."""
tag = "StatArrow"
@@ -80,7 +74,7 @@ class StatArrow(BaseStat):
type_: Var[str]
-class StatGroup(BaseStat):
+class StatGroup(ChakraComponent):
"""A stat group component to evenly space out the stats."""
tag = "StatGroup"
diff --git a/reflex/components/chakra/datadisplay/stat.pyi b/reflex/components/chakra/datadisplay/stat.pyi
index 9d474c6cb..09b123fac 100644
--- a/reflex/components/chakra/datadisplay/stat.pyi
+++ b/reflex/components/chakra/datadisplay/stat.pyi
@@ -11,86 +11,7 @@ from reflex.components.chakra import ChakraComponent
from reflex.components.component import Component
from reflex.vars import Var
-class BaseStat(ChakraComponent):
- @overload
- @classmethod
- def create( # type: ignore
- cls,
- *children,
- 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_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,
- 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
- ) -> "BaseStat":
- """Create the component.
-
- Args:
- *children: The children of the component.
- 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 props of the component.
-
- Returns:
- The component.
-
- Raises:
- TypeError: If an invalid child is passed.
- """
- ...
-
-class Stat(BaseStat):
+class Stat(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -174,7 +95,7 @@ class Stat(BaseStat):
"""
...
-class StatLabel(BaseStat):
+class StatLabel(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -253,7 +174,7 @@ class StatLabel(BaseStat):
"""
...
-class StatNumber(BaseStat):
+class StatNumber(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -332,7 +253,7 @@ class StatNumber(BaseStat):
"""
...
-class StatHelpText(BaseStat):
+class StatHelpText(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -411,7 +332,7 @@ class StatHelpText(BaseStat):
"""
...
-class StatArrow(BaseStat):
+class StatArrow(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -492,7 +413,7 @@ class StatArrow(BaseStat):
"""
...
-class StatGroup(BaseStat):
+class StatGroup(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/datadisplay/table.py b/reflex/components/chakra/datadisplay/table.py
index 6a696798b..cdc5c1fea 100644
--- a/reflex/components/chakra/datadisplay/table.py
+++ b/reflex/components/chakra/datadisplay/table.py
@@ -8,13 +8,7 @@ from reflex.utils import types
from reflex.vars import Var
-class BaseTable(ChakraComponent):
- """The base class for all Chakra table components."""
-
- library = "@chakra-ui/table@2.1.0"
-
-
-class Table(BaseTable):
+class Table(ChakraComponent):
"""A table component."""
tag = "Table"
@@ -65,7 +59,7 @@ class Table(BaseTable):
return super().create(*children, **props)
-class Thead(BaseTable):
+class Thead(ChakraComponent):
"""A table header component."""
tag = "Thead"
@@ -117,7 +111,7 @@ class Thead(BaseTable):
raise TypeError("table headers should be a list or tuple")
-class Tbody(BaseTable):
+class Tbody(ChakraComponent):
"""A table body component."""
tag = "Tbody"
@@ -191,7 +185,7 @@ class Tbody(BaseTable):
)
-class Tfoot(BaseTable):
+class Tfoot(ChakraComponent):
"""A table footer component."""
tag = "Tfoot"
@@ -240,7 +234,7 @@ class Tfoot(BaseTable):
raise TypeError("table headers should be a list or tuple")
-class Tr(BaseTable):
+class Tr(ChakraComponent):
"""A table row component."""
tag = "Tr"
@@ -271,7 +265,7 @@ class Tr(BaseTable):
return super().create(*children, **props)
-class Th(BaseTable):
+class Th(ChakraComponent):
"""A table header cell component."""
tag = "Th"
@@ -283,7 +277,7 @@ class Th(BaseTable):
is_numeric: Var[bool]
-class Td(BaseTable):
+class Td(ChakraComponent):
"""A table data cell component."""
tag = "Td"
@@ -295,7 +289,7 @@ class Td(BaseTable):
is_numeric: Var[bool]
-class TableCaption(BaseTable):
+class TableCaption(ChakraComponent):
"""A table caption component."""
tag = "TableCaption"
@@ -304,7 +298,7 @@ class TableCaption(BaseTable):
placement: Var[str]
-class TableContainer(BaseTable):
+class TableContainer(ChakraComponent):
"""The table container component renders a div that wraps the table component."""
tag = "TableContainer"
diff --git a/reflex/components/chakra/datadisplay/table.pyi b/reflex/components/chakra/datadisplay/table.pyi
index 6b07b7e9d..bd9774b7e 100644
--- a/reflex/components/chakra/datadisplay/table.pyi
+++ b/reflex/components/chakra/datadisplay/table.pyi
@@ -14,86 +14,7 @@ from reflex.components.core.foreach import Foreach
from reflex.utils import types
from reflex.vars import Var
-class BaseTable(ChakraComponent):
- @overload
- @classmethod
- def create( # type: ignore
- cls,
- *children,
- 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_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,
- 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
- ) -> "BaseTable":
- """Create the component.
-
- Args:
- *children: The children of the component.
- 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 props of the component.
-
- Returns:
- The component.
-
- Raises:
- TypeError: If an invalid child is passed.
- """
- ...
-
-class Table(BaseTable):
+class Table(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -185,7 +106,7 @@ class Table(BaseTable):
"""
...
-class Thead(BaseTable):
+class Thead(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -266,7 +187,7 @@ class Thead(BaseTable):
@staticmethod
def validate_headers(headers): ...
-class Tbody(BaseTable):
+class Tbody(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -346,7 +267,7 @@ class Tbody(BaseTable):
@staticmethod
def validate_rows(rows): ...
-class Tfoot(BaseTable):
+class Tfoot(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -426,7 +347,7 @@ class Tfoot(BaseTable):
@staticmethod
def validate_footers(footers): ...
-class Tr(BaseTable):
+class Tr(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -506,7 +427,7 @@ class Tr(BaseTable):
"""
...
-class Th(BaseTable):
+class Th(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -587,7 +508,7 @@ class Th(BaseTable):
"""
...
-class Td(BaseTable):
+class Td(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -668,7 +589,7 @@ class Td(BaseTable):
"""
...
-class TableCaption(BaseTable):
+class TableCaption(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -749,7 +670,7 @@ class TableCaption(BaseTable):
"""
...
-class TableContainer(BaseTable):
+class TableContainer(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/datadisplay/tag.py b/reflex/components/chakra/datadisplay/tag.py
index dc5bc5982..4a02d22d9 100644
--- a/reflex/components/chakra/datadisplay/tag.py
+++ b/reflex/components/chakra/datadisplay/tag.py
@@ -11,37 +11,31 @@ from reflex.components.component import Component
from reflex.vars import Var
-class BaseTag(ChakraComponent):
- """The base tag component."""
-
- library = "@chakra-ui/tag@3.1.1"
-
-
-class TagLabel(BaseTag):
+class TagLabel(ChakraComponent):
"""The label of the tag."""
tag = "TagLabel"
-class TagLeftIcon(BaseTag):
+class TagLeftIcon(ChakraComponent):
"""The left icon of the tag."""
tag = "TagLeftIcon"
-class TagRightIcon(BaseTag):
+class TagRightIcon(ChakraComponent):
"""The right icon of the tag."""
tag = "TagRightIcon"
-class TagCloseButton(BaseTag):
+class TagCloseButton(ChakraComponent):
"""The close button of the tag."""
tag = "TagCloseButton"
-class Tag(BaseTag):
+class Tag(ChakraComponent):
"""The parent wrapper that provides context for its children."""
tag = "Tag"
diff --git a/reflex/components/chakra/datadisplay/tag.pyi b/reflex/components/chakra/datadisplay/tag.pyi
index b94b41257..3f4171958 100644
--- a/reflex/components/chakra/datadisplay/tag.pyi
+++ b/reflex/components/chakra/datadisplay/tag.pyi
@@ -17,86 +17,7 @@ from reflex.components.chakra import (
from reflex.components.component import Component
from reflex.vars import Var
-class BaseTag(ChakraComponent):
- @overload
- @classmethod
- def create( # type: ignore
- cls,
- *children,
- 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_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,
- 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
- ) -> "BaseTag":
- """Create the component.
-
- Args:
- *children: The children of the component.
- 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 props of the component.
-
- Returns:
- The component.
-
- Raises:
- TypeError: If an invalid child is passed.
- """
- ...
-
-class TagLabel(BaseTag):
+class TagLabel(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -175,7 +96,7 @@ class TagLabel(BaseTag):
"""
...
-class TagLeftIcon(BaseTag):
+class TagLeftIcon(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -254,7 +175,7 @@ class TagLeftIcon(BaseTag):
"""
...
-class TagRightIcon(BaseTag):
+class TagRightIcon(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -333,7 +254,7 @@ class TagRightIcon(BaseTag):
"""
...
-class TagCloseButton(BaseTag):
+class TagCloseButton(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -412,7 +333,7 @@ class TagCloseButton(BaseTag):
"""
...
-class Tag(BaseTag):
+class Tag(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/disclosure/accordion.py b/reflex/components/chakra/disclosure/accordion.py
index b2341a064..7fd61ca61 100644
--- a/reflex/components/chakra/disclosure/accordion.py
+++ b/reflex/components/chakra/disclosure/accordion.py
@@ -7,13 +7,7 @@ from reflex.components.component import Component
from reflex.vars import Var
-class BaseAccordion(ChakraComponent):
- """The base accordion component."""
-
- library = "@chakra-ui/accordion@2.3.1"
-
-
-class Accordion(BaseAccordion):
+class Accordion(ChakraComponent):
"""The wrapper that uses cloneElement to pass props to AccordionItem children."""
tag = "Accordion"
@@ -83,7 +77,7 @@ class Accordion(BaseAccordion):
return super().create(*children, **props)
-class AccordionItem(BaseAccordion):
+class AccordionItem(ChakraComponent):
"""A single accordion item."""
tag = "AccordionItem"
@@ -98,19 +92,19 @@ class AccordionItem(BaseAccordion):
is_focusable: Var[bool]
-class AccordionButton(BaseAccordion):
+class AccordionButton(ChakraComponent):
"""The button that toggles the expand/collapse state of the accordion item. This button must be wrapped in an element with role heading."""
tag = "AccordionButton"
-class AccordionPanel(BaseAccordion):
+class AccordionPanel(ChakraComponent):
"""The container for the details to be revealed."""
tag = "AccordionPanel"
-class AccordionIcon(BaseAccordion):
+class AccordionIcon(ChakraComponent):
"""A chevron-down icon that rotates based on the expanded/collapsed state."""
tag = "AccordionIcon"
diff --git a/reflex/components/chakra/disclosure/accordion.pyi b/reflex/components/chakra/disclosure/accordion.pyi
index 84e9d7e2d..c18f02a15 100644
--- a/reflex/components/chakra/disclosure/accordion.pyi
+++ b/reflex/components/chakra/disclosure/accordion.pyi
@@ -12,86 +12,7 @@ from reflex.components.chakra import ChakraComponent
from reflex.components.component import Component
from reflex.vars import Var
-class BaseAccordion(ChakraComponent):
- @overload
- @classmethod
- def create( # type: ignore
- cls,
- *children,
- 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_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,
- 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
- ) -> "BaseAccordion":
- """Create the component.
-
- Args:
- *children: The children of the component.
- 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 props of the component.
-
- Returns:
- The component.
-
- Raises:
- TypeError: If an invalid child is passed.
- """
- ...
-
-class Accordion(BaseAccordion):
+class Accordion(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -185,7 +106,7 @@ class Accordion(BaseAccordion):
"""
...
-class AccordionItem(BaseAccordion):
+class AccordionItem(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -270,7 +191,7 @@ class AccordionItem(BaseAccordion):
"""
...
-class AccordionButton(BaseAccordion):
+class AccordionButton(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -349,7 +270,7 @@ class AccordionButton(BaseAccordion):
"""
...
-class AccordionPanel(BaseAccordion):
+class AccordionPanel(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -428,7 +349,7 @@ class AccordionPanel(BaseAccordion):
"""
...
-class AccordionIcon(BaseAccordion):
+class AccordionIcon(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/disclosure/tabs.py b/reflex/components/chakra/disclosure/tabs.py
index 7846acb65..4e573281f 100644
--- a/reflex/components/chakra/disclosure/tabs.py
+++ b/reflex/components/chakra/disclosure/tabs.py
@@ -12,13 +12,7 @@ from reflex.components.component import Component
from reflex.vars import Var
-class BaseTabs(ChakraComponent):
- """The base tabs component."""
-
- library = "@chakra-ui/tabs@3.0.0"
-
-
-class Tabs(BaseTabs):
+class Tabs(ChakraComponent):
"""An accessible tabs component that provides keyboard interactions and ARIA attributes described in the WAI-ARIA Tabs Design Pattern. Tabs, provides context and state for all components."""
tag = "Tabs"
@@ -79,7 +73,7 @@ class Tabs(BaseTabs):
return super().create(*children, **props)
-class Tab(BaseTabs):
+class Tab(ChakraComponent):
"""An element that serves as a label for one of the tab panels and can be activated to display that panel.."""
tag = "Tab"
@@ -97,19 +91,19 @@ class Tab(BaseTabs):
panel_id: Var[str]
-class TabList(BaseTabs):
+class TabList(ChakraComponent):
"""Wrapper for the Tab components."""
tag = "TabList"
-class TabPanels(BaseTabs):
+class TabPanels(ChakraComponent):
"""Wrapper for the Tab components."""
tag = "TabPanels"
-class TabPanel(BaseTabs):
+class TabPanel(ChakraComponent):
"""An element that contains the content associated with a tab."""
tag = "TabPanel"
diff --git a/reflex/components/chakra/disclosure/tabs.pyi b/reflex/components/chakra/disclosure/tabs.pyi
index 68777a701..097185aa3 100644
--- a/reflex/components/chakra/disclosure/tabs.pyi
+++ b/reflex/components/chakra/disclosure/tabs.pyi
@@ -17,86 +17,7 @@ from reflex.components.chakra import (
from reflex.components.component import Component
from reflex.vars import Var
-class BaseTabs(ChakraComponent):
- @overload
- @classmethod
- def create( # type: ignore
- cls,
- *children,
- 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_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,
- 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
- ) -> "BaseTabs":
- """Create the component.
-
- Args:
- *children: The children of the component.
- 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 props of the component.
-
- Returns:
- The component.
-
- Raises:
- TypeError: If an invalid child is passed.
- """
- ...
-
-class Tabs(BaseTabs):
+class Tabs(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -267,7 +188,7 @@ class Tabs(BaseTabs):
"""
...
-class Tab(BaseTabs):
+class Tab(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -354,7 +275,7 @@ class Tab(BaseTabs):
"""
...
-class TabList(BaseTabs):
+class TabList(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -433,7 +354,7 @@ class TabList(BaseTabs):
"""
...
-class TabPanels(BaseTabs):
+class TabPanels(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -512,7 +433,7 @@ class TabPanels(BaseTabs):
"""
...
-class TabPanel(BaseTabs):
+class TabPanel(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/disclosure/transition.py b/reflex/components/chakra/disclosure/transition.py
index 0c3373273..f24afa827 100644
--- a/reflex/components/chakra/disclosure/transition.py
+++ b/reflex/components/chakra/disclosure/transition.py
@@ -5,13 +5,7 @@ from reflex.components.chakra import ChakraComponent
from reflex.vars import Var
-class BaseTransition(ChakraComponent):
- """Base componemt of all chakra transitions."""
-
- library = "@chakra-ui/transition@2.1.0"
-
-
-class Transition(BaseTransition):
+class Transition(ChakraComponent):
"""Base componemt of all transitions."""
# Show the component; triggers when enter or exit states
@@ -21,13 +15,13 @@ class Transition(BaseTransition):
unmount_on_exit: Var[bool]
-class Fade(BaseTransition):
+class Fade(Transition):
"""Fade component cab be used show and hide content of your app."""
tag = "Fade"
-class ScaleFade(BaseTransition):
+class ScaleFade(Transition):
"""Fade component can be scaled and reverse your app."""
tag = "ScaleFade"
@@ -39,7 +33,7 @@ class ScaleFade(BaseTransition):
reverse: Var[bool]
-class Slide(BaseTransition):
+class Slide(Transition):
"""Side can be used show content below your app."""
tag = "Slide"
@@ -48,7 +42,7 @@ class Slide(BaseTransition):
direction: Var[str]
-class SlideFade(BaseTransition):
+class SlideFade(Transition):
"""SlideFade component."""
tag = "SlideFade"
@@ -63,7 +57,7 @@ class SlideFade(BaseTransition):
reverse: Var[bool]
-class Collapse(BaseTransition):
+class Collapse(Transition):
"""Collapse component can collapse some content."""
tag = "Collapse"
diff --git a/reflex/components/chakra/disclosure/transition.pyi b/reflex/components/chakra/disclosure/transition.pyi
index 8693bc9a8..52092e502 100644
--- a/reflex/components/chakra/disclosure/transition.pyi
+++ b/reflex/components/chakra/disclosure/transition.pyi
@@ -11,86 +11,7 @@ from typing import Union
from reflex.components.chakra import ChakraComponent
from reflex.vars import Var
-class BaseTransition(ChakraComponent):
- @overload
- @classmethod
- def create( # type: ignore
- cls,
- *children,
- 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_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,
- 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
- ) -> "BaseTransition":
- """Create the component.
-
- Args:
- *children: The children of the component.
- 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 props of the component.
-
- Returns:
- The component.
-
- Raises:
- TypeError: If an invalid child is passed.
- """
- ...
-
-class Transition(BaseTransition):
+class Transition(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -173,12 +94,14 @@ class Transition(BaseTransition):
"""
...
-class Fade(BaseTransition):
+class Fade(Transition):
@overload
@classmethod
def create( # type: ignore
cls,
*children,
+ in_: Optional[Union[Var[bool], bool]] = None,
+ unmount_on_exit: Optional[Union[Var[bool], bool]] = None,
style: Optional[Style] = None,
key: Optional[Any] = None,
id: Optional[Any] = None,
@@ -236,6 +159,8 @@ class Fade(BaseTransition):
Args:
*children: The children of the component.
+ in_: Show the component; triggers when enter or exit states
+ unmount_on_exit: If true, the element will unmount when `in={false}` and animation is done
style: The style of the component.
key: A unique key for the component.
id: The id for the component.
@@ -252,7 +177,7 @@ class Fade(BaseTransition):
"""
...
-class ScaleFade(BaseTransition):
+class ScaleFade(Transition):
@overload
@classmethod
def create( # type: ignore
@@ -260,6 +185,8 @@ class ScaleFade(BaseTransition):
*children,
initial_scale: Optional[Union[Var[float], float]] = None,
reverse: Optional[Union[Var[bool], bool]] = None,
+ in_: Optional[Union[Var[bool], bool]] = None,
+ unmount_on_exit: Optional[Union[Var[bool], bool]] = None,
style: Optional[Style] = None,
key: Optional[Any] = None,
id: Optional[Any] = None,
@@ -319,6 +246,8 @@ class ScaleFade(BaseTransition):
*children: The children of the component.
initial_scale: The initial scale of the element
reverse: If true, the element will transition back to exit state
+ in_: Show the component; triggers when enter or exit states
+ unmount_on_exit: If true, the element will unmount when `in={false}` and animation is done
style: The style of the component.
key: A unique key for the component.
id: The id for the component.
@@ -335,13 +264,15 @@ class ScaleFade(BaseTransition):
"""
...
-class Slide(BaseTransition):
+class Slide(Transition):
@overload
@classmethod
def create( # type: ignore
cls,
*children,
direction: Optional[Union[Var[str], str]] = None,
+ in_: Optional[Union[Var[bool], bool]] = None,
+ unmount_on_exit: Optional[Union[Var[bool], bool]] = None,
style: Optional[Style] = None,
key: Optional[Any] = None,
id: Optional[Any] = None,
@@ -400,6 +331,8 @@ class Slide(BaseTransition):
Args:
*children: The children of the component.
direction: The direction to slide from
+ in_: Show the component; triggers when enter or exit states
+ unmount_on_exit: If true, the element will unmount when `in={false}` and animation is done
style: The style of the component.
key: A unique key for the component.
id: The id for the component.
@@ -416,7 +349,7 @@ class Slide(BaseTransition):
"""
...
-class SlideFade(BaseTransition):
+class SlideFade(Transition):
@overload
@classmethod
def create( # type: ignore
@@ -425,6 +358,8 @@ class SlideFade(BaseTransition):
offsetX: Optional[Union[Var[Union[str, int]], Union[str, int]]] = None,
offsetY: Optional[Union[Var[Union[str, int]], Union[str, int]]] = None,
reverse: Optional[Union[Var[bool], bool]] = None,
+ in_: Optional[Union[Var[bool], bool]] = None,
+ unmount_on_exit: Optional[Union[Var[bool], bool]] = None,
style: Optional[Style] = None,
key: Optional[Any] = None,
id: Optional[Any] = None,
@@ -485,6 +420,8 @@ class SlideFade(BaseTransition):
offsetX: The offset on the horizontal or x axis
offsetY: The offset on the vertical or y axis
reverse: If true, the element will be transitioned back to the offset when it leaves. Otherwise, it'll only fade out
+ in_: Show the component; triggers when enter or exit states
+ unmount_on_exit: If true, the element will unmount when `in={false}` and animation is done
style: The style of the component.
key: A unique key for the component.
id: The id for the component.
@@ -501,7 +438,7 @@ class SlideFade(BaseTransition):
"""
...
-class Collapse(BaseTransition):
+class Collapse(Transition):
@overload
@classmethod
def create( # type: ignore
@@ -510,6 +447,8 @@ class Collapse(BaseTransition):
animateOpacity: Optional[Union[Var[bool], bool]] = None,
endingHeight: Optional[Union[Var[str], str]] = None,
startingHeight: Optional[Union[Var[Union[str, int]], Union[str, int]]] = None,
+ in_: Optional[Union[Var[bool], bool]] = None,
+ unmount_on_exit: Optional[Union[Var[bool], bool]] = None,
style: Optional[Style] = None,
key: Optional[Any] = None,
id: Optional[Any] = None,
@@ -570,6 +509,8 @@ class Collapse(BaseTransition):
animateOpacity: If true, the opacity of the content will be animated
endingHeight: The height you want the content in its expanded state.
startingHeight: The height you want the content in its collapsed state.
+ in_: Show the component; triggers when enter or exit states
+ unmount_on_exit: If true, the element will unmount when `in={false}` and animation is done
style: The style of the component.
key: A unique key for the component.
id: The id for the component.
diff --git a/reflex/components/chakra/disclosure/visuallyhidden.py b/reflex/components/chakra/disclosure/visuallyhidden.py
index e9e296c37..161b130b2 100644
--- a/reflex/components/chakra/disclosure/visuallyhidden.py
+++ b/reflex/components/chakra/disclosure/visuallyhidden.py
@@ -6,6 +6,4 @@ from reflex.components.chakra import ChakraComponent
class VisuallyHidden(ChakraComponent):
"""A component that visually hides content while still allowing it to be read by screen readers."""
- library = "@chakra-ui/visually-hidden@2.2.0"
-
tag = "VisuallyHidden"
diff --git a/reflex/components/chakra/feedback/alert.py b/reflex/components/chakra/feedback/alert.py
index f200cf588..57f99817f 100644
--- a/reflex/components/chakra/feedback/alert.py
+++ b/reflex/components/chakra/feedback/alert.py
@@ -9,13 +9,7 @@ from reflex.components.component import Component
from reflex.vars import Var
-class BaseAlert(ChakraComponent):
- """The base class for all alert components."""
-
- library = "@chakra-ui/alert@2.2.2"
-
-
-class Alert(BaseAlert):
+class Alert(ChakraComponent):
"""An alert feedback box."""
tag = "Alert"
@@ -56,19 +50,19 @@ class Alert(BaseAlert):
return super().create(*children, **props)
-class AlertIcon(BaseAlert):
+class AlertIcon(ChakraComponent):
"""An icon displayed in the alert."""
tag = "AlertIcon"
-class AlertTitle(BaseAlert):
+class AlertTitle(ChakraComponent):
"""The title of the alert."""
tag = "AlertTitle"
-class AlertDescription(BaseAlert):
+class AlertDescription(ChakraComponent):
"""AlertDescription composes the Box component."""
tag = "AlertDescription"
diff --git a/reflex/components/chakra/feedback/alert.pyi b/reflex/components/chakra/feedback/alert.pyi
index 5fb99813e..aae57c1f7 100644
--- a/reflex/components/chakra/feedback/alert.pyi
+++ b/reflex/components/chakra/feedback/alert.pyi
@@ -11,86 +11,7 @@ from reflex.components.chakra import ChakraComponent, LiteralAlertVariant, Liter
from reflex.components.component import Component
from reflex.vars import Var
-class BaseAlert(ChakraComponent):
- @overload
- @classmethod
- def create( # type: ignore
- cls,
- *children,
- 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_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,
- 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
- ) -> "BaseAlert":
- """Create the component.
-
- Args:
- *children: The children of the component.
- 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 props of the component.
-
- Returns:
- The component.
-
- Raises:
- TypeError: If an invalid child is passed.
- """
- ...
-
-class Alert(BaseAlert):
+class Alert(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -186,7 +107,7 @@ class Alert(BaseAlert):
"""
...
-class AlertIcon(BaseAlert):
+class AlertIcon(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -265,7 +186,7 @@ class AlertIcon(BaseAlert):
"""
...
-class AlertTitle(BaseAlert):
+class AlertTitle(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -344,7 +265,7 @@ class AlertTitle(BaseAlert):
"""
...
-class AlertDescription(BaseAlert):
+class AlertDescription(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/feedback/circularprogress.py b/reflex/components/chakra/feedback/circularprogress.py
index 519ae915f..45a0877eb 100644
--- a/reflex/components/chakra/feedback/circularprogress.py
+++ b/reflex/components/chakra/feedback/circularprogress.py
@@ -6,13 +6,7 @@ from reflex.components.component import Component
from reflex.vars import Var
-class BaseCircularProgress(ChakraComponent):
- """The base circular progress component."""
-
- library = "@chakra-ui/progress@2.2.0"
-
-
-class CircularProgress(BaseCircularProgress):
+class CircularProgress(ChakraComponent):
"""The CircularProgress component is used to indicate the progress for determinate and indeterminate processes."""
tag = "CircularProgress"
@@ -67,7 +61,7 @@ class CircularProgress(BaseCircularProgress):
return super().create(*children, **props)
-class CircularProgressLabel(BaseCircularProgress):
+class CircularProgressLabel(ChakraComponent):
"""Label of CircularProcess."""
tag = "CircularProgressLabel"
diff --git a/reflex/components/chakra/feedback/circularprogress.pyi b/reflex/components/chakra/feedback/circularprogress.pyi
index 7d17e465d..4f1582041 100644
--- a/reflex/components/chakra/feedback/circularprogress.pyi
+++ b/reflex/components/chakra/feedback/circularprogress.pyi
@@ -12,86 +12,7 @@ from reflex.components.chakra import ChakraComponent
from reflex.components.component import Component
from reflex.vars import Var
-class BaseCircularProgress(ChakraComponent):
- @overload
- @classmethod
- def create( # type: ignore
- cls,
- *children,
- 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_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,
- 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
- ) -> "BaseCircularProgress":
- """Create the component.
-
- Args:
- *children: The children of the component.
- 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 props of the component.
-
- Returns:
- The component.
-
- Raises:
- TypeError: If an invalid child is passed.
- """
- ...
-
-class CircularProgress(BaseCircularProgress):
+class CircularProgress(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -189,7 +110,7 @@ class CircularProgress(BaseCircularProgress):
"""
...
-class CircularProgressLabel(BaseCircularProgress):
+class CircularProgressLabel(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/feedback/progress.py b/reflex/components/chakra/feedback/progress.py
index 183cdc721..6dbaf1e94 100644
--- a/reflex/components/chakra/feedback/progress.py
+++ b/reflex/components/chakra/feedback/progress.py
@@ -9,8 +9,6 @@ from reflex.vars import Var
class Progress(ChakraComponent):
"""A bar to display progress."""
- library = "@chakra-ui/progress@2.2.0"
-
tag = "Progress"
# If true, the progress bar will show stripe
diff --git a/reflex/components/chakra/feedback/skeleton.py b/reflex/components/chakra/feedback/skeleton.py
index 6b9ca1988..ef71cd514 100644
--- a/reflex/components/chakra/feedback/skeleton.py
+++ b/reflex/components/chakra/feedback/skeleton.py
@@ -4,13 +4,7 @@ from reflex.components.chakra import ChakraComponent
from reflex.vars import Var
-class BaseSkeleton(ChakraComponent):
- """The base skeleton component."""
-
- library = "@chakra-ui/skeleton@2.1.0"
-
-
-class Skeleton(BaseSkeleton):
+class Skeleton(ChakraComponent):
"""Skeleton is used to display the loading state of some components. You can use it as a standalone component. Or to wrap another component to take the same height and width."""
tag = "Skeleton"
@@ -31,7 +25,7 @@ class Skeleton(BaseSkeleton):
start_color: Var[str]
-class SkeletonCircle(BaseSkeleton):
+class SkeletonCircle(ChakraComponent):
"""SkeletonCircle is used to display the loading state of some components."""
tag = "SkeletonCircle"
@@ -52,7 +46,7 @@ class SkeletonCircle(BaseSkeleton):
start_color: Var[str]
-class SkeletonText(BaseSkeleton):
+class SkeletonText(ChakraComponent):
"""SkeletonText is used to display the loading state of some components."""
tag = "SkeletonText"
diff --git a/reflex/components/chakra/feedback/skeleton.pyi b/reflex/components/chakra/feedback/skeleton.pyi
index 35c21a1a9..a393e5899 100644
--- a/reflex/components/chakra/feedback/skeleton.pyi
+++ b/reflex/components/chakra/feedback/skeleton.pyi
@@ -10,86 +10,7 @@ from reflex.style import Style
from reflex.components.chakra import ChakraComponent
from reflex.vars import Var
-class BaseSkeleton(ChakraComponent):
- @overload
- @classmethod
- def create( # type: ignore
- cls,
- *children,
- 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_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,
- 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
- ) -> "BaseSkeleton":
- """Create the component.
-
- Args:
- *children: The children of the component.
- 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 props of the component.
-
- Returns:
- The component.
-
- Raises:
- TypeError: If an invalid child is passed.
- """
- ...
-
-class Skeleton(BaseSkeleton):
+class Skeleton(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -178,7 +99,7 @@ class Skeleton(BaseSkeleton):
"""
...
-class SkeletonCircle(BaseSkeleton):
+class SkeletonCircle(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -267,7 +188,7 @@ class SkeletonCircle(BaseSkeleton):
"""
...
-class SkeletonText(BaseSkeleton):
+class SkeletonText(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/feedback/spinner.py b/reflex/components/chakra/feedback/spinner.py
index f9302db62..eed335ce1 100644
--- a/reflex/components/chakra/feedback/spinner.py
+++ b/reflex/components/chakra/feedback/spinner.py
@@ -7,8 +7,6 @@ from reflex.vars import Var
class Spinner(ChakraComponent):
"""The component that spins."""
- library = "@chakra-ui/spinner@2.1.0"
-
tag = "Spinner"
# The color of the empty area in the spinner
diff --git a/reflex/components/chakra/forms/button.py b/reflex/components/chakra/forms/button.py
index 651ab8d63..bbadbf73d 100644
--- a/reflex/components/chakra/forms/button.py
+++ b/reflex/components/chakra/forms/button.py
@@ -11,13 +11,7 @@ from reflex.components.chakra import (
from reflex.vars import Var
-class BaseButton(ChakraComponent):
- """Base class for all button components."""
-
- library = "@chakra-ui/button@2.1.0"
-
-
-class Button(BaseButton):
+class Button(ChakraComponent):
"""The Button component is used to trigger an event or event, such as submitting a form, opening a dialog, canceling an event, or performing a delete operation."""
tag = "Button"
@@ -67,7 +61,7 @@ class Button(BaseButton):
name: Var[str]
-class ButtonGroup(BaseButton):
+class ButtonGroup(ChakraComponent):
"""A group of buttons."""
tag = "ButtonGroup"
diff --git a/reflex/components/chakra/forms/button.pyi b/reflex/components/chakra/forms/button.pyi
index b88bfa953..47f2f9222 100644
--- a/reflex/components/chakra/forms/button.pyi
+++ b/reflex/components/chakra/forms/button.pyi
@@ -17,86 +17,7 @@ from reflex.components.chakra import (
)
from reflex.vars import Var
-class BaseButton(ChakraComponent):
- @overload
- @classmethod
- def create( # type: ignore
- cls,
- *children,
- 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_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,
- 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
- ) -> "BaseButton":
- """Create the component.
-
- Args:
- *children: The children of the component.
- 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 props of the component.
-
- Returns:
- The component.
-
- Raises:
- TypeError: If an invalid child is passed.
- """
- ...
-
-class Button(BaseButton):
+class Button(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -255,7 +176,7 @@ class Button(BaseButton):
"""
...
-class ButtonGroup(BaseButton):
+class ButtonGroup(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/forms/checkbox.py b/reflex/components/chakra/forms/checkbox.py
index 705926d60..b0e29ea16 100644
--- a/reflex/components/chakra/forms/checkbox.py
+++ b/reflex/components/chakra/forms/checkbox.py
@@ -12,13 +12,7 @@ from reflex.constants import EventTriggers
from reflex.vars import Var
-class BaseCheckbox(ChakraComponent):
- """The base class for all checkbox components."""
-
- library = "@chakra-ui/checkbox@2.3.2"
-
-
-class Checkbox(BaseCheckbox):
+class Checkbox(ChakraComponent):
"""The Checkbox component is used in forms when a user needs to select multiple values from several options."""
tag = "Checkbox"
@@ -74,7 +68,7 @@ class Checkbox(BaseCheckbox):
}
-class CheckboxGroup(BaseCheckbox):
+class CheckboxGroup(ChakraComponent):
"""A group of checkboxes."""
tag = "CheckboxGroup"
diff --git a/reflex/components/chakra/forms/checkbox.pyi b/reflex/components/chakra/forms/checkbox.pyi
index 10a962604..024066d01 100644
--- a/reflex/components/chakra/forms/checkbox.pyi
+++ b/reflex/components/chakra/forms/checkbox.pyi
@@ -12,86 +12,7 @@ from reflex.components.chakra import ChakraComponent, LiteralColorScheme, Litera
from reflex.constants import EventTriggers
from reflex.vars import Var
-class BaseCheckbox(ChakraComponent):
- @overload
- @classmethod
- def create( # type: ignore
- cls,
- *children,
- 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_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,
- 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
- ) -> "BaseCheckbox":
- """Create the component.
-
- Args:
- *children: The children of the component.
- 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 props of the component.
-
- Returns:
- The component.
-
- Raises:
- TypeError: If an invalid child is passed.
- """
- ...
-
-class Checkbox(BaseCheckbox):
+class Checkbox(ChakraComponent):
def get_event_triggers(self) -> dict[str, Union[Var, Any]]: ...
@overload
@classmethod
@@ -247,7 +168,7 @@ class Checkbox(BaseCheckbox):
"""
...
-class CheckboxGroup(BaseCheckbox):
+class CheckboxGroup(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/forms/editable.py b/reflex/components/chakra/forms/editable.py
index 07b28037f..d09a90a3f 100644
--- a/reflex/components/chakra/forms/editable.py
+++ b/reflex/components/chakra/forms/editable.py
@@ -8,13 +8,7 @@ from reflex.constants import EventTriggers
from reflex.vars import Var
-class BaseEditable(ChakraComponent):
- """The base class for all Chakra editable components."""
-
- library = "@chakra-ui/editable@3.1.0"
-
-
-class Editable(BaseEditable):
+class Editable(ChakraComponent):
"""The wrapper component that provides context value."""
tag = "Editable"
@@ -58,19 +52,19 @@ class Editable(BaseEditable):
}
-class EditableInput(BaseEditable):
+class EditableInput(ChakraComponent):
"""The edit view of the component. It shows when you click or focus on the text."""
tag = "EditableInput"
-class EditableTextarea(BaseEditable):
+class EditableTextarea(ChakraComponent):
"""Use the textarea element to handle multi line text input in an editable context."""
tag = "EditableTextarea"
-class EditablePreview(BaseEditable):
+class EditablePreview(ChakraComponent):
"""The read-only view of the component."""
tag = "EditablePreview"
diff --git a/reflex/components/chakra/forms/editable.pyi b/reflex/components/chakra/forms/editable.pyi
index 3e25b10a0..26bb23e5b 100644
--- a/reflex/components/chakra/forms/editable.pyi
+++ b/reflex/components/chakra/forms/editable.pyi
@@ -12,86 +12,7 @@ from reflex.components.chakra import ChakraComponent
from reflex.constants import EventTriggers
from reflex.vars import Var
-class BaseEditable(ChakraComponent):
- @overload
- @classmethod
- def create( # type: ignore
- cls,
- *children,
- 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_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,
- 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
- ) -> "BaseEditable":
- """Create the component.
-
- Args:
- *children: The children of the component.
- 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 props of the component.
-
- Returns:
- The component.
-
- Raises:
- TypeError: If an invalid child is passed.
- """
- ...
-
-class Editable(BaseEditable):
+class Editable(ChakraComponent):
def get_event_triggers(self) -> dict[str, Union[Var, Any]]: ...
@overload
@classmethod
@@ -199,7 +120,7 @@ class Editable(BaseEditable):
"""
...
-class EditableInput(BaseEditable):
+class EditableInput(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -278,7 +199,7 @@ class EditableInput(BaseEditable):
"""
...
-class EditableTextarea(BaseEditable):
+class EditableTextarea(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -357,7 +278,7 @@ class EditableTextarea(BaseEditable):
"""
...
-class EditablePreview(BaseEditable):
+class EditablePreview(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/forms/form.py b/reflex/components/chakra/forms/form.py
index 4c98761b3..5d38f66b4 100644
--- a/reflex/components/chakra/forms/form.py
+++ b/reflex/components/chakra/forms/form.py
@@ -7,7 +7,6 @@ from typing import Any, Dict, Iterator
from jinja2 import Environment
from reflex.components.chakra import ChakraComponent
-from reflex.components.chakra.layout.base import ChakraLayoutComponent
from reflex.components.component import Component
from reflex.components.tags import Tag
from reflex.constants import Dirs, EventTriggers
@@ -34,7 +33,7 @@ HANDLE_SUBMIT_JS_JINJA2 = Environment().from_string(
)
-class Form(ChakraLayoutComponent):
+class Form(ChakraComponent):
"""A form component."""
tag = "Box"
diff --git a/reflex/components/chakra/forms/form.pyi b/reflex/components/chakra/forms/form.pyi
index a784d28f6..fd915a736 100644
--- a/reflex/components/chakra/forms/form.pyi
+++ b/reflex/components/chakra/forms/form.pyi
@@ -11,7 +11,6 @@ from hashlib import md5
from typing import Any, Dict, Iterator
from jinja2 import Environment
from reflex.components.chakra import ChakraComponent
-from reflex.components.chakra.layout.base import ChakraLayoutComponent
from reflex.components.component import Component
from reflex.components.tags import Tag
from reflex.constants import Dirs, EventTriggers
@@ -25,7 +24,7 @@ HANDLE_SUBMIT_JS_JINJA2 = Environment().from_string(
"\n const handleSubmit_{{ handle_submit_unique_name }} = useCallback((ev) => {\n const $form = ev.target\n ev.preventDefault()\n const {{ form_data }} = {...Object.fromEntries(new FormData($form).entries()), ...{{ field_ref_mapping }}}\n\n {{ on_submit_event_chain }}\n\n if ({{ reset_on_submit }}) {\n $form.reset()\n }\n })\n "
)
-class Form(ChakraLayoutComponent):
+class Form(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/forms/input.py b/reflex/components/chakra/forms/input.py
index ecc3591a6..9b6edb369 100644
--- a/reflex/components/chakra/forms/input.py
+++ b/reflex/components/chakra/forms/input.py
@@ -15,13 +15,7 @@ from reflex.utils import imports
from reflex.vars import Var
-class BaseInput(ChakraComponent):
- """The base class for all Chakra input components."""
-
- library = "@chakra-ui/input@2.1.2"
-
-
-class Input(BaseInput):
+class Input(ChakraComponent):
"""The Input component is a component that is used to get user input in a text field."""
tag = "Input"
@@ -109,7 +103,7 @@ class Input(BaseInput):
return super().create(*children, **props)
-class InputGroup(BaseInput):
+class InputGroup(ChakraComponent):
"""The InputGroup component is a component that is used to group a set of inputs."""
tag = "InputGroup"
@@ -117,25 +111,25 @@ class InputGroup(BaseInput):
_memoization_mode = MemoizationMode(recursive=False)
-class InputLeftAddon(BaseInput):
+class InputLeftAddon(ChakraComponent):
"""The InputLeftAddon component is a component that is used to add an addon to the left of an input."""
tag = "InputLeftAddon"
-class InputRightAddon(BaseInput):
+class InputRightAddon(ChakraComponent):
"""The InputRightAddon component is a component that is used to add an addon to the right of an input."""
tag = "InputRightAddon"
-class InputLeftElement(BaseInput):
+class InputLeftElement(ChakraComponent):
"""The InputLeftElement component is a component that is used to add an element to the left of an input."""
tag = "InputLeftElement"
-class InputRightElement(BaseInput):
+class InputRightElement(ChakraComponent):
"""The InputRightElement component is a component that is used to add an element to the right of an input."""
tag = "InputRightElement"
diff --git a/reflex/components/chakra/forms/input.pyi b/reflex/components/chakra/forms/input.pyi
index 3c57fdb9e..3c7ee8826 100644
--- a/reflex/components/chakra/forms/input.pyi
+++ b/reflex/components/chakra/forms/input.pyi
@@ -20,86 +20,7 @@ from reflex.constants import EventTriggers, MemoizationMode
from reflex.utils import imports
from reflex.vars import Var
-class BaseInput(ChakraComponent):
- @overload
- @classmethod
- def create( # type: ignore
- cls,
- *children,
- 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_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,
- 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
- ) -> "BaseInput":
- """Create the component.
-
- Args:
- *children: The children of the component.
- 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 props of the component.
-
- Returns:
- The component.
-
- Raises:
- TypeError: If an invalid child is passed.
- """
- ...
-
-class Input(BaseInput):
+class Input(ChakraComponent):
def get_event_triggers(self) -> Dict[str, Any]: ...
@overload
@classmethod
@@ -271,7 +192,7 @@ class Input(BaseInput):
"""
...
-class InputGroup(BaseInput):
+class InputGroup(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -350,7 +271,7 @@ class InputGroup(BaseInput):
"""
...
-class InputLeftAddon(BaseInput):
+class InputLeftAddon(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -429,7 +350,7 @@ class InputLeftAddon(BaseInput):
"""
...
-class InputRightAddon(BaseInput):
+class InputRightAddon(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -508,7 +429,7 @@ class InputRightAddon(BaseInput):
"""
...
-class InputLeftElement(BaseInput):
+class InputLeftElement(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -587,7 +508,7 @@ class InputLeftElement(BaseInput):
"""
...
-class InputRightElement(BaseInput):
+class InputRightElement(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/forms/numberinput.py b/reflex/components/chakra/forms/numberinput.py
index 1e3777ee6..c6ed8df6d 100644
--- a/reflex/components/chakra/forms/numberinput.py
+++ b/reflex/components/chakra/forms/numberinput.py
@@ -13,13 +13,7 @@ from reflex.constants import EventTriggers
from reflex.vars import Var
-class BaseNumberInput(ChakraComponent):
- """Base number input component."""
-
- library = "@chakra-ui/number-input@2.1.2"
-
-
-class NumberInput(BaseNumberInput):
+class NumberInput(ChakraComponent):
"""The wrapper that provides context and logic to the components."""
tag = "NumberInput"
@@ -119,25 +113,25 @@ class NumberInput(BaseNumberInput):
return super().create(*children, **props)
-class NumberInputField(BaseNumberInput):
+class NumberInputField(ChakraComponent):
"""The input field itself."""
tag = "NumberInputField"
-class NumberInputStepper(BaseNumberInput):
+class NumberInputStepper(ChakraComponent):
"""The wrapper for the input's stepper buttons."""
tag = "NumberInputStepper"
-class NumberIncrementStepper(BaseNumberInput):
+class NumberIncrementStepper(ChakraComponent):
"""The button to increment the value of the input."""
tag = "NumberIncrementStepper"
-class NumberDecrementStepper(BaseNumberInput):
+class NumberDecrementStepper(ChakraComponent):
"""The button to decrement the value of the input."""
tag = "NumberDecrementStepper"
diff --git a/reflex/components/chakra/forms/numberinput.pyi b/reflex/components/chakra/forms/numberinput.pyi
index 8682d59cb..017040989 100644
--- a/reflex/components/chakra/forms/numberinput.pyi
+++ b/reflex/components/chakra/forms/numberinput.pyi
@@ -18,86 +18,7 @@ from reflex.components.component import Component
from reflex.constants import EventTriggers
from reflex.vars import Var
-class BaseNumberInput(ChakraComponent):
- @overload
- @classmethod
- def create( # type: ignore
- cls,
- *children,
- 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_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,
- 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
- ) -> "BaseNumberInput":
- """Create the component.
-
- Args:
- *children: The children of the component.
- 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 props of the component.
-
- Returns:
- The component.
-
- Raises:
- TypeError: If an invalid child is passed.
- """
- ...
-
-class NumberInput(BaseNumberInput):
+class NumberInput(ChakraComponent):
def get_event_triggers(self) -> Dict[str, Any]: ...
@overload
@classmethod
@@ -222,7 +143,7 @@ class NumberInput(BaseNumberInput):
"""
...
-class NumberInputField(BaseNumberInput):
+class NumberInputField(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -301,7 +222,7 @@ class NumberInputField(BaseNumberInput):
"""
...
-class NumberInputStepper(BaseNumberInput):
+class NumberInputStepper(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -380,7 +301,7 @@ class NumberInputStepper(BaseNumberInput):
"""
...
-class NumberIncrementStepper(BaseNumberInput):
+class NumberIncrementStepper(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -459,7 +380,7 @@ class NumberIncrementStepper(BaseNumberInput):
"""
...
-class NumberDecrementStepper(BaseNumberInput):
+class NumberDecrementStepper(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/forms/pininput.py b/reflex/components/chakra/forms/pininput.py
index 04098be74..d57c9acaf 100644
--- a/reflex/components/chakra/forms/pininput.py
+++ b/reflex/components/chakra/forms/pininput.py
@@ -12,13 +12,7 @@ from reflex.utils.imports import ImportDict, merge_imports
from reflex.vars import Var
-class BasePinInput(ChakraComponent):
- """The base chakra pin input component."""
-
- library = "@chakra-ui/pin-input@2.1.0"
-
-
-class PinInput(BasePinInput):
+class PinInput(ChakraComponent):
"""The component that provides context to all the pin-input fields."""
tag = "PinInput"
@@ -167,7 +161,7 @@ class PinInput(BasePinInput):
return super().create(*children, **props)
-class PinInputField(BasePinInput):
+class PinInputField(ChakraComponent):
"""The text field that user types in - must be a direct child of PinInput."""
tag = "PinInputField"
diff --git a/reflex/components/chakra/forms/pininput.pyi b/reflex/components/chakra/forms/pininput.pyi
index b5a7b5576..f255b7db1 100644
--- a/reflex/components/chakra/forms/pininput.pyi
+++ b/reflex/components/chakra/forms/pininput.pyi
@@ -16,86 +16,7 @@ from reflex.utils import format
from reflex.utils.imports import ImportDict, merge_imports
from reflex.vars import Var
-class BasePinInput(ChakraComponent):
- @overload
- @classmethod
- def create( # type: ignore
- cls,
- *children,
- 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_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,
- 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
- ) -> "BasePinInput":
- """Create the component.
-
- Args:
- *children: The children of the component.
- 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 props of the component.
-
- Returns:
- The component.
-
- Raises:
- TypeError: If an invalid child is passed.
- """
- ...
-
-class PinInput(BasePinInput):
+class PinInput(ChakraComponent):
def get_event_triggers(self) -> dict[str, Union[Var, Any]]: ...
def get_ref(self) -> str | None: ...
@overload
@@ -217,7 +138,7 @@ class PinInput(BasePinInput):
"""
...
-class PinInputField(BasePinInput):
+class PinInputField(ChakraComponent):
@classmethod
def for_length(cls, length: Var | int, **props) -> Var: ...
def get_ref(self): ...
diff --git a/reflex/components/chakra/forms/radio.py b/reflex/components/chakra/forms/radio.py
index a62597677..67ad9200b 100644
--- a/reflex/components/chakra/forms/radio.py
+++ b/reflex/components/chakra/forms/radio.py
@@ -15,8 +15,6 @@ from reflex.vars import Var
class RadioGroup(ChakraComponent):
"""A grouping of individual radio options."""
- library = "@chakra-ui/radio@2.1.2"
-
tag = "RadioGroup"
# State var to bind the the input.
@@ -64,8 +62,6 @@ class RadioGroup(ChakraComponent):
class Radio(Text):
"""Radios are used when only one choice may be selected in a series of options."""
- library = "@chakra-ui/radio@2.1.2"
-
tag = "Radio"
# Value of radio.
diff --git a/reflex/components/chakra/forms/rangeslider.py b/reflex/components/chakra/forms/rangeslider.py
index 528294178..6179f3646 100644
--- a/reflex/components/chakra/forms/rangeslider.py
+++ b/reflex/components/chakra/forms/rangeslider.py
@@ -10,13 +10,7 @@ from reflex.utils import format
from reflex.vars import Var
-class BaseRangeSlider(ChakraComponent):
- """Base componemt of all chakra range sliders."""
-
- library = "@chakra-ui/slider@2.1.0"
-
-
-class RangeSlider(BaseRangeSlider):
+class RangeSlider(ChakraComponent):
"""The RangeSlider is a multi thumb slider used to select a range of related values. A common use-case of this component is a price range picker that allows a user to set the minimum and maximum price."""
tag = "RangeSlider"
@@ -124,19 +118,19 @@ class RangeSlider(BaseRangeSlider):
return super().create(*children, **props)
-class RangeSliderTrack(BaseRangeSlider):
+class RangeSliderTrack(ChakraComponent):
"""A range slider track."""
tag = "RangeSliderTrack"
-class RangeSliderFilledTrack(BaseRangeSlider):
+class RangeSliderFilledTrack(ChakraComponent):
"""A filled range slider track."""
tag = "RangeSliderFilledTrack"
-class RangeSliderThumb(BaseRangeSlider):
+class RangeSliderThumb(ChakraComponent):
"""A range slider thumb."""
tag = "RangeSliderThumb"
diff --git a/reflex/components/chakra/forms/rangeslider.pyi b/reflex/components/chakra/forms/rangeslider.pyi
index 9d9375ae9..cb76cfbe8 100644
--- a/reflex/components/chakra/forms/rangeslider.pyi
+++ b/reflex/components/chakra/forms/rangeslider.pyi
@@ -14,86 +14,7 @@ from reflex.constants import EventTriggers
from reflex.utils import format
from reflex.vars import Var
-class BaseRangeSlider(ChakraComponent):
- @overload
- @classmethod
- def create( # type: ignore
- cls,
- *children,
- 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_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,
- 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
- ) -> "BaseRangeSlider":
- """Create the component.
-
- Args:
- *children: The children of the component.
- 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 props of the component.
-
- Returns:
- The component.
-
- Raises:
- TypeError: If an invalid child is passed.
- """
- ...
-
-class RangeSlider(BaseRangeSlider):
+class RangeSlider(ChakraComponent):
def get_event_triggers(self) -> dict[str, Union[Var, Any]]: ...
def get_ref(self): ...
@overload
@@ -206,7 +127,7 @@ class RangeSlider(BaseRangeSlider):
"""
...
-class RangeSliderTrack(BaseRangeSlider):
+class RangeSliderTrack(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -285,7 +206,7 @@ class RangeSliderTrack(BaseRangeSlider):
"""
...
-class RangeSliderFilledTrack(BaseRangeSlider):
+class RangeSliderFilledTrack(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -364,7 +285,7 @@ class RangeSliderFilledTrack(BaseRangeSlider):
"""
...
-class RangeSliderThumb(BaseRangeSlider):
+class RangeSliderThumb(ChakraComponent):
def get_ref(self): ...
@overload
@classmethod
diff --git a/reflex/components/chakra/forms/select.py b/reflex/components/chakra/forms/select.py
index 069ae50ff..c898f40d9 100644
--- a/reflex/components/chakra/forms/select.py
+++ b/reflex/components/chakra/forms/select.py
@@ -14,8 +14,6 @@ from reflex.vars import Var
class Select(ChakraComponent):
"""Select component is a component that allows users pick a value from predefined options. Ideally, it should be used when there are more than 5 options, otherwise you might consider using a radio group instead."""
- library = "@chakra-ui/select@2.1.2"
-
tag = "Select"
# State var to bind the select.
diff --git a/reflex/components/chakra/forms/slider.py b/reflex/components/chakra/forms/slider.py
index 3a0c242cd..69eb6ac9f 100644
--- a/reflex/components/chakra/forms/slider.py
+++ b/reflex/components/chakra/forms/slider.py
@@ -11,13 +11,7 @@ from reflex.vars import Var
LiteralLayout = Literal["horizontal", "vertical"]
-class BaseSlider(ChakraComponent):
- """Base componemt of all chakra sliders."""
-
- library = "@chakra-ui/slider@2.1.0"
-
-
-class Slider(BaseSlider):
+class Slider(ChakraComponent):
"""The wrapper that provides context and functionality for all children."""
tag = "Slider"
@@ -112,19 +106,19 @@ class Slider(BaseSlider):
return super().create(*children, **props)
-class SliderTrack(BaseSlider):
+class SliderTrack(ChakraComponent):
"""The empty part of the slider that shows the track."""
tag = "SliderTrack"
-class SliderFilledTrack(BaseSlider):
+class SliderFilledTrack(ChakraComponent):
"""The filled part of the slider."""
tag = "SliderFilledTrack"
-class SliderThumb(BaseSlider):
+class SliderThumb(ChakraComponent):
"""The handle that's used to change the slider value."""
tag = "SliderThumb"
@@ -133,7 +127,7 @@ class SliderThumb(BaseSlider):
box_size: Var[str]
-class SliderMark(BaseSlider):
+class SliderMark(ChakraComponent):
"""The label or mark that shows names for specific slider values."""
tag = "SliderMark"
diff --git a/reflex/components/chakra/forms/slider.pyi b/reflex/components/chakra/forms/slider.pyi
index 4460777d2..5bc500930 100644
--- a/reflex/components/chakra/forms/slider.pyi
+++ b/reflex/components/chakra/forms/slider.pyi
@@ -15,86 +15,7 @@ from reflex.vars import Var
LiteralLayout = Literal["horizontal", "vertical"]
-class BaseSlider(ChakraComponent):
- @overload
- @classmethod
- def create( # type: ignore
- cls,
- *children,
- 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_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,
- 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
- ) -> "BaseSlider":
- """Create the component.
-
- Args:
- *children: The children of the component.
- 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 props of the component.
-
- Returns:
- The component.
-
- Raises:
- TypeError: If an invalid child is passed.
- """
- ...
-
-class Slider(BaseSlider):
+class Slider(ChakraComponent):
def get_event_triggers(self) -> dict[str, Union[Var, Any]]: ...
@overload
@classmethod
@@ -225,7 +146,7 @@ class Slider(BaseSlider):
"""
...
-class SliderTrack(BaseSlider):
+class SliderTrack(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -304,7 +225,7 @@ class SliderTrack(BaseSlider):
"""
...
-class SliderFilledTrack(BaseSlider):
+class SliderFilledTrack(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -383,7 +304,7 @@ class SliderFilledTrack(BaseSlider):
"""
...
-class SliderThumb(BaseSlider):
+class SliderThumb(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -464,7 +385,7 @@ class SliderThumb(BaseSlider):
"""
...
-class SliderMark(BaseSlider):
+class SliderMark(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/forms/switch.py b/reflex/components/chakra/forms/switch.py
index 9cd2371c5..6079de2bb 100644
--- a/reflex/components/chakra/forms/switch.py
+++ b/reflex/components/chakra/forms/switch.py
@@ -11,8 +11,6 @@ from reflex.vars import Var
class Switch(ChakraComponent):
"""Toggleable switch component."""
- library = "@chakra-ui/switch@2.1.2"
-
tag = "Switch"
# If true, the switch will be checked. You'll need to set an on_change event handler to update its value (since it is now controlled)
diff --git a/reflex/components/chakra/forms/textarea.py b/reflex/components/chakra/forms/textarea.py
index 9b95946fa..1591a35ea 100644
--- a/reflex/components/chakra/forms/textarea.py
+++ b/reflex/components/chakra/forms/textarea.py
@@ -13,8 +13,6 @@ from reflex.vars import Var
class TextArea(ChakraComponent):
"""A text area component."""
- library = "@chakra-ui/textarea@2.1.2"
-
tag = "Textarea"
# State var to bind the input.
diff --git a/reflex/components/chakra/layout/aspect_ratio.py b/reflex/components/chakra/layout/aspect_ratio.py
index 3c108a233..5d0328d7e 100644
--- a/reflex/components/chakra/layout/aspect_ratio.py
+++ b/reflex/components/chakra/layout/aspect_ratio.py
@@ -1,10 +1,10 @@
"""A AspectRatio component."""
-from reflex.components.chakra.layout.base import ChakraLayoutComponent
+from reflex.components.chakra import ChakraComponent
from reflex.vars import Var
-class AspectRatio(ChakraLayoutComponent):
+class AspectRatio(ChakraComponent):
"""AspectRatio component is used to embed responsive videos and maps, etc."""
tag = "AspectRatio"
diff --git a/reflex/components/chakra/layout/aspect_ratio.pyi b/reflex/components/chakra/layout/aspect_ratio.pyi
index f025c56de..1cd574abc 100644
--- a/reflex/components/chakra/layout/aspect_ratio.pyi
+++ b/reflex/components/chakra/layout/aspect_ratio.pyi
@@ -7,10 +7,10 @@ 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.layout.base import ChakraLayoutComponent
+from reflex.components.chakra import ChakraComponent
from reflex.vars import Var
-class AspectRatio(ChakraLayoutComponent):
+class AspectRatio(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/layout/base.py b/reflex/components/chakra/layout/base.py
deleted file mode 100644
index 55b1cff1b..000000000
--- a/reflex/components/chakra/layout/base.py
+++ /dev/null
@@ -1,9 +0,0 @@
-"""The base class for all Chakra layout components."""
-
-from reflex.components.chakra import ChakraComponent
-
-
-class ChakraLayoutComponent(ChakraComponent):
- """A component that wraps a Chakra component."""
-
- library = "@chakra-ui/layout@2.3.1"
diff --git a/reflex/components/chakra/layout/base.pyi b/reflex/components/chakra/layout/base.pyi
deleted file mode 100644
index 1ca5e3c35..000000000
--- a/reflex/components/chakra/layout/base.pyi
+++ /dev/null
@@ -1,89 +0,0 @@
-"""Stub file for reflex/components/chakra/layout/base.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 import ChakraComponent
-
-class ChakraLayoutComponent(ChakraComponent):
- @overload
- @classmethod
- def create( # type: ignore
- cls,
- *children,
- 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_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,
- 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
- ) -> "ChakraLayoutComponent":
- """Create the component.
-
- Args:
- *children: The children of the component.
- 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 props of the component.
-
- Returns:
- The component.
-
- Raises:
- TypeError: If an invalid child is passed.
- """
- ...
diff --git a/reflex/components/chakra/layout/box.py b/reflex/components/chakra/layout/box.py
index c730c611e..497e514b8 100644
--- a/reflex/components/chakra/layout/box.py
+++ b/reflex/components/chakra/layout/box.py
@@ -1,12 +1,11 @@
"""A box component that can contain other components."""
-
-from reflex.components.chakra.layout.base import ChakraLayoutComponent
+from reflex.components.chakra import ChakraComponent
from reflex.components.tags import Tag
from reflex.vars import Var
-class Box(ChakraLayoutComponent):
+class Box(ChakraComponent):
"""A generic container component that can contain other components."""
tag = "Box"
diff --git a/reflex/components/chakra/layout/box.pyi b/reflex/components/chakra/layout/box.pyi
index a8bfbaa30..ba1f769b8 100644
--- a/reflex/components/chakra/layout/box.pyi
+++ b/reflex/components/chakra/layout/box.pyi
@@ -7,11 +7,11 @@ 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.layout.base import ChakraLayoutComponent
+from reflex.components.chakra import ChakraComponent
from reflex.components.tags import Tag
from reflex.vars import Var
-class Box(ChakraLayoutComponent):
+class Box(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/layout/card.py b/reflex/components/chakra/layout/card.py
index 9caec90f0..595c5327f 100644
--- a/reflex/components/chakra/layout/card.py
+++ b/reflex/components/chakra/layout/card.py
@@ -12,31 +12,25 @@ from reflex.components.component import Component
from reflex.vars import Var
-class BaseCard(ChakraComponent):
- """The base class for all Chakra Card components."""
-
- library = "@chakra-ui/card@2.2.0"
-
-
-class CardHeader(BaseCard):
+class CardHeader(ChakraComponent):
"""The wrapper that contains a card's header."""
tag = "CardHeader"
-class CardBody(BaseCard):
+class CardBody(ChakraComponent):
"""The wrapper that houses the card's main content."""
tag = "CardBody"
-class CardFooter(BaseCard):
+class CardFooter(ChakraComponent):
"""The footer that houses the card actions."""
tag = "CardFooter"
-class Card(BaseCard):
+class Card(ChakraComponent):
"""The parent wrapper that provides context for its children."""
tag = "Card"
diff --git a/reflex/components/chakra/layout/card.pyi b/reflex/components/chakra/layout/card.pyi
index 7984afed1..6ec404acd 100644
--- a/reflex/components/chakra/layout/card.pyi
+++ b/reflex/components/chakra/layout/card.pyi
@@ -17,86 +17,7 @@ from reflex.components.chakra import (
from reflex.components.component import Component
from reflex.vars import Var
-class BaseCard(ChakraComponent):
- @overload
- @classmethod
- def create( # type: ignore
- cls,
- *children,
- 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_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,
- 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
- ) -> "BaseCard":
- """Create the component.
-
- Args:
- *children: The children of the component.
- 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 props of the component.
-
- Returns:
- The component.
-
- Raises:
- TypeError: If an invalid child is passed.
- """
- ...
-
-class CardHeader(BaseCard):
+class CardHeader(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -175,7 +96,7 @@ class CardHeader(BaseCard):
"""
...
-class CardBody(BaseCard):
+class CardBody(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -254,7 +175,7 @@ class CardBody(BaseCard):
"""
...
-class CardFooter(BaseCard):
+class CardFooter(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -333,7 +254,7 @@ class CardFooter(BaseCard):
"""
...
-class Card(BaseCard):
+class Card(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/layout/center.py b/reflex/components/chakra/layout/center.py
index 37ba9433e..bc3ced1aa 100644
--- a/reflex/components/chakra/layout/center.py
+++ b/reflex/components/chakra/layout/center.py
@@ -1,21 +1,21 @@
"""A box that centers its contents."""
-from reflex.components.chakra.layout.base import ChakraLayoutComponent
+from reflex.components.chakra import ChakraComponent
-class Center(ChakraLayoutComponent):
+class Center(ChakraComponent):
"""A box that centers its contents."""
tag = "Center"
-class Square(ChakraLayoutComponent):
+class Square(ChakraComponent):
"""A centered square container."""
tag = "Square"
-class Circle(ChakraLayoutComponent):
+class Circle(ChakraComponent):
"""A square container with round border-radius."""
tag = "Circle"
diff --git a/reflex/components/chakra/layout/center.pyi b/reflex/components/chakra/layout/center.pyi
index 9a4ef1f52..98fbbb84b 100644
--- a/reflex/components/chakra/layout/center.pyi
+++ b/reflex/components/chakra/layout/center.pyi
@@ -7,9 +7,9 @@ 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.layout.base import ChakraLayoutComponent
+from reflex.components.chakra import ChakraComponent
-class Center(ChakraLayoutComponent):
+class Center(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -88,7 +88,7 @@ class Center(ChakraLayoutComponent):
"""
...
-class Square(ChakraLayoutComponent):
+class Square(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -167,7 +167,7 @@ class Square(ChakraLayoutComponent):
"""
...
-class Circle(ChakraLayoutComponent):
+class Circle(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/layout/container.py b/reflex/components/chakra/layout/container.py
index 467560593..26863d018 100644
--- a/reflex/components/chakra/layout/container.py
+++ b/reflex/components/chakra/layout/container.py
@@ -1,11 +1,10 @@
"""A flexbox container."""
-
-from reflex.components.chakra.layout.base import ChakraLayoutComponent
+from reflex.components.chakra import ChakraComponent
from reflex.vars import Var
-class Container(ChakraLayoutComponent):
+class Container(ChakraComponent):
"""A flexbox container that centers its children and sets a max width."""
tag = "Container"
diff --git a/reflex/components/chakra/layout/container.pyi b/reflex/components/chakra/layout/container.pyi
index 42327e882..22594f4af 100644
--- a/reflex/components/chakra/layout/container.pyi
+++ b/reflex/components/chakra/layout/container.pyi
@@ -7,10 +7,10 @@ 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.layout.base import ChakraLayoutComponent
+from reflex.components.chakra import ChakraComponent
from reflex.vars import Var
-class Container(ChakraLayoutComponent):
+class Container(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/layout/flex.py b/reflex/components/chakra/layout/flex.py
index b940e71e7..ff6e5abce 100644
--- a/reflex/components/chakra/layout/flex.py
+++ b/reflex/components/chakra/layout/flex.py
@@ -2,11 +2,11 @@
from typing import List, Union
-from reflex.components.chakra.layout.base import ChakraLayoutComponent
+from reflex.components.chakra import ChakraComponent
from reflex.vars import Var
-class Flex(ChakraLayoutComponent):
+class Flex(ChakraComponent):
"""A reflexive container component."""
tag = "Flex"
diff --git a/reflex/components/chakra/layout/flex.pyi b/reflex/components/chakra/layout/flex.pyi
index d5e5204fb..dbb3b36dc 100644
--- a/reflex/components/chakra/layout/flex.pyi
+++ b/reflex/components/chakra/layout/flex.pyi
@@ -8,10 +8,10 @@ from reflex.vars import Var, BaseVar, ComputedVar
from reflex.event import EventChain, EventHandler, EventSpec
from reflex.style import Style
from typing import List, Union
-from reflex.components.chakra.layout.base import ChakraLayoutComponent
+from reflex.components.chakra import ChakraComponent
from reflex.vars import Var
-class Flex(ChakraLayoutComponent):
+class Flex(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/layout/grid.py b/reflex/components/chakra/layout/grid.py
index 336a6e198..ee1d8aa33 100644
--- a/reflex/components/chakra/layout/grid.py
+++ b/reflex/components/chakra/layout/grid.py
@@ -2,11 +2,11 @@
from typing import List
-from reflex.components.chakra.layout.base import ChakraLayoutComponent
+from reflex.components.chakra import ChakraComponent
from reflex.vars import Var
-class Grid(ChakraLayoutComponent):
+class Grid(ChakraComponent):
"""A grid component."""
tag = "Grid"
@@ -41,7 +41,7 @@ class Grid(ChakraLayoutComponent):
template_rows: Var[str]
-class GridItem(ChakraLayoutComponent):
+class GridItem(ChakraComponent):
"""Used as a child of Grid to control the span, and start positions within the grid."""
tag = "GridItem"
@@ -71,7 +71,7 @@ class GridItem(ChakraLayoutComponent):
row_span: Var[int]
-class ResponsiveGrid(ChakraLayoutComponent):
+class ResponsiveGrid(ChakraComponent):
"""A responsive grid component."""
tag = "SimpleGrid"
diff --git a/reflex/components/chakra/layout/grid.pyi b/reflex/components/chakra/layout/grid.pyi
index f8def26c1..7195a1579 100644
--- a/reflex/components/chakra/layout/grid.pyi
+++ b/reflex/components/chakra/layout/grid.pyi
@@ -8,10 +8,10 @@ from reflex.vars import Var, BaseVar, ComputedVar
from reflex.event import EventChain, EventHandler, EventSpec
from reflex.style import Style
from typing import List
-from reflex.components.chakra.layout.base import ChakraLayoutComponent
+from reflex.components.chakra import ChakraComponent
from reflex.vars import Var
-class Grid(ChakraLayoutComponent):
+class Grid(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -104,7 +104,7 @@ class Grid(ChakraLayoutComponent):
"""
...
-class GridItem(ChakraLayoutComponent):
+class GridItem(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -197,7 +197,7 @@ class GridItem(ChakraLayoutComponent):
"""
...
-class ResponsiveGrid(ChakraLayoutComponent):
+class ResponsiveGrid(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/layout/spacer.py b/reflex/components/chakra/layout/spacer.py
index b73545b14..3888f3726 100644
--- a/reflex/components/chakra/layout/spacer.py
+++ b/reflex/components/chakra/layout/spacer.py
@@ -1,10 +1,9 @@
"""A flexible space component."""
-
-from reflex.components.chakra.layout.base import ChakraLayoutComponent
+from reflex.components.chakra import ChakraComponent
-class Spacer(ChakraLayoutComponent):
+class Spacer(ChakraComponent):
"""A flexible space component."""
tag = "Spacer"
diff --git a/reflex/components/chakra/layout/spacer.pyi b/reflex/components/chakra/layout/spacer.pyi
index d19bf6473..6a793ce19 100644
--- a/reflex/components/chakra/layout/spacer.pyi
+++ b/reflex/components/chakra/layout/spacer.pyi
@@ -7,9 +7,9 @@ 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.layout.base import ChakraLayoutComponent
+from reflex.components.chakra import ChakraComponent
-class Spacer(ChakraLayoutComponent):
+class Spacer(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/layout/stack.py b/reflex/components/chakra/layout/stack.py
index 25b573f8f..8e2ab34e6 100644
--- a/reflex/components/chakra/layout/stack.py
+++ b/reflex/components/chakra/layout/stack.py
@@ -2,12 +2,11 @@
from typing import List, Union
-from reflex.components.chakra import LiteralStackDirection
-from reflex.components.chakra.layout.base import ChakraLayoutComponent
+from reflex.components.chakra import ChakraComponent, LiteralStackDirection
from reflex.vars import Var
-class Stack(ChakraLayoutComponent):
+class Stack(ChakraComponent):
"""Container to stack elements with spacing."""
tag = "Stack"
diff --git a/reflex/components/chakra/layout/stack.pyi b/reflex/components/chakra/layout/stack.pyi
index 2a2956855..28d110979 100644
--- a/reflex/components/chakra/layout/stack.pyi
+++ b/reflex/components/chakra/layout/stack.pyi
@@ -8,11 +8,10 @@ from reflex.vars import Var, BaseVar, ComputedVar
from reflex.event import EventChain, EventHandler, EventSpec
from reflex.style import Style
from typing import List, Union
-from reflex.components.chakra import LiteralStackDirection
-from reflex.components.chakra.layout.base import ChakraLayoutComponent
+from reflex.components.chakra import ChakraComponent, LiteralStackDirection
from reflex.vars import Var
-class Stack(ChakraLayoutComponent):
+class Stack(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/layout/wrap.py b/reflex/components/chakra/layout/wrap.py
index 1010d5ba5..5d436c5b2 100644
--- a/reflex/components/chakra/layout/wrap.py
+++ b/reflex/components/chakra/layout/wrap.py
@@ -1,11 +1,11 @@
"""Container to stack elements with spacing."""
-from reflex.components.chakra.layout.base import ChakraLayoutComponent
+from reflex.components.chakra import ChakraComponent
from reflex.components.component import Component
from reflex.vars import Var
-class Wrap(ChakraLayoutComponent):
+class Wrap(ChakraComponent):
"""Layout component used to add space between elements and wrap automatically if there isn't enough space."""
tag = "Wrap"
@@ -51,7 +51,7 @@ class Wrap(ChakraLayoutComponent):
return super().create(*children, **props)
-class WrapItem(ChakraLayoutComponent):
+class WrapItem(ChakraComponent):
"""Item of the Wrap component."""
tag = "WrapItem"
diff --git a/reflex/components/chakra/layout/wrap.pyi b/reflex/components/chakra/layout/wrap.pyi
index 8537d20bb..ba54d9431 100644
--- a/reflex/components/chakra/layout/wrap.pyi
+++ b/reflex/components/chakra/layout/wrap.pyi
@@ -7,11 +7,11 @@ 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.layout.base import ChakraLayoutComponent
+from reflex.components.chakra import ChakraComponent
from reflex.components.component import Component
from reflex.vars import Var
-class Wrap(ChakraLayoutComponent):
+class Wrap(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -103,7 +103,7 @@ class Wrap(ChakraLayoutComponent):
"""
...
-class WrapItem(ChakraLayoutComponent):
+class WrapItem(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/media/avatar.py b/reflex/components/chakra/media/avatar.py
index 587782740..80a0b7174 100644
--- a/reflex/components/chakra/media/avatar.py
+++ b/reflex/components/chakra/media/avatar.py
@@ -7,13 +7,7 @@ from reflex.components.chakra import ChakraComponent, LiteralAvatarSize
from reflex.vars import Var
-class BaseAvatar(ChakraComponent):
- """Base avatar component."""
-
- library = "@chakra-ui/avatar@2.1.0"
-
-
-class Avatar(BaseAvatar):
+class Avatar(ChakraComponent):
"""The image that represents the user."""
tag = "Avatar"
@@ -54,13 +48,13 @@ class Avatar(BaseAvatar):
}
-class AvatarBadge(BaseAvatar):
+class AvatarBadge(ChakraComponent):
"""A wrapper that displays its content on the right corner of the avatar."""
tag = "AvatarBadge"
-class AvatarGroup(BaseAvatar):
+class AvatarGroup(ChakraComponent):
"""A wrapper to stack multiple Avatars together."""
tag = "AvatarGroup"
diff --git a/reflex/components/chakra/media/avatar.pyi b/reflex/components/chakra/media/avatar.pyi
index 49409a4bb..69b017801 100644
--- a/reflex/components/chakra/media/avatar.pyi
+++ b/reflex/components/chakra/media/avatar.pyi
@@ -11,86 +11,7 @@ from typing import Any, Union
from reflex.components.chakra import ChakraComponent, LiteralAvatarSize
from reflex.vars import Var
-class BaseAvatar(ChakraComponent):
- @overload
- @classmethod
- def create( # type: ignore
- cls,
- *children,
- 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_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,
- 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
- ) -> "BaseAvatar":
- """Create the component.
-
- Args:
- *children: The children of the component.
- 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 props of the component.
-
- Returns:
- The component.
-
- Raises:
- TypeError: If an invalid child is passed.
- """
- ...
-
-class Avatar(BaseAvatar):
+class Avatar(ChakraComponent):
def get_event_triggers(self) -> dict[str, Union[Var, Any]]: ...
@overload
@classmethod
@@ -194,7 +115,7 @@ class Avatar(BaseAvatar):
"""
...
-class AvatarBadge(BaseAvatar):
+class AvatarBadge(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -273,7 +194,7 @@ class AvatarBadge(BaseAvatar):
"""
...
-class AvatarGroup(BaseAvatar):
+class AvatarGroup(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/media/image.py b/reflex/components/chakra/media/image.py
index d531baf46..2b1a4e26f 100644
--- a/reflex/components/chakra/media/image.py
+++ b/reflex/components/chakra/media/image.py
@@ -11,10 +11,7 @@ from reflex.vars import Var
class Image(ChakraComponent):
"""Display an image."""
- library = "@chakra-ui/image@2.1.0"
-
tag = "Image"
-
alias = "ChakraImage"
# How to align the image within its bounds. It maps to css `object-position` property.
align: Var[str]
diff --git a/reflex/components/chakra/navigation/breadcrumb.py b/reflex/components/chakra/navigation/breadcrumb.py
index 92bb1ae8e..7c902bf1a 100644
--- a/reflex/components/chakra/navigation/breadcrumb.py
+++ b/reflex/components/chakra/navigation/breadcrumb.py
@@ -7,13 +7,7 @@ from reflex.components.core.foreach import Foreach
from reflex.vars import Var
-class BaseBreadcrumb(ChakraComponent):
- """The base class for all Chakra breadcrumb components."""
-
- library = "@chakra-ui/breadcrumb@2.2.0"
-
-
-class Breadcrumb(BaseBreadcrumb):
+class Breadcrumb(ChakraComponent):
"""The parent container for breadcrumbs."""
tag = "Breadcrumb"
@@ -54,7 +48,7 @@ class Breadcrumb(BaseBreadcrumb):
return super().create(*children, **props)
-class BreadcrumbItem(BaseBreadcrumb):
+class BreadcrumbItem(ChakraComponent):
"""Individual breadcrumb element containing a link and a divider."""
tag = "BreadcrumbItem"
@@ -89,7 +83,7 @@ class BreadcrumbItem(BaseBreadcrumb):
return super().create(*children, **props)
-class BreadcrumbSeparator(BaseBreadcrumb):
+class BreadcrumbSeparator(ChakraComponent):
"""The visual separator between each breadcrumb."""
tag = "BreadcrumbSeparator"
@@ -100,7 +94,5 @@ class BreadcrumbLink(Link):
tag = "BreadcrumbLink"
- library = "@chakra-ui/breadcrumb@2.2.0"
-
# Is the current page of the breadcrumb.
is_current_page: Var[bool]
diff --git a/reflex/components/chakra/navigation/breadcrumb.pyi b/reflex/components/chakra/navigation/breadcrumb.pyi
index ae3ee8fbf..e7993cd52 100644
--- a/reflex/components/chakra/navigation/breadcrumb.pyi
+++ b/reflex/components/chakra/navigation/breadcrumb.pyi
@@ -13,86 +13,7 @@ from reflex.components.component import Component
from reflex.components.core.foreach import Foreach
from reflex.vars import Var
-class BaseBreadcrumb(ChakraComponent):
- @overload
- @classmethod
- def create( # type: ignore
- cls,
- *children,
- 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_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,
- 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
- ) -> "BaseBreadcrumb":
- """Create the component.
-
- Args:
- *children: The children of the component.
- 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 props of the component.
-
- Returns:
- The component.
-
- Raises:
- TypeError: If an invalid child is passed.
- """
- ...
-
-class Breadcrumb(BaseBreadcrumb):
+class Breadcrumb(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -176,7 +97,7 @@ class Breadcrumb(BaseBreadcrumb):
"""
...
-class BreadcrumbItem(BaseBreadcrumb):
+class BreadcrumbItem(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -264,7 +185,7 @@ class BreadcrumbItem(BaseBreadcrumb):
"""
...
-class BreadcrumbSeparator(BaseBreadcrumb):
+class BreadcrumbSeparator(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/navigation/stepper.py b/reflex/components/chakra/navigation/stepper.py
index b2e95e007..7c47760e5 100644
--- a/reflex/components/chakra/navigation/stepper.py
+++ b/reflex/components/chakra/navigation/stepper.py
@@ -7,13 +7,7 @@ from reflex.components.component import Component
from reflex.vars import Var
-class BaseStepper(ChakraComponent):
- """The base class for all Chakra stepper components."""
-
- library = "@chakra-ui/stepper@2.3.1"
-
-
-class Stepper(BaseStepper):
+class Stepper(ChakraComponent):
"""The parent container for a stepper."""
tag = "Stepper"
@@ -61,43 +55,43 @@ class Stepper(BaseStepper):
return super().create(*children, **props)
-class Step(BaseStepper):
+class Step(ChakraComponent):
"""A component for an individual step in the stepper."""
tag = "Step"
-class StepDescription(BaseStepper):
+class StepDescription(ChakraComponent):
"""The description text for a step component."""
tag = "StepDescription"
-class StepIcon(BaseStepper):
+class StepIcon(ChakraComponent):
"""The icon displayed in a step indicator component."""
tag = "StepIcon"
-class StepIndicator(BaseStepper):
+class StepIndicator(ChakraComponent):
"""The component displaying the status of a step."""
tag = "StepIndicator"
-class StepNumber(BaseStepper):
+class StepNumber(ChakraComponent):
"""The number of a step displayed in a step indicator component."""
tag = "StepNumber"
-class StepSeparator(BaseStepper):
+class StepSeparator(ChakraComponent):
"""The component separting steps."""
tag = "StepSeparator"
-class StepStatus(BaseStepper):
+class StepStatus(ChakraComponent):
"""A component that displays a number or icon based on the status of a step."""
# [not working yet]
@@ -113,7 +107,7 @@ class StepStatus(BaseStepper):
tag = "StepStatus"
-class StepTitle(BaseStepper):
+class StepTitle(ChakraComponent):
"""The title text for a step component."""
tag = "StepTitle"
diff --git a/reflex/components/chakra/navigation/stepper.pyi b/reflex/components/chakra/navigation/stepper.pyi
index 097a482a6..a4020d1cf 100644
--- a/reflex/components/chakra/navigation/stepper.pyi
+++ b/reflex/components/chakra/navigation/stepper.pyi
@@ -12,86 +12,7 @@ from reflex.components.chakra import ChakraComponent, LiteralColorScheme
from reflex.components.component import Component
from reflex.vars import Var
-class BaseStepper(ChakraComponent):
- @overload
- @classmethod
- def create( # type: ignore
- cls,
- *children,
- 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_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,
- 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
- ) -> "BaseStepper":
- """Create the component.
-
- Args:
- *children: The children of the component.
- 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 props of the component.
-
- Returns:
- The component.
-
- Raises:
- TypeError: If an invalid child is passed.
- """
- ...
-
-class Stepper(BaseStepper):
+class Stepper(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -230,7 +151,7 @@ class Stepper(BaseStepper):
"""
...
-class Step(BaseStepper):
+class Step(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -309,7 +230,7 @@ class Step(BaseStepper):
"""
...
-class StepDescription(BaseStepper):
+class StepDescription(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -388,7 +309,7 @@ class StepDescription(BaseStepper):
"""
...
-class StepIcon(BaseStepper):
+class StepIcon(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -467,7 +388,7 @@ class StepIcon(BaseStepper):
"""
...
-class StepIndicator(BaseStepper):
+class StepIndicator(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -546,7 +467,7 @@ class StepIndicator(BaseStepper):
"""
...
-class StepNumber(BaseStepper):
+class StepNumber(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -625,7 +546,7 @@ class StepNumber(BaseStepper):
"""
...
-class StepSeparator(BaseStepper):
+class StepSeparator(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -704,7 +625,7 @@ class StepSeparator(BaseStepper):
"""
...
-class StepStatus(BaseStepper):
+class StepStatus(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -787,7 +708,7 @@ class StepStatus(BaseStepper):
"""
...
-class StepTitle(BaseStepper):
+class StepTitle(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/overlay/alertdialog.py b/reflex/components/chakra/overlay/alertdialog.py
index 48beb5c38..48829c5ff 100644
--- a/reflex/components/chakra/overlay/alertdialog.py
+++ b/reflex/components/chakra/overlay/alertdialog.py
@@ -9,13 +9,7 @@ from reflex.components.component import Component
from reflex.vars import Var
-class BaseAlertDialog(ChakraComponent):
- """The base class for all alert dialog components."""
-
- library = "@chakra-ui/modal@2.3.1"
-
-
-class AlertDialog(BaseAlertDialog):
+class AlertDialog(ChakraComponent):
"""Provides context and state for the dialog."""
tag = "AlertDialog"
@@ -125,37 +119,37 @@ class AlertDialog(BaseAlertDialog):
return super().create(*children, **props)
-class AlertDialogBody(BaseAlertDialog):
+class AlertDialogBody(ChakraComponent):
"""Should contain the description announced by screen readers."""
tag = "AlertDialogBody"
-class AlertDialogHeader(BaseAlertDialog):
+class AlertDialogHeader(ChakraComponent):
"""Should contain the title announced by screen readers."""
tag = "AlertDialogHeader"
-class AlertDialogFooter(BaseAlertDialog):
+class AlertDialogFooter(ChakraComponent):
"""Should contain the events of the dialog."""
tag = "AlertDialogFooter"
-class AlertDialogContent(BaseAlertDialog):
+class AlertDialogContent(ChakraComponent):
"""The wrapper for the alert dialog's content."""
tag = "AlertDialogContent"
-class AlertDialogOverlay(BaseAlertDialog):
+class AlertDialogOverlay(ChakraComponent):
"""The dimmed overlay behind the dialog."""
tag = "AlertDialogOverlay"
-class AlertDialogCloseButton(BaseAlertDialog):
+class AlertDialogCloseButton(ChakraComponent):
"""The button that closes the dialog."""
tag = "AlertDialogCloseButton"
diff --git a/reflex/components/chakra/overlay/alertdialog.pyi b/reflex/components/chakra/overlay/alertdialog.pyi
index 6b8d66ddb..01fd6240e 100644
--- a/reflex/components/chakra/overlay/alertdialog.pyi
+++ b/reflex/components/chakra/overlay/alertdialog.pyi
@@ -13,86 +13,7 @@ from reflex.components.chakra.media.icon import Icon
from reflex.components.component import Component
from reflex.vars import Var
-class BaseAlertDialog(ChakraComponent):
- @overload
- @classmethod
- def create( # type: ignore
- cls,
- *children,
- 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_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,
- 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
- ) -> "BaseAlertDialog":
- """Create the component.
-
- Args:
- *children: The children of the component.
- 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 props of the component.
-
- Returns:
- The component.
-
- Raises:
- TypeError: If an invalid child is passed.
- """
- ...
-
-class AlertDialog(BaseAlertDialog):
+class AlertDialog(ChakraComponent):
def get_event_triggers(self) -> dict[str, Union[Var, Any]]: ...
@overload
@classmethod
@@ -238,7 +159,7 @@ class AlertDialog(BaseAlertDialog):
"""
...
-class AlertDialogBody(BaseAlertDialog):
+class AlertDialogBody(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -317,7 +238,7 @@ class AlertDialogBody(BaseAlertDialog):
"""
...
-class AlertDialogHeader(BaseAlertDialog):
+class AlertDialogHeader(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -396,7 +317,7 @@ class AlertDialogHeader(BaseAlertDialog):
"""
...
-class AlertDialogFooter(BaseAlertDialog):
+class AlertDialogFooter(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -475,7 +396,7 @@ class AlertDialogFooter(BaseAlertDialog):
"""
...
-class AlertDialogContent(BaseAlertDialog):
+class AlertDialogContent(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -554,7 +475,7 @@ class AlertDialogContent(BaseAlertDialog):
"""
...
-class AlertDialogOverlay(BaseAlertDialog):
+class AlertDialogOverlay(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -633,7 +554,7 @@ class AlertDialogOverlay(BaseAlertDialog):
"""
...
-class AlertDialogCloseButton(BaseAlertDialog):
+class AlertDialogCloseButton(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/overlay/menu.py b/reflex/components/chakra/overlay/menu.py
index 70534205e..1401fce7c 100644
--- a/reflex/components/chakra/overlay/menu.py
+++ b/reflex/components/chakra/overlay/menu.py
@@ -14,13 +14,7 @@ from reflex.components.component import Component
from reflex.vars import Var
-class BaseMenu(ChakraComponent):
- """The base class for all Chakra menu components."""
-
- library = "@chakra-ui/menu@2.2.1"
-
-
-class Menu(BaseMenu):
+class Menu(ChakraComponent):
"""The wrapper component provides context, state, and focus management."""
tag = "Menu"
@@ -118,7 +112,7 @@ class Menu(BaseMenu):
return super().create(*children, **props)
-class MenuButton(BaseMenu):
+class MenuButton(ChakraComponent):
"""The trigger for the menu list. Must be a direct child of Menu."""
tag = "MenuButton"
@@ -133,7 +127,7 @@ class MenuButton(BaseMenu):
as_: Var[str]
-class MenuList(BaseMenu):
+class MenuList(ChakraComponent):
"""The wrapper for the menu items. Must be a direct child of Menu."""
tag = "MenuList"
@@ -160,7 +154,7 @@ class MenuList(BaseMenu):
return super().create(*children, **props)
-class MenuItem(BaseMenu):
+class MenuItem(ChakraComponent):
"""The trigger that handles menu selection. Must be a direct child of a MenuList."""
tag = "MenuItem"
@@ -181,7 +175,7 @@ class MenuItem(BaseMenu):
is_focusable: Var[bool]
-class MenuItemOption(BaseMenu):
+class MenuItemOption(ChakraComponent):
"""The checkable menu item, to be used with MenuOptionGroup."""
tag = "MenuItemOption"
@@ -211,13 +205,13 @@ class MenuItemOption(BaseMenu):
value: Var[str]
-class MenuGroup(BaseMenu):
+class MenuGroup(ChakraComponent):
"""A wrapper to group related menu items."""
tag = "MenuGroup"
-class MenuOptionGroup(BaseMenu):
+class MenuOptionGroup(ChakraComponent):
"""A wrapper for checkable menu items (radio and checkbox)."""
tag = "MenuOptionGroup"
@@ -229,7 +223,7 @@ class MenuOptionGroup(BaseMenu):
value: Var[str]
-class MenuDivider(BaseMenu):
+class MenuDivider(ChakraComponent):
"""A visual separator for menu items and groups."""
tag = "MenuDivider"
diff --git a/reflex/components/chakra/overlay/menu.pyi b/reflex/components/chakra/overlay/menu.pyi
index f55338aa7..3450cfde9 100644
--- a/reflex/components/chakra/overlay/menu.pyi
+++ b/reflex/components/chakra/overlay/menu.pyi
@@ -18,86 +18,7 @@ from reflex.components.chakra.forms.button import Button
from reflex.components.component import Component
from reflex.vars import Var
-class BaseMenu(ChakraComponent):
- @overload
- @classmethod
- def create( # type: ignore
- cls,
- *children,
- 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_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,
- 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
- ) -> "BaseMenu":
- """Create the component.
-
- Args:
- *children: The children of the component.
- 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 props of the component.
-
- Returns:
- The component.
-
- Raises:
- TypeError: If an invalid child is passed.
- """
- ...
-
-class Menu(BaseMenu):
+class Menu(ChakraComponent):
def get_event_triggers(self) -> dict[str, Union[Var, Any]]: ...
@overload
@classmethod
@@ -220,7 +141,7 @@ class Menu(BaseMenu):
"""
...
-class MenuButton(BaseMenu):
+class MenuButton(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -303,7 +224,7 @@ class MenuButton(BaseMenu):
"""
...
-class MenuList(BaseMenu):
+class MenuList(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -381,7 +302,7 @@ class MenuList(BaseMenu):
"""
...
-class MenuItem(BaseMenu):
+class MenuItem(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -470,7 +391,7 @@ class MenuItem(BaseMenu):
"""
...
-class MenuItemOption(BaseMenu):
+class MenuItemOption(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -567,7 +488,7 @@ class MenuItemOption(BaseMenu):
"""
...
-class MenuGroup(BaseMenu):
+class MenuGroup(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -646,7 +567,7 @@ class MenuGroup(BaseMenu):
"""
...
-class MenuOptionGroup(BaseMenu):
+class MenuOptionGroup(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -731,7 +652,7 @@ class MenuOptionGroup(BaseMenu):
"""
...
-class MenuDivider(BaseMenu):
+class MenuDivider(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/overlay/modal.py b/reflex/components/chakra/overlay/modal.py
index a3b83c8a6..78b8a8164 100644
--- a/reflex/components/chakra/overlay/modal.py
+++ b/reflex/components/chakra/overlay/modal.py
@@ -11,13 +11,7 @@ from reflex.vars import Var
ModalSizes = Literal["xs", "sm", "md", "lg", "xl", "full"]
-class BaseModal(ChakraComponent):
- """The base class for all Chakra modal components."""
-
- library = "@chakra-ui/modal@2.3.1"
-
-
-class Modal(BaseModal):
+class Modal(ChakraComponent):
"""The wrapper that provides context for its children."""
tag = "Modal"
@@ -136,37 +130,37 @@ class Modal(BaseModal):
return super().create(*children, **props)
-class ModalOverlay(BaseModal):
+class ModalOverlay(ChakraComponent):
"""The dimmed overlay behind the modal dialog."""
tag = "ModalOverlay"
-class ModalHeader(BaseModal):
+class ModalHeader(ChakraComponent):
"""The header that labels the modal dialog."""
tag = "ModalHeader"
-class ModalFooter(BaseModal):
+class ModalFooter(ChakraComponent):
"""The footer that houses the modal events."""
tag = "ModalFooter"
-class ModalContent(BaseModal):
+class ModalContent(ChakraComponent):
"""The container for the modal dialog's content."""
tag = "ModalContent"
-class ModalBody(BaseModal):
+class ModalBody(ChakraComponent):
"""The wrapper that houses the modal's main content."""
tag = "ModalBody"
-class ModalCloseButton(BaseModal):
+class ModalCloseButton(ChakraComponent):
"""The button that closes the modal."""
tag = "ModalCloseButton"
diff --git a/reflex/components/chakra/overlay/modal.pyi b/reflex/components/chakra/overlay/modal.pyi
index c4de3f398..5550f6d42 100644
--- a/reflex/components/chakra/overlay/modal.pyi
+++ b/reflex/components/chakra/overlay/modal.pyi
@@ -15,86 +15,7 @@ from reflex.vars import Var
ModalSizes = Literal["xs", "sm", "md", "lg", "xl", "full"]
-class BaseModal(ChakraComponent):
- @overload
- @classmethod
- def create( # type: ignore
- cls,
- *children,
- 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_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,
- 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
- ) -> "BaseModal":
- """Create the component.
-
- Args:
- *children: The children of the component.
- 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 props of the component.
-
- Returns:
- The component.
-
- Raises:
- TypeError: If an invalid child is passed.
- """
- ...
-
-class Modal(BaseModal):
+class Modal(ChakraComponent):
def get_event_triggers(self) -> dict[str, Union[Var, Any]]: ...
@overload
@classmethod
@@ -225,7 +146,7 @@ class Modal(BaseModal):
"""
...
-class ModalOverlay(BaseModal):
+class ModalOverlay(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -304,7 +225,7 @@ class ModalOverlay(BaseModal):
"""
...
-class ModalHeader(BaseModal):
+class ModalHeader(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -383,7 +304,7 @@ class ModalHeader(BaseModal):
"""
...
-class ModalFooter(BaseModal):
+class ModalFooter(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -462,7 +383,7 @@ class ModalFooter(BaseModal):
"""
...
-class ModalContent(BaseModal):
+class ModalContent(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -541,7 +462,7 @@ class ModalContent(BaseModal):
"""
...
-class ModalBody(BaseModal):
+class ModalBody(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -620,7 +541,7 @@ class ModalBody(BaseModal):
"""
...
-class ModalCloseButton(BaseModal):
+class ModalCloseButton(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/overlay/popover.py b/reflex/components/chakra/overlay/popover.py
index 9bd2759a8..7e1fa3e99 100644
--- a/reflex/components/chakra/overlay/popover.py
+++ b/reflex/components/chakra/overlay/popover.py
@@ -13,13 +13,7 @@ from reflex.components.component import Component
from reflex.vars import Var
-class BasePopover(ChakraComponent):
- """The base class for all Chakra popover components."""
-
- library = "@chakra-ui/popover@2.2.1"
-
-
-class Popover(BasePopover):
+class Popover(ChakraComponent):
"""The wrapper that provides props, state, and context to its children."""
tag = "Popover"
@@ -147,49 +141,49 @@ class Popover(BasePopover):
return super().create(*children, **props)
-class PopoverContent(BasePopover):
+class PopoverContent(ChakraComponent):
"""The popover itself."""
tag = "PopoverContent"
-class PopoverHeader(BasePopover):
+class PopoverHeader(ChakraComponent):
"""The header of the popover."""
tag = "PopoverHeader"
-class PopoverFooter(BasePopover):
+class PopoverFooter(ChakraComponent):
"""Display a popover footer."""
tag = "PopoverFooter"
-class PopoverBody(BasePopover):
+class PopoverBody(ChakraComponent):
"""The body of the popover."""
tag = "PopoverBody"
-class PopoverArrow(BasePopover):
+class PopoverArrow(ChakraComponent):
"""A visual arrow that points to the reference (or trigger)."""
tag = "PopoverArrow"
-class PopoverCloseButton(BasePopover):
+class PopoverCloseButton(ChakraComponent):
"""A button to close the popover."""
tag = "PopoverCloseButton"
-class PopoverAnchor(BasePopover):
+class PopoverAnchor(ChakraComponent):
"""Used to wrap the position-reference element."""
tag = "PopoverAnchor"
-class PopoverTrigger(BasePopover):
+class PopoverTrigger(ChakraComponent):
"""Used to wrap the reference (or trigger) element."""
tag = "PopoverTrigger"
diff --git a/reflex/components/chakra/overlay/popover.pyi b/reflex/components/chakra/overlay/popover.pyi
index 89fca3da5..2f39860d3 100644
--- a/reflex/components/chakra/overlay/popover.pyi
+++ b/reflex/components/chakra/overlay/popover.pyi
@@ -17,86 +17,7 @@ from reflex.components.chakra import (
from reflex.components.component import Component
from reflex.vars import Var
-class BasePopover(ChakraComponent):
- @overload
- @classmethod
- def create( # type: ignore
- cls,
- *children,
- 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_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,
- 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
- ) -> "BasePopover":
- """Create the component.
-
- Args:
- *children: The children of the component.
- 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 props of the component.
-
- Returns:
- The component.
-
- Raises:
- TypeError: If an invalid child is passed.
- """
- ...
-
-class Popover(BasePopover):
+class Popover(ChakraComponent):
def get_event_triggers(self) -> dict[str, Union[Var, Any]]: ...
@overload
@classmethod
@@ -233,7 +154,7 @@ class Popover(BasePopover):
"""
...
-class PopoverContent(BasePopover):
+class PopoverContent(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -312,7 +233,7 @@ class PopoverContent(BasePopover):
"""
...
-class PopoverHeader(BasePopover):
+class PopoverHeader(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -391,7 +312,7 @@ class PopoverHeader(BasePopover):
"""
...
-class PopoverFooter(BasePopover):
+class PopoverFooter(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -470,7 +391,7 @@ class PopoverFooter(BasePopover):
"""
...
-class PopoverBody(BasePopover):
+class PopoverBody(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -549,7 +470,7 @@ class PopoverBody(BasePopover):
"""
...
-class PopoverArrow(BasePopover):
+class PopoverArrow(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -628,7 +549,7 @@ class PopoverArrow(BasePopover):
"""
...
-class PopoverCloseButton(BasePopover):
+class PopoverCloseButton(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -707,7 +628,7 @@ class PopoverCloseButton(BasePopover):
"""
...
-class PopoverAnchor(BasePopover):
+class PopoverAnchor(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
@@ -786,7 +707,7 @@ class PopoverAnchor(BasePopover):
"""
...
-class PopoverTrigger(BasePopover):
+class PopoverTrigger(ChakraComponent):
@overload
@classmethod
def create( # type: ignore
diff --git a/reflex/components/chakra/overlay/tooltip.py b/reflex/components/chakra/overlay/tooltip.py
index 81e1e76e8..bd3a062c6 100644
--- a/reflex/components/chakra/overlay/tooltip.py
+++ b/reflex/components/chakra/overlay/tooltip.py
@@ -10,8 +10,6 @@ from reflex.vars import Var
class Tooltip(ChakraComponent):
"""A tooltip message to appear."""
- library = "@chakra-ui/tooltip@2.3.1"
-
tag = "Tooltip"
# The padding required to prevent the arrow from reaching the very edge of the popper.
diff --git a/reflex/components/chakra/typography/heading.py b/reflex/components/chakra/typography/heading.py
index 957067b87..d681802fa 100644
--- a/reflex/components/chakra/typography/heading.py
+++ b/reflex/components/chakra/typography/heading.py
@@ -8,8 +8,6 @@ from reflex.vars import Var
class Heading(ChakraComponent):
"""A page heading."""
- library = "@chakra-ui/layout@2.3.1"
-
tag = "Heading"
# Override the tag. The default tag is `<h2>`.
diff --git a/reflex/components/chakra/typography/highlight.py b/reflex/components/chakra/typography/highlight.py
index b992bd4ad..0308c091e 100644
--- a/reflex/components/chakra/typography/highlight.py
+++ b/reflex/components/chakra/typography/highlight.py
@@ -10,8 +10,6 @@ from reflex.vars import Var
class Highlight(ChakraComponent):
"""Highlights a specific part of a string."""
- library = "@chakra-ui/layout@2.3.1"
-
tag = "Highlight"
# A query for the text to highlight. Can be a string or a list of strings.
diff --git a/reflex/components/chakra/typography/span.py b/reflex/components/chakra/typography/span.py
index 2a6732e27..e4bc698e6 100644
--- a/reflex/components/chakra/typography/span.py
+++ b/reflex/components/chakra/typography/span.py
@@ -8,8 +8,6 @@ from reflex.vars import Var
class Span(ChakraComponent):
"""Render an inline span of text."""
- library = "@chakra-ui/layout@2.3.1"
-
tag = "Text"
# Override the tag. The default tag is `<span>`.
diff --git a/reflex/components/chakra/typography/text.py b/reflex/components/chakra/typography/text.py
index a7a2633d4..e211c4d64 100644
--- a/reflex/components/chakra/typography/text.py
+++ b/reflex/components/chakra/typography/text.py
@@ -8,8 +8,6 @@ from reflex.vars import Var
class Text(ChakraComponent):
"""Render a paragraph of text."""
- library = "@chakra-ui/layout@2.3.1"
-
tag = "Text"
# Override the tag. The default tag is `<p>`.
diff --git a/tests/test_app.py b/tests/test_app.py
index cb5877575..528a31c25 100644
--- a/tests/test_app.py
+++ b/tests/test_app.py
@@ -1251,7 +1251,7 @@ def test_app_wrap_priority(compilable_app):
tag = "Fragment2"
def _get_app_wrap_components(self) -> dict[tuple[int, str], Component]:
- return {(45, "Text"): Text.create()}
+ return {(50, "Text"): Text.create()}
class Fragment3(Component):
tag = "Fragment3"