@docusaurus/theme-classic 0.0.0-5076 → 0.0.0-5081

package/lib/theme/BlogPostPage/index.js

@@ -61,9 +61,7 @@ function BlogPostPageContent(props) {
     <BlogLayout
       sidebar={sidebar}
       toc={
-        !hideTableOfContents &&
-        BlogPostContents.toc &&
-        BlogPostContents.toc.length > 0 ? (
+        !hideTableOfContents && BlogPostContents.toc.length > 0 ? (
           <TOC
             toc={BlogPostContents.toc}
             minHeadingLevel={tocMinHeadingLevel}

package/lib/theme/DocCardList/index.js

@@ -22,7 +22,7 @@ export default function DocCardList({items, className}) {
     <section className={clsx('row', className)}>
       {filterItems(items).map((item, index) => (
         <article key={index} className="col col--6 margin-bottom--lg">
-          <DocCard key={index} item={item} />
+          <DocCard item={item} />
         </article>
       ))}
     </section>

package/lib/theme/DocItem/index.js

@@ -46,8 +46,7 @@ function DocItemContent(props) {
   const shouldAddTitle =
     !hideTitle && typeof DocContent.contentTitle === 'undefined';
   const windowSize = useWindowSize();
-  const canRenderTOC =
-    !hideTableOfContents && DocContent.toc && DocContent.toc.length > 0;
+  const canRenderTOC = !hideTableOfContents && DocContent.toc.length > 0;
   const renderTocDesktop =
     canRenderTOC && (windowSize === 'desktop' || windowSize === 'ssr');
   return (

package/lib/theme/MDXComponents/Code.js

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

package/lib/theme/MDXPage/index.js

@@ -37,7 +37,7 @@ export default function MDXPage(props) {
                 <MDXPageContent />
               </MDXContent>
             </div>
-            {!hideTableOfContents && MDXPageContent.toc && (
+            {!hideTableOfContents && MDXPageContent.toc.length > 0 && (
               <div className="col col--2">
                 <TOC
                   toc={MDXPageContent.toc}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docusaurus/theme-classic",
-  "version": "0.0.0-5076",
+  "version": "0.0.0-5081",
   "description": "Classic theme for Docusaurus",
   "main": "lib/index.js",
   "types": "src/theme-classic.d.ts",
@@ -20,18 +20,18 @@
     "copy:watch": "node ../../admin/scripts/copyUntypedFiles.js --watch"
   },
   "dependencies": {
-    "@docusaurus/core": "0.0.0-5076",
-    "@docusaurus/mdx-loader": "0.0.0-5076",
-    "@docusaurus/module-type-aliases": "0.0.0-5076",
-    "@docusaurus/plugin-content-blog": "0.0.0-5076",
-    "@docusaurus/plugin-content-docs": "0.0.0-5076",
-    "@docusaurus/plugin-content-pages": "0.0.0-5076",
-    "@docusaurus/theme-common": "0.0.0-5076",
-    "@docusaurus/theme-translations": "0.0.0-5076",
-    "@docusaurus/types": "0.0.0-5076",
-    "@docusaurus/utils": "0.0.0-5076",
-    "@docusaurus/utils-common": "0.0.0-5076",
-    "@docusaurus/utils-validation": "0.0.0-5076",
+    "@docusaurus/core": "0.0.0-5081",
+    "@docusaurus/mdx-loader": "0.0.0-5081",
+    "@docusaurus/module-type-aliases": "0.0.0-5081",
+    "@docusaurus/plugin-content-blog": "0.0.0-5081",
+    "@docusaurus/plugin-content-docs": "0.0.0-5081",
+    "@docusaurus/plugin-content-pages": "0.0.0-5081",
+    "@docusaurus/theme-common": "0.0.0-5081",
+    "@docusaurus/theme-translations": "0.0.0-5081",
+    "@docusaurus/types": "0.0.0-5081",
+    "@docusaurus/utils": "0.0.0-5081",
+    "@docusaurus/utils-common": "0.0.0-5081",
+    "@docusaurus/utils-validation": "0.0.0-5081",
     "@mdx-js/react": "^1.6.22",
     "clsx": "^1.1.1",
     "copy-text-to-clipboard": "^3.0.1",
@@ -64,5 +64,5 @@
   "engines": {
     "node": ">=16.14"
   },
-  "gitHead": "818667514c2990bdfe900ce5e9eebc9f23dafd95"
+  "gitHead": "aff92b3be3392360acf68ef8e5eb8a7170f56aac"
 }

package/src/theme/BlogPostPage/index.tsx

@@ -65,9 +65,7 @@ function BlogPostPageContent(props: Props): JSX.Element {
     <BlogLayout
       sidebar={sidebar}
       toc={
-        !hideTableOfContents &&
-        BlogPostContents.toc &&
-        BlogPostContents.toc.length > 0 ? (
+        !hideTableOfContents && BlogPostContents.toc.length > 0 ? (
           <TOC
             toc={BlogPostContents.toc}
             minHeadingLevel={tocMinHeadingLevel}

package/src/theme/DocCardList/index.tsx

@@ -27,7 +27,7 @@ export default function DocCardList({items, className}: Props): JSX.Element {
     <section className={clsx('row', className)}>
       {filterItems(items).map((item, index) => (
         <article key={index} className="col col--6 margin-bottom--lg">
-          <DocCard key={index} item={item} />
+          <DocCard item={item} />
         </article>
       ))}
     </section>

package/src/theme/DocItem/index.tsx

@@ -55,8 +55,7 @@ function DocItemContent(props: Props): JSX.Element {
 
   const windowSize = useWindowSize();
 
-  const canRenderTOC =
-    !hideTableOfContents && DocContent.toc && DocContent.toc.length > 0;
+  const canRenderTOC = !hideTableOfContents && DocContent.toc.length > 0;
 
   const renderTocDesktop =
     canRenderTOC && (windowSize === 'desktop' || windowSize === 'ssr');

package/src/theme/MDXComponents/Code.tsx

@@ -11,7 +11,7 @@ import CodeBlock from '@theme/CodeBlock';
 import type {Props} from '@theme/MDXComponents/Code';
 
 export default function MDXCode(props: Props): JSX.Element {
-  const inlineElements = [
+  const inlineElements: (string | undefined)[] = [
     'a',
     'b',
     'big',
@@ -26,7 +26,10 @@ export default function MDXCode(props: Props): JSX.Element {
   const shouldBeInline = React.Children.toArray(props.children).every(
     (el) =>
       (typeof el === 'string' && !el.includes('\n')) ||
-      (isValidElement(el) && inlineElements.includes(el.props.mdxType)),
+      (isValidElement(el) &&
+        inlineElements.includes(
+          (el.props as {mdxType: string} | null)?.mdxType,
+        )),
   );
 
   return shouldBeInline ? (

package/src/theme/MDXComponents/Details.tsx

@@ -15,7 +15,8 @@ export default function MDXDetails(props: Props): JSX.Element {
   // Details theme component
   const summary = items.find(
     (item): item is ReactElement<ComponentProps<'summary'>> =>
-      React.isValidElement(item) && item.props?.mdxType === 'summary',
+      React.isValidElement(item) &&
+      (item.props as {mdxType: string} | null)?.mdxType === 'summary',
   );
   const children = <>{items.filter((item) => item !== summary)}</>;
 

package/src/theme/MDXComponents/Head.tsx

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React, {type ReactElement, type ComponentProps} from 'react';
-import Head from '@docusaurus/Head';
+import React, {type ReactElement} from 'react';
+import Head, {type Props as HeadProps} from '@docusaurus/Head';
 import type {Props} from '@theme/MDXComponents/Head';
 
 // MDX elements are wrapped through the MDX pragma. In some cases (notably usage
@@ -25,7 +25,5 @@ export default function MDXHead(props: Props): JSX.Element {
   const unwrappedChildren = React.Children.map(props.children, (child) =>
     React.isValidElement(child) ? unwrapMDXElement(child) : child,
   );
-  return (
-    <Head {...(props as ComponentProps<typeof Head>)}>{unwrappedChildren}</Head>
-  );
+  return <Head {...(props as HeadProps)}>{unwrappedChildren}</Head>;
 }

package/src/theme/MDXComponents/Pre.tsx

@@ -14,7 +14,8 @@ export default function MDXPre(props: Props): JSX.Element {
     <CodeBlock
       // If this pre is created by a ``` fenced codeblock, unwrap the children
       {...(isValidElement(props.children) &&
-      props.children.props?.originalType === 'code'
+      (props.children.props as {originalType: string} | null)?.originalType ===
+        'code'
         ? props.children.props
         : {...props})}
     />

package/src/theme/MDXPage/index.tsx

@@ -42,7 +42,7 @@ export default function MDXPage(props: Props): JSX.Element {
                 <MDXPageContent />
               </MDXContent>
             </div>
-            {!hideTableOfContents && MDXPageContent.toc && (
+            {!hideTableOfContents && MDXPageContent.toc.length > 0 && (
               <div className="col col--2">
                 <TOC
                   toc={MDXPageContent.toc}

package/src/theme-classic.d.ts

@@ -328,8 +328,6 @@ declare module '@theme/DocSidebar' {
     readonly sidebar: readonly PropSidebarItem[];
     readonly onCollapse: () => void;
     readonly isHidden: boolean;
-    // MobileSecondaryFilter expects Record<string, unknown>
-    readonly [key: string]: unknown;
   }
 
   export default function DocSidebar(props: Props): JSX.Element;