@docusaurus/theme-classic 0.0.0-4535 → 0.0.0-4540

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

@@ -27,12 +27,11 @@ import useIsBrowser from '@docusaurus/useIsBrowser';
 export default function DocSidebarItem({item, ...props}) {
   switch (item.type) {
     case 'category':
-      if (item.items.length === 0) {
-        return null;
-      }
-
       return <DocSidebarItemCategory item={item} {...props} />;
 
+    case 'html':
+      return <DocSidebarItemHtml item={item} {...props} />;
+
     case 'link':
     default:
       return <DocSidebarItemLink item={item} {...props} />;
@@ -206,6 +205,24 @@ function DocSidebarItemCategory({
   );
 }
 
+function DocSidebarItemHtml({item, level, index}) {
+  const {value, defaultStyle, className} = item;
+  return (
+    <li
+      className={clsx(
+        ThemeClassNames.docs.docSidebarItemLink,
+        ThemeClassNames.docs.docSidebarItemLinkLevel(level),
+        defaultStyle && `${styles.menuHtmlItem} menu__list-item`,
+        className,
+      )}
+      key={index} // eslint-disable-next-line react/no-danger
+      dangerouslySetInnerHTML={{
+        __html: value,
+      }}
+    />
+  );
+}
+
 function DocSidebarItemLink({
   item,
   onItemClick,

package/lib-next/theme/DocSidebarItem/styles.module.css

@@ -17,4 +17,9 @@
   .menuLinkText.hasHref {
     cursor: pointer;
   }
+
+  .menuHtmlItem {
+    padding: var(--ifm-menu-link-padding-vertical)
+      var(--ifm-menu-link-padding-horizontal);
+  }
 }

package/lib-next/theme/Tabs/__tests__/index.test.js

@@ -133,7 +133,9 @@ describe('Tabs', () => {
               }))}
               defaultValue={0}>
               {tabs.map((t, idx) => (
-                <TabItem value={idx}>{t}</TabItem>
+                <TabItem key={idx} value={idx}>
+                  {t}
+                </TabItem>
               ))}
             </Tabs>
           </TabGroupChoiceProvider>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docusaurus/theme-classic",
-  "version": "0.0.0-4535",
+  "version": "0.0.0-4540",
   "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-4535",
-    "@docusaurus/plugin-content-blog": "0.0.0-4535",
-    "@docusaurus/plugin-content-docs": "0.0.0-4535",
-    "@docusaurus/plugin-content-pages": "0.0.0-4535",
-    "@docusaurus/theme-common": "0.0.0-4535",
-    "@docusaurus/theme-translations": "0.0.0-4535",
-    "@docusaurus/utils": "0.0.0-4535",
-    "@docusaurus/utils-common": "0.0.0-4535",
-    "@docusaurus/utils-validation": "0.0.0-4535",
+    "@docusaurus/core": "0.0.0-4540",
+    "@docusaurus/plugin-content-blog": "0.0.0-4540",
+    "@docusaurus/plugin-content-docs": "0.0.0-4540",
+    "@docusaurus/plugin-content-pages": "0.0.0-4540",
+    "@docusaurus/theme-common": "0.0.0-4540",
+    "@docusaurus/theme-translations": "0.0.0-4540",
+    "@docusaurus/utils": "0.0.0-4540",
+    "@docusaurus/utils-common": "0.0.0-4540",
+    "@docusaurus/utils-validation": "0.0.0-4540",
     "@mdx-js/react": "^1.6.21",
     "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-4535",
-    "@docusaurus/types": "0.0.0-4535",
+    "@docusaurus/module-type-aliases": "0.0.0-4540",
+    "@docusaurus/types": "0.0.0-4540",
     "@types/mdx-js__react": "^1.5.4",
     "@types/parse-numeric-range": "^0.0.1",
     "@types/prismjs": "^1.26.0",
@@ -62,5 +62,5 @@
   "engines": {
     "node": ">=14"
   },
-  "gitHead": "0b364b0c7b89c1c7cfd77d8d5155efd8247251ef"
+  "gitHead": "3bb46cc9766cd9a6e87fee3407d038b45eeee93a"
 }

package/src/theme/DocSidebarItem/index.tsx

@@ -32,6 +32,7 @@ import type {
 
 import styles from './styles.module.css';
 import useIsBrowser from '@docusaurus/useIsBrowser';
+import type {SidebarItemHtml} from '@docusaurus/plugin-content-docs/src/sidebars/types';
 
 export default function DocSidebarItem({
   item,
@@ -39,10 +40,9 @@ export default function DocSidebarItem({
 }: Props): JSX.Element | null {
   switch (item.type) {
     case 'category':
-      if (item.items.length === 0) {
-        return null;
-      }
       return <DocSidebarItemCategory item={item} {...props} />;
+    case 'html':
+      return <DocSidebarItemHtml item={item} {...props} />;
     case 'link':
     default:
       return <DocSidebarItemLink item={item} {...props} />;
@@ -219,6 +219,29 @@ function DocSidebarItemCategory({
   );
 }
 
+function DocSidebarItemHtml({
+  item,
+  level,
+  index,
+}: Props & {item: SidebarItemHtml}) {
+  const {value, defaultStyle, className} = item;
+  return (
+    <li
+      className={clsx(
+        ThemeClassNames.docs.docSidebarItemLink,
+        ThemeClassNames.docs.docSidebarItemLinkLevel(level),
+        defaultStyle && `${styles.menuHtmlItem} menu__list-item`,
+        className,
+      )}
+      key={index}
+      // eslint-disable-next-line react/no-danger
+      dangerouslySetInnerHTML={{
+        __html: value,
+      }}
+    />
+  );
+}
+
 function DocSidebarItemLink({
   item,
   onItemClick,

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

@@ -17,4 +17,9 @@
   .menuLinkText.hasHref {
     cursor: pointer;
   }
+
+  .menuHtmlItem {
+    padding: var(--ifm-menu-link-padding-vertical)
+      var(--ifm-menu-link-padding-horizontal);
+  }
 }