@docusaurus/theme-classic 0.0.0-4871 → 0.0.0-4872

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

@@ -15,8 +15,17 @@ import clsx from 'clsx';
 import Link from '@docusaurus/Link';
 import useBaseUrl from '@docusaurus/useBaseUrl'; // TODO move to design system folder
 
-function BreadcrumbsItemLink({children, href}) {
+function BreadcrumbsItemLink({children, href, isLast}) {
   const className = 'breadcrumbs__link';
+
+  if (isLast) {
+    return (
+      <span className={className} itemProp="name">
+        {children}
+      </span>
+    );
+  }
+
   return href ? (
     <Link className={className} href={href} itemProp="item">
       <span itemProp="name">{children}</span>
@@ -76,17 +85,16 @@ export default function DocBreadcrumbs() {
         itemScope
         itemType="https://schema.org/BreadcrumbList">
         {homePageRoute && <HomeBreadcrumbItem />}
-        {breadcrumbs.map((item, idx) => (
-          <BreadcrumbsItem
-            key={idx}
-            active={idx === breadcrumbs.length - 1}
-            index={idx}>
-            <BreadcrumbsItemLink
-              href={idx < breadcrumbs.length - 1 ? item.href : undefined}>
-              {item.label}
-            </BreadcrumbsItemLink>
-          </BreadcrumbsItem>
-        ))}
+        {breadcrumbs.map((item, idx) => {
+          const isLast = idx === breadcrumbs.length - 1;
+          return (
+            <BreadcrumbsItem key={idx} active={isLast} index={idx}>
+              <BreadcrumbsItemLink href={item.href} isLast={isLast}>
+                {item.label}
+              </BreadcrumbsItemLink>
+            </BreadcrumbsItem>
+          );
+        })}
       </ul>
     </nav>
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docusaurus/theme-classic",
-  "version": "0.0.0-4871",
+  "version": "0.0.0-4872",
   "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-4871",
-    "@docusaurus/plugin-content-blog": "0.0.0-4871",
-    "@docusaurus/plugin-content-docs": "0.0.0-4871",
-    "@docusaurus/plugin-content-pages": "0.0.0-4871",
-    "@docusaurus/theme-common": "0.0.0-4871",
-    "@docusaurus/theme-translations": "0.0.0-4871",
-    "@docusaurus/utils": "0.0.0-4871",
-    "@docusaurus/utils-common": "0.0.0-4871",
-    "@docusaurus/utils-validation": "0.0.0-4871",
+    "@docusaurus/core": "0.0.0-4872",
+    "@docusaurus/plugin-content-blog": "0.0.0-4872",
+    "@docusaurus/plugin-content-docs": "0.0.0-4872",
+    "@docusaurus/plugin-content-pages": "0.0.0-4872",
+    "@docusaurus/theme-common": "0.0.0-4872",
+    "@docusaurus/theme-translations": "0.0.0-4872",
+    "@docusaurus/utils": "0.0.0-4872",
+    "@docusaurus/utils-common": "0.0.0-4872",
+    "@docusaurus/utils-validation": "0.0.0-4872",
     "@mdx-js/react": "^1.6.22",
     "clsx": "^1.1.1",
     "copy-text-to-clipboard": "^3.0.1",
@@ -45,8 +45,8 @@
     "@babel/cli": "^7.17.6",
     "@babel/core": "^7.17.9",
     "@babel/preset-typescript": "^7.16.7",
-    "@docusaurus/module-type-aliases": "0.0.0-4871",
-    "@docusaurus/types": "0.0.0-4871",
+    "@docusaurus/module-type-aliases": "0.0.0-4872",
+    "@docusaurus/types": "0.0.0-4872",
     "@types/mdx-js__react": "^1.5.5",
     "@types/prismjs": "^1.26.0",
     "@types/rtlcss": "^3.1.3",
@@ -62,5 +62,5 @@
   "engines": {
     "node": ">=14"
   },
-  "gitHead": "d8f14db917aa6048c52018f69da5486e5813b02e"
+  "gitHead": "36346b53f42d28b9e7be3e8f07265ee4fd181611"
 }

package/src/theme/DocBreadcrumbs/index.tsx

@@ -20,11 +20,20 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
 function BreadcrumbsItemLink({
   children,
   href,
+  isLast,
 }: {
   children: ReactNode;
-  href?: string;
+  href: string | undefined;
+  isLast: boolean;
 }): JSX.Element {
   const className = 'breadcrumbs__link';
+  if (isLast) {
+    return (
+      <span className={className} itemProp="name">
+        {children}
+      </span>
+    );
+  }
   return href ? (
     <Link className={className} href={href} itemProp="item">
       <span itemProp="name">{children}</span>
@@ -93,17 +102,16 @@ export default function DocBreadcrumbs(): JSX.Element | null {
         itemScope
         itemType="https://schema.org/BreadcrumbList">
         {homePageRoute && <HomeBreadcrumbItem />}
-        {breadcrumbs.map((item, idx) => (
-          <BreadcrumbsItem
-            key={idx}
-            active={idx === breadcrumbs.length - 1}
-            index={idx}>
-            <BreadcrumbsItemLink
-              href={idx < breadcrumbs.length - 1 ? item.href : undefined}>
-              {item.label}
-            </BreadcrumbsItemLink>
-          </BreadcrumbsItem>
-        ))}
+        {breadcrumbs.map((item, idx) => {
+          const isLast = idx === breadcrumbs.length - 1;
+          return (
+            <BreadcrumbsItem key={idx} active={isLast} index={idx}>
+              <BreadcrumbsItemLink href={item.href} isLast={isLast}>
+                {item.label}
+              </BreadcrumbsItemLink>
+            </BreadcrumbsItem>
+          );
+        })}
       </ul>
     </nav>
   );