docusaurus-theme-openapi-docs 0.0.0-1294 → 0.0.0-1310

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

@@ -10,7 +10,6 @@ import React from "react";
 import Link from "@docusaurus/Link";
 import { translate } from "@docusaurus/Translate";
 import { useTypedSelector } from "@theme/ApiItem/hooks";
-import { OPENAPI_SECURITY_SCHEMES } from "@theme/translationIds";
 
 function SecuritySchemes(props: any) {
   const options = useTypedSelector((state: any) => state.auth.options);
@@ -25,45 +24,54 @@ 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:",
-    },
+  // Each label uses a static `translate()` call (literal id + message) so that
+  // `docusaurus write-translations` can statically extract it. A dynamic
+  // `translate({ id: someVar })` would be skipped by the extractor.
+  const renderRestLabel = (k: string): string => {
+    switch (k) {
+      case "description":
+        return translate({
+          id: "theme.openapi.securitySchemes.description",
+          message: "description:",
+        });
+      case "scheme":
+        return translate({
+          id: "theme.openapi.securitySchemes.scheme",
+          message: "scheme:",
+        });
+      case "bearerFormat":
+        return translate({
+          id: "theme.openapi.securitySchemes.bearerFormat",
+          message: "bearerFormat:",
+        });
+      case "openIdConnectUrl":
+        return translate({
+          id: "theme.openapi.securitySchemes.openIdConnectUrl",
+          message: "openIdConnectUrl:",
+        });
+      default:
+        return `${k}:`;
+    }
   };
 
   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>
-      );
-    });
+    Object.keys(rest).map((k) => (
+      <span key={k}>
+        <strong>{renderRestLabel(k)} </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">
         <h4 className="openapi-security__summary-header">
-          Authorization: {selectedAuth[0].name ?? selectedAuth[0].type}
+          {translate({
+            id: "theme.openapi.securitySchemes.authorization",
+            message: "Authorization:",
+          })}{" "}
+          {selectedAuth[0].name ?? selectedAuth[0].type}
         </h4>
       </summary>
       {selectedAuth.map((auth: any) => {
@@ -87,7 +95,7 @@ function SecuritySchemes(props: any) {
                   <span>
                     <strong>
                       {translate({
-                        id: OPENAPI_SECURITY_SCHEMES.NAME,
+                        id: "theme.openapi.securitySchemes.name",
                         message: "name:",
                       })}
                     </strong>{" "}
@@ -96,7 +104,7 @@ function SecuritySchemes(props: any) {
                   <span>
                     <strong>
                       {translate({
-                        id: OPENAPI_SECURITY_SCHEMES.TYPE,
+                        id: "theme.openapi.securitySchemes.type",
                         message: "type:",
                       })}
                     </strong>{" "}
@@ -106,7 +114,7 @@ function SecuritySchemes(props: any) {
                     <span>
                       <strong>
                         {translate({
-                          id: OPENAPI_SECURITY_SCHEMES.SCOPES,
+                          id: "theme.openapi.securitySchemes.scopes",
                           message: "scopes:",
                         })}
                       </strong>{" "}
@@ -134,7 +142,7 @@ function SecuritySchemes(props: any) {
                   <span>
                     <strong>
                       {translate({
-                        id: OPENAPI_SECURITY_SCHEMES.NAME,
+                        id: "theme.openapi.securitySchemes.name",
                         message: "name:",
                       })}
                     </strong>{" "}
@@ -143,7 +151,7 @@ function SecuritySchemes(props: any) {
                   <span>
                     <strong>
                       {translate({
-                        id: OPENAPI_SECURITY_SCHEMES.TYPE,
+                        id: "theme.openapi.securitySchemes.type",
                         message: "type:",
                       })}
                     </strong>{" "}
@@ -153,7 +161,7 @@ function SecuritySchemes(props: any) {
                     <span>
                       <strong>
                         {translate({
-                          id: OPENAPI_SECURITY_SCHEMES.SCOPES,
+                          id: "theme.openapi.securitySchemes.scopes",
                           message: "scopes:",
                         })}
                       </strong>{" "}
@@ -179,7 +187,7 @@ function SecuritySchemes(props: any) {
                 <span>
                   <strong>
                     {translate({
-                      id: OPENAPI_SECURITY_SCHEMES.NAME,
+                      id: "theme.openapi.securitySchemes.name",
                       message: "name:",
                     })}
                   </strong>{" "}
@@ -188,7 +196,7 @@ function SecuritySchemes(props: any) {
                 <span>
                   <strong>
                     {translate({
-                      id: OPENAPI_SECURITY_SCHEMES.TYPE,
+                      id: "theme.openapi.securitySchemes.type",
                       message: "type:",
                     })}
                   </strong>{" "}
@@ -197,7 +205,7 @@ function SecuritySchemes(props: any) {
                 <span>
                   <strong>
                     {translate({
-                      id: OPENAPI_SECURITY_SCHEMES.IN,
+                      id: "theme.openapi.securitySchemes.in",
                       message: "in:",
                     })}
                   </strong>{" "}
@@ -222,7 +230,7 @@ function SecuritySchemes(props: any) {
                 <span>
                   <strong>
                     {translate({
-                      id: OPENAPI_SECURITY_SCHEMES.NAME,
+                      id: "theme.openapi.securitySchemes.name",
                       message: "name:",
                     })}
                   </strong>{" "}
@@ -231,7 +239,7 @@ function SecuritySchemes(props: any) {
                 <span>
                   <strong>
                     {translate({
-                      id: OPENAPI_SECURITY_SCHEMES.TYPE,
+                      id: "theme.openapi.securitySchemes.type",
                       message: "type:",
                     })}
                   </strong>{" "}
@@ -241,7 +249,7 @@ function SecuritySchemes(props: any) {
                   <span>
                     <strong>
                       {translate({
-                        id: OPENAPI_SECURITY_SCHEMES.SCOPES,
+                        id: "theme.openapi.securitySchemes.scopes",
                         message: "scopes:",
                       })}
                     </strong>{" "}
@@ -270,7 +278,7 @@ function SecuritySchemes(props: any) {
                 <span>
                   <strong>
                     {translate({
-                      id: OPENAPI_SECURITY_SCHEMES.NAME,
+                      id: "theme.openapi.securitySchemes.name",
                       message: "name:",
                     })}
                   </strong>{" "}
@@ -279,7 +287,7 @@ function SecuritySchemes(props: any) {
                 <span>
                   <strong>
                     {translate({
-                      id: OPENAPI_SECURITY_SCHEMES.TYPE,
+                      id: "theme.openapi.securitySchemes.type",
                       message: "type:",
                     })}
                   </strong>{" "}
@@ -289,7 +297,7 @@ function SecuritySchemes(props: any) {
                   <span>
                     <strong>
                       {translate({
-                        id: OPENAPI_SECURITY_SCHEMES.SCOPES,
+                        id: "theme.openapi.securitySchemes.scopes",
                         message: "scopes:",
                       })}
                     </strong>{" "}
@@ -304,7 +312,7 @@ function SecuritySchemes(props: any) {
                     <code>
                       <strong>
                         {translate({
-                          id: OPENAPI_SECURITY_SCHEMES.FLOWS,
+                          id: "theme.openapi.securitySchemes.flows",
                           message: "flows:",
                         })}
                       </strong>{" "}
@@ -331,7 +339,7 @@ function SecuritySchemes(props: any) {
                 <span>
                   <strong>
                     {translate({
-                      id: OPENAPI_SECURITY_SCHEMES.NAME,
+                      id: "theme.openapi.securitySchemes.name",
                       message: "name:",
                     })}
                   </strong>{" "}
@@ -340,7 +348,7 @@ function SecuritySchemes(props: any) {
                 <span>
                   <strong>
                     {translate({
-                      id: OPENAPI_SECURITY_SCHEMES.TYPE,
+                      id: "theme.openapi.securitySchemes.type",
                       message: "type:",
                     })}
                   </strong>{" "}
@@ -350,7 +358,7 @@ function SecuritySchemes(props: any) {
                   <span>
                     <strong>
                       {translate({
-                        id: OPENAPI_SECURITY_SCHEMES.SCOPES,
+                        id: "theme.openapi.securitySchemes.scopes",
                         message: "scopes:",
                       })}
                     </strong>{" "}

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

@@ -13,7 +13,6 @@ import FormItem from "@theme/ApiExplorer/FormItem";
 import FormSelect from "@theme/ApiExplorer/FormSelect";
 import FormTextInput from "@theme/ApiExplorer/FormTextInput";
 import { useTypedDispatch, useTypedSelector } from "@theme/ApiItem/hooks";
-import { OPENAPI_SERVER } from "@theme/translationIds";
 
 import { setServer, setServerVariable } from "./slice";
 
@@ -65,7 +64,10 @@ function Server({ labelId }: ServerProps) {
     return (
       <FloatingButton
         onClick={() => setIsEditing(true)}
-        label={translate({ id: OPENAPI_SERVER.EDIT_BUTTON, message: "Edit" })}
+        label={translate({
+          id: "theme.openapi.server.editButton",
+          message: "Edit",
+        })}
       >
         <FormItem>
           <span className="openapi-explorer__server-url" title={url}>
@@ -79,7 +81,10 @@ function Server({ labelId }: ServerProps) {
     <div className="openapi-explorer__server-container">
       <FloatingButton
         onClick={() => setIsEditing(false)}
-        label={translate({ id: OPENAPI_SERVER.HIDE_BUTTON, message: "Hide" })}
+        label={translate({
+          id: "theme.openapi.server.hideButton",
+          message: "Hide",
+        })}
       >
         <FormItem>
           <FormSelect

package/src/theme/ApiTabs/index.tsx

@@ -13,19 +13,19 @@ import React, {
   ReactElement,
 } from "react";
 
+import { translate } from "@docusaurus/Translate";
+import useIsBrowser from "@docusaurus/useIsBrowser";
+import Heading from "@theme/Heading";
+import clsx from "clsx";
+
+import { useScrollPositionBlocker } from "@theme/utils/scrollUtils";
 import {
   sanitizeTabsChildren,
   type TabItemProps,
   TabProps,
   TabsProvider,
-  useScrollPositionBlocker,
   useTabsContextValue,
-} from "@docusaurus/theme-common/internal";
-import { translate } from "@docusaurus/Translate";
-import useIsBrowser from "@docusaurus/useIsBrowser";
-import Heading from "@theme/Heading";
-import { OPENAPI_TABS } from "@theme/translationIds";
-import clsx from "clsx";
+} from "@theme/utils/tabsUtils";
 
 export interface TabListProps extends TabProps {
   label: string;
@@ -39,7 +39,7 @@ function TabList({
   selectValue,
   tabValues,
   label = translate({
-    id: OPENAPI_TABS.RESPONSES_LABEL,
+    id: "theme.openapi.tabs.responses.label",
     message: "Responses",
   }),
   id = "responses",

package/src/theme/DiscriminatorTabs/index.tsx

@@ -13,17 +13,18 @@ import React, {
   ReactElement,
 } from "react";
 
+import useIsBrowser from "@docusaurus/useIsBrowser";
+import clsx from "clsx";
+import flatten from "lodash/flatten";
+
+import { useScrollPositionBlocker } from "@theme/utils/scrollUtils";
 import {
   sanitizeTabsChildren,
   type TabItemProps,
   TabProps,
   TabsProvider,
-  useScrollPositionBlocker,
   useTabsContextValue,
-} from "@docusaurus/theme-common/internal";
-import useIsBrowser from "@docusaurus/useIsBrowser";
-import clsx from "clsx";
-import flatten from "lodash/flatten";
+} from "@theme/utils/tabsUtils";
 
 function TabList({
   className,

package/src/theme/Example/index.tsx

@@ -11,7 +11,6 @@ import { translate } from "@docusaurus/Translate";
 import { ExampleObject } from "@theme/ParamsItem";
 import SchemaTabs from "@theme/SchemaTabs";
 import TabItem from "@theme/TabItem";
-import { OPENAPI_SCHEMA_ITEM } from "@theme/translationIds";
 
 const EXAMPLE_CLASS_NAME = "openapi-example";
 const EXAMPLES_CLASS_NAME = "openapi-examples";
@@ -58,7 +57,7 @@ const renderExample = (example: ExampleType) => {
     <div className={EXAMPLE_CLASS_NAME}>
       <strong>
         {translate({
-          id: OPENAPI_SCHEMA_ITEM.EXAMPLE,
+          id: "theme.openapi.schemaItem.example",
           message: "Example:",
         })}{" "}
       </strong>
@@ -121,7 +120,7 @@ export const renderExamplesRecord = (
     <div className={EXAMPLES_CLASS_NAME}>
       <strong>
         {translate({
-          id: OPENAPI_SCHEMA_ITEM.EXAMPLES,
+          id: "theme.openapi.schemaItem.examples",
           message: "Examples:",
         })}
       </strong>
@@ -153,7 +152,7 @@ const renderExampleObject = (
         <p>
           <strong>
             {translate({
-              id: OPENAPI_SCHEMA_ITEM.DESCRIPTION,
+              id: "theme.openapi.schemaItem.description",
               message: "Description:",
             })}{" "}
           </strong>

package/src/theme/MimeTabs/index.tsx

@@ -13,14 +13,6 @@ import React, {
   ReactElement,
 } from "react";
 
-import {
-  sanitizeTabsChildren,
-  type TabItemProps,
-  TabProps,
-  TabsProvider,
-  useScrollPositionBlocker,
-  useTabsContextValue,
-} from "@docusaurus/theme-common/internal";
 import useIsBrowser from "@docusaurus/useIsBrowser";
 import { setAccept } from "@theme/ApiExplorer/Accept/slice";
 import { setContentType } from "@theme/ApiExplorer/ContentType/slice";
@@ -28,6 +20,15 @@ import { useTypedDispatch, useTypedSelector } from "@theme/ApiItem/hooks";
 import { RootState } from "@theme/ApiItem/store";
 import clsx from "clsx";
 
+import { useScrollPositionBlocker } from "@theme/utils/scrollUtils";
+import {
+  sanitizeTabsChildren,
+  type TabItemProps,
+  TabProps,
+  TabsProvider,
+  useTabsContextValue,
+} from "@theme/utils/tabsUtils";
+
 export interface Props {
   schemaType: any;
 }

package/src/theme/OperationTabs/index.tsx

@@ -13,16 +13,17 @@ import React, {
   ReactElement,
 } from "react";
 
+import useIsBrowser from "@docusaurus/useIsBrowser";
+import clsx from "clsx";
+
+import { useScrollPositionBlocker } from "@theme/utils/scrollUtils";
 import {
   sanitizeTabsChildren,
   type TabItemProps,
   TabProps,
   TabsProvider,
-  useScrollPositionBlocker,
   useTabsContextValue,
-} from "@docusaurus/theme-common/internal";
-import useIsBrowser from "@docusaurus/useIsBrowser";
-import clsx from "clsx";
+} from "@theme/utils/tabsUtils";
 
 function TabList({
   className,

package/src/theme/ParamsDetails/index.tsx

@@ -12,7 +12,6 @@ import { translate } from "@docusaurus/Translate";
 import Details from "@theme/Details";
 import ParamsItem from "@theme/ParamsItem";
 import SkeletonLoader from "@theme/SkeletonLoader";
-import { OPENAPI_PARAMS_DETAILS } from "@theme/translationIds";
 
 interface Props {
   parameters: any[];
@@ -35,7 +34,7 @@ const ParamsDetailsComponent: React.FC<Props> = ({ parameters }) => {
             <h3 className="openapi-markdown__details-summary-header-params">
               {translate(
                 {
-                  id: OPENAPI_PARAMS_DETAILS.PARAMETERS_TITLE,
+                  id: "theme.openapi.paramsDetails.parametersTitle",
                   message: "{type} Parameters",
                 },
                 { type: type.charAt(0).toUpperCase() + type.slice(1) }

package/src/theme/ParamsItem/index.tsx

@@ -11,7 +11,6 @@ import { translate } from "@docusaurus/Translate";
 import { Example } from "@theme/Example";
 import Markdown from "@theme/Markdown";
 /* eslint-disable import/no-extraneous-dependencies*/
-import { OPENAPI_SCHEMA_ITEM } from "@theme/translationIds";
 import clsx from "clsx";
 
 import { getQualifierMessage, getSchemaName } from "../../markdown/schema";
@@ -41,11 +40,11 @@ export interface Props {
 const getEnumDescriptionMarkdown = (enumDescriptions?: [string, string][]) => {
   if (enumDescriptions?.length) {
     const enumValue = translate({
-      id: OPENAPI_SCHEMA_ITEM.ENUM_VALUE,
+      id: "theme.openapi.schemaItem.enumValue",
       message: "Enum Value",
     });
     const description = translate({
-      id: OPENAPI_SCHEMA_ITEM.ENUM_DESCRIPTION,
+      id: "theme.openapi.schemaItem.enumDescription",
       message: "Description",
     });
     return `| ${enumValue} | ${description} |
@@ -92,13 +91,19 @@ function ParamsItem({ param, ...rest }: Props) {
 
   const renderSchemaRequired = guard(required, () => (
     <span className="openapi-schema__required">
-      {translate({ id: OPENAPI_SCHEMA_ITEM.REQUIRED, message: "required" })}
+      {translate({
+        id: "theme.openapi.schemaItem.required",
+        message: "required",
+      })}
     </span>
   ));
 
   const renderDeprecated = guard(deprecated, () => (
     <span className="openapi-schema__deprecated">
-      {translate({ id: OPENAPI_SCHEMA_ITEM.DEPRECATED, message: "deprecated" })}
+      {translate({
+        id: "theme.openapi.schemaItem.deprecated",
+        message: "deprecated",
+      })}
     </span>
   ));
 
@@ -113,7 +118,7 @@ function ParamsItem({ param, ...rest }: Props) {
       return undefined;
     }
     const label = translate({
-      id: OPENAPI_SCHEMA_ITEM.CONSTANT_VALUE,
+      id: "theme.openapi.schemaItem.constantValue",
       message: "Constant value:",
     });
     return (
@@ -152,7 +157,7 @@ function ParamsItem({ param, ...rest }: Props) {
           <div>
             <strong>
               {translate({
-                id: OPENAPI_SCHEMA_ITEM.DEFAULT_VALUE,
+                id: "theme.openapi.schemaItem.defaultValue",
                 message: "Default value:",
               })}{" "}
             </strong>
@@ -166,7 +171,7 @@ function ParamsItem({ param, ...rest }: Props) {
         <div>
           <strong>
             {translate({
-              id: OPENAPI_SCHEMA_ITEM.DEFAULT_VALUE,
+              id: "theme.openapi.schemaItem.defaultValue",
               message: "Default value:",
             })}{" "}
           </strong>

package/src/theme/RequestSchema/index.tsx

@@ -22,7 +22,6 @@ import SchemaExpansionControl from "@theme/SchemaExpansion";
 import SchemaTabs from "@theme/SchemaTabs";
 import SkeletonLoader from "@theme/SkeletonLoader";
 import TabItem from "@theme/TabItem";
-import { OPENAPI_REQUEST, OPENAPI_SCHEMA_ITEM } from "@theme/translationIds";
 import type { MediaTypeObject } from "docusaurus-plugin-openapi-docs/src/openapi/types";
 
 interface Props {
@@ -81,13 +80,13 @@ const RequestSchemaComponent: React.FC<Props> = ({ title, body, style }) => {
                         <summary className="openapi-markdown__details-summary--with-control">
                           <h3 className="openapi-markdown__details-summary-header-body">
                             {translate({
-                              id: OPENAPI_REQUEST.BODY_TITLE,
+                              id: "theme.openapi.request.body.title",
                               message: title,
                             })}
                             {body.required === true && (
                               <span className="openapi-schema__required">
                                 {translate({
-                                  id: OPENAPI_SCHEMA_ITEM.REQUIRED,
+                                  id: "theme.openapi.schemaItem.required",
                                   message: "required",
                                 })}
                               </span>
@@ -167,7 +166,7 @@ const RequestSchemaComponent: React.FC<Props> = ({ title, body, style }) => {
                 <summary className="openapi-markdown__details-summary--with-control">
                   <h3 className="openapi-markdown__details-summary-header-body">
                     {translate({
-                      id: OPENAPI_REQUEST.BODY_TITLE,
+                      id: "theme.openapi.request.body.title",
                       message: title,
                     })}
                     {firstBody.type === "array" && (
@@ -176,7 +175,7 @@ const RequestSchemaComponent: React.FC<Props> = ({ title, body, style }) => {
                     {body.required && (
                       <strong className="openapi-schema__required">
                         {translate({
-                          id: OPENAPI_SCHEMA_ITEM.REQUIRED,
+                          id: "theme.openapi.schemaItem.required",
                           message: "required",
                         })}
                       </strong>

package/src/theme/ResponseExamples/index.tsx

@@ -11,7 +11,6 @@ import { translate } from "@docusaurus/Translate";
 import CodeSamples from "@theme/CodeSamples";
 import Markdown from "@theme/Markdown";
 import TabItem from "@theme/TabItem";
-import { OPENAPI_RESPONSE_EXAMPLES } from "@theme/translationIds";
 import { sampleResponseFromSchema } from "docusaurus-plugin-openapi-docs/lib/openapi/createResponseExample";
 import format from "xml-formatter";
 
@@ -115,7 +114,7 @@ export const ResponseExample: React.FC<ResponseExampleProps> = ({
     // @ts-ignore
     <TabItem
       label={translate({
-        id: OPENAPI_RESPONSE_EXAMPLES.EXAMPLE,
+        id: "theme.openapi.responseExamples.example",
         message: "Example",
       })}
       value="Example"
@@ -173,7 +172,7 @@ export const ExampleFromSchema: React.FC<ExampleFromSchemaProps> = ({
         // @ts-ignore
         <TabItem
           label={translate({
-            id: OPENAPI_RESPONSE_EXAMPLES.AUTO_EXAMPLE,
+            id: "theme.openapi.responseExamples.autoExample",
             message: "Example (auto)",
           })}
           value="Example (auto)"
@@ -192,7 +191,7 @@ export const ExampleFromSchema: React.FC<ExampleFromSchemaProps> = ({
       // @ts-ignore
       <TabItem
         label={translate({
-          id: OPENAPI_RESPONSE_EXAMPLES.AUTO_EXAMPLE,
+          id: "theme.openapi.responseExamples.autoExample",
           message: "Example (auto)",
         })}
         value="Example (auto)"

package/src/theme/ResponseSchema/index.tsx

@@ -22,7 +22,6 @@ import SchemaExpansionControl from "@theme/SchemaExpansion";
 import SchemaTabs from "@theme/SchemaTabs";
 import SkeletonLoader from "@theme/SkeletonLoader";
 import TabItem from "@theme/TabItem";
-import { OPENAPI_SCHEMA, OPENAPI_SCHEMA_ITEM } from "@theme/translationIds";
 import type { MediaTypeObject } from "docusaurus-plugin-openapi-docs/src/openapi/types";
 
 interface Props {
@@ -72,7 +71,7 @@ const ResponseSchemaComponent: React.FC<Props> = ({
               <TabItem key={mimeType} label={mimeType} value={mimeType}>
                 <div>
                   {translate({
-                    id: OPENAPI_SCHEMA.NO_SCHEMA,
+                    id: "theme.openapi.schema.noSchema",
                     message: "No schema",
                   })}
                 </div>
@@ -98,7 +97,7 @@ const ResponseSchemaComponent: React.FC<Props> = ({
                           {body.required === true && (
                             <span className="openapi-schema__required">
                               {translate({
-                                id: OPENAPI_SCHEMA_ITEM.REQUIRED,
+                                id: "theme.openapi.schemaItem.required",
                                 message: "required",
                               })}
                             </span>