@docusaurus/theme-classic 0.0.0-4760 → 0.0.0-4764

package/lib-next/theme/CodeBlock/CopyButton/index.js

@@ -4,22 +4,22 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React, {useState} from 'react';
+import React, {useCallback, useState, useRef, useEffect} from 'react';
 import clsx from 'clsx';
 import copy from 'copy-text-to-clipboard';
 import {translate} from '@docusaurus/Translate';
 import styles from './styles.module.css';
 export default function CopyButton({code}) {
   const [isCopied, setIsCopied] = useState(false);
-
-  const handleCopyCode = () => {
+  const copyTimeout = useRef(undefined);
+  const handleCopyCode = useCallback(() => {
     copy(code);
     setIsCopied(true);
-    setTimeout(() => {
+    copyTimeout.current = window.setTimeout(() => {
       setIsCopied(false);
-    }, 2000);
-  };
-
+    }, 1000);
+  }, [code]);
+  useEffect(() => () => window.clearTimeout(copyTimeout.current), []);
   return (
     <button
       type="button"

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

@@ -143,7 +143,8 @@ function DocSidebarItemCategory({
         })}>
         <Link
           className={clsx('menu__link', {
-            'menu__link--sublist': collapsible && !href,
+            'menu__link--sublist': collapsible,
+            'menu__link--sublist-caret': !href,
             'menu__link--active': isActive,
           })}
           onClick={
@@ -251,10 +252,8 @@ function DocSidebarItemLink({
           onClick: onItemClick ? () => onItemClick(item) : undefined,
         })}
         {...props}>
-        <span>
-          {label}
-          {!isInternalUrl(href) && <IconExternalLink />}
-        </span>
+        {label}
+        {!isInternalUrl(href) && <IconExternalLink />}
       </Link>
     </li>
   );

package/lib-next/theme/Footer/LinkItem/index.js

@@ -26,10 +26,8 @@ export default function FooterLinkItem({item}) {
             to: toUrl,
           })}
       {...props}>
-      <span>
-        {label}
-        {href && !isInternalUrl(href) && <IconExternalLink />}
-      </span>
+      {label}
+      {href && !isInternalUrl(href) && <IconExternalLink />}
     </Link>
   );
 }

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

@@ -52,17 +52,15 @@ export default function NavbarNavLink({
               : null),
           })}
       {...props}>
-      <span>
-        {label}
-        {isExternalLink && (
-          <IconExternalLink
-            {...(isDropdownLink && {
-              width: 12,
-              height: 12,
-            })}
-          />
-        )}
-      </span>
+      {label}
+      {isExternalLink && (
+        <IconExternalLink
+          {...(isDropdownLink && {
+            width: 12,
+            height: 12,
+          })}
+        />
+      )}
     </Link>
   );
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docusaurus/theme-classic",
-  "version": "0.0.0-4760",
+  "version": "0.0.0-4764",
   "description": "Classic theme for Docusaurus",
   "main": "lib/index.js",
   "types": "src/theme-classic.d.ts",
@@ -21,19 +21,19 @@
     "format:lib-next": "prettier --config ../../.prettierrc --write \"lib-next/**/*.{js,ts,jsx,tsc}\""
   },
   "dependencies": {
-    "@docusaurus/core": "0.0.0-4760",
-    "@docusaurus/plugin-content-blog": "0.0.0-4760",
-    "@docusaurus/plugin-content-docs": "0.0.0-4760",
-    "@docusaurus/plugin-content-pages": "0.0.0-4760",
-    "@docusaurus/theme-common": "0.0.0-4760",
-    "@docusaurus/theme-translations": "0.0.0-4760",
-    "@docusaurus/utils": "0.0.0-4760",
-    "@docusaurus/utils-common": "0.0.0-4760",
-    "@docusaurus/utils-validation": "0.0.0-4760",
+    "@docusaurus/core": "0.0.0-4764",
+    "@docusaurus/plugin-content-blog": "0.0.0-4764",
+    "@docusaurus/plugin-content-docs": "0.0.0-4764",
+    "@docusaurus/plugin-content-pages": "0.0.0-4764",
+    "@docusaurus/theme-common": "0.0.0-4764",
+    "@docusaurus/theme-translations": "0.0.0-4764",
+    "@docusaurus/utils": "0.0.0-4764",
+    "@docusaurus/utils-common": "0.0.0-4764",
+    "@docusaurus/utils-validation": "0.0.0-4764",
     "@mdx-js/react": "^1.6.22",
     "clsx": "^1.1.1",
     "copy-text-to-clipboard": "^3.0.1",
-    "infima": "0.2.0-alpha.37",
+    "infima": "0.2.0-alpha.38",
     "lodash": "^4.17.21",
     "postcss": "^8.4.12",
     "prism-react-renderer": "^1.3.1",
@@ -42,8 +42,8 @@
     "rtlcss": "^3.5.0"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "0.0.0-4760",
-    "@docusaurus/types": "0.0.0-4760",
+    "@docusaurus/module-type-aliases": "0.0.0-4764",
+    "@docusaurus/types": "0.0.0-4764",
     "@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": "ca58c5f867aec349fb405a2056d4bdb4d140a0b5"
+  "gitHead": "b45d59dcc7270365eb6648e8061ef3698b18ad28"
 }

package/src/theme/CodeBlock/CopyButton/index.tsx

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React, {useState} from 'react';
+import React, {useCallback, useState, useRef, useEffect} from 'react';
 import clsx from 'clsx';
 import copy from 'copy-text-to-clipboard';
 import {translate} from '@docusaurus/Translate';
@@ -15,14 +15,16 @@ import styles from './styles.module.css';
 
 export default function CopyButton({code}: Props): JSX.Element {
   const [isCopied, setIsCopied] = useState(false);
-  const handleCopyCode = () => {
+  const copyTimeout = useRef<number | undefined>(undefined);
+  const handleCopyCode = useCallback(() => {
     copy(code);
     setIsCopied(true);
-
-    setTimeout(() => {
+    copyTimeout.current = window.setTimeout(() => {
       setIsCopied(false);
-    }, 2000);
-  };
+    }, 1000);
+  }, [code]);
+
+  useEffect(() => () => window.clearTimeout(copyTimeout.current), []);
 
   return (
     <button

package/src/theme/DocSidebarItem/index.tsx

@@ -160,7 +160,8 @@ function DocSidebarItemCategory({
         })}>
         <Link
           className={clsx('menu__link', {
-            'menu__link--sublist': collapsible && !href,
+            'menu__link--sublist': collapsible,
+            'menu__link--sublist-caret': !href,
             'menu__link--active': isActive,
           })}
           onClick={
@@ -268,10 +269,8 @@ function DocSidebarItemLink({
           onClick: onItemClick ? () => onItemClick(item) : undefined,
         })}
         {...props}>
-        <span>
-          {label}
-          {!isInternalUrl(href) && <IconExternalLink />}
-        </span>
+        {label}
+        {!isInternalUrl(href) && <IconExternalLink />}
       </Link>
     </li>
   );

package/src/theme/Footer/LinkItem/index.tsx

@@ -29,10 +29,8 @@ export default function FooterLinkItem({item}: Props): JSX.Element {
             to: toUrl,
           })}
       {...props}>
-      <span>
-        {label}
-        {href && !isInternalUrl(href) && <IconExternalLink />}
-      </span>
+      {label}
+      {href && !isInternalUrl(href) && <IconExternalLink />}
     </Link>
   );
 }

package/src/theme/NavbarItem/NavbarNavLink.tsx

@@ -55,12 +55,10 @@ export default function NavbarNavLink({
               : null),
           })}
       {...props}>
-      <span>
-        {label}
-        {isExternalLink && (
-          <IconExternalLink {...(isDropdownLink && {width: 12, height: 12})} />
-        )}
-      </span>
+      {label}
+      {isExternalLink && (
+        <IconExternalLink {...(isDropdownLink && {width: 12, height: 12})} />
+      )}
     </Link>
   );
 }