chore(demo): upgrade Docusaurus to v3.8.1 (PaloAltoNetworks#1176)

* chore(demo): upgrade Docusaurus to v3.8.1

* fix demo build config and type errors

* Fix config and import order

Author: sserrata

demo/docusaurus.config.ts

@@ -9,6 +9,7 @@ import { myCustomApiMdGenerator } from "./customMdGenerators";
 const config: Config = {
   future: {
     experimental_faster: (process.env.DOCUSAURUS_FASTER ?? "true") === "true",
+    v4: true,
   },
 
   title: "Docusaurus OpenAPI Docs",

demo/package.json

@@ -21,10 +21,10 @@
     "re-gen": "yarn clean-all-versions && yarn gen-all-versions"
   },
   "dependencies": {
-    "@docusaurus/core": "3.7.0",
-    "@docusaurus/faster": "3.7.0",
-    "@docusaurus/plugin-google-gtag": "3.7.0",
-    "@docusaurus/preset-classic": "3.7.0",
+    "@docusaurus/core": "3.8.1",
+    "@docusaurus/faster": "3.8.1",
+    "@docusaurus/plugin-google-gtag": "3.8.1",
+    "@docusaurus/preset-classic": "3.8.1",
     "clsx": "^1.1.1",
     "docusaurus-plugin-openapi-docs": "^4.4.0",
     "docusaurus-theme-openapi-docs": "^4.4.0",

packages/docusaurus-theme-openapi-docs/src/theme/ApiExplorer/ApiCodeBlock/Content/String.tsx

@@ -96,7 +96,7 @@ export default function CodeBlockString({
                     getLineProps={getLineProps}
                     getTokenProps={getTokenProps}
                     classNames={lineClassNames[i]}
-                    showLineNumbers={showLineNumbers}
+                    showLineNumbers={!!showLineNumbers}
                   />
                 ))}
               </code>
@@ -122,9 +122,9 @@ export default function CodeBlockString({
             )}
             code={code}
             language={(language ?? "text") as Language}
-            showLineNumbers={showLineNumbers}
+            showLineNumbers={!!showLineNumbers}
             blockClassName={blockClassName}
-            title={title}
+            title={typeof title === "string" ? title : undefined}
             lineClassNames={lineClassNames}
           />
         </div>

packages/docusaurus-theme-openapi-docs/src/theme/ApiExplorer/ApiCodeBlock/CopyButton/index.tsx

@@ -7,11 +7,15 @@
 
 import React, { useCallback, useState, useRef, useEffect } from "react";
 
-import { CopyButtonProps } from "@docusaurus/theme-common/internal";
 import { translate } from "@docusaurus/Translate";
 import clsx from "clsx";
 import copy from "copy-text-to-clipboard";
 
+interface CopyButtonProps {
+  code: string;
+  className?: string;
+}
+
 export default function CopyButton({
   code,
   className,