@docusaurus/theme-classic 2.0.0-beta.20 → 2.0.0-beta.21

package/lib/theme/MDXComponents/Pre.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference types="react" />
+import type { Props } from '@theme/MDXComponents/Pre';
+export default function MDXPre(props: Props): JSX.Element;

package/{lib-next → lib}/theme/MDXComponents/Pre.js

@@ -8,10 +8,11 @@ import React, {isValidElement} from 'react';
 import CodeBlock from '@theme/CodeBlock';
 export default function MDXPre(props) {
   return (
-    <CodeBlock // If this pre is created by a ``` fenced codeblock, unwrap the children
+    <CodeBlock
+      // If this pre is created by a ``` fenced codeblock, unwrap the children
       {...(isValidElement(props.children) &&
-      props.children.props.originalType === 'code'
-        ? props.children?.props
+      props.children.props?.originalType === 'code'
+        ? props.children.props
         : {...props})}
     />
   );

package/lib/theme/MDXComponents/Ul/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference types="react" />
+import type { Props } from '@theme/MDXComponents/Ul';
+export default function MDXUl(props: Props): JSX.Element;

package/{lib-next/theme/MDXComponents/Ul.js → lib/theme/MDXComponents/Ul/index.js}

@@ -6,16 +6,16 @@
  */
 import React from 'react';
 import clsx from 'clsx';
-
+import styles from './styles.module.css';
 function transformUlClassName(className) {
   return clsx(
-    className, // This class is set globally by GitHub/MDX
-    // We keep the global class, but add Infima class to get list without styling
+    className,
+    // This class is set globally by GitHub/MDX. We keep the global class, and
+    // add another class to get a task list without the default ul styling
     // See https://github.com/syntax-tree/mdast-util-to-hast/issues/28
-    className?.includes('contains-task-list') && 'clean-list',
+    className?.includes('contains-task-list') && styles.containsTaskList,
   );
 }
-
 export default function MDXUl(props) {
   return <ul {...props} className={transformUlClassName(props.className)} />;
 }

package/lib/theme/MDXComponents/Ul/styles.module.css

@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+.containsTaskList {
+  list-style: none;
+}
+
+:not(.containsTaskList > li) > .containsTaskList {
+  padding-left: 0;
+}

package/lib/theme/MDXComponents/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import type { MDXComponentsObject } from '@theme/MDXComponents';
+declare const MDXComponents: MDXComponentsObject;
+export default MDXComponents;

package/lib/theme/MDXContent/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference types="react" />
+import type { Props } from '@theme/MDXContent';
+export default function MDXContent({ children }: Props): JSX.Element;

package/lib/theme/MDXPage/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference types="@docusaurus/plugin-content-pages" />
+/// <reference types="react" />
+import type { Props } from '@theme/MDXPage';
+export default function MDXPage(props: Props): JSX.Element;

package/{lib-next → lib}/theme/MDXPage/index.js

@@ -6,14 +6,14 @@
  */
 import React from 'react';
 import clsx from 'clsx';
-import Layout from '@theme/Layout';
-import MDXContent from '@theme/MDXContent';
-import TOC from '@theme/TOC';
 import {
   PageMetadata,
   HtmlClassNameProvider,
   ThemeClassNames,
 } from '@docusaurus/theme-common';
+import Layout from '@theme/Layout';
+import MDXContent from '@theme/MDXContent';
+import TOC from '@theme/TOC';
 import styles from './styles.module.css';
 export default function MDXPage(props) {
   const {content: MDXPageContent} = props;

package/lib/theme/Navbar/ColorModeToggle/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference types="react" />
+import type { Props } from '@theme/Navbar/ColorModeToggle';
+export default function NavbarColorModeToggle({ className, }: Props): JSX.Element | null;

package/{lib-next → lib}/theme/Navbar/ColorModeToggle/index.js

@@ -4,17 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import React from 'react';
 import {useColorMode, useThemeConfig} from '@docusaurus/theme-common';
 import ColorModeToggle from '@theme/ColorModeToggle';
-import React from 'react';
 export default function NavbarColorModeToggle({className}) {
   const disabled = useThemeConfig().colorMode.disableSwitch;
   const {colorMode, setColorMode} = useColorMode();
-
   if (disabled) {
     return null;
   }
-
   return (
     <ColorModeToggle
       className={className}

package/lib/theme/Navbar/Content/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference types="react" />
+export default function NavbarContent(): JSX.Element;

package/{lib-next → lib}/theme/Navbar/Content/index.js

@@ -5,24 +5,22 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import NavbarItem from '@theme/NavbarItem';
-import NavbarColorModeToggle from '@theme/Navbar/ColorModeToggle';
-import SearchBar from '@theme/SearchBar';
 import {
   splitNavbarItems,
   useNavbarMobileSidebar,
   useThemeConfig,
 } from '@docusaurus/theme-common';
+import NavbarItem from '@theme/NavbarItem';
+import NavbarColorModeToggle from '@theme/Navbar/ColorModeToggle';
+import SearchBar from '@theme/SearchBar';
 import NavbarMobileSidebarToggle from '@theme/Navbar/MobileSidebar/Toggle';
 import NavbarLogo from '@theme/Navbar/Logo';
 import NavbarSearch from '@theme/Navbar/Search';
 import styles from './styles.module.css';
-
 function useNavbarItems() {
   // TODO temporary casting until ThemeConfig type is improved
   return useThemeConfig().navbar.items;
 }
-
 function NavbarItems({items}) {
   return (
     <>
@@ -32,7 +30,6 @@ function NavbarItems({items}) {
     </>
   );
 }
-
 function NavbarContentLayout({left, right}) {
   return (
     <div className="navbar__inner">
@@ -41,12 +38,11 @@ function NavbarContentLayout({left, right}) {
     </div>
   );
 }
-
 export default function NavbarContent() {
   const mobileSidebar = useNavbarMobileSidebar();
   const items = useNavbarItems();
   const [leftItems, rightItems] = splitNavbarItems(items);
-  const autoAddSearchBar = !items.some((item) => item.type === 'search');
+  const searchBarItem = items.find((item) => item.type === 'search');
   return (
     <NavbarContentLayout
       left={
@@ -63,7 +59,7 @@ export default function NavbarContent() {
         <>
           <NavbarItems items={rightItems} />
           <NavbarColorModeToggle className={styles.colorModeToggle} />
-          {autoAddSearchBar && (
+          {!searchBarItem && (
             <NavbarSearch>
               <SearchBar />
             </NavbarSearch>

package/lib/theme/Navbar/Layout/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference types="react" />
+import type { Props } from '@theme/Navbar/Layout';
+export default function NavbarLayout({ children }: Props): JSX.Element;

package/{lib-next → lib}/theme/Navbar/Layout/index.js

@@ -6,14 +6,13 @@
  */
 import React from 'react';
 import clsx from 'clsx';
-import NavbarMobileSidebar from '@theme/Navbar/MobileSidebar';
 import {
   useThemeConfig,
   useHideableNavbar,
   useNavbarMobileSidebar,
 } from '@docusaurus/theme-common';
+import NavbarMobileSidebar from '@theme/Navbar/MobileSidebar';
 import styles from './styles.module.css';
-
 function NavbarBackdrop(props) {
   return (
     <div
@@ -23,7 +22,6 @@ function NavbarBackdrop(props) {
     />
   );
 }
-
 export default function NavbarLayout({children}) {
   const {
     navbar: {hideOnScroll, style},

package/lib/theme/Navbar/Logo/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference types="react" />
+export default function NavbarLogo(): JSX.Element;

package/lib/theme/Navbar/MobileSidebar/Header/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference types="react" />
+export default function NavbarMobileSidebarHeader(): JSX.Element;

package/{lib-next → lib}/theme/Navbar/MobileSidebar/Header/index.js

@@ -5,11 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
+import {useNavbarMobileSidebar} from '@docusaurus/theme-common';
 import NavbarColorModeToggle from '@theme/Navbar/ColorModeToggle';
 import IconClose from '@theme/IconClose';
 import NavbarLogo from '@theme/Navbar/Logo';
-import {useNavbarMobileSidebar} from '@docusaurus/theme-common';
-
 function CloseButton() {
   const mobileSidebar = useNavbarMobileSidebar();
   return (
@@ -21,7 +20,6 @@ function CloseButton() {
     </button>
   );
 }
-
 export default function NavbarMobileSidebarHeader() {
   return (
     <div className="navbar-sidebar__brand">

package/lib/theme/Navbar/MobileSidebar/Layout/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference types="react" />
+import type { Props } from '@theme/Navbar/MobileSidebar/Layout';
+export default function NavbarMobileSidebarLayout({ header, primaryMenu, secondaryMenu, }: Props): JSX.Element;

package/lib/theme/Navbar/MobileSidebar/PrimaryMenu/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference types="react" />
+export default function NavbarMobilePrimaryMenu(): JSX.Element;

package/{lib-next → lib}/theme/Navbar/MobileSidebar/PrimaryMenu/index.js

@@ -6,17 +6,16 @@
  */
 import React from 'react';
 import {useNavbarMobileSidebar, useThemeConfig} from '@docusaurus/theme-common';
-import NavbarItem from '../../../NavbarItem';
-
+import NavbarItem from '@theme/NavbarItem';
 function useNavbarItems() {
   // TODO temporary casting until ThemeConfig type is improved
   return useThemeConfig().navbar.items;
-} // The primary menu displays the navbar items
-
+}
+// The primary menu displays the navbar items
 export default function NavbarMobilePrimaryMenu() {
-  const mobileSidebar = useNavbarMobileSidebar(); // TODO how can the order be defined for mobile?
+  const mobileSidebar = useNavbarMobileSidebar();
+  // TODO how can the order be defined for mobile?
   // Should we allow providing a different list of items?
-
   const items = useNavbarItems();
   return (
     <ul className="menu__list">

package/lib/theme/Navbar/MobileSidebar/SecondaryMenu/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference types="react" />
+export default function NavbarMobileSidebarSecondaryMenu(): JSX.Element | null;

package/{lib-next → lib}/theme/Navbar/MobileSidebar/SecondaryMenu/index.js

@@ -7,7 +7,6 @@
 import React from 'react';
 import {useNavbarSecondaryMenu, useThemeConfig} from '@docusaurus/theme-common';
 import Translate from '@docusaurus/Translate';
-
 function SecondaryMenuBackButton(props) {
   return (
     <button {...props} type="button" className="clean-btn navbar-sidebar__back">
@@ -18,9 +17,9 @@ function SecondaryMenuBackButton(props) {
       </Translate>
     </button>
   );
-} // The secondary menu slides from the right and shows contextual information
+}
+// The secondary menu slides from the right and shows contextual information
 // such as the docs sidebar
-
 export default function NavbarMobileSidebarSecondaryMenu() {
   const isPrimaryMenuEmpty = useThemeConfig().navbar.items.length === 0;
   const secondaryMenu = useNavbarSecondaryMenu();

package/lib/theme/Navbar/MobileSidebar/Toggle/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference types="react" />
+export default function MobileSidebarToggle(): JSX.Element;

package/{lib-next → lib}/theme/Navbar/MobileSidebar/Toggle/index.js

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import IconMenu from '@theme/IconMenu';
 import {useNavbarMobileSidebar} from '@docusaurus/theme-common';
+import IconMenu from '@theme/IconMenu';
 export default function MobileSidebarToggle() {
   const mobileSidebar = useNavbarMobileSidebar();
   return (

package/lib/theme/Navbar/MobileSidebar/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference types="react" />
+export default function NavbarMobileSidebar(): JSX.Element | null;

package/{lib-next → lib}/theme/Navbar/MobileSidebar/index.js

@@ -5,22 +5,20 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import NavbarMobileSidebarLayout from '@theme/Navbar/MobileSidebar/Layout';
-import NavbarMobileSidebarHeader from '@theme/Navbar/MobileSidebar/Header';
 import {
   useLockBodyScroll,
   useNavbarMobileSidebar,
 } from '@docusaurus/theme-common';
+import NavbarMobileSidebarLayout from '@theme/Navbar/MobileSidebar/Layout';
+import NavbarMobileSidebarHeader from '@theme/Navbar/MobileSidebar/Header';
 import NavbarMobileSidebarPrimaryMenu from '@theme/Navbar/MobileSidebar/PrimaryMenu';
 import NavbarMobileSidebarSecondaryMenu from '@theme/Navbar/MobileSidebar/SecondaryMenu';
 export default function NavbarMobileSidebar() {
   const mobileSidebar = useNavbarMobileSidebar();
   useLockBodyScroll(mobileSidebar.shown);
-
   if (!mobileSidebar.shouldRender) {
     return null;
   }
-
   return (
     <NavbarMobileSidebarLayout
       header={<NavbarMobileSidebarHeader />}

package/lib/theme/Navbar/Search/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference types="react" />
+import type { Props } from '@theme/Navbar/Search';
+export default function NavbarSearch({ children, className, }: Props): JSX.Element;

package/{lib-next → lib}/theme/Navbar/Search/index.js

@@ -5,7 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
+import clsx from 'clsx';
 import styles from './styles.module.css';
-export default function NavbarSearch({children}) {
-  return <div className={styles.searchBox}>{children}</div>;
+export default function NavbarSearch({children, className}) {
+  return <div className={clsx(className, styles.searchBox)}>{children}</div>;
 }

package/lib/theme/Navbar/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference types="react" />
+export default function Navbar(): JSX.Element;

package/lib/theme/NavbarItem/ComponentTypes.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import type { ComponentTypesObject } from '@theme/NavbarItem/ComponentTypes';
+declare const ComponentTypes: ComponentTypesObject;
+export default ComponentTypes;

package/lib/theme/NavbarItem/DefaultNavbarItem.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference types="react" />
+import type { Props } from '@theme/NavbarItem/DefaultNavbarItem';
+export default function DefaultNavbarItem({ mobile, position, // Need to destructure position from props so that it doesn't get passed on.
+...props }: Props): JSX.Element;

package/{lib-next → lib}/theme/NavbarItem/DefaultNavbarItem.js

@@ -7,8 +7,6 @@
 import React from 'react';
 import clsx from 'clsx';
 import NavbarNavLink from '@theme/NavbarItem/NavbarNavLink';
-import {getInfimaActiveClassName} from '@theme/NavbarItem/utils';
-
 function DefaultNavbarItemDesktop({
   className,
   isDropdownItem = false,
@@ -20,17 +18,15 @@ function DefaultNavbarItemDesktop({
         isDropdownItem ? 'dropdown__link' : 'navbar__item navbar__link',
         className,
       )}
+      isDropdownLink={isDropdownItem}
       {...props}
     />
   );
-
   if (isDropdownItem) {
     return <li>{element}</li>;
   }
-
   return element;
 }
-
 function DefaultNavbarItemMobile({className, isDropdownItem, ...props}) {
   return (
     <li className="menu__list-item">
@@ -38,11 +34,9 @@ function DefaultNavbarItemMobile({className, isDropdownItem, ...props}) {
     </li>
   );
 }
-
 export default function DefaultNavbarItem({
   mobile = false,
-  position,
-  // Need to destructure position from props so that it doesn't get passed on.
+  position, // Need to destructure position from props so that it doesn't get passed on.
   ...props
 }) {
   const Comp = mobile ? DefaultNavbarItemMobile : DefaultNavbarItemDesktop;
@@ -50,7 +44,8 @@ export default function DefaultNavbarItem({
     <Comp
       {...props}
       activeClassName={
-        props.activeClassName ?? getInfimaActiveClassName(mobile)
+        props.activeClassName ??
+        (mobile ? 'menu__link--active' : 'navbar__link--active')
       }
     />
   );

package/lib/theme/NavbarItem/DocNavbarItem.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference types="react" />
+import type { Props } from '@theme/NavbarItem/DocNavbarItem';
+export default function DocNavbarItem({ docId, label: staticLabel, docsPluginId, ...props }: Props): JSX.Element | null;

package/{lib-next → lib}/theme/NavbarItem/DocNavbarItem.js

@@ -5,11 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import DefaultNavbarItem from '@theme/NavbarItem/DefaultNavbarItem';
 import {useActiveDocContext} from '@docusaurus/plugin-content-docs/client';
-import clsx from 'clsx';
-import {getInfimaActiveClassName} from '@theme/NavbarItem/utils';
 import {useLayoutDoc} from '@docusaurus/theme-common';
+import DefaultNavbarItem from '@theme/NavbarItem/DefaultNavbarItem';
 export default function DocNavbarItem({
   docId,
   label: staticLabel,
@@ -17,25 +15,19 @@ export default function DocNavbarItem({
   ...props
 }) {
   const {activeDoc} = useActiveDocContext(docsPluginId);
-  const doc = useLayoutDoc(docId, docsPluginId); // Draft items are not displayed in the navbar.
-
+  const doc = useLayoutDoc(docId, docsPluginId);
+  // Draft items are not displayed in the navbar.
   if (doc === null) {
     return null;
   }
-
-  const activeDocInfimaClassName = getInfimaActiveClassName(props.mobile);
   return (
     <DefaultNavbarItem
       exact
       {...props}
-      className={clsx(props.className, {
-        // Do not make the item active if the active doc doesn't have sidebar.
-        [activeDocInfimaClassName]:
-          // If `activeDoc === doc` react-router will make it active anyways,
-          // regardless of the existence of a sidebar
-          activeDoc?.sidebar && activeDoc.sidebar === doc.sidebar,
-      })}
-      activeClassName={activeDocInfimaClassName}
+      isActive={() =>
+        activeDoc?.path === doc.path ||
+        (!!activeDoc?.sidebar && activeDoc.sidebar === doc.sidebar)
+      }
       label={staticLabel ?? doc.id}
       to={doc.path}
     />

package/lib/theme/NavbarItem/DocSidebarNavbarItem.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference types="react" />
+import type { Props } from '@theme/NavbarItem/DocSidebarNavbarItem';
+export default function DocSidebarNavbarItem({ sidebarId, label, docsPluginId, ...props }: Props): JSX.Element;