laipeng/reflex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

remove chakra from markdown component_map (#2709)

Browse Source
This commit is contained in:
Thomas Brandého 2024-02-27 04:34:22 +01:00 committed by GitHub
parent e03bd542f3
commit 0464a7723e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 21 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
reflex/components/markdown/markdown.py
View File

@ -8,15 +8,15 @@ from hashlib import md5
from typing import Any, Callable, Dict, Union
from reflex.compiler import utils
from reflex.components.chakra.datadisplay.list import (
from reflex.components.component import Component, CustomComponent
from reflex.components.radix.themes.layout.list import (
ListItem,
OrderedList,
UnorderedList,
)
from reflex.components.chakra.navigation import Link
from reflex.components.chakra.typography.heading import Heading
from reflex.components.chakra.typography.text import Text
from reflex.components.component import Component, CustomComponent
from reflex.components.radix.themes.typography.heading import Heading
from reflex.components.radix.themes.typography.link import Link
from reflex.components.radix.themes.typography.text import Text
from reflex.components.tags.tag import Tag
from reflex.style import Style
from reflex.utils import console, imports, types
@ -50,28 +50,16 @@ def get_base_component_map() -> dict[str, Callable]:
Returns:
The base component map.
"""
from reflex.components.chakra.datadisplay.code import Code
from reflex.components.datadisplay.code import CodeBlock
from reflex.components.radix.themes.typography.code import Code
return {
"h1": lambda value: Heading.create(
value, as_="h1", size="2xl", margin_y="0.5em"
),
"h2": lambda value: Heading.create(
value, as_="h2", size="xl", margin_y="0.5em"
),
"h3": lambda value: Heading.create(
value, as_="h3", size="lg", margin_y="0.5em"
),
"h4": lambda value: Heading.create(
value, as_="h4", size="md", margin_y="0.5em"
),
"h5": lambda value: Heading.create(
value, as_="h5", size="sm", margin_y="0.5em"
),
"h6": lambda value: Heading.create(
value, as_="h6", size="xs", margin_y="0.5em"
),
"h1": lambda value: Heading.create(value, as_="h1", size="6", margin_y="0.5em"),
"h2": lambda value: Heading.create(value, as_="h2", size="5", margin_y="0.5em"),
"h3": lambda value: Heading.create(value, as_="h3", size="4", margin_y="0.5em"),
"h4": lambda value: Heading.create(value, as_="h4", size="3", margin_y="0.5em"),
"h5": lambda value: Heading.create(value, as_="h5", size="2", margin_y="0.5em"),
"h6": lambda value: Heading.create(value, as_="h6", size="1", margin_y="0.5em"),
"p": lambda value: Text.create(value, margin_y="1em"),
"ul": lambda value: UnorderedList.create(value, margin_y="1em"), # type: ignore
"ol": lambda value: OrderedList.create(value, margin_y="1em"), # type: ignore
@ -165,8 +153,8 @@ class Markdown(Component):
def _get_imports(self) -> imports.ImportDict:
# Import here to avoid circular imports.
from reflex.components.chakra.datadisplay.code import Code
from reflex.components.datadisplay.code import CodeBlock
from reflex.components.radix.themes.typography.code import Code
imports = super()._get_imports()

10
reflex/components/markdown/markdown.pyi
View File

@ -12,15 +12,15 @@ from functools import lru_cache
from hashlib import md5
from typing import Any, Callable, Dict, Union
from reflex.compiler import utils
from reflex.components.chakra.datadisplay.list import (
from reflex.components.component import Component, CustomComponent
from reflex.components.radix.themes.layout.list import (
ListItem,
OrderedList,
UnorderedList,
)
from reflex.components.chakra.navigation import Link
from reflex.components.chakra.typography.heading import Heading
from reflex.components.chakra.typography.text import Text
from reflex.components.component import Component, CustomComponent
from reflex.components.radix.themes.typography.heading import Heading
from reflex.components.radix.themes.typography.link import Link
from reflex.components.radix.themes.typography.text import Text
from reflex.components.tags.tag import Tag
from reflex.style import Style
from reflex.utils import console, imports, types

6
tests/components/typography/test_markdown.py
View File

@ -14,9 +14,9 @@ from reflex.components.markdown import Markdown
("h5", "Heading"),
("h6", "Heading"),
("p", "Text"),
("ul", "UnorderedList"),
("ol", "OrderedList"),
("li", "ListItem"),
("ul", "Flex"),
("ol", "Flex"),
("li", "li"),
("a", "Link"),
("code", "Code"),
],