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

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

@@ -80,7 +80,6 @@ const ApiCodeBlock_1 = __importDefault(
 const hooks_1 = require("@theme/ApiItem/hooks");
 const SchemaTabs_1 = __importDefault(require("@theme/SchemaTabs"));
 const TabItem_1 = __importDefault(require("@theme/TabItem"));
-const translationIds_1 = require("@theme/translationIds");
 const clsx_1 = __importDefault(require("clsx"));
 const slice_1 = require("./slice");
 // Pretty-print a JSON string by re-indenting structural tokens only.
@@ -193,7 +192,7 @@ function Response({ item }) {
         "span",
         { className: "openapi-explorer__response-title" },
         (0, Translate_1.translate)({
-          id: translationIds_1.OPENAPI_RESPONSE.TITLE,
+          id: "theme.openapi.response.title",
           message: "Response",
         })
       ),
@@ -209,7 +208,7 @@ function Response({ item }) {
           },
         },
         (0, Translate_1.translate)({
-          id: translationIds_1.OPENAPI_RESPONSE.CLEAR,
+          id: "theme.openapi.response.clear",
           message: "Clear",
         })
       )
@@ -263,17 +262,14 @@ function Response({ item }) {
                     react_1.default.createElement(
                       Translate_1.default,
                       {
-                        id: translationIds_1.OPENAPI_RESPONSE.PLACEHOLDER,
+                        id: "theme.openapi.response.placeholder",
                         values: {
                           code: react_1.default.createElement(
                             "code",
                             null,
                             react_1.default.createElement(
                               Translate_1.default,
-                              {
-                                id: translationIds_1.OPENAPI_REQUEST
-                                  .SEND_BUTTON,
-                              },
+                              { id: "theme.openapi.request.sendButton" },
                               "Send API Request"
                             )
                           ),
@@ -288,7 +284,7 @@ function Response({ item }) {
               TabItem_1.default,
               {
                 label: (0, Translate_1.translate)({
-                  id: translationIds_1.OPENAPI_RESPONSE.HEADERS_TAB,
+                  id: "theme.openapi.response.headersTab",
                   message: "Headers",
                 }),
                 value: "headers",
@@ -323,14 +319,14 @@ function Response({ item }) {
               react_1.default.createElement(
                 Translate_1.default,
                 {
-                  id: translationIds_1.OPENAPI_RESPONSE.PLACEHOLDER,
+                  id: "theme.openapi.response.placeholder",
                   values: {
                     code: react_1.default.createElement(
                       "code",
                       null,
                       react_1.default.createElement(
                         Translate_1.default,
-                        { id: translationIds_1.OPENAPI_REQUEST.SEND_BUTTON },
+                        { id: "theme.openapi.request.sendButton" },
                         "Send API Request"
                       )
                     ),

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

@@ -15,7 +15,6 @@ const react_1 = __importDefault(require("react"));
 const Link_1 = __importDefault(require("@docusaurus/Link"));
 const Translate_1 = require("@docusaurus/Translate");
 const hooks_1 = require("@theme/ApiItem/hooks");
-const translationIds_1 = require("@theme/translationIds");
 function SecuritySchemes(props) {
   const options = (0, hooks_1.useTypedSelector)((state) => state.auth.options);
   const selected = (0, hooks_1.useTypedSelector)(
@@ -27,42 +26,46 @@ 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:",
-    },
+  // 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) => {
+    switch (k) {
+      case "description":
+        return (0, Translate_1.translate)({
+          id: "theme.openapi.securitySchemes.description",
+          message: "description:",
+        });
+      case "scheme":
+        return (0, Translate_1.translate)({
+          id: "theme.openapi.securitySchemes.scheme",
+          message: "scheme:",
+        });
+      case "bearerFormat":
+        return (0, Translate_1.translate)({
+          id: "theme.openapi.securitySchemes.bearerFormat",
+          message: "bearerFormat:",
+        });
+      case "openIdConnectUrl":
+        return (0, Translate_1.translate)({
+          id: "theme.openapi.securitySchemes.openIdConnectUrl",
+          message: "openIdConnectUrl:",
+        });
+      default:
+        return `${k}:`;
+    }
   };
   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(
+    Object.keys(rest).map((k) =>
+      react_1.default.createElement(
         "span",
         { key: k },
-        react_1.default.createElement("strong", null, label, " "),
+        react_1.default.createElement("strong", null, renderRestLabel(k), " "),
         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 },
@@ -72,7 +75,11 @@ function SecuritySchemes(props) {
       react_1.default.createElement(
         "h4",
         { className: "openapi-security__summary-header" },
-        "Authorization: ",
+        (0, Translate_1.translate)({
+          id: "theme.openapi.securitySchemes.authorization",
+          message: "Authorization:",
+        }),
+        " ",
         selectedAuth[0].name ?? selectedAuth[0].type
       )
     ),
@@ -103,7 +110,7 @@ function SecuritySchemes(props) {
                   "strong",
                   null,
                   (0, Translate_1.translate)({
-                    id: translationIds_1.OPENAPI_SECURITY_SCHEMES.NAME,
+                    id: "theme.openapi.securitySchemes.name",
                     message: "name:",
                   })
                 ),
@@ -121,7 +128,7 @@ function SecuritySchemes(props) {
                   "strong",
                   null,
                   (0, Translate_1.translate)({
-                    id: translationIds_1.OPENAPI_SECURITY_SCHEMES.TYPE,
+                    id: "theme.openapi.securitySchemes.type",
                     message: "type:",
                   })
                 ),
@@ -137,7 +144,7 @@ function SecuritySchemes(props) {
                     "strong",
                     null,
                     (0, Translate_1.translate)({
-                      id: translationIds_1.OPENAPI_SECURITY_SCHEMES.SCOPES,
+                      id: "theme.openapi.securitySchemes.scopes",
                       message: "scopes:",
                     })
                   ),
@@ -173,7 +180,7 @@ function SecuritySchemes(props) {
                   "strong",
                   null,
                   (0, Translate_1.translate)({
-                    id: translationIds_1.OPENAPI_SECURITY_SCHEMES.NAME,
+                    id: "theme.openapi.securitySchemes.name",
                     message: "name:",
                   })
                 ),
@@ -191,7 +198,7 @@ function SecuritySchemes(props) {
                   "strong",
                   null,
                   (0, Translate_1.translate)({
-                    id: translationIds_1.OPENAPI_SECURITY_SCHEMES.TYPE,
+                    id: "theme.openapi.securitySchemes.type",
                     message: "type:",
                   })
                 ),
@@ -207,7 +214,7 @@ function SecuritySchemes(props) {
                     "strong",
                     null,
                     (0, Translate_1.translate)({
-                      id: translationIds_1.OPENAPI_SECURITY_SCHEMES.SCOPES,
+                      id: "theme.openapi.securitySchemes.scopes",
                       message: "scopes:",
                     })
                   ),
@@ -241,7 +248,7 @@ function SecuritySchemes(props) {
                 "strong",
                 null,
                 (0, Translate_1.translate)({
-                  id: translationIds_1.OPENAPI_SECURITY_SCHEMES.NAME,
+                  id: "theme.openapi.securitySchemes.name",
                   message: "name:",
                 })
               ),
@@ -259,7 +266,7 @@ function SecuritySchemes(props) {
                 "strong",
                 null,
                 (0, Translate_1.translate)({
-                  id: translationIds_1.OPENAPI_SECURITY_SCHEMES.TYPE,
+                  id: "theme.openapi.securitySchemes.type",
                   message: "type:",
                 })
               ),
@@ -273,7 +280,7 @@ function SecuritySchemes(props) {
                 "strong",
                 null,
                 (0, Translate_1.translate)({
-                  id: translationIds_1.OPENAPI_SECURITY_SCHEMES.IN,
+                  id: "theme.openapi.securitySchemes.in",
                   message: "in:",
                 })
               ),
@@ -304,7 +311,7 @@ function SecuritySchemes(props) {
                 "strong",
                 null,
                 (0, Translate_1.translate)({
-                  id: translationIds_1.OPENAPI_SECURITY_SCHEMES.NAME,
+                  id: "theme.openapi.securitySchemes.name",
                   message: "name:",
                 })
               ),
@@ -322,7 +329,7 @@ function SecuritySchemes(props) {
                 "strong",
                 null,
                 (0, Translate_1.translate)({
-                  id: translationIds_1.OPENAPI_SECURITY_SCHEMES.TYPE,
+                  id: "theme.openapi.securitySchemes.type",
                   message: "type:",
                 })
               ),
@@ -338,7 +345,7 @@ function SecuritySchemes(props) {
                   "strong",
                   null,
                   (0, Translate_1.translate)({
-                    id: translationIds_1.OPENAPI_SECURITY_SCHEMES.SCOPES,
+                    id: "theme.openapi.securitySchemes.scopes",
                     message: "scopes:",
                   })
                 ),
@@ -374,7 +381,7 @@ function SecuritySchemes(props) {
                 "strong",
                 null,
                 (0, Translate_1.translate)({
-                  id: translationIds_1.OPENAPI_SECURITY_SCHEMES.NAME,
+                  id: "theme.openapi.securitySchemes.name",
                   message: "name:",
                 })
               ),
@@ -392,7 +399,7 @@ function SecuritySchemes(props) {
                 "strong",
                 null,
                 (0, Translate_1.translate)({
-                  id: translationIds_1.OPENAPI_SECURITY_SCHEMES.TYPE,
+                  id: "theme.openapi.securitySchemes.type",
                   message: "type:",
                 })
               ),
@@ -408,7 +415,7 @@ function SecuritySchemes(props) {
                   "strong",
                   null,
                   (0, Translate_1.translate)({
-                    id: translationIds_1.OPENAPI_SECURITY_SCHEMES.SCOPES,
+                    id: "theme.openapi.securitySchemes.scopes",
                     message: "scopes:",
                   })
                 ),
@@ -431,7 +438,7 @@ function SecuritySchemes(props) {
                     "strong",
                     null,
                     (0, Translate_1.translate)({
-                      id: translationIds_1.OPENAPI_SECURITY_SCHEMES.FLOWS,
+                      id: "theme.openapi.securitySchemes.flows",
                       message: "flows:",
                     })
                   ),
@@ -463,7 +470,7 @@ function SecuritySchemes(props) {
                 "strong",
                 null,
                 (0, Translate_1.translate)({
-                  id: translationIds_1.OPENAPI_SECURITY_SCHEMES.NAME,
+                  id: "theme.openapi.securitySchemes.name",
                   message: "name:",
                 })
               ),
@@ -481,7 +488,7 @@ function SecuritySchemes(props) {
                 "strong",
                 null,
                 (0, Translate_1.translate)({
-                  id: translationIds_1.OPENAPI_SECURITY_SCHEMES.TYPE,
+                  id: "theme.openapi.securitySchemes.type",
                   message: "type:",
                 })
               ),
@@ -497,7 +504,7 @@ function SecuritySchemes(props) {
                   "strong",
                   null,
                   (0, Translate_1.translate)({
-                    id: translationIds_1.OPENAPI_SECURITY_SCHEMES.SCOPES,
+                    id: "theme.openapi.securitySchemes.scopes",
                     message: "scopes:",
                   })
                 ),

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

@@ -78,7 +78,6 @@ const FormTextInput_1 = __importDefault(
   require("@theme/ApiExplorer/FormTextInput")
 );
 const hooks_1 = require("@theme/ApiItem/hooks");
-const translationIds_1 = require("@theme/translationIds");
 const slice_1 = require("./slice");
 function Server({ labelId }) {
   const [isEditing, setIsEditing] = (0, react_1.useState)(false);
@@ -123,7 +122,7 @@ function Server({ labelId }) {
       {
         onClick: () => setIsEditing(true),
         label: (0, Translate_1.translate)({
-          id: translationIds_1.OPENAPI_SERVER.EDIT_BUTTON,
+          id: "theme.openapi.server.editButton",
           message: "Edit",
         }),
       },
@@ -146,7 +145,7 @@ function Server({ labelId }) {
       {
         onClick: () => setIsEditing(false),
         label: (0, Translate_1.translate)({
-          id: translationIds_1.OPENAPI_SERVER.HIDE_BUTTON,
+          id: "theme.openapi.server.hideButton",
           message: "Hide",
         }),
       },

package/lib/theme/ApiTabs/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { TabProps } from "@docusaurus/theme-common/internal";
+import { TabProps } from "@theme/utils/tabsUtils";
 export interface TabListProps extends TabProps {
     label: string;
     id: string;

package/lib/theme/ApiTabs/index.js

@@ -69,12 +69,12 @@ var __importDefault =
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = ApiTabs;
 const react_1 = __importStar(require("react"));
-const internal_1 = require("@docusaurus/theme-common/internal");
 const Translate_1 = require("@docusaurus/Translate");
 const useIsBrowser_1 = __importDefault(require("@docusaurus/useIsBrowser"));
 const Heading_1 = __importDefault(require("@theme/Heading"));
-const translationIds_1 = require("@theme/translationIds");
 const clsx_1 = __importDefault(require("clsx"));
+const scrollUtils_1 = require("@theme/utils/scrollUtils");
+const tabsUtils_1 = require("@theme/utils/tabsUtils");
 function TabList({
   className,
   block,
@@ -82,14 +82,14 @@ function TabList({
   selectValue,
   tabValues,
   label = (0, Translate_1.translate)({
-    id: translationIds_1.OPENAPI_TABS.RESPONSES_LABEL,
+    id: "theme.openapi.tabs.responses.label",
     message: "Responses",
   }),
   id = "responses",
 }) {
   const tabRefs = [];
   const { blockElementScrollPositionUntilNextRender } = (0,
-  internal_1.useScrollPositionBlocker)();
+  scrollUtils_1.useScrollPositionBlocker)();
   const handleTabChange = (event) => {
     const newTab = event.currentTarget;
     const newTabIndex = tabRefs.indexOf(newTab);
@@ -245,9 +245,9 @@ function TabContent({ lazy, children, selectedValue }) {
   );
 }
 function TabsComponent(props) {
-  const tabs = (0, internal_1.useTabsContextValue)(props);
+  const tabs = (0, tabsUtils_1.useTabsContextValue)(props);
   return react_1.default.createElement(
-    internal_1.TabsProvider,
+    tabsUtils_1.TabsProvider,
     { value: tabs },
     react_1.default.createElement(
       "div",
@@ -269,6 +269,6 @@ function ApiTabs(props) {
       key: String(isBrowser),
       ...props,
     },
-    (0, internal_1.sanitizeTabsChildren)(props.children)
+    (0, tabsUtils_1.sanitizeTabsChildren)(props.children)
   );
 }

package/lib/theme/DiscriminatorTabs/index.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import { TabProps } from "@docusaurus/theme-common/internal";
+import { TabProps } from "@theme/utils/tabsUtils";
 export default function DiscriminatorTabs(props: TabProps): React.JSX.Element;

package/lib/theme/DiscriminatorTabs/index.js

@@ -69,14 +69,15 @@ var __importDefault =
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = DiscriminatorTabs;
 const react_1 = __importStar(require("react"));
-const internal_1 = require("@docusaurus/theme-common/internal");
 const useIsBrowser_1 = __importDefault(require("@docusaurus/useIsBrowser"));
 const clsx_1 = __importDefault(require("clsx"));
 const flatten_1 = __importDefault(require("lodash/flatten"));
+const scrollUtils_1 = require("@theme/utils/scrollUtils");
+const tabsUtils_1 = require("@theme/utils/tabsUtils");
 function TabList({ className, block, selectedValue, selectValue, tabValues }) {
   const tabRefs = [];
   const { blockElementScrollPositionUntilNextRender } = (0,
-  internal_1.useScrollPositionBlocker)();
+  scrollUtils_1.useScrollPositionBlocker)();
   const handleTabChange = (event) => {
     const newTab = event.currentTarget;
     const newTabIndex = tabRefs.indexOf(newTab);
@@ -223,9 +224,9 @@ function TabContent({ lazy, children, selectedValue }) {
   );
 }
 function TabsComponent(props) {
-  const tabs = (0, internal_1.useTabsContextValue)(props);
+  const tabs = (0, tabsUtils_1.useTabsContextValue)(props);
   return react_1.default.createElement(
-    internal_1.TabsProvider,
+    tabsUtils_1.TabsProvider,
     { value: tabs },
     react_1.default.createElement(
       "div",
@@ -252,6 +253,6 @@ function DiscriminatorTabs(props) {
       key: String(isBrowser),
       ...props,
     },
-    (0, internal_1.sanitizeTabsChildren)(props.children)
+    (0, tabsUtils_1.sanitizeTabsChildren)(props.children)
   );
 }

package/lib/theme/Example/index.js

@@ -17,7 +17,6 @@ const react_1 = __importDefault(require("react"));
 const Translate_1 = require("@docusaurus/Translate");
 const SchemaTabs_1 = __importDefault(require("@theme/SchemaTabs"));
 const TabItem_1 = __importDefault(require("@theme/TabItem"));
-const translationIds_1 = require("@theme/translationIds");
 const EXAMPLE_CLASS_NAME = "openapi-example";
 const EXAMPLES_CLASS_NAME = "openapi-examples";
 /**
@@ -53,7 +52,7 @@ const renderExample = (example) => {
       "strong",
       null,
       (0, Translate_1.translate)({
-        id: translationIds_1.OPENAPI_SCHEMA_ITEM.EXAMPLE,
+        id: "theme.openapi.schemaItem.example",
         message: "Example:",
       }),
       " "
@@ -114,7 +113,7 @@ const renderExamplesRecord = (examples) => {
       "strong",
       null,
       (0, Translate_1.translate)({
-        id: translationIds_1.OPENAPI_SCHEMA_ITEM.EXAMPLES,
+        id: "theme.openapi.schemaItem.examples",
         message: "Examples:",
       })
     ),
@@ -151,7 +150,7 @@ const renderExampleObject = (exampleName, exampleProperties) => {
             "strong",
             null,
             (0, Translate_1.translate)({
-              id: translationIds_1.OPENAPI_SCHEMA_ITEM.DESCRIPTION,
+              id: "theme.openapi.schemaItem.description",
               message: "Description:",
             }),
             " "

package/lib/theme/MimeTabs/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { TabProps } from "@docusaurus/theme-common/internal";
+import { TabProps } from "@theme/utils/tabsUtils";
 export interface Props {
     schemaType: any;
 }

package/lib/theme/MimeTabs/index.js

@@ -69,12 +69,13 @@ var __importDefault =
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = MimeTabs;
 const react_1 = __importStar(require("react"));
-const internal_1 = require("@docusaurus/theme-common/internal");
 const useIsBrowser_1 = __importDefault(require("@docusaurus/useIsBrowser"));
 const slice_1 = require("@theme/ApiExplorer/Accept/slice");
 const slice_2 = require("@theme/ApiExplorer/ContentType/slice");
 const hooks_1 = require("@theme/ApiItem/hooks");
 const clsx_1 = __importDefault(require("clsx"));
+const scrollUtils_1 = require("@theme/utils/scrollUtils");
+const tabsUtils_1 = require("@theme/utils/tabsUtils");
 function TabList({
   className,
   block,
@@ -85,7 +86,7 @@ function TabList({
 }) {
   const tabRefs = [];
   const { blockElementScrollPositionUntilNextRender } = (0,
-  internal_1.useScrollPositionBlocker)();
+  scrollUtils_1.useScrollPositionBlocker)();
   // custom
   const dispatch = (0, hooks_1.useTypedDispatch)();
   const isRequestSchema = schemaType?.toLowerCase() === "request";
@@ -256,9 +257,9 @@ function TabContent({ lazy, children, selectedValue }) {
   );
 }
 function TabsComponent(props) {
-  const tabs = (0, internal_1.useTabsContextValue)(props);
+  const tabs = (0, tabsUtils_1.useTabsContextValue)(props);
   return react_1.default.createElement(
-    internal_1.TabsProvider,
+    tabsUtils_1.TabsProvider,
     { value: tabs },
     react_1.default.createElement(
       "div",
@@ -280,6 +281,6 @@ function MimeTabs(props) {
       key: String(isBrowser),
       ...props,
     },
-    (0, internal_1.sanitizeTabsChildren)(props.children)
+    (0, tabsUtils_1.sanitizeTabsChildren)(props.children)
   );
 }

package/lib/theme/OperationTabs/index.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import { TabProps } from "@docusaurus/theme-common/internal";
+import { TabProps } from "@theme/utils/tabsUtils";
 export default function OperationTabs(props: TabProps): React.JSX.Element;

package/lib/theme/OperationTabs/index.js

@@ -69,13 +69,14 @@ var __importDefault =
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = OperationTabs;
 const react_1 = __importStar(require("react"));
-const internal_1 = require("@docusaurus/theme-common/internal");
 const useIsBrowser_1 = __importDefault(require("@docusaurus/useIsBrowser"));
 const clsx_1 = __importDefault(require("clsx"));
+const scrollUtils_1 = require("@theme/utils/scrollUtils");
+const tabsUtils_1 = require("@theme/utils/tabsUtils");
 function TabList({ className, block, selectedValue, selectValue, tabValues }) {
   const tabRefs = [];
   const { blockElementScrollPositionUntilNextRender } = (0,
-  internal_1.useScrollPositionBlocker)();
+  scrollUtils_1.useScrollPositionBlocker)();
   const handleTabChange = (event) => {
     const newTab = event.currentTarget;
     const newTabIndex = tabRefs.indexOf(newTab);
@@ -218,9 +219,9 @@ function TabContent({ lazy, children, selectedValue }) {
   );
 }
 function TabsComponent(props) {
-  const tabs = (0, internal_1.useTabsContextValue)(props);
+  const tabs = (0, tabsUtils_1.useTabsContextValue)(props);
   return react_1.default.createElement(
-    internal_1.TabsProvider,
+    tabsUtils_1.TabsProvider,
     { value: tabs },
     react_1.default.createElement(
       "div",
@@ -242,6 +243,6 @@ function OperationTabs(props) {
       key: String(isBrowser),
       ...props,
     },
-    (0, internal_1.sanitizeTabsChildren)(props.children)
+    (0, tabsUtils_1.sanitizeTabsChildren)(props.children)
   );
 }

package/lib/theme/ParamsDetails/index.js

@@ -17,7 +17,6 @@ const Translate_1 = require("@docusaurus/Translate");
 const Details_1 = __importDefault(require("@theme/Details"));
 const ParamsItem_1 = __importDefault(require("@theme/ParamsItem"));
 const SkeletonLoader_1 = __importDefault(require("@theme/SkeletonLoader"));
-const translationIds_1 = require("@theme/translationIds");
 const ParamsDetailsComponent = ({ parameters }) => {
   const types = ["path", "query", "header", "cookie"];
   return react_1.default.createElement(
@@ -36,7 +35,7 @@ const ParamsDetailsComponent = ({ parameters }) => {
           { className: "openapi-markdown__details-summary-header-params" },
           (0, Translate_1.translate)(
             {
-              id: translationIds_1.OPENAPI_PARAMS_DETAILS.PARAMETERS_TITLE,
+              id: "theme.openapi.paramsDetails.parametersTitle",
               message: "{type} Parameters",
             },
             { type: type.charAt(0).toUpperCase() + type.slice(1) }