docusaurus-theme-openapi-docs 0.0.0-1055 → 0.0.0-1056

package/lib/markdown/schema.js

@@ -8,6 +8,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getSchemaName = getSchemaName;
 exports.getQualifierMessage = getQualifierMessage;
+const Translate_1 = require("@docusaurus/Translate");
+const translationIds_1 = require("../theme/translationIds");
 function prettyName(schema, circular) {
     if (schema.format) {
         return schema.format;
@@ -57,7 +59,10 @@ function getQualifierMessage(schema) {
         schema.maxItems === undefined) {
         return getQualifierMessage(schema.items);
     }
-    let message = "**Possible values:** ";
+    let message = `**${(0, Translate_1.translate)({
+        id: translationIds_1.OPENAPI_SCHEMA_ITEM.POSSIBLE_VALUES,
+        message: "Possible values:",
+    })}** `;
     let qualifierGroups = [];
     if (schema.items && schema.items.enum) {
         if (schema.items.enum) {

package/lib/theme/ApiExplorer/Authorization/index.js

@@ -39,7 +39,12 @@ function Authorization() {
     optionKeys.length > 1 &&
       react_1.default.createElement(
         FormItem_1.default,
-        { label: "Security Scheme" },
+        {
+          label: (0, Translate_1.translate)({
+            id: translationIds_1.OPENAPI_AUTH.SECURITY_SCHEME,
+            message: "Security Scheme",
+          }),
+        },
         react_1.default.createElement(FormSelect_1.default, {
           options: optionKeys,
           value: selected,

package/lib/theme/ApiExplorer/SecuritySchemes/index.js

@@ -27,6 +27,42 @@ function SecuritySchemes(props) {
     return null;
   }
   const selectedAuth = options[selected];
+  const keyTranslations = {
+    description: {
+      id: translationIds_1.OPENAPI_SECURITY_SCHEMES.DESCRIPTION,
+      message: "description:",
+    },
+    scheme: {
+      id: translationIds_1.OPENAPI_SECURITY_SCHEMES.SCHEME,
+      message: "scheme:",
+    },
+    bearerFormat: {
+      id: translationIds_1.OPENAPI_SECURITY_SCHEMES.BEARER_FORMAT,
+      message: "bearerFormat:",
+    },
+    openIdConnectUrl: {
+      id: translationIds_1.OPENAPI_SECURITY_SCHEMES.OPEN_ID_CONNECT_URL,
+      message: "openIdConnectUrl:",
+    },
+  };
+  const renderRest = (rest) =>
+    Object.keys(rest).map((k) => {
+      const translation = keyTranslations[k];
+      const label = translation
+        ? (0, Translate_1.translate)({
+            id: translation.id,
+            message: translation.message,
+          })
+        : `${k}:`;
+      return react_1.default.createElement(
+        "span",
+        { key: k },
+        react_1.default.createElement("strong", null, label, " "),
+        typeof rest[k] === "object"
+          ? JSON.stringify(rest[k], null, 2)
+          : String(rest[k])
+      );
+    });
   return react_1.default.createElement(
     "details",
     { className: "openapi-security__details", open: false },
@@ -112,16 +148,7 @@ function SecuritySchemes(props) {
                     auth.scopes.length > 0 ? auth.scopes.toString() : "[]"
                   )
                 ),
-              Object.keys(rest).map((k, i) => {
-                return react_1.default.createElement(
-                  "span",
-                  { key: k },
-                  react_1.default.createElement("strong", null, k, ": "),
-                  typeof rest[k] === "object"
-                    ? JSON.stringify(rest[k], null, 2)
-                    : String(rest[k])
-                );
-              })
+              renderRest(rest)
             )
           );
         }
@@ -191,16 +218,7 @@ function SecuritySchemes(props) {
                     auth.scopes.length > 0 ? auth.scopes.toString() : "[]"
                   )
                 ),
-              Object.keys(rest).map((k, i) => {
-                return react_1.default.createElement(
-                  "span",
-                  { key: k },
-                  react_1.default.createElement("strong", null, k, ": "),
-                  typeof rest[k] === "object"
-                    ? JSON.stringify(rest[k], null, 2)
-                    : String(rest[k])
-                );
-              })
+              renderRest(rest)
             )
           );
         }
@@ -331,16 +349,7 @@ function SecuritySchemes(props) {
                   auth.scopes.length > 0 ? auth.scopes.toString() : "[]"
                 )
               ),
-            Object.keys(rest).map((k, i) => {
-              return react_1.default.createElement(
-                "span",
-                { key: k },
-                react_1.default.createElement("strong", null, k, ": "),
-                typeof rest[k] === "object"
-                  ? JSON.stringify(rest[k], null, 2)
-                  : String(rest[k])
-              );
-            })
+            renderRest(rest)
           )
         );
       }
@@ -410,16 +419,7 @@ function SecuritySchemes(props) {
                   auth.scopes.length > 0 ? auth.scopes.toString() : "[]"
                 )
               ),
-            Object.keys(rest).map((k, i) => {
-              return react_1.default.createElement(
-                "span",
-                { key: k },
-                react_1.default.createElement("strong", null, k, ": "),
-                typeof rest[k] === "object"
-                  ? JSON.stringify(rest[k], null, 2)
-                  : String(rest[k])
-              );
-            }),
+            renderRest(rest),
             flows &&
               react_1.default.createElement(
                 "span",
@@ -508,16 +508,7 @@ function SecuritySchemes(props) {
                   auth.scopes.length > 0 ? auth.scopes.toString() : "[]"
                 )
               ),
-            Object.keys(rest).map((k, i) => {
-              return react_1.default.createElement(
-                "span",
-                { key: k },
-                react_1.default.createElement("strong", null, k, ": "),
-                typeof rest[k] === "object"
-                  ? JSON.stringify(rest[k], null, 2)
-                  : String(rest[k])
-              );
-            })
+            renderRest(rest)
           )
         );
       }

package/lib/theme/ParamsItem/index.js

@@ -23,7 +23,15 @@ const schema_1 = require("../../markdown/schema");
 const utils_1 = require("../../markdown/utils");
 const getEnumDescriptionMarkdown = (enumDescriptions) => {
   if (enumDescriptions?.length) {
-    return `| Enum Value | Description |
+    const enumValue = (0, Translate_1.translate)({
+      id: translationIds_1.OPENAPI_SCHEMA_ITEM.ENUM_VALUE,
+      message: "Enum Value",
+    });
+    const description = (0, Translate_1.translate)({
+      id: translationIds_1.OPENAPI_SCHEMA_ITEM.ENUM_DESCRIPTION,
+      message: "Description",
+    });
+    return `| ${enumValue} | ${description} |
 | ---- | ----- |
 ${enumDescriptions
   .map((desc) => {

package/lib/theme/RequestSchema/index.js

@@ -68,7 +68,10 @@ const RequestSchemaComponent = ({ title, body, style }) => {
                         className:
                           "openapi-markdown__details-summary-header-body",
                       },
-                      title,
+                      (0, Translate_1.translate)({
+                        id: translationIds_1.OPENAPI_REQUEST.BODY_TITLE,
+                        message: title,
+                      }),
                       body.required === true &&
                         react_1.default.createElement(
                           "span",
@@ -138,7 +141,10 @@ const RequestSchemaComponent = ({ title, body, style }) => {
               react_1.default.createElement(
                 "h3",
                 { className: "openapi-markdown__details-summary-header-body" },
-                title,
+                (0, Translate_1.translate)({
+                  id: translationIds_1.OPENAPI_REQUEST.BODY_TITLE,
+                  message: title,
+                }),
                 firstBody.type === "array" &&
                   react_1.default.createElement(
                     "span",

package/lib/theme/Schema/index.js

@@ -12,6 +12,8 @@ var __importDefault =
   };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
+const Translate_1 = require("@docusaurus/Translate");
+const translationIds_1 = require("@theme/translationIds");
 const ArrayBrackets_1 = require("@theme/ArrayBrackets");
 const Details_1 = __importDefault(require("@theme/Details"));
 const DiscriminatorTabs_1 = __importDefault(
@@ -77,25 +79,43 @@ const Summary = ({ name, schemaName, schema, required }) => {
         react_1.default.createElement(
           "span",
           { className: "openapi-schema__nullable" },
-          "nullable"
+          (0, Translate_1.translate)({
+            id: translationIds_1.OPENAPI_SCHEMA_ITEM.NULLABLE,
+            message: "nullable",
+          })
         ),
       isRequired &&
         react_1.default.createElement(
           "span",
           { className: "openapi-schema__required" },
-          "required"
+          (0, Translate_1.translate)({
+            id: translationIds_1.OPENAPI_SCHEMA_ITEM.REQUIRED,
+            message: "required",
+          })
         ),
       deprecated &&
         react_1.default.createElement(
           "span",
           { className: "openapi-schema__deprecated" },
-          "deprecated"
+          (0, Translate_1.translate)({
+            id: translationIds_1.OPENAPI_SCHEMA_ITEM.DEPRECATED,
+            message: "deprecated",
+          })
         )
     )
   );
 };
 const AnyOneOf = ({ schema, schemaType }) => {
-  const type = schema.oneOf ? "oneOf" : "anyOf";
+  const key = schema.oneOf ? "oneOf" : "anyOf";
+  const type = schema.oneOf
+    ? (0, Translate_1.translate)({
+        id: translationIds_1.OPENAPI_SCHEMA_ITEM.ONE_OF,
+        message: "oneOf",
+      })
+    : (0, Translate_1.translate)({
+        id: translationIds_1.OPENAPI_SCHEMA_ITEM.ANY_OF,
+        message: "anyOf",
+      });
   return react_1.default.createElement(
     react_1.default.Fragment,
     null,
@@ -107,7 +127,7 @@ const AnyOneOf = ({ schema, schemaType }) => {
     react_1.default.createElement(
       SchemaTabs_1.default,
       null,
-      schema[type]?.map((anyOneSchema, index) => {
+      schema[key]?.map((anyOneSchema, index) => {
         const label = anyOneSchema.title || anyOneSchema.type;
         return (
           // @ts-ignore
@@ -262,7 +282,10 @@ const PropertyDiscriminator = ({
             react_1.default.createElement(
               "span",
               { className: "openapi-schema__required" },
-              "required"
+              (0, Translate_1.translate)({
+                id: translationIds_1.OPENAPI_SCHEMA_ITEM.REQUIRED,
+                message: "required",
+              })
             )
         ),
         react_1.default.createElement(

package/lib/theme/SchemaItem/index.js

@@ -26,7 +26,15 @@ const transformEnumDescriptions = (enumDescriptions) => {
 };
 const getEnumDescriptionMarkdown = (enumDescriptions) => {
   if (enumDescriptions?.length) {
-    return `| Enum Value | Description |
+    const enumValue = (0, Translate_1.translate)({
+      id: translationIds_1.OPENAPI_SCHEMA_ITEM.ENUM_VALUE,
+      message: "Enum Value",
+    });
+    const description = (0, Translate_1.translate)({
+      id: translationIds_1.OPENAPI_SCHEMA_ITEM.ENUM_DESCRIPTION,
+      message: "Description",
+    });
+    return `| ${enumValue} | ${description} |
 | ---- | ----- |
 ${enumDescriptions
   .map((desc) => {

package/lib/theme/translationIds.d.ts

@@ -39,6 +39,7 @@ export declare const OPENAPI_AUTH: {
     BEARER_TOKEN: string;
     USERNAME: string;
     PASSWORD: string;
+    SECURITY_SCHEME: string;
 };
 export declare const OPENAPI_RESPONSE_EXAMPLES: {
     EXAMPLE: string;
@@ -60,6 +61,11 @@ export declare const OPENAPI_SCHEMA_ITEM: {
     EXAMPLES: string;
     DESCRIPTION: string;
     CONSTANT_VALUE: string;
+    ENUM_VALUE: string;
+    ENUM_DESCRIPTION: string;
+    POSSIBLE_VALUES: string;
+    ONE_OF: string;
+    ANY_OF: string;
 };
 export declare const OPENAPI_PARAMS_DETAILS: {
     PARAMETERS_TITLE: string;
@@ -70,4 +76,8 @@ export declare const OPENAPI_SECURITY_SCHEMES: {
     SCOPES: string;
     IN: string;
     FLOWS: string;
+    DESCRIPTION: string;
+    SCHEME: string;
+    BEARER_FORMAT: string;
+    OPEN_ID_CONNECT_URL: string;
 };

package/lib/theme/translationIds.js

@@ -62,6 +62,7 @@ exports.OPENAPI_AUTH = {
   BEARER_TOKEN: "theme.openapi.auth.bearerToken",
   USERNAME: "theme.openapi.auth.username",
   PASSWORD: "theme.openapi.auth.password",
+  SECURITY_SCHEME: "theme.openapi.auth.securityScheme",
 };
 exports.OPENAPI_RESPONSE_EXAMPLES = {
   EXAMPLE: "theme.openapi.responseExamples.example",
@@ -83,6 +84,11 @@ exports.OPENAPI_SCHEMA_ITEM = {
   EXAMPLES: "theme.openapi.schemaItem.examples",
   DESCRIPTION: "theme.openapi.schemaItem.description",
   CONSTANT_VALUE: "theme.openapi.schemaItem.constantValue",
+  ENUM_VALUE: "theme.openapi.schemaItem.enumValue",
+  ENUM_DESCRIPTION: "theme.openapi.schemaItem.enumDescription",
+  POSSIBLE_VALUES: "theme.openapi.schemaItem.possibleValues",
+  ONE_OF: "theme.openapi.schemaItem.oneOf",
+  ANY_OF: "theme.openapi.schemaItem.anyOf",
 };
 exports.OPENAPI_PARAMS_DETAILS = {
   PARAMETERS_TITLE: "theme.openapi.paramsDetails.parametersTitle",
@@ -93,4 +99,8 @@ exports.OPENAPI_SECURITY_SCHEMES = {
   SCOPES: "theme.openapi.securitySchemes.scopes",
   IN: "theme.openapi.securitySchemes.in",
   FLOWS: "theme.openapi.securitySchemes.flows",
+  DESCRIPTION: "theme.openapi.securitySchemes.description",
+  SCHEME: "theme.openapi.securitySchemes.scheme",
+  BEARER_FORMAT: "theme.openapi.securitySchemes.bearerFormat",
+  OPEN_ID_CONNECT_URL: "theme.openapi.securitySchemes.openIdConnectUrl",
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "docusaurus-theme-openapi-docs",
   "description": "OpenAPI theme for Docusaurus.",
-  "version": "0.0.0-1055",
+  "version": "0.0.0-1056",
   "license": "MIT",
   "keywords": [
     "openapi",
@@ -38,7 +38,7 @@
     "@types/postman-collection": "^3.5.11",
     "@types/react-modal": "^3.16.3",
     "concurrently": "^9.2.0",
-    "docusaurus-plugin-openapi-docs": "0.0.0-1055",
+    "docusaurus-plugin-openapi-docs": "0.0.0-1056",
     "docusaurus-plugin-sass": "^0.2.6",
     "eslint-plugin-prettier": "^5.5.1"
   },
@@ -81,5 +81,5 @@
   "engines": {
     "node": ">=14"
   },
-  "gitHead": "032eb64b64b19ba5d04fad6c1dcfaa2a96952f71"
+  "gitHead": "4ff12f6d3557a3b08714f7236e978a44f0e6826b"
 }

package/src/markdown/schema.ts

@@ -5,6 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  * ========================================================================== */
 
+import { translate } from "@docusaurus/Translate";
+import { OPENAPI_SCHEMA_ITEM } from "../theme/translationIds";
 import { SchemaObject } from "../types";
 
 function prettyName(schema: SchemaObject, circular?: boolean) {
@@ -72,7 +74,10 @@ export function getQualifierMessage(schema?: SchemaObject): string | undefined {
     return getQualifierMessage(schema.items);
   }
 
-  let message = "**Possible values:** ";
+  let message = `**${translate({
+    id: OPENAPI_SCHEMA_ITEM.POSSIBLE_VALUES,
+    message: "Possible values:",
+  })}** `;
 
   let qualifierGroups = [];
 

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

@@ -34,7 +34,12 @@ function Authorization() {
   return (
     <div>
       {optionKeys.length > 1 && (
-        <FormItem label="Security Scheme">
+        <FormItem
+          label={translate({
+            id: OPENAPI_AUTH.SECURITY_SCHEME,
+            message: "Security Scheme",
+          })}
+        >
           <FormSelect
             options={optionKeys}
             value={selected}

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

@@ -25,6 +25,41 @@ function SecuritySchemes(props: any) {
   }
 
   const selectedAuth = options[selected];
+
+  const keyTranslations: Record<string, { id: string; message: string }> = {
+    description: {
+      id: OPENAPI_SECURITY_SCHEMES.DESCRIPTION,
+      message: "description:",
+    },
+    scheme: {
+      id: OPENAPI_SECURITY_SCHEMES.SCHEME,
+      message: "scheme:",
+    },
+    bearerFormat: {
+      id: OPENAPI_SECURITY_SCHEMES.BEARER_FORMAT,
+      message: "bearerFormat:",
+    },
+    openIdConnectUrl: {
+      id: OPENAPI_SECURITY_SCHEMES.OPEN_ID_CONNECT_URL,
+      message: "openIdConnectUrl:",
+    },
+  };
+
+  const renderRest = (rest: Record<string, any>) =>
+    Object.keys(rest).map((k) => {
+      const translation = keyTranslations[k];
+      const label = translation
+        ? translate({ id: translation.id, message: translation.message })
+        : `${k}:`;
+      return (
+        <span key={k}>
+          <strong>{label} </strong>
+          {typeof rest[k] === "object"
+            ? JSON.stringify(rest[k], null, 2)
+            : String(rest[k])}
+        </span>
+      );
+    });
   return (
     <details className="openapi-security__details" open={false}>
       <summary className="openapi-security__summary-container">
@@ -81,16 +116,7 @@ function SecuritySchemes(props: any) {
                       </code>
                     </span>
                   )}
-                  {Object.keys(rest).map((k, i) => {
-                    return (
-                      <span key={k}>
-                        <strong>{k}: </strong>
-                        {typeof rest[k] === "object"
-                          ? JSON.stringify(rest[k], null, 2)
-                          : String(rest[k])}
-                      </span>
-                    );
-                  })}
+                  {renderRest(rest)}
                 </pre>
               </React.Fragment>
             );
@@ -137,16 +163,7 @@ function SecuritySchemes(props: any) {
                       </code>
                     </span>
                   )}
-                  {Object.keys(rest).map((k, i) => {
-                    return (
-                      <span key={k}>
-                        <strong>{k}: </strong>
-                        {typeof rest[k] === "object"
-                          ? JSON.stringify(rest[k], null, 2)
-                          : String(rest[k])}
-                      </span>
-                    );
-                  })}
+                  {renderRest(rest)}
                 </pre>
               </React.Fragment>
             );
@@ -234,16 +251,7 @@ function SecuritySchemes(props: any) {
                     </code>
                   </span>
                 )}
-                {Object.keys(rest).map((k, i) => {
-                  return (
-                    <span key={k}>
-                      <strong>{k}: </strong>
-                      {typeof rest[k] === "object"
-                        ? JSON.stringify(rest[k], null, 2)
-                        : String(rest[k])}
-                    </span>
-                  );
-                })}
+                {renderRest(rest)}
               </pre>
             </React.Fragment>
           );
@@ -291,16 +299,7 @@ function SecuritySchemes(props: any) {
                     </code>
                   </span>
                 )}
-                {Object.keys(rest).map((k, i) => {
-                  return (
-                    <span key={k}>
-                      <strong>{k}: </strong>
-                      {typeof rest[k] === "object"
-                        ? JSON.stringify(rest[k], null, 2)
-                        : String(rest[k])}
-                    </span>
-                  );
-                })}
+                {renderRest(rest)}
                 {flows && (
                   <span>
                     <code>
@@ -361,16 +360,7 @@ function SecuritySchemes(props: any) {
                     </code>
                   </span>
                 )}
-                {Object.keys(rest).map((k, i) => {
-                  return (
-                    <span key={k}>
-                      <strong>{k}: </strong>
-                      {typeof rest[k] === "object"
-                        ? JSON.stringify(rest[k], null, 2)
-                        : String(rest[k])}
-                    </span>
-                  );
-                })}
+                {renderRest(rest)}
               </pre>
             </React.Fragment>
           );

package/src/theme/ParamsItem/index.tsx

@@ -42,7 +42,15 @@ export interface Props {
 
 const getEnumDescriptionMarkdown = (enumDescriptions?: [string, string][]) => {
   if (enumDescriptions?.length) {
-    return `| Enum Value | Description |
+    const enumValue = translate({
+      id: OPENAPI_SCHEMA_ITEM.ENUM_VALUE,
+      message: "Enum Value",
+    });
+    const description = translate({
+      id: OPENAPI_SCHEMA_ITEM.ENUM_DESCRIPTION,
+      message: "Description",
+    });
+    return `| ${enumValue} | ${description} |
 | ---- | ----- |
 ${enumDescriptions
   .map((desc) => {

package/src/theme/RequestSchema/index.tsx

@@ -8,7 +8,7 @@
 import React from "react";
 
 import { translate } from "@docusaurus/Translate";
-import { OPENAPI_SCHEMA_ITEM } from "@theme/translationIds";
+import { OPENAPI_REQUEST, OPENAPI_SCHEMA_ITEM } from "@theme/translationIds";
 
 import BrowserOnly from "@docusaurus/BrowserOnly";
 import Details from "@theme/Details";
@@ -67,7 +67,10 @@ const RequestSchemaComponent: React.FC<Props> = ({ title, body, style }) => {
                   <>
                     <summary>
                       <h3 className="openapi-markdown__details-summary-header-body">
-                        {title}
+                        {translate({
+                          id: OPENAPI_REQUEST.BODY_TITLE,
+                          message: title,
+                        })}
                         {body.required === true && (
                           <span className="openapi-schema__required">
                             {translate({
@@ -120,7 +123,10 @@ const RequestSchemaComponent: React.FC<Props> = ({ title, body, style }) => {
             <>
               <summary>
                 <h3 className="openapi-markdown__details-summary-header-body">
-                  {title}
+                  {translate({
+                    id: OPENAPI_REQUEST.BODY_TITLE,
+                    message: title,
+                  })}
                   {firstBody.type === "array" && (
                     <span style={{ opacity: "0.6" }}> array</span>
                   )}

package/src/theme/Schema/index.tsx

@@ -7,6 +7,9 @@
 
 import React from "react";
 
+import { translate } from "@docusaurus/Translate";
+import { OPENAPI_SCHEMA_ITEM } from "@theme/translationIds";
+
 import { ClosingArrayBracket, OpeningArrayBracket } from "@theme/ArrayBrackets";
 import Details from "@theme/Details";
 import DiscriminatorTabs from "@theme/DiscriminatorTabs";
@@ -89,12 +92,29 @@ const Summary: React.FC<SummaryProps> = ({
         {(isRequired || deprecated || nullable) && (
           <span className="openapi-schema__divider" />
         )}
-        {nullable && <span className="openapi-schema__nullable">nullable</span>}
+        {nullable && (
+          <span className="openapi-schema__nullable">
+            {translate({
+              id: OPENAPI_SCHEMA_ITEM.NULLABLE,
+              message: "nullable",
+            })}
+          </span>
+        )}
         {isRequired && (
-          <span className="openapi-schema__required">required</span>
+          <span className="openapi-schema__required">
+            {translate({
+              id: OPENAPI_SCHEMA_ITEM.REQUIRED,
+              message: "required",
+            })}
+          </span>
         )}
         {deprecated && (
-          <span className="openapi-schema__deprecated">deprecated</span>
+          <span className="openapi-schema__deprecated">
+            {translate({
+              id: OPENAPI_SCHEMA_ITEM.DEPRECATED,
+              message: "deprecated",
+            })}
+          </span>
         )}
       </span>
     </summary>
@@ -108,14 +128,17 @@ interface SchemaProps {
 }
 
 const AnyOneOf: React.FC<SchemaProps> = ({ schema, schemaType }) => {
-  const type = schema.oneOf ? "oneOf" : "anyOf";
+  const key = schema.oneOf ? "oneOf" : "anyOf";
+  const type = schema.oneOf
+    ? translate({ id: OPENAPI_SCHEMA_ITEM.ONE_OF, message: "oneOf" })
+    : translate({ id: OPENAPI_SCHEMA_ITEM.ANY_OF, message: "anyOf" });
   return (
     <>
       <span className="badge badge--info" style={{ marginBottom: "1rem" }}>
         {type}
       </span>
       <SchemaTabs>
-        {schema[type]?.map((anyOneSchema: any, index: number) => {
+        {schema[key]?.map((anyOneSchema: any, index: number) => {
           const label = anyOneSchema.title || anyOneSchema.type;
           return (
             // @ts-ignore
@@ -254,7 +277,12 @@ const PropertyDiscriminator: React.FC<SchemaEdgeProps> = ({
             )}
             {required && <span className="openapi-schema__divider"></span>}
             {required && (
-              <span className="openapi-schema__required">required</span>
+              <span className="openapi-schema__required">
+                {translate({
+                  id: OPENAPI_SCHEMA_ITEM.REQUIRED,
+                  message: "required",
+                })}
+              </span>
             )}
           </span>
           <div style={{ marginLeft: "1rem" }}>

package/src/theme/SchemaItem/index.tsx

@@ -38,7 +38,15 @@ const transformEnumDescriptions = (
 
 const getEnumDescriptionMarkdown = (enumDescriptions?: [string, string][]) => {
   if (enumDescriptions?.length) {
-    return `| Enum Value | Description |
+    const enumValue = translate({
+      id: OPENAPI_SCHEMA_ITEM.ENUM_VALUE,
+      message: "Enum Value",
+    });
+    const description = translate({
+      id: OPENAPI_SCHEMA_ITEM.ENUM_DESCRIPTION,
+      message: "Description",
+    });
+    return `| ${enumValue} | ${description} |
 | ---- | ----- |
 ${enumDescriptions
   .map((desc) => {

package/src/theme/translationIds.ts

@@ -53,6 +53,7 @@ export const OPENAPI_AUTH = {
   BEARER_TOKEN: "theme.openapi.auth.bearerToken",
   USERNAME: "theme.openapi.auth.username",
   PASSWORD: "theme.openapi.auth.password",
+  SECURITY_SCHEME: "theme.openapi.auth.securityScheme",
 };
 
 export const OPENAPI_RESPONSE_EXAMPLES = {
@@ -78,6 +79,11 @@ export const OPENAPI_SCHEMA_ITEM = {
   EXAMPLES: "theme.openapi.schemaItem.examples",
   DESCRIPTION: "theme.openapi.schemaItem.description",
   CONSTANT_VALUE: "theme.openapi.schemaItem.constantValue",
+  ENUM_VALUE: "theme.openapi.schemaItem.enumValue",
+  ENUM_DESCRIPTION: "theme.openapi.schemaItem.enumDescription",
+  POSSIBLE_VALUES: "theme.openapi.schemaItem.possibleValues",
+  ONE_OF: "theme.openapi.schemaItem.oneOf",
+  ANY_OF: "theme.openapi.schemaItem.anyOf",
 };
 
 export const OPENAPI_PARAMS_DETAILS = {
@@ -90,4 +96,8 @@ export const OPENAPI_SECURITY_SCHEMES = {
   SCOPES: "theme.openapi.securitySchemes.scopes",
   IN: "theme.openapi.securitySchemes.in",
   FLOWS: "theme.openapi.securitySchemes.flows",
+  DESCRIPTION: "theme.openapi.securitySchemes.description",
+  SCHEME: "theme.openapi.securitySchemes.scheme",
+  BEARER_FORMAT: "theme.openapi.securitySchemes.bearerFormat",
+  OPEN_ID_CONNECT_URL: "theme.openapi.securitySchemes.openIdConnectUrl",
 };