@apify/docs-theme 1.0.243 → 1.0.245

package/src/theme/DocSidebarItem/Category/index.js

@@ -4,13 +4,7 @@ import {
     isActiveSidebarItem,
     useDocSidebarItemsExpandedState,
 } from '@docusaurus/plugin-content-docs/client';
-import {
-    Collapsible,
-    ThemeClassNames,
-    useCollapsible,
-    usePrevious,
-    useThemeConfig,
-} from '@docusaurus/theme-common';
+import { Collapsible, ThemeClassNames, useCollapsible, usePrevious, useThemeConfig } from '@docusaurus/theme-common';
 import { isSamePath } from '@docusaurus/theme-common/internal';
 import { translate } from '@docusaurus/Translate';
 import useIsBrowser from '@docusaurus/useIsBrowser';
@@ -59,21 +53,21 @@ function CollapseButton({ collapsed, categoryLabel, onClick }) {
             aria-label={
                 collapsed
                     ? translate(
-                        {
-                            id: 'theme.DocSidebarItem.expandCategoryAriaLabel',
-                            message: 'Expand sidebar category \'{label}\'',
-                            description: 'The ARIA label to expand the sidebar category',
-                        },
-                        { label: categoryLabel },
-                    )
+                          {
+                              id: 'theme.DocSidebarItem.expandCategoryAriaLabel',
+                              message: "Expand sidebar category '{label}'",
+                              description: 'The ARIA label to expand the sidebar category',
+                          },
+                          { label: categoryLabel },
+                      )
                     : translate(
-                        {
-                            id: 'theme.DocSidebarItem.collapseCategoryAriaLabel',
-                            message: 'Collapse sidebar category \'{label}\'',
-                            description: 'The ARIA label to collapse the sidebar category',
-                        },
-                        { label: categoryLabel },
-                    )
+                          {
+                              id: 'theme.DocSidebarItem.collapseCategoryAriaLabel',
+                              message: "Collapse sidebar category '{label}'",
+                              description: 'The ARIA label to collapse the sidebar category',
+                          },
+                          { label: categoryLabel },
+                      )
             }
             aria-expanded={!collapsed}
             type="button"
@@ -93,10 +87,7 @@ export default function DocSidebarItemCategory({ item, onItemClick, activePath,
     const hrefWithSSRFallback = useCategoryHrefWithSSRFallback(item);
     const isActive = isActiveSidebarItem(item, activePath);
     const isCurrentPage = isSamePath(href, activePath);
-    const {
-        collapsed,
-        setCollapsed,
-    } = useCollapsible({
+    const { collapsed, setCollapsed } = useCollapsible({
         // Active categories are always initialized as expanded. The default
         // (`item.collapsed`) is only used for non-active categories.
         initialState: () => {
@@ -106,10 +97,7 @@ export default function DocSidebarItemCategory({ item, onItemClick, activePath,
             return isActive ? false : item.collapsed;
         },
     });
-    const {
-        expandedItem,
-        setExpandedItem,
-    } = useDocSidebarItemsExpandedState();
+    const { expandedItem, setExpandedItem } = useDocSidebarItemsExpandedState();
     // Use this instead of `setCollapsed`, because it is also reactive
     const updateCollapsed = (toCollapsed = !collapsed) => {
         setExpandedItem(toCollapsed ? null : index);
@@ -121,12 +109,7 @@ export default function DocSidebarItemCategory({ item, onItemClick, activePath,
         updateCollapsed,
     });
     useEffect(() => {
-        if (
-            collapsible
-            && expandedItem != null
-            && expandedItem !== index
-            && autoCollapseCategories
-        ) {
+        if (collapsible && expandedItem != null && expandedItem !== index && autoCollapseCategories) {
             setCollapsed(true);
         }
     }, [collapsible, expandedItem, index, setCollapsed, autoCollapseCategories]);
@@ -149,11 +132,13 @@ export default function DocSidebarItemCategory({ item, onItemClick, activePath,
                     'menu__list-item--collapsed': collapsed,
                 },
                 className,
-            )}>
+            )}
+        >
             <div
                 className={clsx('menu__list-item-collapsible', {
                     'menu__list-item-collapsible--active': isCurrentPage,
-                })}>
+                })}
+            >
                 <Link
                     className={clsx('menu__link', {
                         'menu__link--sublist': collapsible,
@@ -163,23 +148,24 @@ export default function DocSidebarItemCategory({ item, onItemClick, activePath,
                     onClick={
                         collapsible
                             ? (e) => {
-                                onItemClick?.(item);
-                                if (href) {
-                                    updateCollapsed(false);
-                                } else {
-                                    e.preventDefault();
-                                    updateCollapsed();
-                                }
-                            }
+                                  onItemClick?.(item);
+                                  if (href) {
+                                      updateCollapsed(false);
+                                  } else {
+                                      e.preventDefault();
+                                      updateCollapsed();
+                                  }
+                              }
                             : () => {
-                                onItemClick?.(item);
-                            }
+                                  onItemClick?.(item);
+                              }
                     }
                     aria-current={isCurrentPage ? 'page' : undefined}
                     role={collapsible && !href ? 'button' : undefined}
                     aria-expanded={collapsible && !href ? !collapsed : undefined}
-                    href={collapsible ? hrefWithSSRFallback ?? '#' : hrefWithSSRFallback}
-                    {...props}>
+                    href={collapsible ? (hrefWithSSRFallback ?? '#') : hrefWithSSRFallback}
+                    {...props}
+                >
                     {label}
                 </Link>
                 {href && collapsible && (
@@ -194,11 +180,7 @@ export default function DocSidebarItemCategory({ item, onItemClick, activePath,
                 )}
             </div>
 
-            <Collapsible
-                lazy
-                as="ul"
-                className="menu__list"
-                collapsed={collapsed}>
+            <Collapsible lazy as="ul" className="menu__list" collapsed={collapsed}>
                 <DocSidebarItems
                     items={items}
                     tabIndex={collapsed ? -1 : 0}

package/src/theme/DocSidebarItem/Link/index.jsx

@@ -9,20 +9,8 @@ import React from 'react';
 
 import styles from './styles.module.css';
 
-export default function DocSidebarItemLink({
-    item,
-    onItemClick,
-    activePath,
-    level,
-    index,
-    ...props
-}) {
-    const {
-        href,
-        label,
-        className,
-        autoAddBaseUrl,
-    } = item;
+export default function DocSidebarItemLink({ item, onItemClick, activePath, level, index, ...props }) {
+    const { href, label, className, autoAddBaseUrl } = item;
     const isActive = isActiveSidebarItem(item, activePath);
     const isInternalLink = isInternalUrl(href);
     const baseUrl = useDocusaurusContext().siteConfig.url;
@@ -45,22 +33,20 @@ export default function DocSidebarItemLink({
                 'menu__list-item',
                 className,
             )}
-            key={label}>
+            key={label}
+        >
             <Link
-                className={clsx(
-                    'menu__link',
-                    !isInternalLink && styles.menuExternalLink,
-                    {
-                        'menu__link--active': isActive,
-                    },
-                )}
+                className={clsx('menu__link', !isInternalLink && styles.menuExternalLink, {
+                    'menu__link--active': isActive,
+                })}
                 autoAddBaseUrl={autoAddBaseUrl}
                 aria-current={isActive ? 'page' : undefined}
                 to={href}
                 {...(isInternalLink && {
                     onClick: onItemClick ? () => onItemClick(item) : undefined,
                 })}
-                {...props}>
+                {...props}
+            >
                 {label}
                 {!isInternalLink && <IconExternalLink />}
             </Link>

package/src/theme/DocSidebarItem/Link/styles.module.css

@@ -1,3 +1,3 @@
 .menuExternalLink {
-  align-items: center;
+    align-items: center;
 }

package/src/theme/Footer/LinkItem/index.js

@@ -6,13 +6,7 @@ import IconExternalLink from '@theme/Icon/ExternalLink';
 import React from 'react';
 
 export default function FooterLinkItem({ item }) {
-    const {
-        to,
-        href,
-        label,
-        prependBaseUrlToHref,
-        ...props
-    } = item;
+    const { to, href, label, prependBaseUrlToHref, ...props } = item;
     const toUrl = useBaseUrl(to);
     const normalizedHref = useBaseUrl(href, { forcePrependBaseUrl: true });
     const { siteConfig } = useDocusaurusContext();
@@ -27,12 +21,13 @@ export default function FooterLinkItem({ item }) {
             className="footer__link-item"
             {...(href
                 ? {
-                    href: prependBaseUrlToHref ? normalizedHref : href,
-                }
+                      href: prependBaseUrlToHref ? normalizedHref : href,
+                  }
                 : {
-                    to: toUrl,
-                })}
-            {...props}>
+                      to: toUrl,
+                  })}
+            {...props}
+        >
             {label}
             {href && !isInternalUrl(href) && <IconExternalLink />}
         </Link>

package/src/theme/Footer/index.jsx

@@ -31,12 +31,11 @@ function Footer() {
         <footer className={clsx(styles.footer, style)}>
             <div className={styles.container}>
                 <div className={clsx('row', styles.top)}>
-                    { links.map((column, i) => (
+                    {links.map((column, i) => (
                         <div key={i} className={`col col--2`}>
                             <FooterLinksColumn {...{ column }} />
                         </div>
-                    ))
-                    }
+                    ))}
                 </div>
                 <div className={clsx('row', styles.bottom)}>
                     <div className="col col--6">

package/src/theme/Heading/index.jsx

@@ -65,12 +65,11 @@ export default function Heading({ as: As, id, ...props }) {
             {...props}
             className={clsx(
                 'anchor',
-                hideOnScroll
-                    ? styles.anchorWithHideOnScrollNavbar
-                    : styles.anchorWithStickyNavbar,
+                hideOnScroll ? styles.anchorWithHideOnScrollNavbar : styles.anchorWithStickyNavbar,
                 props.className,
             )}
-            id={id}>
+            id={id}
+        >
             {props.children}
             <a
                 onClick={handleCopy}

package/src/theme/Heading/styles.module.css

@@ -1,24 +1,24 @@
 .anchorWithStickyNavbar {
-  scroll-margin-top: calc(var(--ifm-navbar-height) + 0.5rem);
+    scroll-margin-top: calc(var(--ifm-navbar-height) + 0.5rem);
 }
 
 .anchorWithHideOnScrollNavbar {
-  scroll-margin-top: 0.5rem;
+    scroll-margin-top: 0.5rem;
 }
 
 .headingCopyIcon {
-  display: inline-block;
-  opacity: 0;
-  pointer-events: none;
-  position: relative;
-  left: .4rem;
-  color: var(--ifm-color-emphasis-700);
-  text-decoration: none;
+    display: inline-block;
+    opacity: 0;
+    pointer-events: none;
+    position: relative;
+    left: 0.4rem;
+    color: var(--ifm-color-emphasis-700);
+    text-decoration: none;
 }
 
 .headingCopyIcon svg {
-  stroke: var(--ifm-color-primary);
-  max-height: 1em !important;
+    stroke: var(--ifm-color-primary);
+    max-height: 1em !important;
 }
 
 h2:hover .headingCopyIcon,
@@ -26,25 +26,25 @@ h3:hover .headingCopyIcon,
 h4:hover .headingCopyIcon,
 h5:hover .headingCopyIcon,
 h6:hover .headingCopyIcon {
-  opacity: 1;
-  pointer-events: auto;
+    opacity: 1;
+    pointer-events: auto;
 }
 
 .headingCopyIcon.copied {
-  opacity: 1;
-  pointer-events: auto;
+    opacity: 1;
+    pointer-events: auto;
 }
 
 .headingCopyIcon.copied svg {
-  display: none;
+    display: none;
 }
 
 .headingCopyIcon.copied::after {
-  content: 'Copied!';
-  font-size: 12px;
-  color: var(--ifm-font-color-secondary);
-  font-weight: 600;
-  margin-left: 8px;
-  vertical-align: middle;
-  line-height: 1;
+    content: 'Copied!';
+    font-size: 12px;
+    color: var(--ifm-font-color-secondary);
+    font-weight: 600;
+    margin-left: 8px;
+    vertical-align: middle;
+    line-height: 1;
 }

package/src/theme/Icon/DarkMode/index.jsx

@@ -4,7 +4,13 @@ import React from 'react';
 function IconDarkMode(props) {
     return (
         <svg viewBox="0 0 13 12" width={14} height={14} {...props}>
-            <path d="M10.7001 6.39501C10.6215 7.24611 10.3021 8.05721 9.77927 8.7334C9.25646 9.40959 8.55189 9.92291 7.748 10.2133C6.9441 10.5036 6.07414 10.5591 5.2399 10.3731C4.40565 10.187 3.64164 9.76728 3.03726 9.1629C2.43287 8.55851 2.01312 7.7945 1.8271 6.96026C1.64108 6.12602 1.6965 5.25605 1.98688 4.45216C2.27725 3.64826 2.79056 2.94369 3.46675 2.42088C4.14294 1.89808 4.95404 1.57866 5.80515 1.50001C5.30685 2.17414 5.06707 3.00473 5.12941 3.84071C5.19175 4.6767 5.55208 5.46254 6.14485 6.05531C6.73762 6.64808 7.52346 7.0084 8.35944 7.07074C9.19542 7.13308 10.026 6.8933 10.7001 6.39501Z" stroke="currentColor" fill="transparent" strokeLinecap="round" strokeLinejoin="round"/>
+            <path
+                d="M10.7001 6.39501C10.6215 7.24611 10.3021 8.05721 9.77927 8.7334C9.25646 9.40959 8.55189 9.92291 7.748 10.2133C6.9441 10.5036 6.07414 10.5591 5.2399 10.3731C4.40565 10.187 3.64164 9.76728 3.03726 9.1629C2.43287 8.55851 2.01312 7.7945 1.8271 6.96026C1.64108 6.12602 1.6965 5.25605 1.98688 4.45216C2.27725 3.64826 2.79056 2.94369 3.46675 2.42088C4.14294 1.89808 4.95404 1.57866 5.80515 1.50001C5.30685 2.17414 5.06707 3.00473 5.12941 3.84071C5.19175 4.6767 5.55208 5.46254 6.14485 6.05531C6.73762 6.64808 7.52346 7.0084 8.35944 7.07074C9.19542 7.13308 10.026 6.8933 10.7001 6.39501Z"
+                stroke="currentColor"
+                fill="transparent"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
         </svg>
     );
 }

package/src/theme/Icon/LightMode/index.jsx

@@ -7,19 +7,37 @@ function IconLightMode(props) {
             <g clipPath="url(#clip0_833_8168)">
                 <path
                     d="M6.59998 8.49999C7.98069 8.49999 9.09998 7.3807 9.09998 5.99999C9.09998 4.61928 7.98069 3.49999 6.59998 3.49999C5.21926 3.49999 4.09998 4.61928 4.09998 5.99999C4.09998 7.3807 5.21926 8.49999 6.59998 8.49999Z"
-                    stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
-                <path d="M6.59985 0.5V1.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
-                <path d="M6.59985 10.5V11.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
-                <path d="M2.7099 2.11L3.4199 2.82" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
-                <path d="M9.77991 9.17999L10.4899 9.88999" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
-                <path d="M1.09998 6H2.09998" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
-                <path d="M11.0999 6H12.0999" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
-                <path d="M2.7099 9.88999L3.4199 9.17999" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
-                <path d="M9.77991 2.82L10.4899 2.11" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
+                    stroke="currentColor"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                />
+                <path d="M6.59985 0.5V1.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" />
+                <path d="M6.59985 10.5V11.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" />
+                <path d="M2.7099 2.11L3.4199 2.82" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" />
+                <path
+                    d="M9.77991 9.17999L10.4899 9.88999"
+                    stroke="currentColor"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                />
+                <path d="M1.09998 6H2.09998" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" />
+                <path d="M11.0999 6H12.0999" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" />
+                <path
+                    d="M2.7099 9.88999L3.4199 9.17999"
+                    stroke="currentColor"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                />
+                <path
+                    d="M9.77991 2.82L10.4899 2.11"
+                    stroke="currentColor"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                />
             </g>
             <defs>
                 <clipPath id="clip0_833_8168">
-                    <rect width="12" height="12" fill="white" transform="translate(0.599976)"/>
+                    <rect width="12" height="12" fill="white" transform="translate(0.599976)" />
                 </clipPath>
             </defs>
         </svg>

package/src/theme/LLMButtons/index.jsx

@@ -101,10 +101,7 @@ const onOpenInChatGPTClick = () => {
     const prompt = getPrompt(window.location.href);
 
     try {
-        window.open(
-            `https://chatgpt.com/?hints=search&q=${encodeURIComponent(prompt)}`,
-            '_blank',
-        );
+        window.open(`https://chatgpt.com/?hints=search&q=${encodeURIComponent(prompt)}`, '_blank');
     } catch (error) {
         console.error('Error opening ChatGPT:', error);
     }
@@ -122,10 +119,7 @@ const onOpenInClaudeClick = () => {
     const prompt = getPrompt(window.location.href);
 
     try {
-        window.open(
-            `https://claude.ai/new?q=${encodeURIComponent(prompt)}`,
-            '_blank',
-        );
+        window.open(`https://claude.ai/new?q=${encodeURIComponent(prompt)}`, '_blank');
     } catch (error) {
         console.error('Error opening Claude:', error);
     }
@@ -143,12 +137,7 @@ const onOpenInPerplexityClick = () => {
     const prompt = getPrompt(window.location.href);
 
     try {
-        window.open(
-            `https://www.perplexity.ai/search/new?q=${encodeURIComponent(
-                prompt,
-            )}`,
-            '_blank',
-        );
+        window.open(`https://www.perplexity.ai/search/new?q=${encodeURIComponent(prompt)}`, '_blank');
     } catch (error) {
         console.error('Error opening Perplexity:', error);
     }
@@ -303,20 +292,10 @@ function getButtonText({ status }) {
     }
 }
 
-const MenuBase = ({
-    children,
-    ref,
-    copyingStatus,
-    setCopyingStatus,
-    chevronIconRef,
-    ...props
-}) => (
+const MenuBase = ({ children, ref, copyingStatus, setCopyingStatus, chevronIconRef, ...props }) => (
     <div ref={ref} className={styles.llmButtonWrapper}>
         <div className={styles.llmButton}>
-            <div
-                className={styles.copyUpIconWrapper}
-                onClick={() => onCopyAsMarkdownClick({ setCopyingStatus })}
-            >
+            <div className={styles.copyUpIconWrapper} onClick={() => onCopyAsMarkdownClick({ setCopyingStatus })}>
                 {copyingStatus === 'loading' && <LoaderIcon size={16} />}
                 {copyingStatus === 'copied' && <CheckIcon size={16} />}
                 {copyingStatus === 'idle' && <CopyIcon size={16} />}
@@ -349,12 +328,7 @@ const Option = ({ Icon, label, description, showExternalIcon }) => (
                 {description}
             </Text>
         </div>
-        {showExternalIcon && (
-            <ExternalLinkIcon
-                size={16}
-                className={styles.menuOptionExternalIcon}
-            />
-        )}
+        {showExternalIcon && <ExternalLinkIcon size={16} className={styles.menuOptionExternalIcon} />}
     </div>
 );
 
@@ -398,11 +372,7 @@ export default function LLMButtons({ isApiReferencePage = false }) {
             className={clsx(styles.llmMenu, {
                 [styles.llmMenuApiReferencePage]: isApiReferencePage,
             })}
-            onMenuOpen={(isOpen) => chevronIconRef.current?.classList.toggle(
-                styles.chevronIconOpen,
-                isOpen,
-            )
-            }
+            onMenuOpen={(isOpen) => chevronIconRef.current?.classList.toggle(styles.chevronIconOpen, isOpen)}
             components={{
                 MenuBase: (props) => (
                     <MenuBase

package/src/theme/Layout/index.jsx

@@ -8,7 +8,9 @@ import { usePluginData } from '@docusaurus/useGlobalData';
 import React from 'react';
 
 export default function LayoutWrapper(props) {
-    const { options: { subNavbar } } = usePluginData('@apify/docs-theme');
+    const {
+        options: { subNavbar },
+    } = usePluginData('@apify/docs-theme');
     const baseUrl = useBaseUrl('/');
     const { pathname } = useLocation();
     const currentPath = pathname.replace(new RegExp(`^${baseUrl}`), '').trim();
@@ -20,8 +22,8 @@ export default function LayoutWrapper(props) {
         'typedoc-plugin-default': typedocPluginData,
     };
 
-    const isVersionedPage = Object.values(allPluginData).some(
-        (pluginData) => pluginData.versions?.some((version) => !version.isLast && pathname.startsWith(version.path)),
+    const isVersionedPage = Object.values(allPluginData).some((pluginData) =>
+        pluginData.versions?.some((version) => !version.isLast && pathname.startsWith(version.path)),
     );
 
     const shouldRenderAlternateLink = currentPath && currentPath !== '404' && !isVersionedPage;
@@ -31,11 +33,9 @@ export default function LayoutWrapper(props) {
     return (
         <>
             <Head>
-                {
-                    shouldRenderAlternateLink
-                        ? <link rel="alternate" type="text/markdown" href={alternateMarkdownLink}/>
-                        : null
-                }
+                {shouldRenderAlternateLink ? (
+                    <link rel="alternate" type="text/markdown" href={alternateMarkdownLink} />
+                ) : null}
             </Head>
             <div
                 style={{
@@ -43,7 +43,8 @@ export default function LayoutWrapper(props) {
                     margin: 0,
                     padding: 0,
                     boxSizing: 'border-box',
-                }}>
+                }}
+            >
                 <Layout {...props} />
             </div>
         </>

package/src/theme/Logo/index.js

@@ -22,11 +22,7 @@ function LogoThemedImage({ logo, alt, imageClassName }) {
     );
     // Is this extra div really necessary?
     // introduced in https://github.com/facebook/docusaurus/pull/5666
-    return imageClassName ? (
-        <div className={imageClassName}>{themedImage}</div>
-    ) : (
-        themedImage
-    );
+    return imageClassName ? <div className={imageClassName}>{themedImage}</div> : themedImage;
 }
 export default function Logo(props) {
     const {
@@ -44,17 +40,8 @@ export default function Logo(props) {
     // and provide a sensible fallback otherwise.
     const alt = logo?.alt ?? fallbackAlt;
     return (
-        <Link
-            to={logoLink}
-            {...propsRest}
-            {...(logo?.target && { target: logo.target })}>
-            {logo && (
-                <LogoThemedImage
-                    logo={logo}
-                    alt={alt}
-                    imageClassName={imageClassName}
-                />
-            )}
+        <Link to={logoLink} {...propsRest} {...(logo?.target && { target: logo.target })}>
+            {logo && <LogoThemedImage logo={logo} alt={alt} imageClassName={imageClassName} />}
             {!logo ? <b className={titleClassName}>{navbarTitle}</b> : null}
         </Link>
     );

package/src/theme/MDXComponents/A.js

@@ -20,12 +20,17 @@ export default function MDXA(props) {
 
     // links to a different docusaurus instance cannot go through the client side navigation, we need a hard redirect
     if (props.href && isDifferentInstance(props.href)) {
-        return <a {...props} onClick={((e) => {
-            e.preventDefault();
-            window.location.assign(props.href);
-        })}>
-            {props.children}
-        </a>;
+        return (
+            <a
+                {...props}
+                onClick={(e) => {
+                    e.preventDefault();
+                    window.location.assign(props.href);
+                }}
+            >
+                {props.children}
+            </a>
+        );
     }
 
     return <Link {...props} />;

package/src/theme/MDXComponents/Code.js

@@ -35,8 +35,9 @@ export default function MDXCode(props) {
         'wbr',
     ];
     const shouldBeInline = React.Children.toArray(props.children).every(
-        (el) => (typeof el === 'string' && !el.includes('\n'))
-      || (isValidElement(el) && inlineElements.includes(el.props?.mdxType)),
+        (el) =>
+            (typeof el === 'string' && !el.includes('\n')) ||
+            (isValidElement(el) && inlineElements.includes(el.props?.mdxType)),
     );
     return shouldBeInline ? <code {...props} /> : <CodeBlock {...props} />;
 }

package/src/theme/MDXComponents/Details.js

@@ -5,9 +5,7 @@ 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.type === 'summary',
-    );
+    const summary = items.find((item) => React.isValidElement(item) && item.type === 'summary');
     const children = <>{items.filter((item) => item !== summary)}</>;
     return (
         <Details {...props} summary={summary}>

package/src/theme/MDXComponents/Head.js

@@ -10,7 +10,8 @@ function unwrapMDXElement(element) {
     return element;
 }
 export default function MDXHead(props) {
-    const unwrappedChildren = React.Children.map(props.children, (child) => (React.isValidElement(child) ? unwrapMDXElement(child) : child),
+    const unwrappedChildren = React.Children.map(props.children, (child) =>
+        React.isValidElement(child) ? unwrapMDXElement(child) : child,
     );
     return <Head {...props}>{unwrappedChildren}</Head>;
 }