docusaurus-theme-openapi-docs 0.0.0-737 → 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-737",
+  "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-737",
+    "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": "c6c79eab0f5ec52c4ef3b15207140a351a0a456f"
+  "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);
             }}