@docusaurus/theme-classic 0.0.0-4625 → 0.0.0-4628

package/lib-next/theme/IconMenu/index.js

@@ -5,8 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-
-function IconMenu({width = 30, height = 30, className, ...restProps}) {
+export default function IconMenu({
+  width = 30,
+  height = 30,
+  className,
+  ...restProps
+}) {
   return (
     <svg
       className={className}
@@ -25,5 +29,3 @@ function IconMenu({width = 30, height = 30, className, ...restProps}) {
     </svg>
   );
 }
-
-export default IconMenu;

package/lib-next/theme/Layout/index.js

@@ -16,8 +16,7 @@ import LayoutHead from '@theme/LayoutHead';
 import {ThemeClassNames, useKeyboardNavigation} from '@docusaurus/theme-common';
 import ErrorPageContent from '@theme/ErrorPageContent';
 import './styles.css';
-
-function Layout(props) {
+export default function Layout(props) {
   const {children, noFooter, wrapperClassName, pageClassName} = props;
   useKeyboardNavigation();
   return (
@@ -43,5 +42,3 @@ function Layout(props) {
     </LayoutProviders>
   );
 }
-
-export default Layout;

package/lib-next/theme/Logo/index.js

@@ -10,8 +10,7 @@ import ThemedImage from '@theme/ThemedImage';
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import {useThemeConfig} from '@docusaurus/theme-common';
-
-function Logo(props) {
+export default function Logo(props) {
   const {
     siteConfig: {title},
   } = useDocusaurusContext();
@@ -54,5 +53,3 @@ function Logo(props) {
     </Link>
   );
 }
-
-export default Logo;

package/lib-next/theme/MDXPage/index.js

@@ -12,8 +12,7 @@ import MDXComponents from '@theme/MDXComponents';
 import TOC from '@theme/TOC';
 import {ThemeClassNames} from '@docusaurus/theme-common';
 import styles from './styles.module.css';
-
-function MDXPage(props) {
+export default function MDXPage(props) {
   const {content: MDXPageContent} = props;
   const {
     metadata: {title, description, permalink, frontMatter},
@@ -48,5 +47,3 @@ function MDXPage(props) {
     </Layout>
   );
 }
-
-export default MDXPage;

package/lib-next/theme/Navbar/index.js

@@ -206,7 +206,7 @@ function NavbarMobileSidebar({sidebarShown, toggleSidebar}) {
   );
 }
 
-function Navbar() {
+export default function Navbar() {
   const {
     navbar: {hideOnScroll, style},
   } = useThemeConfig();
@@ -279,5 +279,3 @@ function Navbar() {
     </nav>
   );
 }
-
-export default Navbar;

package/lib-next/theme/NavbarItem/DefaultNavbarItem.js

@@ -43,7 +43,7 @@ function DefaultNavbarItemMobile({
   );
 }
 
-function DefaultNavbarItem({
+export default function DefaultNavbarItem({
   mobile = false,
   position: _position,
   // Need to destructure position from props so that it doesn't get passed on.
@@ -59,5 +59,3 @@ function DefaultNavbarItem({
     />
   );
 }
-
-export default DefaultNavbarItem;

package/lib-next/theme/NavbarItem/DropdownNavbarItem.js

@@ -150,9 +150,7 @@ function DropdownNavbarItemMobile({
   );
 }
 
-function DropdownNavbarItem({mobile = false, ...props}) {
+export default function DropdownNavbarItem({mobile = false, ...props}) {
   const Comp = mobile ? DropdownNavbarItemMobile : DropdownNavbarItemDesktop;
   return <Comp {...props} />;
 }
-
-export default DropdownNavbarItem;

package/lib-next/theme/NotFound.js

@@ -7,8 +7,7 @@
 import React from 'react';
 import Layout from '@theme/Layout';
 import Translate, {translate} from '@docusaurus/Translate';
-
-function NotFound() {
+export default function NotFound() {
   return (
     <Layout
       title={translate({
@@ -46,5 +45,3 @@ function NotFound() {
     </Layout>
   );
 }
-
-export default NotFound;

package/lib-next/theme/PaginatorNavLink/index.js

@@ -6,8 +6,7 @@
  */
 import React from 'react';
 import Link from '@docusaurus/Link';
-
-function PaginatorNavLink(props) {
+export default function PaginatorNavLink(props) {
   const {permalink, title, subLabel} = props;
   return (
     <Link className="pagination-nav__link" to={permalink}>
@@ -16,5 +15,3 @@ function PaginatorNavLink(props) {
     </Link>
   );
 }
-
-export default PaginatorNavLink;

package/lib-next/theme/SkipToContent/index.js

@@ -16,7 +16,7 @@ function programmaticFocus(el) {
   el.removeAttribute('tabindex');
 }
 
-function SkipToContent() {
+export default function SkipToContent() {
   const containerRef = useRef(null);
   const {action} = useHistory();
 
@@ -49,5 +49,3 @@ function SkipToContent() {
     </div>
   );
 }
-
-export default SkipToContent;

package/lib-next/theme/TOC/index.js

@@ -12,8 +12,7 @@ import styles from './styles.module.css'; // Using a custom className
 
 const LINK_CLASS_NAME = 'table-of-contents__link toc-highlight';
 const LINK_ACTIVE_CLASS_NAME = 'table-of-contents__link--active';
-
-function TOC({className, ...props}) {
+export default function TOC({className, ...props}) {
   return (
     <div className={clsx(styles.tableOfContents, 'thin-scrollbar', className)}>
       <TOCItems
@@ -24,5 +23,3 @@ function TOC({className, ...props}) {
     </div>
   );
 }
-
-export default TOC;

package/lib-next/theme/TOCInline/index.js

@@ -7,8 +7,7 @@
 import React from 'react';
 import styles from './styles.module.css';
 import TOCItems from '@theme/TOCItems';
-
-function TOCInline({toc, minHeadingLevel, maxHeadingLevel}) {
+export default function TOCInline({toc, minHeadingLevel, maxHeadingLevel}) {
   return (
     <div className={styles.tableOfContentsInline}>
       <TOCItems
@@ -21,5 +20,3 @@ function TOCInline({toc, minHeadingLevel, maxHeadingLevel}) {
     </div>
   );
 }
-
-export default TOCInline;

package/lib-next/theme/TabItem/index.js

@@ -5,8 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-
-function TabItem({children, hidden, className}) {
+export default function TabItem({children, hidden, className}) {
   return (
     <div
       role="tabpanel"
@@ -18,5 +17,3 @@ function TabItem({children, hidden, className}) {
     </div>
   );
 }
-
-export default TabItem;

package/lib-next/theme/Tag/index.js

@@ -8,8 +8,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Link from '@docusaurus/Link';
 import styles from './styles.module.css';
-
-function Tag(props) {
+export default function Tag(props) {
   const {permalink, name, count} = props;
   return (
     <Link
@@ -23,5 +22,3 @@ function Tag(props) {
     </Link>
   );
 }
-
-export default Tag;

package/lib-next/theme/TagsListByLetter/index.js

@@ -25,7 +25,7 @@ function TagLetterEntryItem({letterEntry}) {
   );
 }
 
-function TagsListByLetter({tags}) {
+export default function TagsListByLetter({tags}) {
   const letterList = listTagsByLetters(tags);
   return (
     <section className="margin-vert--lg">
@@ -38,5 +38,3 @@ function TagsListByLetter({tags}) {
     </section>
   );
 }
-
-export default TagsListByLetter;

package/lib-next/theme/ThemedImage/index.js

@@ -9,8 +9,7 @@ import clsx from 'clsx';
 import useIsBrowser from '@docusaurus/useIsBrowser';
 import {useColorMode} from '@docusaurus/theme-common';
 import styles from './styles.module.css';
-
-function ThemedImage(props) {
+export default function ThemedImage(props) {
   const isBrowser = useIsBrowser();
   const {isDarkTheme} = useColorMode();
   const {sources, className, alt = '', ...propsRest} = props;
@@ -37,5 +36,3 @@ function ThemedImage(props) {
     </>
   );
 }
-
-export default ThemedImage;

package/lib-next/theme/prism-include-languages.js

@@ -5,8 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import siteConfig from '@generated/docusaurus.config';
-
-const prismIncludeLanguages = (PrismObject) => {
+export default function prismIncludeLanguages(PrismObject) {
   const {
     themeConfig: {prism},
   } = siteConfig;
@@ -23,6 +22,4 @@ const prismIncludeLanguages = (PrismObject) => {
     require(`prismjs/components/prism-${lang}`);
   });
   delete globalThis.Prism;
-};
-
-export default prismIncludeLanguages;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docusaurus/theme-classic",
-  "version": "0.0.0-4625",
+  "version": "0.0.0-4628",
   "description": "Classic theme for Docusaurus",
   "main": "lib/index.js",
   "types": "src/theme-classic.d.ts",
@@ -21,15 +21,15 @@
     "format:lib-next": "prettier --config ../../.prettierrc --write \"lib-next/**/*.{js,ts,jsx,tsc}\""
   },
   "dependencies": {
-    "@docusaurus/core": "0.0.0-4625",
-    "@docusaurus/plugin-content-blog": "0.0.0-4625",
-    "@docusaurus/plugin-content-docs": "0.0.0-4625",
-    "@docusaurus/plugin-content-pages": "0.0.0-4625",
-    "@docusaurus/theme-common": "0.0.0-4625",
-    "@docusaurus/theme-translations": "0.0.0-4625",
-    "@docusaurus/utils": "0.0.0-4625",
-    "@docusaurus/utils-common": "0.0.0-4625",
-    "@docusaurus/utils-validation": "0.0.0-4625",
+    "@docusaurus/core": "0.0.0-4628",
+    "@docusaurus/plugin-content-blog": "0.0.0-4628",
+    "@docusaurus/plugin-content-docs": "0.0.0-4628",
+    "@docusaurus/plugin-content-pages": "0.0.0-4628",
+    "@docusaurus/theme-common": "0.0.0-4628",
+    "@docusaurus/theme-translations": "0.0.0-4628",
+    "@docusaurus/utils": "0.0.0-4628",
+    "@docusaurus/utils-common": "0.0.0-4628",
+    "@docusaurus/utils-validation": "0.0.0-4628",
     "@mdx-js/react": "^1.6.22",
     "clsx": "^1.1.1",
     "copy-text-to-clipboard": "^3.0.1",
@@ -42,8 +42,8 @@
     "rtlcss": "^3.3.0"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "0.0.0-4625",
-    "@docusaurus/types": "0.0.0-4625",
+    "@docusaurus/module-type-aliases": "0.0.0-4628",
+    "@docusaurus/types": "0.0.0-4628",
     "@types/mdx-js__react": "^1.5.5",
     "@types/prismjs": "^1.26.0",
     "@types/rtlcss": "^3.1.2",
@@ -59,5 +59,5 @@
   "engines": {
     "node": ">=14"
   },
-  "gitHead": "db97af5476fb6b852ff07b1147a8d5a10a102e10"
+  "gitHead": "dbe66880af93183a5a691dd1e1397df004e0b0de"
 }

package/src/theme/AnnouncementBar/index.tsx

@@ -13,7 +13,7 @@ import IconClose from '@theme/IconClose';
 
 import styles from './styles.module.css';
 
-function AnnouncementBar(): JSX.Element | null {
+export default function AnnouncementBar(): JSX.Element | null {
   const {isActive, close} = useAnnouncementBar();
   const {announcementBar} = useThemeConfig();
 
@@ -51,5 +51,3 @@ function AnnouncementBar(): JSX.Element | null {
     </div>
   );
 }
-
-export default AnnouncementBar;

package/src/theme/BackToTopButton/index.tsx

@@ -73,7 +73,7 @@ function useSmoothScrollToTop(): UseSmoothScrollTopReturn {
   };
 }
 
-function BackToTopButton(): JSX.Element {
+export default function BackToTopButton(): JSX.Element {
   const [show, setShow] = useState(false);
   const isFocusedAnchor = useRef(false);
   const {smoothScrollTop, cancelScrollToTop} = useSmoothScrollToTop();
@@ -141,5 +141,3 @@ function BackToTopButton(): JSX.Element {
     />
   );
 }
-
-export default BackToTopButton;

package/src/theme/BlogLayout/index.tsx

@@ -12,7 +12,7 @@ import BlogSidebar from '@theme/BlogSidebar';
 
 import type {Props} from '@theme/BlogLayout';
 
-function BlogLayout(props: Props): JSX.Element {
+export default function BlogLayout(props: Props): JSX.Element {
   const {sidebar, toc, children, ...layoutProps} = props;
   const hasSidebar = sidebar && sidebar.items.length > 0;
 
@@ -40,5 +40,3 @@ function BlogLayout(props: Props): JSX.Element {
     </Layout>
   );
 }
-
-export default BlogLayout;

package/src/theme/BlogListPage/index.tsx

@@ -14,7 +14,7 @@ import BlogListPaginator from '@theme/BlogListPaginator';
 import type {Props} from '@theme/BlogListPage';
 import {ThemeClassNames} from '@docusaurus/theme-common';
 
-function BlogListPage(props: Props): JSX.Element {
+export default function BlogListPage(props: Props): JSX.Element {
   const {metadata, items, sidebar} = props;
   const {
     siteConfig: {title: siteTitle},
@@ -48,5 +48,3 @@ function BlogListPage(props: Props): JSX.Element {
     </BlogLayout>
   );
 }
-
-export default BlogListPage;

package/src/theme/BlogListPaginator/index.tsx

@@ -10,7 +10,7 @@ import Translate, {translate} from '@docusaurus/Translate';
 import PaginatorNavLink from '@theme/PaginatorNavLink';
 import type {Props} from '@theme/BlogListPaginator';
 
-function BlogListPaginator(props: Props): JSX.Element {
+export default function BlogListPaginator(props: Props): JSX.Element {
   const {metadata} = props;
   const {previousPage, nextPage} = metadata;
 
@@ -53,5 +53,3 @@ function BlogListPaginator(props: Props): JSX.Element {
     </nav>
   );
 }
-
-export default BlogListPaginator;

package/src/theme/BlogPostAuthor/index.tsx

@@ -11,7 +11,7 @@ import type {Props} from '@theme/BlogPostAuthor';
 
 import styles from './styles.module.css';
 
-function BlogPostAuthor({author}: Props): JSX.Element {
+export default function BlogPostAuthor({author}: Props): JSX.Element {
   const {name, title, url, imageURL} = author;
   return (
     <div className="avatar margin-bottom--sm">
@@ -42,5 +42,3 @@ function BlogPostAuthor({author}: Props): JSX.Element {
     </div>
   );
 }
-
-export default BlogPostAuthor;

package/src/theme/BlogPostItem/index.tsx

@@ -41,7 +41,7 @@ function useReadingTimePlural() {
   };
 }
 
-function BlogPostItem(props: Props): JSX.Element {
+export default function BlogPostItem(props: Props): JSX.Element {
   const readingTimePlural = useReadingTimePlural();
   const {withBaseUrl} = useBaseUrlUtils();
   const {
@@ -159,5 +159,3 @@ function BlogPostItem(props: Props): JSX.Element {
     </article>
   );
 }
-
-export default BlogPostItem;

package/src/theme/BlogPostPage/index.tsx

@@ -14,7 +14,7 @@ import type {Props} from '@theme/BlogPostPage';
 import {ThemeClassNames} from '@docusaurus/theme-common';
 import TOC from '@theme/TOC';
 
-function BlogPostPage(props: Props): JSX.Element {
+export default function BlogPostPage(props: Props): JSX.Element {
   const {content: BlogPostContents, sidebar} = props;
   const {assets, metadata} = BlogPostContents;
   const {
@@ -95,5 +95,3 @@ function BlogPostPage(props: Props): JSX.Element {
     </BlogLayout>
   );
 }
-
-export default BlogPostPage;

package/src/theme/BlogPostPaginator/index.tsx

@@ -10,7 +10,7 @@ import Translate, {translate} from '@docusaurus/Translate';
 import PaginatorNavLink from '@theme/PaginatorNavLink';
 import type {Props} from '@theme/BlogPostPaginator';
 
-function BlogPostPaginator(props: Props): JSX.Element {
+export default function BlogPostPaginator(props: Props): JSX.Element {
   const {nextItem, prevItem} = props;
 
   return (
@@ -52,5 +52,3 @@ function BlogPostPaginator(props: Props): JSX.Element {
     </nav>
   );
 }
-
-export default BlogPostPaginator;

package/src/theme/BlogTagsListPage/index.tsx

@@ -15,7 +15,7 @@ import {
   translateTagsPageTitle,
 } from '@docusaurus/theme-common';
 
-function BlogTagsListPage(props: Props): JSX.Element {
+export default function BlogTagsListPage(props: Props): JSX.Element {
   const {tags, sidebar} = props;
   const title = translateTagsPageTitle();
   return (
@@ -33,5 +33,3 @@ function BlogTagsListPage(props: Props): JSX.Element {
     </BlogLayout>
   );
 }
-
-export default BlogTagsListPage;

package/src/theme/DocBreadcrumbs/index.tsx

@@ -6,7 +6,11 @@
  */
 
 import React, {type ReactNode} from 'react';
-import {ThemeClassNames, useSidebarBreadcrumbs} from '@docusaurus/theme-common';
+import {
+  ThemeClassNames,
+  useSidebarBreadcrumbs,
+  useHomePageRoute,
+} from '@docusaurus/theme-common';
 import styles from './styles.module.css';
 import clsx from 'clsx';
 import Link from '@docusaurus/Link';
@@ -59,6 +63,7 @@ function HomeBreadcrumbItem() {
 
 export default function DocBreadcrumbs(): JSX.Element | null {
   const breadcrumbs = useSidebarBreadcrumbs();
+  const homePageRoute = useHomePageRoute();
 
   if (!breadcrumbs) {
     return null;
@@ -72,7 +77,7 @@ export default function DocBreadcrumbs(): JSX.Element | null {
       )}
       aria-label="breadcrumbs">
       <ul className="breadcrumbs">
-        <HomeBreadcrumbItem />
+        {homePageRoute && <HomeBreadcrumbItem />}
         {breadcrumbs.map((item, idx) => (
           <BreadcrumbsItem key={idx} active={idx === breadcrumbs.length - 1}>
             <BreadcrumbsItemLink href={item.href}>

package/src/theme/DocPage/index.tsx

@@ -145,7 +145,7 @@ function DocPageContent({
   );
 }
 
-function DocPage(props: Props): JSX.Element {
+export default function DocPage(props: Props): JSX.Element {
   const {
     route: {routes: docRoutes},
     versionMetadata,
@@ -184,5 +184,3 @@ function DocPage(props: Props): JSX.Element {
     </>
   );
 }
-
-export default DocPage;

package/src/theme/DocPaginator/index.tsx

@@ -10,7 +10,7 @@ import Translate, {translate} from '@docusaurus/Translate';
 import PaginatorNavLink from '@theme/PaginatorNavLink';
 import type {Props} from '@theme/DocPaginator';
 
-function DocPaginator(props: Props): JSX.Element {
+export default function DocPaginator(props: Props): JSX.Element {
   const {previous, next} = props;
 
   return (
@@ -52,5 +52,3 @@ function DocPaginator(props: Props): JSX.Element {
     </nav>
   );
 }
-
-export default DocPaginator;

package/src/theme/DocTagsListPage/index.tsx

@@ -15,7 +15,7 @@ import {
 import TagsListByLetter from '@theme/TagsListByLetter';
 import type {Props} from '@theme/DocTagsListPage';
 
-function DocTagsListPage({tags}: Props): JSX.Element {
+export default function DocTagsListPage({tags}: Props): JSX.Element {
   const title = translateTagsPageTitle();
   return (
     <Layout
@@ -37,5 +37,3 @@ function DocTagsListPage({tags}: Props): JSX.Element {
     </Layout>
   );
 }
-
-export default DocTagsListPage;

package/src/theme/IconArrow/index.tsx

@@ -8,7 +8,7 @@
 import React from 'react';
 import type {Props} from '@theme/IconArrow';
 
-function IconArrow(props: Props): JSX.Element {
+export default function IconArrow(props: Props): JSX.Element {
   return (
     <svg width="20" height="20" aria-hidden="true" {...props}>
       <g fill="#7a7a7a">
@@ -18,5 +18,3 @@ function IconArrow(props: Props): JSX.Element {
     </svg>
   );
 }
-
-export default IconArrow;

package/src/theme/IconEdit/index.tsx

@@ -12,7 +12,10 @@ import type {Props} from '@theme/IconEdit';
 
 import styles from './styles.module.css';
 
-function IconEdit({className, ...restProps}: Props): JSX.Element {
+export default function IconEdit({
+  className,
+  ...restProps
+}: Props): JSX.Element {
   return (
     <svg
       fill="currentColor"
@@ -28,5 +31,3 @@ function IconEdit({className, ...restProps}: Props): JSX.Element {
     </svg>
   );
 }
-
-export default IconEdit;

package/src/theme/IconExternalLink/index.tsx

@@ -10,7 +10,10 @@ import type {Props} from '@theme/IconExternalLink';
 
 import styles from './styles.module.css';
 
-function IconExternalLink({width = 13.5, height = 13.5}: Props): JSX.Element {
+export default function IconExternalLink({
+  width = 13.5,
+  height = 13.5,
+}: Props): JSX.Element {
   return (
     <svg
       width={width}
@@ -25,5 +28,3 @@ function IconExternalLink({width = 13.5, height = 13.5}: Props): JSX.Element {
     </svg>
   );
 }
-
-export default IconExternalLink;

package/src/theme/IconLanguage/index.tsx

@@ -8,7 +8,11 @@
 import React from 'react';
 import type {Props} from '@theme/IconLanguage';
 
-function IconLanguage({width = 20, height = 20, ...props}: Props): JSX.Element {
+export default function IconLanguage({
+  width = 20,
+  height = 20,
+  ...props
+}: Props): JSX.Element {
   return (
     <svg
       viewBox="0 0 20 20"
@@ -23,5 +27,3 @@ function IconLanguage({width = 20, height = 20, ...props}: Props): JSX.Element {
     </svg>
   );
 }
-
-export default IconLanguage;

package/src/theme/IconMenu/index.tsx

@@ -8,7 +8,7 @@
 import React from 'react';
 import type {Props} from '@theme/IconMenu';
 
-function IconMenu({
+export default function IconMenu({
   width = 30,
   height = 30,
   className,
@@ -32,5 +32,3 @@ function IconMenu({
     </svg>
   );
 }
-
-export default IconMenu;