diff --git a/src/theme/MDXComponents/MDXComponents.js b/src/theme/MDXComponents.js similarity index 90% rename from src/theme/MDXComponents/MDXComponents.js rename to src/theme/MDXComponents.js index ee1fadd357d..b2618e44a67 100644 --- a/src/theme/MDXComponents/MDXComponents.js +++ b/src/theme/MDXComponents.js @@ -10,8 +10,8 @@ export default { // Re-use the default mapping ...MDXComponents, - Tabs, - TabItem, + Tabs: Tabs, + TabItem: TabItem, CardSection, Card, diff --git a/src/theme/MDXComponents/A.js b/src/theme/MDXComponents/A.js deleted file mode 100644 index 95d0f65e3a8..00000000000 --- a/src/theme/MDXComponents/A.js +++ /dev/null @@ -1,5 +0,0 @@ -import React from 'react'; -import Link from '@docusaurus/Link'; -export default function MDXA(props) { - return ; -} diff --git a/src/theme/MDXComponents/Code.js b/src/theme/MDXComponents/Code.js deleted file mode 100644 index 1fffc81f55a..00000000000 --- a/src/theme/MDXComponents/Code.js +++ /dev/null @@ -1,42 +0,0 @@ -import React, {isValidElement} from 'react'; -import CodeBlock from '@theme/CodeBlock'; -export default function MDXCode(props) { - const inlineElements = [ - 'a', - 'abbr', - 'b', - 'br', - 'button', - 'cite', - 'code', - 'del', - 'dfn', - 'em', - 'i', - 'img', - 'input', - 'ins', - 'kbd', - 'label', - 'object', - 'output', - 'q', - 'ruby', - 's', - 'small', - 'span', - 'strong', - 'sub', - 'sup', - 'time', - 'u', - 'var', - 'wbr', - ]; - const shouldBeInline = React.Children.toArray(props.children).every( - (el) => - (typeof el === 'string' && !el.includes('\n')) || - (isValidElement(el) && inlineElements.includes(el.props?.mdxType)), - ); - return shouldBeInline ? : ; -} diff --git a/src/theme/MDXComponents/Details.js b/src/theme/MDXComponents/Details.js deleted file mode 100644 index e434109be22..00000000000 --- a/src/theme/MDXComponents/Details.js +++ /dev/null @@ -1,16 +0,0 @@ -import React from 'react'; -import Details from '@theme/Details'; -export default function MDXDetails(props) { - const items = React.Children.toArray(props.children); - // Split summary item from the rest to pass it as a separate prop to the - // Details theme component - const summary = items.find( - (item) => React.isValidElement(item) && item.props?.mdxType === 'summary', - ); - const children = <>{items.filter((item) => item !== summary)}; - return ( -
- {children} -
- ); -} diff --git a/src/theme/MDXComponents/Head.js b/src/theme/MDXComponents/Head.js deleted file mode 100644 index 6f702303cb6..00000000000 --- a/src/theme/MDXComponents/Head.js +++ /dev/null @@ -1,17 +0,0 @@ -import React from 'react'; -import Head from '@docusaurus/Head'; -// MDX elements are wrapped through the MDX pragma. In some cases (notably usage -// with Head/Helmet) we need to unwrap those elements. -function unwrapMDXElement(element) { - if (element.props?.mdxType && element.props.originalType) { - const {mdxType, originalType, ...newProps} = element.props; - return React.createElement(element.props.originalType, newProps); - } - return element; -} -export default function MDXHead(props) { - const unwrappedChildren = React.Children.map(props.children, (child) => - React.isValidElement(child) ? unwrapMDXElement(child) : child, - ); - return {unwrappedChildren}; -} diff --git a/src/theme/MDXComponents/Heading.js b/src/theme/MDXComponents/Heading.js deleted file mode 100644 index a96288c66f2..00000000000 --- a/src/theme/MDXComponents/Heading.js +++ /dev/null @@ -1,5 +0,0 @@ -import React from 'react'; -import Heading from '@theme/Heading'; -export default function MDXHeading(props) { - return ; -} diff --git a/src/theme/MDXComponents/Pre.js b/src/theme/MDXComponents/Pre.js deleted file mode 100644 index 8a47cc760c3..00000000000 --- a/src/theme/MDXComponents/Pre.js +++ /dev/null @@ -1,13 +0,0 @@ -import React, {isValidElement} from 'react'; -import CodeBlock from '@theme/CodeBlock'; -export default function MDXPre(props) { - return ( - - ); -} diff --git a/src/theme/MDXComponents/index.js b/src/theme/MDXComponents/index.js deleted file mode 100644 index 9b2418a4b6e..00000000000 --- a/src/theme/MDXComponents/index.js +++ /dev/null @@ -1,33 +0,0 @@ -import React from 'react'; -import MDXHead from '@theme/MDXComponents/Head'; -import MDXCode from '@theme/MDXComponents/Code'; -import MDXA from '@theme/MDXComponents/A'; -import MDXPre from '@theme/MDXComponents/Pre'; -import MDXDetails from '@theme/MDXComponents/Details'; -import MDXHeading from '@theme/MDXComponents/Heading'; -import MDXUl from '@theme/MDXComponents/Ul'; -import MDXImg from '@theme/MDXComponents/Img'; -import Admonition from '@theme/Admonition'; -import Mermaid from '@theme/Mermaid'; -import Tabs from '@theme/Tabs'; -import TabItem from '@theme/TabItem'; -const MDXComponents = { - head: MDXHead, - code: MDXCode, - a: MDXA, - pre: MDXPre, - details: MDXDetails, - ul: MDXUl, - img: MDXImg, - h1: (props) => , - h2: (props) => , - h3: (props) => , - h4: (props) => , - h5: (props) => , - h6: (props) => , - admonition: Admonition, - mermaid: Mermaid, - Tabs: Tabs, - TabItem: TabItem, -}; -export default MDXComponents;