[Bug] Introduce Docusaurus v2.2.0 support

.github/workflows/build-perf.yml

@@ -16,7 +16,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: "17"
+          node-version: "18"
           cache: yarn
       - uses: preactjs/compressed-size-action@v2
         with:

packages/docusaurus-plugin-openapi-docs/package.json

@@ -28,8 +28,8 @@
     "watch": "tsc --watch"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "2.0.1",
-    "@docusaurus/types": "2.0.1",
+    "@docusaurus/module-type-aliases": "^2.0.1",
+    "@docusaurus/types": "^2.0.1",
     "@types/fs-extra": "^9.0.13",
     "@types/js-yaml": "^4.0.5",
     "@types/json-pointer": "^1.0.31",

packages/docusaurus-theme-openapi-docs/package.json

@@ -31,8 +31,8 @@
     "format:lib-next": "prettier --config ../../.prettierrc.json --write \"lib-next/**/*.{js,ts,jsx,tsc}\""
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "2.0.1",
-    "@docusaurus/types": "2.0.1",
+    "@docusaurus/module-type-aliases": "^2.0.1",
+    "@docusaurus/types": "^2.0.1",
     "@types/concurrently": "^6.3.0",
     "@types/crypto-js": "^4.1.0",
     "@types/file-saver": "^2.0.5",

packages/docusaurus-theme-openapi-docs/src/index.ts

@@ -14,6 +14,11 @@ export default function docusaurusThemeOpenAPI(): Plugin<void> {
   return {
     name: "docusaurus-theme-openapi",
 
+    getClientModules() {
+      const modules = [require.resolve("./theme/styles.css")];
+      return modules;
+    },
+
     getThemePath() {
       return path.join(__dirname, "..", "lib-next", "theme");
     },

packages/docusaurus-theme-openapi-docs/src/theme-classic.d.ts

@@ -6,3 +6,8 @@
  * ========================================================================== */
 
 /// <reference types="@docusaurus/theme-classic" />
+
+declare module "@docusaurus/theme-common/internal" {
+  function useDoc(): any;
+  export const { useDoc };
+}

packages/docusaurus-theme-openapi-docs/src/theme/ApiDemoPanel/index.tsx

@@ -15,7 +15,6 @@ import MethodEndpoint from "./MethodEndpoint";
 import Request from "./Request";
 import Response from "./Response";
 import SecuritySchemes from "./SecuritySchemes";
-import styles from "./styles.module.css";
 
 function ApiDemoPanel({
   item,
@@ -28,7 +27,7 @@ function ApiDemoPanel({
   const { path, method } = item;
 
   return (
-    <div className={styles.apiDemoPanelContainer}>
+    <div>
       <MethodEndpoint method={method} path={path} />
       <SecuritySchemes infoPath={infoPath} />
       <Request item={item} />

packages/docusaurus-theme-openapi-docs/src/theme/ApiItem/Layout/index.tsx

@@ -8,19 +8,18 @@
 import React from "react";
 
 import { useWindowSize } from "@docusaurus/theme-common";
-// @ts-ignore
 import { useDoc } from "@docusaurus/theme-common/internal";
 import DocBreadcrumbs from "@theme/DocBreadcrumbs";
+import DocItemContent from "@theme/DocItem/Content";
+import DocItemFooter from "@theme/DocItem/Footer";
 import type { Props } from "@theme/DocItem/Layout";
+import DocItemPaginator from "@theme/DocItem/Paginator";
+import DocItemTOCDesktop from "@theme/DocItem/TOC/Desktop";
+import DocItemTOCMobile from "@theme/DocItem/TOC/Mobile";
 import DocVersionBadge from "@theme/DocVersionBadge";
 import DocVersionBanner from "@theme/DocVersionBanner";
 import clsx from "clsx";
 
-import DocItemContent from "../Content";
-import DocItemFooter from "../Footer";
-import DocItemPaginator from "../Paginator";
-import DocItemTOCDesktop from "../TOC/Desktop";
-import DocItemTOCMobile from "../TOC/Mobile";
 import styles from "./styles.module.css";
 
 /**