docusaurus-theme-openapi-docs 0.0.0-736 → 0.0.0-738

package/lib/theme/ApiExplorer/CodeTabs/_CodeTabs.scss

@@ -18,14 +18,12 @@
     background-color: var(--ifm-pre-background);
     border-radius: var(--ifm-global-radius);
     border: 1px solid var(--openapi-explorer-border-color);
-    box-shadow:
-      0 2px 3px hsla(222, 8%, 43%, 0.1),
+    box-shadow: 0 2px 3px hsla(222, 8%, 43%, 0.1),
       0 8px 16px -10px hsla(222, 8%, 43%, 0.2);
     transition: 300ms;
 
     &:hover {
-      box-shadow:
-        0 0 0 2px rgba(38, 53, 61, 0.15),
+      box-shadow: 0 0 0 2px rgba(38, 53, 61, 0.15),
         0 2px 3px hsla(222, 8%, 43%, 0.15),
         0 16px 16px -10px hsla(222, 8%, 43%, 0.2);
     }

package/lib/theme/ApiExplorer/FloatingButton/_FloatingButton.scss

@@ -11,9 +11,7 @@
     padding: 0.4rem 0.5rem;
     opacity: 0;
     visibility: hidden;
-    transition:
-      opacity 0.2s ease-in-out,
-      visibility 0.2s ease-in-out,
+    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out,
       bottom 0.2s ease-in-out;
     position: absolute;
     right: calc(var(--ifm-pre-padding) / 2);

package/lib/theme/ApiExplorer/ParamOptions/_ParamOptions.scss

@@ -107,8 +107,7 @@
   }
 
   &:active {
-    box-shadow:
-      inset 0 0 0 1px var(--openapi-input-border),
+    box-shadow: inset 0 0 0 1px var(--openapi-input-border),
       inset 0 0 0 2px var(--openapi-inverse-color);
   }
 }

package/lib/theme/ApiExplorer/Request/_Request.scss

@@ -2,8 +2,7 @@
   background-color: var(--ifm-pre-background);
   border-radius: var(--openapi-card-border-radius);
   border: 1px solid var(--openapi-explorer-border-color);
-  box-shadow:
-    0 2px 3px hsla(222, 8%, 43%, 0.1),
+  box-shadow: 0 2px 3px hsla(222, 8%, 43%, 0.1),
     0 8px 16px -10px hsla(222, 8%, 43%, 0.2);
   color: var(--ifm-pre-color);
   line-height: var(--ifm-pre-line-height);
@@ -20,8 +19,7 @@
   }
 
   &:hover {
-    box-shadow:
-      0 0 0 2px rgba(38, 53, 61, 0.15),
+    box-shadow: 0 0 0 2px rgba(38, 53, 61, 0.15),
       0 2px 3px hsla(222, 8%, 43%, 0.15),
       0 16px 16px -10px hsla(222, 8%, 43%, 0.2);
   }

package/lib/theme/ApiExplorer/Response/_Response.scss

@@ -2,8 +2,7 @@
   background-color: var(--ifm-pre-background);
   border-radius: var(--openapi-card-border-radius);
   border: 1px solid var(--openapi-explorer-border-color);
-  box-shadow:
-    0 2px 3px hsla(222, 8%, 43%, 0.1),
+  box-shadow: 0 2px 3px hsla(222, 8%, 43%, 0.1),
     0 8px 16px -10px hsla(222, 8%, 43%, 0.2);
   color: var(--ifm-pre-color);
   line-height: var(--ifm-pre-line-height);
@@ -13,8 +12,7 @@
   transition: 300ms;
 
   &:hover {
-    box-shadow:
-      0 0 0 2px rgba(38, 53, 61, 0.15),
+    box-shadow: 0 0 0 2px rgba(38, 53, 61, 0.15),
       0 2px 3px hsla(222, 8%, 43%, 0.15),
       0 16px 16px -10px hsla(222, 8%, 43%, 0.2);
   }

package/lib/theme/styles.scss

@@ -130,22 +130,22 @@
 
 /* Version button */
 
-// .version-button div {
-//   display: block;
-// }
+.version-button div {
+  display: block;
+}
 
-// .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;
-// }
+.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;
+}
 
 .openapi__logo {
   width: 250px;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "docusaurus-theme-openapi-docs",
   "description": "OpenAPI theme for Docusaurus.",
-  "version": "0.0.0-736",
+  "version": "0.0.0-738",
   "license": "MIT",
   "keywords": [
     "openapi",
@@ -41,7 +41,7 @@
     "clsx": "^1.1.1",
     "copy-text-to-clipboard": "^3.1.0",
     "crypto-js": "^4.1.1",
-    "docusaurus-plugin-openapi-docs": "0.0.0-736",
+    "docusaurus-plugin-openapi-docs": "0.0.0-738",
     "docusaurus-plugin-sass": "^0.2.3",
     "file-saver": "^2.0.5",
     "lodash": "^4.17.20",
@@ -68,5 +68,5 @@
   "engines": {
     "node": ">=14"
   },
-  "gitHead": "ac63a892a690324697897289720d42d4bd3989fa"
+  "gitHead": "4c48921ed3b574960f207d9f5ce8f9de6feab169"
 }

package/src/index.ts

@@ -18,7 +18,7 @@ export default function docusaurusThemeOpenAPI(): Plugin<void> {
     getClientModules() {
       const modules = [
         require.resolve(
-          path.join(__dirname, "..", "lib", "theme", "styles.scss"),
+          path.join(__dirname, "..", "lib", "theme", "styles.scss")
         ),
       ];
       return modules;

package/src/markdown/schema.ts

@@ -45,7 +45,7 @@ function prettyName(schema: SchemaObject, circular?: boolean) {
 
 export function getSchemaName(
   schema: SchemaObject,
-  circular?: boolean,
+  circular?: boolean
 ): string {
   if (schema.items) {
     return prettyName(schema.items, circular) + "[]";
@@ -79,7 +79,7 @@ export function getQualifierMessage(schema?: SchemaObject): string | undefined {
   if (schema.items && schema.items.enum) {
     if (schema.items.enum) {
       qualifierGroups.push(
-        `[${schema.items.enum.map((e) => `\`${e}\``).join(", ")}]`,
+        `[${schema.items.enum.map((e) => `\`${e}\``).join(", ")}]`
       );
     }
   }
@@ -150,7 +150,7 @@ export function getQualifierMessage(schema?: SchemaObject): string | undefined {
 
   if (schema.pattern) {
     qualifierGroups.push(
-      `Value must match regular expression \`${schema.pattern}\``,
+      `Value must match regular expression \`${schema.pattern}\``
     );
   }
 

package/src/markdown/utils.ts

@@ -22,7 +22,7 @@ export function create(tag: string, props: Props): string {
 
 export function guard<T>(
   value: T | undefined | string,
-  cb: (value: T) => Children,
+  cb: (value: T) => Children
 ): string {
   if (!!value || value === 0) {
     const children = cb(value as T);

package/src/theme/ApiExplorer/ApiCodeBlock/Container/index.js

@@ -22,7 +22,7 @@ export default function CodeBlockContainer({ as: As, ...props }) {
       className={clsx(
         "openapi-explorer__code-block-container",
         props.className,
-        ThemeClassNames.common.codeBlock,
+        ThemeClassNames.common.codeBlock
       )}
     />
   );

package/src/theme/ApiExplorer/ApiCodeBlock/Content/Element.js

@@ -21,7 +21,7 @@ export default function CodeBlockJSX({ children, className }) {
       className={clsx(
         "openapi-explorer__code-block-standalone",
         "thin-scrollbar",
-        className,
+        className
       )}
     >
       <code className="openapi-explorer__code-block-lines">{children}</code>

package/src/theme/ApiExplorer/ApiCodeBlock/Content/String.js

@@ -57,7 +57,7 @@ export default function CodeBlockString({
         blockClassName,
         language &&
           !blockClassName.includes(`language-${language}`) &&
-          `language-${language}`,
+          `language-${language}`
       )}
     >
       {title && (
@@ -78,14 +78,14 @@ export default function CodeBlockString({
               className={clsx(
                 className,
                 "openapi-explorer__code-block",
-                "thin-scrollbar",
+                "thin-scrollbar"
               )}
             >
               <code
                 className={clsx(
                   "openapi-explorer__code-block-lines",
                   showLineNumbers &&
-                    "openapi-explorer__code-block-lines-numbering",
+                    "openapi-explorer__code-block-lines-numbering"
                 )}
               >
                 {tokens.map((line, i) => (
@@ -117,7 +117,7 @@ export default function CodeBlockString({
           <ExpandButton
             className={clsx(
               "openapi-explorer__code-block-code-btn",
-              "openapi-explorer__expand-btn",
+              "openapi-explorer__expand-btn"
             )}
             code={code}
             language={language}

package/src/theme/ApiExplorer/ApiCodeBlock/CopyButton/index.js

@@ -48,7 +48,7 @@ export default function CopyButton({ code, className }) {
         "clean-btn",
         className,
         "openapi-explorer__code-block-copy-btn",
-        isCopied && "openapi-explorer__code-block-copy-btn--copied",
+        isCopied && "openapi-explorer__code-block-copy-btn--copied"
       )}
       onClick={handleCopyCode}
     >

package/src/theme/ApiExplorer/ApiCodeBlock/ExitButton/index.js

@@ -27,7 +27,7 @@ export default function ExitButton({ className, handler }) {
       className={clsx(
         "clean-btn",
         "openapi-explorer__code-block-exit-btn",
-        className,
+        className
       )}
       onClick={handler}
     >

package/src/theme/ApiExplorer/ApiCodeBlock/ExpandButton/index.js

@@ -59,7 +59,7 @@ export default function ExpandButton({
           "clean-btn",
           className,
           "openapi-explorer__code-block-expand-btn",
-          isModalOpen && "openapi-explorer__code-block-expand-btn--copied",
+          isModalOpen && "openapi-explorer__code-block-expand-btn--copied"
         )}
         onClick={() => setIsModalOpen(true)}
       >
@@ -94,7 +94,7 @@ export default function ExpandButton({
             "openapi-explorer__code-block-container",
             language &&
               !blockClassName.includes(`language-${language}`) &&
-              `language-${language}`,
+              `language-${language}`
           )}
         >
           {title && (
@@ -114,14 +114,14 @@ export default function ExpandButton({
                   className={clsx(
                     className,
                     "openapi-explorer__code-block",
-                    "thin-scrollbar",
+                    "thin-scrollbar"
                   )}
                 >
                   <code
                     className={clsx(
                       "openapi-explorer__code-block-lines",
                       showLineNumbers &&
-                        "openapi-explorer__code-block-lines-numbers",
+                        "openapi-explorer__code-block-lines-numbers"
                     )}
                   >
                     {tokens.map((line, i) => (

package/src/theme/ApiExplorer/ApiCodeBlock/Line/index.js

@@ -23,7 +23,7 @@ export default function CodeBlockLine({
     line,
     className: clsx(
       classNames,
-      showLineNumbers && "openapi-explorer__code-block-code-line",
+      showLineNumbers && "openapi-explorer__code-block-code-line"
     ),
   });
   const lineTokens = line.map((token, key) => (

package/src/theme/ApiExplorer/ApiCodeBlock/WordWrapButton/index.js

@@ -24,7 +24,7 @@ export default function WordWrapButton({ className, onClick, isEnabled }) {
       className={clsx(
         "clean-btn",
         className,
-        isEnabled && "openapi-explorer__code-block-word-wrap-btn--enabled",
+        isEnabled && "openapi-explorer__code-block-word-wrap-btn--enabled"
       )}
       aria-label={title}
       title={title}

package/src/theme/ApiExplorer/Authorization/index.tsx

@@ -56,7 +56,7 @@ function Authorization() {
                       scheme: a.key,
                       key: "token",
                       value: value ? value : undefined,
-                    }),
+                    })
                   );
                 }}
               />
@@ -77,7 +77,7 @@ function Authorization() {
                       scheme: a.key,
                       key: "token",
                       value: value ? value : undefined,
-                    }),
+                    })
                   );
                 }}
               />
@@ -99,7 +99,7 @@ function Authorization() {
                         scheme: a.key,
                         key: "username",
                         value: value ? value : undefined,
-                      }),
+                      })
                     );
                   }}
                 />
@@ -116,7 +116,7 @@ function Authorization() {
                         scheme: a.key,
                         key: "password",
                         value: value ? value : undefined,
-                      }),
+                      })
                     );
                   }}
                 />
@@ -138,7 +138,7 @@ function Authorization() {
                       scheme: a.key,
                       key: "apiKey",
                       value: value ? value : undefined,
-                    }),
+                    })
                   );
                 }}
               />

package/src/theme/ApiExplorer/Authorization/slice.ts

@@ -130,7 +130,7 @@ export const slice = createSlice({
   reducers: {
     setAuthData: (
       state,
-      action: PayloadAction<{ scheme: string; key: string; value?: string }>,
+      action: PayloadAction<{ scheme: string; key: string; value?: string }>
     ) => {
       const { scheme, key, value } = action.payload;
       state.data[scheme][key] = value;

package/src/theme/ApiExplorer/Body/index.tsx

@@ -108,7 +108,7 @@ function Body({
               setFileRawBody({
                 src: `/path/to/${file.name}`,
                 content: file,
-              }),
+              })
             );
           }}
         />
@@ -148,7 +148,7 @@ function Body({
                             src: `/path/to/${file.name}`,
                             content: file,
                           },
-                        }),
+                        })
                       );
                     }}
                   />
@@ -177,7 +177,7 @@ function Body({
                           setStringFormBody({
                             key: key,
                             value: val,
-                          }),
+                          })
                         );
                       }
                     }}
@@ -204,7 +204,7 @@ function Body({
                   placeholder={val.description || key}
                   onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
                     dispatch(
-                      setStringFormBody({ key: key, value: e.target.value }),
+                      setStringFormBody({ key: key, value: e.target.value })
                     );
                   }}
                 />

package/src/theme/ApiExplorer/Body/slice.ts

@@ -78,7 +78,7 @@ export const slice = createSlice({
     },
     setStringFormBody: (
       state,
-      action: PayloadAction<{ key: string; value: string }>,
+      action: PayloadAction<{ key: string; value: string }>
     ) => {
       if (state?.type !== "form") {
         return {
@@ -99,7 +99,7 @@ export const slice = createSlice({
     },
     setFileFormBody: (
       state,
-      action: PayloadAction<{ key: string; value: FileContent["value"] }>,
+      action: PayloadAction<{ key: string; value: FileContent["value"] }>
     ) => {
       if (state?.type !== "form") {
         return {

package/src/theme/ApiExplorer/CodeSnippets/index.tsx

@@ -186,7 +186,7 @@ function CodeSnippets({ postman, codeSamples }: Props) {
   // Merge user-defined langs into languageSet
   const mergedLangs = mergeCodeSampleLanguage(
     mergeArraysbyLanguage(userDefinedLanguageSet, filteredLanguageSet),
-    codeSamples,
+    codeSamples
   );
 
   console.log("merged", mergedLangs);
@@ -194,7 +194,7 @@ function CodeSnippets({ postman, codeSamples }: Props) {
   // Read defaultLang from localStorage
   const defaultLang: Language[] = mergedLangs.filter(
     (lang) =>
-      lang.language === localStorage.getItem("docusaurus.tab.code-samples"),
+      lang.language === localStorage.getItem("docusaurus.tab.code-samples")
   );
   const [selectedVariant, setSelectedVariant] = useState<string | undefined>();
   const [selectedSample, setSelectedSample] = useState<string | undefined>();
@@ -238,11 +238,11 @@ function CodeSnippets({ postman, codeSamples }: Props) {
             return;
           }
           setCodeText(snippet);
-        },
+        }
       );
     } else if (language && !language.options) {
       const langSource = mergedLangs.filter(
-        (lang) => lang.language === language.language,
+        (lang) => lang.language === language.language
       );
 
       // Merges user-defined language with default languageSet
@@ -271,7 +271,7 @@ function CodeSnippets({ postman, codeSamples }: Props) {
             return;
           }
           setCodeText(snippet);
-        },
+        }
       );
     } else {
       setCodeText("");
@@ -314,7 +314,7 @@ function CodeSnippets({ postman, codeSamples }: Props) {
             return;
           }
           setCodeText(snippet);
-        },
+        }
       );
     }
   });
@@ -329,7 +329,7 @@ function CodeSnippets({ postman, codeSamples }: Props) {
       selectedSample !== language.sample
     ) {
       const sampleIndex = language.samples.findIndex(
-        (smp) => smp === selectedSample,
+        (smp) => smp === selectedSample
       );
       setCodeSampleCodeText(language.samplesSources[sampleIndex]);
     }

package/src/theme/ApiExplorer/CodeSnippets/languages.ts

@@ -14,17 +14,17 @@ import { CodeSample, Language } from "./code-snippets-types";
 
 export function mergeCodeSampleLanguage(
   languages: Language[],
-  codeSamples: CodeSample[],
+  codeSamples: CodeSample[]
 ): Language[] {
   return languages.map((language) => {
     const languageCodeSamples = codeSamples.filter(
-      ({ lang }) => lang === language.codeSampleLanguage,
+      ({ lang }) => lang === language.codeSampleLanguage
     );
 
     if (languageCodeSamples.length) {
       const samples = languageCodeSamples.map(({ lang }) => lang);
       const samplesLabels = languageCodeSamples.map(
-        ({ label, lang }) => label || lang,
+        ({ label, lang }) => label || lang
       );
       const samplesSources = languageCodeSamples.map(({ source }) => source);
 
@@ -66,7 +66,7 @@ export function getCodeSampleSourceFromLanguage(language: Language) {
     language.samplesSources
   ) {
     const sampleIndex = language.samples.findIndex(
-      (smp) => smp === language.sample,
+      (smp) => smp === language.sample
     );
     return language.samplesSources[sampleIndex];
   }

package/src/theme/ApiExplorer/CodeTabs/_CodeTabs.scss

@@ -18,14 +18,12 @@
     background-color: var(--ifm-pre-background);
     border-radius: var(--ifm-global-radius);
     border: 1px solid var(--openapi-explorer-border-color);
-    box-shadow:
-      0 2px 3px hsla(222, 8%, 43%, 0.1),
+    box-shadow: 0 2px 3px hsla(222, 8%, 43%, 0.1),
       0 8px 16px -10px hsla(222, 8%, 43%, 0.2);
     transition: 300ms;
 
     &:hover {
-      box-shadow:
-        0 0 0 2px rgba(38, 53, 61, 0.15),
+      box-shadow: 0 0 0 2px rgba(38, 53, 61, 0.15),
         0 2px 3px hsla(222, 8%, 43%, 0.15),
         0 16px 16px -10px hsla(222, 8%, 43%, 0.2);
     }

package/src/theme/ApiExplorer/CodeTabs/index.js

@@ -44,19 +44,19 @@ function TabList({
       let newLanguage;
       if (currentLanguage && includeVariant) {
         newLanguage = languageSet.filter(
-          (lang) => lang.language === currentLanguage,
+          (lang) => lang.language === currentLanguage
         )[0];
         newLanguage.variant = newTabValue;
         action.setSelectedVariant(newTabValue.toLowerCase());
       } else if (currentLanguage && includeSample) {
         newLanguage = languageSet.filter(
-          (lang) => lang.language === currentLanguage,
+          (lang) => lang.language === currentLanguage
         )[0];
         newLanguage.sample = newTabValue;
         action.setSelectedSample(newTabValue);
       } else {
         newLanguage = languageSet.filter(
-          (lang) => lang.language === newTabValue,
+          (lang) => lang.language === newTabValue
         )[0];
         action.setSelectedVariant(newLanguage.variant.toLowerCase());
         action.setSelectedSample(newLanguage.sample);
@@ -99,7 +99,7 @@ function TabList({
         {
           "tabs--block": block,
         },
-        className,
+        className
       )}
     >
       {tabValues.map(({ value, label, attributes }) => (
@@ -119,7 +119,7 @@ function TabList({
             attributes?.className,
             {
               active: selectedValue === value,
-            },
+            }
           )}
         >
           <span>{label ?? value}</span>
@@ -134,7 +134,7 @@ function TabContent({ lazy, children, selectedValue }) {
   children = Array.isArray(children) ? children : [children];
   if (lazy) {
     const selectedTabItem = children.find(
-      (tabItem) => tabItem.props.value === selectedValue,
+      (tabItem) => tabItem.props.value === selectedValue
     );
     if (!selectedTabItem) {
       // fail-safe or fail-fast? not sure what's best here
@@ -148,7 +148,7 @@ function TabContent({ lazy, children, selectedValue }) {
         cloneElement(tabItem, {
           key: i,
           hidden: tabItem.props.value !== selectedValue,
-        }),
+        })
       )}
     </div>
   );

package/src/theme/ApiExplorer/FloatingButton/_FloatingButton.scss

@@ -11,9 +11,7 @@
     padding: 0.4rem 0.5rem;
     opacity: 0;
     visibility: hidden;
-    transition:
-      opacity 0.2s ease-in-out,
-      visibility 0.2s ease-in-out,
+    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out,
       bottom 0.2s ease-in-out;
     position: absolute;
     right: calc(var(--ifm-pre-padding) / 2);

package/src/theme/ApiExplorer/MethodEndpoint/index.tsx

@@ -48,7 +48,7 @@ function MethodEndpoint({ method, path }: Props) {
       Object.keys(serverValue.variables).forEach((variable) => {
         serverUrlWithVariables = serverUrlWithVariables.replace(
           `{${variable}}`,
-          serverValue.variables?.[variable].default ?? "",
+          serverValue.variables?.[variable].default ?? ""
         );
       });
     }

package/src/theme/ApiExplorer/ParamOptions/ParamFormItems/ParamArrayFormItem.tsx

@@ -74,7 +74,7 @@ export default function ParamArrayFormItem({ param }: ParamProps) {
       setParam({
         ...param,
         value: values.length > 0 ? values : undefined,
-      }),
+      })
     );
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [items]);

package/src/theme/ApiExplorer/ParamOptions/ParamFormItems/ParamBooleanFormItem.tsx

@@ -43,7 +43,7 @@ export default function ParamBooleanFormItem({ param }: ParamProps) {
                 setParam({
                   ...param,
                   value: val === "---" ? undefined : val,
-                }),
+                })
               );
               onChange(val);
             }}

package/src/theme/ApiExplorer/ParamOptions/ParamFormItems/ParamMultiSelectFormItem.tsx

@@ -37,10 +37,10 @@ export default function ParamMultiSelectFormItem({ param }: ParamProps) {
   const paramTypeToWatch = pathParams.length
     ? pathParams
     : queryParams.length
-      ? queryParams
-      : cookieParams.length
-        ? cookieParams
-        : headerParams;
+    ? queryParams
+    : cookieParams.length
+    ? cookieParams
+    : headerParams;
 
   const handleChange = (e: any, onChange: any) => {
     const values = Array.prototype.filter
@@ -51,7 +51,7 @@ export default function ParamMultiSelectFormItem({ param }: ParamProps) {
       setParam({
         ...param,
         value: values.length > 0 ? values : undefined,
-      }),
+      })
     );
 
     onChange(paramTypeToWatch);

package/src/theme/ApiExplorer/ParamOptions/ParamFormItems/ParamSelectFormItem.tsx

@@ -44,7 +44,7 @@ export default function ParamSelectFormItem({ param }: ParamProps) {
                 setParam({
                   ...param,
                   value: val === "---" ? undefined : val,
-                }),
+                })
               );
               onChange(val);
             }}

package/src/theme/ApiExplorer/ParamOptions/ParamFormItems/ParamTextFormItem.tsx

@@ -30,7 +30,7 @@ export default function ParamTextFormItem({ param }: ParamProps) {
               param.in === "path" || param.in === "query"
                 ? e.target.value.replace(/\s/g, "%20")
                 : e.target.value,
-          }),
+          })
         )
       }
     />

package/src/theme/ApiExplorer/ParamOptions/_ParamOptions.scss

@@ -107,8 +107,7 @@
   }
 
   &:active {
-    box-shadow:
-      inset 0 0 0 1px var(--openapi-input-border),
+    box-shadow: inset 0 0 0 1px var(--openapi-input-border),
       inset 0 0 0 2px var(--openapi-inverse-color);
   }
 }

package/src/theme/ApiExplorer/Request/_Request.scss

@@ -2,8 +2,7 @@
   background-color: var(--ifm-pre-background);
   border-radius: var(--openapi-card-border-radius);
   border: 1px solid var(--openapi-explorer-border-color);
-  box-shadow:
-    0 2px 3px hsla(222, 8%, 43%, 0.1),
+  box-shadow: 0 2px 3px hsla(222, 8%, 43%, 0.1),
     0 8px 16px -10px hsla(222, 8%, 43%, 0.2);
   color: var(--ifm-pre-color);
   line-height: var(--ifm-pre-line-height);
@@ -20,8 +19,7 @@
   }
 
   &:hover {
-    box-shadow:
-      0 0 0 2px rgba(38, 53, 61, 0.15),
+    box-shadow: 0 0 0 2px rgba(38, 53, 61, 0.15),
       0 2px 3px hsla(222, 8%, 43%, 0.15),
       0 16px 16px -10px hsla(222, 8%, 43%, 0.2);
   }

package/src/theme/ApiExplorer/Request/index.tsx

@@ -90,7 +90,7 @@ function Request({ item }: { item: NonNullable<ApiItem> }) {
       const paramType = param.in;
       const paramsArray: ParameterObject[] = paramsObject[paramType];
       paramsArray.push(param as ParameterObject);
-    },
+    }
   );
 
   const methods = useForm({ shouldFocusError: false });

package/src/theme/ApiExplorer/Request/makeRequest.ts

@@ -11,12 +11,12 @@ import sdk from "postman-collection";
 function fetchWithtimeout(
   url: string,
   options: RequestInit,
-  timeout = 5000,
+  timeout = 5000
 ): any {
   return Promise.race([
     fetch(url, options),
     new Promise((_, reject) =>
-      setTimeout(() => reject(new Error("Request timed out")), timeout),
+      setTimeout(() => reject(new Error("Request timed out")), timeout)
     ),
   ]);
 }
@@ -47,7 +47,7 @@ async function loadImage(content: Blob): Promise<string | ArrayBuffer | null> {
 async function makeRequest(
   request: sdk.Request,
   proxy: string | undefined,
-  _body: Body,
+  _body: Body
 ) {
   const headers = request.toJSON().header;
 

package/src/theme/ApiExplorer/Response/_Response.scss

@@ -2,8 +2,7 @@
   background-color: var(--ifm-pre-background);
   border-radius: var(--openapi-card-border-radius);
   border: 1px solid var(--openapi-explorer-border-color);
-  box-shadow:
-    0 2px 3px hsla(222, 8%, 43%, 0.1),
+  box-shadow: 0 2px 3px hsla(222, 8%, 43%, 0.1),
     0 8px 16px -10px hsla(222, 8%, 43%, 0.2);
   color: var(--ifm-pre-color);
   line-height: var(--ifm-pre-line-height);
@@ -13,8 +12,7 @@
   transition: 300ms;
 
   &:hover {
-    box-shadow:
-      0 0 0 2px rgba(38, 53, 61, 0.15),
+    box-shadow: 0 0 0 2px rgba(38, 53, 61, 0.15),
       0 2px 3px hsla(222, 8%, 43%, 0.15),
       0 16px 16px -10px hsla(222, 8%, 43%, 0.2);
   }

package/src/theme/ApiExplorer/Response/index.tsx

@@ -52,8 +52,8 @@ function Response({ item }: { item: NonNullable<ApiItem> }) {
       (parseInt(code) >= 400
         ? "openapi-response__dot--danger"
         : parseInt(code) >= 200 && parseInt(code) < 300
-          ? "openapi-response__dot--success"
-          : "openapi-response__dot--info");
+        ? "openapi-response__dot--success"
+        : "openapi-response__dot--info");
 
   if (!item.servers || hideSendButton) {
     return null;

package/src/theme/ApiExplorer/Server/index.tsx

@@ -51,7 +51,7 @@ function Server() {
         Object.keys(value.variables).forEach((variable) => {
           url = url.replace(
             `{${variable}}`,
-            value.variables?.[variable].default ?? "",
+            value.variables?.[variable].default ?? ""
           );
         });
       }
@@ -76,9 +76,9 @@ function Server() {
               dispatch(
                 setServer(
                   JSON.stringify(
-                    options.filter((s: any) => s.url === e.target.value)[0],
-                  ),
-                ),
+                    options.filter((s: any) => s.url === e.target.value)[0]
+                  )
+                )
               );
             }}
             value={value?.url}
@@ -97,8 +97,8 @@ function Server() {
                     onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
                       dispatch(
                         setServerVariable(
-                          JSON.stringify({ key, value: e.target.value }),
-                        ),
+                          JSON.stringify({ key, value: e.target.value })
+                        )
                       );
                     }}
                     value={value?.variables[key].default}
@@ -113,8 +113,8 @@ function Server() {
                   onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
                     dispatch(
                       setServerVariable(
-                        JSON.stringify({ key, value: e.target.value }),
-                      ),
+                        JSON.stringify({ key, value: e.target.value })
+                      )
                     );
                   }}
                   value={value?.variables?.[key].default}

package/src/theme/ApiExplorer/Server/slice.ts

@@ -22,7 +22,7 @@ export const slice = createSlice({
   reducers: {
     setServer: (state, action: PayloadAction<string>) => {
       state.value = state.options.find(
-        (s) => s.url === JSON.parse(action.payload).url,
+        (s) => s.url === JSON.parse(action.payload).url
       );
     },
     setServerVariable: (state, action: PayloadAction<string>) => {

package/src/theme/ApiExplorer/buildPostmanRequest.ts

@@ -92,7 +92,7 @@ function setHeaders(
   accept: string,
   cookie: string,
   headerParams: Param[],
-  other: { key: string; value: string }[],
+  other: { key: string; value: string }[]
 ) {
   postman.headers.clear();
   if (contentType) {
@@ -213,7 +213,7 @@ function buildPostmanRequest(
     body,
     server,
     auth,
-  }: Options,
+  }: Options
 ) {
   const clonedPostman = cloneDeep(postman);
 
@@ -316,7 +316,7 @@ function buildPostmanRequest(
     accept,
     cookie,
     headerParams,
-    otherHeaders,
+    otherHeaders
   );
 
   setBody(clonedPostman, body);

package/src/theme/ApiExplorer/persistanceMiddleware.ts

@@ -39,7 +39,7 @@ export function createPersistanceMiddleware(options: ThemeConfig["api"]) {
         if (state.auth.selected) {
           storage.setItem(
             hashArray(Object.keys(state.auth.options)),
-            state.auth.selected,
+            state.auth.selected
           );
         }
       }

package/src/theme/ApiItem/index.tsx

@@ -59,7 +59,7 @@ export default function ApiItem(props: Props): JSX.Element {
   if (api) {
     try {
       api = JSON.parse(
-        zlib.inflateSync(Buffer.from(api as any, "base64")).toString(),
+        zlib.inflateSync(Buffer.from(api as any, "base64")).toString()
       );
     } catch {}
   }
@@ -105,7 +105,7 @@ export default function ApiItem(props: Props): JSX.Element {
         const paramType = param.in;
         const paramsArray: ParameterObject[] = params[paramType];
         paramsArray.push(param as ParameterObject);
-      },
+      }
     );
     const auth = createAuth({
       security: api?.security,
@@ -137,7 +137,7 @@ export default function ApiItem(props: Props): JSX.Element {
         params,
         auth,
       },
-      [persistanceMiddleware],
+      [persistanceMiddleware]
     );
   }
 

package/src/theme/ApiItem/store.ts

@@ -28,7 +28,7 @@ export type RootState = ReturnType<typeof rootReducer>;
 
 export const createStoreWithState = (
   preloadedState: RootState,
-  middlewares: any[],
+  middlewares: any[]
 ) =>
   configureStore({
     reducer: rootReducer,
@@ -39,7 +39,7 @@ export const createStoreWithState = (
 
 export const createStoreWithoutState = (
   preloadedState: {},
-  middlewares: any[],
+  middlewares: any[]
 ) =>
   configureStore({
     reducer: rootReducer,

package/src/theme/ApiTabs/index.js

@@ -114,7 +114,7 @@ function TabList({
             {
               "tabs--block": block,
             },
-            className,
+            className
           )}
         >
           {tabValues.map(({ value, label, attributes }) => (
@@ -135,11 +135,11 @@ function TabList({
                 parseInt(value) >= 400
                   ? "danger"
                   : parseInt(value) >= 200 && parseInt(value) < 300
-                    ? "success"
-                    : "info",
+                  ? "success"
+                  : "info",
                 {
                   active: selectedValue === value,
-                },
+                }
               )}
             >
               {label ?? value}
@@ -161,7 +161,7 @@ function TabContent({ lazy, children, selectedValue }) {
   children = Array.isArray(children) ? children : [children];
   if (lazy) {
     const selectedTabItem = children.find(
-      (tabItem) => tabItem.props.value === selectedValue,
+      (tabItem) => tabItem.props.value === selectedValue
     );
     if (!selectedTabItem) {
       // fail-safe or fail-fast? not sure what's best here
@@ -175,7 +175,7 @@ function TabContent({ lazy, children, selectedValue }) {
         cloneElement(tabItem, {
           key: i,
           hidden: tabItem.props.value !== selectedValue,
-        }),
+        })
       )}
     </div>
   );

package/src/theme/DiscriminatorTabs/index.js

@@ -101,7 +101,7 @@ function TabList({ className, block, selectedValue, selectValue, tabValues }) {
             {
               "tabs--block": block,
             },
-            className,
+            className
           )}
         >
           {tabValues.map(({ value, label, attributes }) => (
@@ -121,7 +121,7 @@ function TabList({ className, block, selectedValue, selectValue, tabValues }) {
                 attributes?.className,
                 {
                   active: selectedValue === value,
-                },
+                }
               )}
             >
               <span className="openapi-tabs__discriminator-tab-label">
@@ -146,7 +146,7 @@ function TabContent({ lazy, children, selectedValue }) {
   const flattenedChildren = flatten(children);
   if (lazy) {
     const selectedTabItem = flattenedChildren.find(
-      (tabItem) => tabItem.props.value === selectedValue,
+      (tabItem) => tabItem.props.value === selectedValue
     );
     if (!selectedTabItem) {
       // fail-safe or fail-fast? not sure what's best here
@@ -160,7 +160,7 @@ function TabContent({ lazy, children, selectedValue }) {
         cloneElement(tabItem, {
           key: i,
           hidden: tabItem.props.value !== selectedValue,
-        }),
+        })
       )}
     </div>
   );

package/src/theme/MimeTabs/index.js

@@ -138,7 +138,7 @@ function TabList({
             {
               "tabs--block": block,
             },
-            className,
+            className
           )}
         >
           {tabValues.map(({ value, label, attributes }) => {
@@ -159,7 +159,7 @@ function TabList({
                   attributes?.className,
                   {
                     active: selectedValue === value,
-                  },
+                  }
                 )}
               >
                 {label ?? value}
@@ -182,7 +182,7 @@ function TabContent({ lazy, children, selectedValue }) {
   children = Array.isArray(children) ? children : [children];
   if (lazy) {
     const selectedTabItem = children.find(
-      (tabItem) => tabItem.props.value === selectedValue,
+      (tabItem) => tabItem.props.value === selectedValue
     );
     if (!selectedTabItem) {
       // fail-safe or fail-fast? not sure what's best here
@@ -196,7 +196,7 @@ function TabContent({ lazy, children, selectedValue }) {
         cloneElement(tabItem, {
           key: i,
           hidden: tabItem.props.value !== selectedValue,
-        }),
+        })
       )}
     </div>
   );

package/src/theme/OperationTabs/index.js

@@ -104,7 +104,7 @@ function TabList({ className, block, selectedValue, selectValue, tabValues }) {
             {
               "tabs--block": block,
             },
-            className,
+            className
           )}
         >
           {tabValues.map(({ value, label, attributes }) => {
@@ -125,7 +125,7 @@ function TabList({ className, block, selectedValue, selectValue, tabValues }) {
                   attributes?.className,
                   {
                     active: selectedValue === value,
-                  },
+                  }
                 )}
               >
                 {label ?? value}
@@ -148,7 +148,7 @@ function TabContent({ lazy, children, selectedValue }) {
   children = Array.isArray(children) ? children : [children];
   if (lazy) {
     const selectedTabItem = children.find(
-      (tabItem) => tabItem.props.value === selectedValue,
+      (tabItem) => tabItem.props.value === selectedValue
     );
     if (!selectedTabItem) {
       // fail-safe or fail-fast? not sure what's best here
@@ -162,7 +162,7 @@ function TabContent({ lazy, children, selectedValue }) {
         cloneElement(tabItem, {
           key: i,
           hidden: tabItem.props.value !== selectedValue,
-        }),
+        })
       )}
     </div>
   );

package/src/theme/ParamsItem/index.js

@@ -79,13 +79,13 @@ function ParamsItem({
     schema && schema.items
       ? schema.items.default
       : schema
-        ? schema.default
-        : undefined,
+      ? schema.default
+      : undefined,
     (value) => (
       <div>
         <ReactMarkdown children={`**Default value:** \`${value}\``} />
       </div>
-    ),
+    )
   );
 
   const renderExample = guard(toString(example), (example) => (

package/src/theme/SchemaItem/index.js

@@ -38,7 +38,7 @@ function SchemaItem({
 
   const renderRequired = guard(
     Array.isArray(required) ? required.includes(name) : required,
-    () => <span className="openapi-schema__required">required</span>,
+    () => <span className="openapi-schema__required">required</span>
   );
 
   const renderDeprecated = guard(deprecated, () => (

package/src/theme/SchemaTabs/index.js

@@ -102,7 +102,7 @@ function TabList({ className, block, selectedValue, selectValue, tabValues }) {
           {
             "tabs--block": block,
           },
-          className,
+          className
         )}
       >
         {tabValues.map(({ value, label, attributes }) => (
@@ -122,7 +122,7 @@ function TabList({ className, block, selectedValue, selectValue, tabValues }) {
               attributes?.className,
               {
                 active: selectedValue === value,
-              },
+              }
             )}
           >
             <span className="openapi-tabs__schema-label">{label ?? value}</span>
@@ -145,7 +145,7 @@ function TabContent({ lazy, children, selectedValue }) {
 
   if (lazy) {
     const selectedTabItem = flattenedChildren.find(
-      (tabItem) => tabItem.props.value === selectedValue,
+      (tabItem) => tabItem.props.value === selectedValue
     );
     if (!selectedTabItem) {
       // fail-safe or fail-fast? not sure what's best here
@@ -159,7 +159,7 @@ function TabContent({ lazy, children, selectedValue }) {
         cloneElement(tabItem, {
           key: i,
           hidden: tabItem.props.value !== selectedValue,
-        }),
+        })
       )}
     </div>
   );

package/src/theme/styles.scss

@@ -130,22 +130,22 @@
 
 /* Version button */
 
-// .version-button div {
-//   display: block;
-// }
+.version-button div {
+  display: block;
+}
 
-// .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;
-// }
+.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;
+}
 
 .openapi__logo {
   width: 250px;

package/src/theme-openapi.d.ts

@@ -132,7 +132,7 @@ declare module "@theme/ApiExplorer/FloatingButton" {
   import { Props as FloatingButtonProps } from "@theme/ApiExplorer/FloatingButton";
 
   export default function FloatingButton(
-    props: FloatingButtonProps,
+    props: FloatingButtonProps
   ): JSX.Element;
 }
 
@@ -158,7 +158,7 @@ declare module "@theme/ApiExplorer/FormFileUpload" {
   import { Props as FormFileUploadProps } from "@theme/ApiExplorer/FormFileUpload";
 
   export default function FormFileUpload(
-    props: FormFileUploadProps,
+    props: FormFileUploadProps
   ): JSX.Element;
 }
 
@@ -166,7 +166,7 @@ declare module "@theme/ApiExplorer/FormMultiSelect" {
   import { Props as FormMultiSelectProps } from "@theme/ApiExplorer/FormMultiSelect";
 
   export default function FormMultiSelect(
-    props: FormMultiSelectProps,
+    props: FormMultiSelectProps
   ): JSX.Element;
 }
 
@@ -184,7 +184,7 @@ declare module "@theme/ApiExplorer/MethodEndpoint" {
   import { Props as MethodEndpointProps } from "@theme/ApiExplorer/MethodEndpoint";
 
   export default function MethodEndpoint(
-    props: MethodEndpointProps,
+    props: MethodEndpointProps
   ): JSX.Element;
 }
 
@@ -198,7 +198,7 @@ declare module "@theme/ApiExplorer/ParamOptions/ParamFormItems/ParamMultiSelectF
   import { ParamProps } from "@theme/ApiExplorer/ParamOptions";
 
   export default function ParamMultiSelectFormItem(
-    props: ParamProps,
+    props: ParamProps
   ): JSX.Element;
 }