docusaurus-theme-openapi-docs 1.4.2 → 1.4.4

package/lib-next/theme/ApiItem/Layout/styles.module.css

@@ -5,18 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-:root {
-  --openapi-required: var(--ifm-color-danger);
-  --openapi-code-blue: var(--ifm-color-info);
-  --openapi-code-red: var(--ifm-color-danger);
-  --openapi-code-orange: var(--ifm-color-warning);
-  --openapi-code-green: var(--ifm-color-success);
-}
-
-:global(.docs-wrapper) {
-  height: 100%;
-}
-
 .docItemContainer header + *,
 .docItemContainer article > *:first-child {
   margin-top: 0;
@@ -27,394 +15,3 @@
     max-width: 75% !important;
   }
 }
-
-.apiItemContainer article > *:first-child,
-.apiItemContainer header + * {
-  margin-top: 0;
-}
-
-:global(.version-button div) {
-  display: block;
-}
-
-:global(.version-button div > button > span::after) {
-  border-color: currentcolor transparent;
-  border-style: solid;
-  border-width: 0.4em 0.4em 0;
-  content: "";
-  margin-left: 0.3em;
-  position: relative;
-  transform: translateY(-50%);
-  display: inline-block;
-  font-size: 0.8rem;
-  top: 1px;
-}
-
-/* default markdown margins look really silly in a table */
-:global(.theme-api-markdown table *:last-child) {
-  margin-bottom: 0;
-}
-
-:global(.theme-api-markdown details) {
-  margin: unset;
-  max-width: 600px;
-  background-color: transparent;
-  color: var(--ifm-font-color-base);
-  padding: unset;
-  border: unset !important;
-  box-shadow: unset !important;
-  --docusaurus-details-decoration-color: var(--ifm-font-color-base);
-}
-
-:global(.theme-api-markdown details > div > div) {
-  padding-top: unset !important;
-  border-top: unset !important;
-}
-
-:global(.theme-api-markdown .details__demo-panel) {
-  margin-bottom: 1rem;
-  background: var(--openapi-card-background-color);
-  border-radius: var(--openapi-card-border-radius);
-}
-
-:global(.theme-api-markdown .details__demo-panel > summary) {
-  padding-left: 1rem;
-  padding-top: 1rem;
-  cursor: pointer;
-}
-
-:global(.theme-api-markdown .details__demo-panel > div > div > pre) {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-
-:global(.theme-api-markdown .details__demo-panel > summary::marker) {
-  display: none;
-  content: "";
-}
-
-:global(.theme-api-markdown
-    .details__demo-panel
-    > summary::-webkit-details-marker) {
-  display: none;
-  content: "";
-}
-
-:global(.theme-api-markdown .details__demo-panel > pre) {
-  margin-bottom: 0;
-  padding-top: 0;
-}
-
-:global(.theme-api-markdown .details__request-summary) {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-:global(.theme-api-markdown .details__request-summary > button) {
-  margin-bottom: 1rem;
-  margin-right: 1rem;
-}
-
-:global(.theme-api-markdown .details__response-summary) {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-:global(.theme-api-markdown .details__response-summary > button) {
-  margin-bottom: 1rem;
-  margin-right: 1rem;
-}
-
-:global(.theme-api-markdown code) {
-  max-width: 600px;
-  max-height: 500px;
-  overflow: auto;
-}
-
-@media (min-width: 997px) {
-  .docItemCol {
-    max-width: 75% !important;
-  }
-
-  /* Prevent hydration FOUC, as the mobile TOC needs to be server-rendered */
-  .tocMobile {
-    display: none;
-  }
-}
-
-:global(.theme-api-markdown details li) {
-  list-style: none;
-  padding-bottom: 5px;
-  padding-top: 5px;
-}
-
-:global(.theme-api-markdown details p) {
-  margin-bottom: 0;
-}
-
-:global([class^="paramsItem"]::before),
-:global([class^="schemaItem"]::before) {
-  position: absolute;
-  top: 10px;
-  left: 0;
-  width: 0.7rem;
-  /* width of horizontal line */
-  height: 0.5rem;
-  /* vertical position of line */
-  vertical-align: top;
-  border-bottom: thin solid var(--ifm-color-gray-500);
-  content: "";
-  display: inline-block;
-}
-
-:global(.theme-api-markdown details ul) {
-  padding-left: 0;
-  /* font-family: "Fira Mono", monospace; */
-  font-size: 14px;
-}
-
-/* :global(.theme-api-markdown h2) {
-  font-size: 2rem;
-} */
-
-:global(.schemaItem) {
-  list-style: none;
-  position: relative;
-  margin: 0 !important;
-  padding: 5px 0 5px 1rem;
-  border-left: thin solid var(--ifm-color-gray-500) !important;
-}
-
-:global(.discriminatorItem) {
-  list-style: none;
-  position: relative;
-  margin: 0 !important;
-  padding: 5px 0 5px 0 !important;
-  border-left: thin solid var(--ifm-color-gray-500) !important;
-}
-
-:global(.discriminatorTabsContainer) {
-  padding-left: 0 !important;
-}
-
-:global(.schemaItem:hover) {
-  background-color: var(--ifm-menu-color-background-active);
-}
-
-:global(.schemaItem:focus) {
-  background-color: var(--ifm-menu-color-background-active);
-}
-
-:global(.paramsItem:hover) {
-  background-color: var(--ifm-menu-color-background-active);
-}
-
-:global(.paramsItem:focus) {
-  background-color: var(--ifm-menu-color-background-active);
-}
-
-:global(.theme-api-markdown div[class^="collapsibleContent"]) {
-  margin-top: 0 !important;
-  padding-left: 2px;
-}
-
-/* CodeTabs */
-
-:global(.code__tab--python::after) {
-  content: "";
-  width: 28px;
-  height: 28px;
-  background: url("https://raw.githubusercontent.com/devicons/devicon/master/icons/python/python-original.svg");
-  margin-block: auto;
-}
-
-:global(.code__tab--python) {
-  color: var(--ifm-color-success);
-  padding-left: 1.4rem;
-  padding-right: 1.4rem;
-}
-
-:global(.code__tab--python.tabs__item--active) {
-  border-bottom-color: var(--ifm-color-success);
-  background-color: var(--ifm-color-emphasis-100);
-}
-
-:global(.language-python) {
-  max-height: 500px;
-  overflow: auto;
-}
-
-:global(.code__tab--go::after) {
-  content: "";
-  width: 28px;
-  height: 28px;
-  background: url("https://raw.githubusercontent.com/devicons/devicon/master/icons/go/go-original-wordmark.svg");
-  margin-block: auto;
-}
-
-:global(.code__tab--go) {
-  color: var(--ifm-color-info);
-  padding-left: 1.4rem;
-  padding-right: 1.4rem;
-}
-
-:global(.code__tab--go.tabs__item--active) {
-  border-bottom-color: var(--ifm-color-info);
-  background-color: var(--ifm-color-emphasis-100);
-}
-
-:global(.language-go) {
-  max-height: 500px;
-  overflow: auto;
-}
-
-:global(.code__tab--javascript::after) {
-  content: "";
-  width: 28px;
-  height: 28px;
-  background: url("https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-original.svg");
-  margin-block: auto;
-}
-
-:global(.code__tab--javascript) {
-  color: var(--ifm-color-warning);
-  padding-left: 1.4rem;
-  padding-right: 1.4rem;
-}
-
-:global(.code__tab--javascript.tabs__item--active) {
-  border-bottom-color: var(--ifm-color-warning);
-  background-color: var(--ifm-color-emphasis-100);
-}
-
-:global(.language-javascript) {
-  max-height: 500px;
-  overflow: auto;
-}
-
-:global(.code__tab--bash::after) {
-  content: "";
-  width: 28px;
-  height: 28px;
-  background: url("https://raw.githubusercontent.com/devicons/devicon/master/icons/linux/linux-original.svg");
-  margin-block: auto;
-}
-
-:global(.code__tab--bash) {
-  color: var(--ifm-color-danger);
-  padding-left: 1.4rem;
-  padding-right: 1.4rem;
-}
-
-:global(.code__tab--bash.tabs__item--active) {
-  border-bottom-color: var(--ifm-color-danger);
-  background-color: var(--ifm-color-emphasis-100);
-}
-
-:global(.language-bash) {
-  max-height: 500px;
-  overflow: auto;
-}
-
-:global(.code__tab--ruby::after) {
-  content: "";
-  width: 28px;
-  height: 28px;
-  background: url("https://raw.githubusercontent.com/devicons/devicon/master/icons/ruby/ruby-plain.svg");
-  margin-block: auto;
-}
-
-:global(.code__tab--ruby) {
-  color: var(--ifm-color-danger);
-  padding-left: 1.4rem;
-  padding-right: 1.4rem;
-}
-
-:global(.code__tab--ruby.tabs__item--active) {
-  border-bottom-color: var(--ifm-color-danger);
-  background-color: var(--ifm-color-emphasis-100);
-}
-
-:global(.language-ruby) {
-  max-height: 500px;
-  overflow: auto;
-}
-
-:global(.code__tab--csharp::after) {
-  content: "";
-  width: 28px;
-  height: 28px;
-  background: url("https://raw.githubusercontent.com/devicons/devicon/master/icons/csharp/csharp-original.svg");
-  margin-block: auto;
-}
-
-:global(.code__tab--csharp) {
-  color: var(--ifm-color-gray-500);
-  padding-left: 1.4rem;
-  padding-right: 1.4rem;
-}
-
-:global(.code__tab--csharp.tabs__item--active) {
-  border-bottom-color: var(--ifm-color-gray-500);
-  background-color: var(--ifm-color-emphasis-100);
-}
-
-:global(.language-csharp) {
-  max-height: 500px;
-  overflow: auto;
-}
-
-:global(.code__tab--nodejs::after) {
-  content: "";
-  width: 28px;
-  height: 28px;
-  background: url("https://raw.githubusercontent.com/devicons/devicon/master/icons/nodejs/nodejs-original.svg");
-  margin-block: auto;
-}
-
-:global(.code__tab--nodejs) {
-  color: var(--ifm-color-success);
-  padding-left: 1.4rem;
-  padding-right: 1.4rem;
-}
-
-:global(.code__tab--nodejs.tabs__item--active) {
-  border-bottom-color: var(--ifm-color-success);
-  background-color: var(--ifm-color-emphasis-100);
-}
-
-:global(.language-nodejs) {
-  max-height: 500px;
-  overflow: auto;
-}
-
-:global(.code__tab--php::after) {
-  content: "";
-  width: 28px;
-  height: 28px;
-  background: url("https://raw.githubusercontent.com/devicons/devicon/master/icons/php/php-original.svg");
-  margin-block: auto;
-}
-
-:global(.code__tab--php) {
-  color: var(--ifm-color-gray-500);
-  padding-left: 1.4rem;
-  padding-right: 1.4rem;
-}
-
-:global(.code__tab--php.tabs__item--active) {
-  border-bottom-color: var(--ifm-color-gray-500);
-  background-color: var(--ifm-color-emphasis-100);
-}
-
-:global(.language-php) {
-  max-height: 500px;
-  overflow: auto;
-}
-
-/* Prism code styles */
-:global(.prism-code.language-json) {
-  white-space: pre !important;
-}

package/lib-next/theme/ApiItem/hooks.js

@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  * ========================================================================== */
+
 import { useDispatch, useSelector } from "react-redux";
 export const useTypedDispatch = () => useDispatch();
 export const useTypedSelector = useSelector;

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

@@ -4,27 +4,25 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  * ========================================================================== */
+
 import React from "react";
 import BrowserOnly from "@docusaurus/BrowserOnly";
 import ExecutionEnvironment from "@docusaurus/ExecutionEnvironment";
 import { HtmlClassNameProvider } from "@docusaurus/theme-common";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import useIsBrowser from "@docusaurus/useIsBrowser";
+import DocItemMetadata from "@theme/DocItem/Metadata";
+import clsx from "clsx";
 import { Provider } from "react-redux";
 import { createAuth } from "../ApiDemoPanel/Authorization/slice";
 import { createPersistanceMiddleware } from "../ApiDemoPanel/persistanceMiddleware";
 import DocItemLayout from "./Layout";
-import DocItemMetadata from "./Metadata";
 import { createStoreWithoutState, createStoreWithState } from "./store";
-
 const { DocProvider } = require("@docusaurus/theme-common/internal");
-
 let ApiDemoPanel = (_) => <div />;
-
 if (ExecutionEnvironment.canUseDOM) {
   ApiDemoPanel = require("@theme/ApiDemoPanel").default;
 }
-
 export default function ApiItem(props) {
   const docHtmlClassName = `docs-doc-id-${props.content.metadata.unversionedId}`;
   const MDXComponent = props.content;
@@ -34,15 +32,18 @@ export default function ApiItem(props) {
   const { siteConfig } = useDocusaurusContext();
   const themeConfig = siteConfig.themeConfig;
   const options = themeConfig.api;
-  const isBrowser = useIsBrowser(); // Define store2
+  const isBrowser = useIsBrowser();
 
+  // Define store2
   let store2 = {};
-  const persistanceMiddleware = createPersistanceMiddleware(options); // Init store for SSR
+  const persistanceMiddleware = createPersistanceMiddleware(options);
 
+  // Init store for SSR
   if (!isBrowser) {
     store2 = createStoreWithoutState({}, [persistanceMiddleware]);
-  } // Init store for CSR to hydrate components
+  }
 
+  // Init store for CSR to hydrate components
   if (isBrowser) {
     const acceptArray = Array.from(
       new Set(
@@ -69,10 +70,10 @@ export default function ApiItem(props) {
       security: api?.security,
       securitySchemes: api?.securitySchemes,
       options,
-    }); // TODO: determine way to rehydrate without flashing
+    });
+    // TODO: determine way to rehydrate without flashing
     // const acceptValue = window?.sessionStorage.getItem("accept");
     // const contentTypeValue = window?.sessionStorage.getItem("contentType");
-
     const server = window?.sessionStorage.getItem("server");
     const serverObject = JSON.parse(server) ?? {};
     store2 = createStoreWithState(
@@ -101,7 +102,6 @@ export default function ApiItem(props) {
       [persistanceMiddleware]
     );
   }
-
   if (api) {
     return (
       <DocProvider content={props.content}>
@@ -109,7 +109,7 @@ export default function ApiItem(props) {
           <DocItemMetadata />
           <DocItemLayout>
             <Provider store={store2}>
-              <div className="row">
+              <div className={clsx("row", "theme-api-markdown")}>
                 <div className="col col--7">
                   <MDXComponent />
                 </div>
@@ -126,8 +126,9 @@ export default function ApiItem(props) {
         </HtmlClassNameProvider>
       </DocProvider>
     );
-  } // Non-API docs
+  }
 
+  // Non-API docs
   return (
     <DocProvider content={props.content}>
       <HtmlClassNameProvider className={docHtmlClassName}>

package/lib-next/theme/ApiItem/store.js

@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  * ========================================================================== */
+
 import { configureStore, combineReducers } from "@reduxjs/toolkit";
 import accept from "../ApiDemoPanel/Accept/slice";
 import auth from "../ApiDemoPanel/Authorization/slice";

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

@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  * ========================================================================== */
+
 import React from "react";
 import { useColorMode } from "@docusaurus/theme-common";
 export default function ApiLogo(props) {