docusaurus-theme-openapi-docs 5.0.2 → 5.1.0

package/lib/theme/ApiItem/index.js

@@ -29,6 +29,7 @@ const storage_utils_1 = require("@theme/ApiExplorer/storage-utils");
 const Layout_1 = __importDefault(require("@theme/ApiItem/Layout"));
 const CodeBlock_1 = __importDefault(require("@theme/CodeBlock"));
 const Metadata_1 = __importDefault(require("@theme/DocItem/Metadata"));
+const SchemaExpansion_1 = require("@theme/SchemaExpansion");
 const SkeletonLoader_1 = __importDefault(require("@theme/SkeletonLoader"));
 const clsx_1 = __importDefault(require("clsx"));
 const pako_1 = require("pako");
@@ -100,7 +101,22 @@ function ApiItem(props) {
     api?.parameters?.forEach((param) => {
       const paramType = param.in;
       const paramsArray = params[paramType];
-      paramsArray?.push(param);
+      const p = param;
+      // Prefill order: schema.default, then example sources. `default` is
+      // semantically a server-side fallback, so for required params authors
+      // typically rely on `example` / `examples`. See #544 and #1079.
+      const firstNamedExample =
+        p.examples && typeof p.examples === "object"
+          ? Object.values(p.examples)[0]?.value
+          : undefined;
+      const prefill =
+        p.schema?.default ??
+        p.example ??
+        p.schema?.example ??
+        firstNamedExample;
+      const initialized =
+        prefill !== undefined ? { ...param, value: prefill } : param;
+      paramsArray?.push(initialized);
     });
     const auth = (0, slice_1.createAuth)({
       security: api?.security,
@@ -154,30 +170,34 @@ function ApiItem(props) {
             react_redux_1.Provider,
             { store: store2 },
             react_1.default.createElement(
-              "div",
-              { className: (0, clsx_1.default)("row", "theme-api-markdown") },
-              react_1.default.createElement(
-                "div",
-                { className: "col col--7 openapi-left-panel__container" },
-                react_1.default.createElement(MDXComponent, null)
-              ),
+              SchemaExpansion_1.SchemaExpansionProvider,
+              null,
               react_1.default.createElement(
                 "div",
-                { className: "col col--5 openapi-right-panel__container" },
+                { className: (0, clsx_1.default)("row", "theme-api-markdown") },
+                react_1.default.createElement(
+                  "div",
+                  { className: "col col--7 openapi-left-panel__container" },
+                  react_1.default.createElement(MDXComponent, null)
+                ),
                 react_1.default.createElement(
-                  BrowserOnly_1.default,
-                  {
-                    fallback: react_1.default.createElement(
-                      SkeletonLoader_1.default,
-                      { size: "lg" }
-                    ),
-                  },
-                  () => {
-                    return react_1.default.createElement(ApiExplorer, {
-                      item: api,
-                      infoPath: infoPath,
-                    });
-                  }
+                  "div",
+                  { className: "col col--5 openapi-right-panel__container" },
+                  react_1.default.createElement(
+                    BrowserOnly_1.default,
+                    {
+                      fallback: react_1.default.createElement(
+                        SkeletonLoader_1.default,
+                        { size: "lg" }
+                      ),
+                    },
+                    () => {
+                      return react_1.default.createElement(ApiExplorer, {
+                        item: api,
+                        infoPath: infoPath,
+                      });
+                    }
+                  )
                 )
               )
             )
@@ -197,20 +217,26 @@ function ApiItem(props) {
           Layout_1.default,
           null,
           react_1.default.createElement(
-            "div",
-            { className: (0, clsx_1.default)("row", "theme-api-markdown") },
-            react_1.default.createElement(
-              "div",
-              { className: "col col--7 openapi-left-panel__container schema" },
-              react_1.default.createElement(MDXComponent, null)
-            ),
+            SchemaExpansion_1.SchemaExpansionProvider,
+            null,
             react_1.default.createElement(
               "div",
-              { className: "col col--5 openapi-right-panel__container" },
+              { className: (0, clsx_1.default)("row", "theme-api-markdown") },
+              react_1.default.createElement(
+                "div",
+                {
+                  className: "col col--7 openapi-left-panel__container schema",
+                },
+                react_1.default.createElement(MDXComponent, null)
+              ),
               react_1.default.createElement(
-                CodeBlock_1.default,
-                { language: "json", title: `${frontMatter.title}` },
-                JSON.stringify(sample, null, 2)
+                "div",
+                { className: "col col--5 openapi-right-panel__container" },
+                react_1.default.createElement(
+                  CodeBlock_1.default,
+                  { language: "json", title: `${frontMatter.title}` },
+                  JSON.stringify(sample, null, 2)
+                )
               )
             )
           )

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) }

package/lib/theme/ParamsItem/index.js

@@ -16,18 +16,17 @@ const Translate_1 = require("@docusaurus/Translate");
 const Example_1 = require("@theme/Example");
 const Markdown_1 = __importDefault(require("@theme/Markdown"));
 /* eslint-disable import/no-extraneous-dependencies*/
-const translationIds_1 = require("@theme/translationIds");
 const clsx_1 = __importDefault(require("clsx"));
 const schema_1 = require("../../markdown/schema");
 const utils_1 = require("../../markdown/utils");
 const getEnumDescriptionMarkdown = (enumDescriptions) => {
   if (enumDescriptions?.length) {
     const enumValue = (0, Translate_1.translate)({
-      id: translationIds_1.OPENAPI_SCHEMA_ITEM.ENUM_VALUE,
+      id: "theme.openapi.schemaItem.enumValue",
       message: "Enum Value",
     });
     const description = (0, Translate_1.translate)({
-      id: translationIds_1.OPENAPI_SCHEMA_ITEM.ENUM_DESCRIPTION,
+      id: "theme.openapi.schemaItem.enumDescription",
       message: "Description",
     });
     return `| ${enumValue} | ${description} |
@@ -73,7 +72,7 @@ function ParamsItem({ param, ...rest }) {
       "span",
       { className: "openapi-schema__required" },
       (0, Translate_1.translate)({
-        id: translationIds_1.OPENAPI_SCHEMA_ITEM.REQUIRED,
+        id: "theme.openapi.schemaItem.required",
         message: "required",
       })
     )
@@ -83,7 +82,7 @@ function ParamsItem({ param, ...rest }) {
       "span",
       { className: "openapi-schema__deprecated" },
       (0, Translate_1.translate)({
-        id: translationIds_1.OPENAPI_SCHEMA_ITEM.DEPRECATED,
+        id: "theme.openapi.schemaItem.deprecated",
         message: "deprecated",
       })
     )
@@ -99,7 +98,7 @@ function ParamsItem({ param, ...rest }) {
       return undefined;
     }
     const label = (0, Translate_1.translate)({
-      id: translationIds_1.OPENAPI_SCHEMA_ITEM.CONSTANT_VALUE,
+      id: "theme.openapi.schemaItem.constantValue",
       message: "Constant value:",
     });
     return react_1.default.createElement(
@@ -142,7 +141,7 @@ function ParamsItem({ param, ...rest }) {
             "strong",
             null,
             (0, Translate_1.translate)({
-              id: translationIds_1.OPENAPI_SCHEMA_ITEM.DEFAULT_VALUE,
+              id: "theme.openapi.schemaItem.defaultValue",
               message: "Default value:",
             }),
             " "
@@ -161,7 +160,7 @@ function ParamsItem({ param, ...rest }) {
           "strong",
           null,
           (0, Translate_1.translate)({
-            id: translationIds_1.OPENAPI_SCHEMA_ITEM.DEFAULT_VALUE,
+            id: "theme.openapi.schemaItem.defaultValue",
             message: "Default value:",
           }),
           " "

package/lib/theme/RequestSchema/index.js

@@ -19,10 +19,10 @@ const Markdown_1 = __importDefault(require("@theme/Markdown"));
 const MimeTabs_1 = __importDefault(require("@theme/MimeTabs")); // Assume these components exist
 const ResponseExamples_1 = require("@theme/ResponseExamples");
 const Schema_1 = __importDefault(require("@theme/Schema"));
+const SchemaExpansion_1 = __importDefault(require("@theme/SchemaExpansion"));
 const SchemaTabs_1 = __importDefault(require("@theme/SchemaTabs"));
 const SkeletonLoader_1 = __importDefault(require("@theme/SkeletonLoader"));
 const TabItem_1 = __importDefault(require("@theme/TabItem"));
-const translationIds_1 = require("@theme/translationIds");
 const RequestSchemaComponent = ({ title, body, style }) => {
   if (
     body === undefined ||
@@ -71,32 +71,34 @@ const RequestSchemaComponent = ({ title, body, style }) => {
                       open: true,
                       style: style,
                       summary: react_1.default.createElement(
-                        react_1.default.Fragment,
-                        null,
+                        "summary",
+                        {
+                          className:
+                            "openapi-markdown__details-summary--with-control",
+                        },
                         react_1.default.createElement(
-                          "summary",
-                          null,
-                          react_1.default.createElement(
-                            "h3",
-                            {
-                              className:
-                                "openapi-markdown__details-summary-header-body",
-                            },
-                            (0, Translate_1.translate)({
-                              id: translationIds_1.OPENAPI_REQUEST.BODY_TITLE,
-                              message: title,
-                            }),
-                            body.required === true &&
-                              react_1.default.createElement(
-                                "span",
-                                { className: "openapi-schema__required" },
-                                (0, Translate_1.translate)({
-                                  id: translationIds_1.OPENAPI_SCHEMA_ITEM
-                                    .REQUIRED,
-                                  message: "required",
-                                })
-                              )
-                          )
+                          "h3",
+                          {
+                            className:
+                              "openapi-markdown__details-summary-header-body",
+                          },
+                          (0, Translate_1.translate)({
+                            id: "theme.openapi.request.body.title",
+                            message: title,
+                          }),
+                          body.required === true &&
+                            react_1.default.createElement(
+                              "span",
+                              { className: "openapi-schema__required" },
+                              (0, Translate_1.translate)({
+                                id: "theme.openapi.schemaItem.required",
+                                message: "required",
+                              })
+                            )
+                        ),
+                        react_1.default.createElement(
+                          SchemaExpansion_1.default,
+                          null
                         )
                       ),
                     },
@@ -179,38 +181,36 @@ const RequestSchemaComponent = ({ title, body, style }) => {
               open: true,
               style: style,
               summary: react_1.default.createElement(
-                react_1.default.Fragment,
-                null,
+                "summary",
+                {
+                  className: "openapi-markdown__details-summary--with-control",
+                },
                 react_1.default.createElement(
-                  "summary",
-                  null,
-                  react_1.default.createElement(
-                    "h3",
-                    {
-                      className:
-                        "openapi-markdown__details-summary-header-body",
-                    },
-                    (0, Translate_1.translate)({
-                      id: translationIds_1.OPENAPI_REQUEST.BODY_TITLE,
-                      message: title,
-                    }),
-                    firstBody.type === "array" &&
-                      react_1.default.createElement(
-                        "span",
-                        { style: { opacity: "0.6" } },
-                        " array"
-                      ),
-                    body.required &&
-                      react_1.default.createElement(
-                        "strong",
-                        { className: "openapi-schema__required" },
-                        (0, Translate_1.translate)({
-                          id: translationIds_1.OPENAPI_SCHEMA_ITEM.REQUIRED,
-                          message: "required",
-                        })
-                      )
-                  )
-                )
+                  "h3",
+                  {
+                    className: "openapi-markdown__details-summary-header-body",
+                  },
+                  (0, Translate_1.translate)({
+                    id: "theme.openapi.request.body.title",
+                    message: title,
+                  }),
+                  firstBody.type === "array" &&
+                    react_1.default.createElement(
+                      "span",
+                      { style: { opacity: "0.6" } },
+                      " array"
+                    ),
+                  body.required &&
+                    react_1.default.createElement(
+                      "strong",
+                      { className: "openapi-schema__required" },
+                      (0, Translate_1.translate)({
+                        id: "theme.openapi.schemaItem.required",
+                        message: "required",
+                      })
+                    )
+                ),
+                react_1.default.createElement(SchemaExpansion_1.default, null)
               ),
             },
             react_1.default.createElement(

package/lib/theme/ResponseExamples/index.js

@@ -21,7 +21,6 @@ const Translate_1 = require("@docusaurus/Translate");
 const CodeSamples_1 = __importDefault(require("@theme/CodeSamples"));
 const Markdown_1 = __importDefault(require("@theme/Markdown"));
 const TabItem_1 = __importDefault(require("@theme/TabItem"));
-const translationIds_1 = require("@theme/translationIds");
 const createResponseExample_1 = require("docusaurus-plugin-openapi-docs/lib/openapi/createResponseExample");
 const xml_formatter_1 = __importDefault(require("xml-formatter"));
 function json2xml(o, tab) {
@@ -111,7 +110,7 @@ const ResponseExample = ({ responseExample, mimeType }) => {
       TabItem_1.default,
       {
         label: (0, Translate_1.translate)({
-          id: translationIds_1.OPENAPI_RESPONSE_EXAMPLES.EXAMPLE,
+          id: "theme.openapi.responseExamples.example",
           message: "Example",
         }),
         value: "Example",
@@ -173,7 +172,7 @@ const ExampleFromSchema = ({ schema, mimeType }) => {
           TabItem_1.default,
           {
             label: (0, Translate_1.translate)({
-              id: translationIds_1.OPENAPI_RESPONSE_EXAMPLES.AUTO_EXAMPLE,
+              id: "theme.openapi.responseExamples.autoExample",
               message: "Example (auto)",
             }),
             value: "Example (auto)",
@@ -196,7 +195,7 @@ const ExampleFromSchema = ({ schema, mimeType }) => {
         TabItem_1.default,
         {
           label: (0, Translate_1.translate)({
-            id: translationIds_1.OPENAPI_RESPONSE_EXAMPLES.AUTO_EXAMPLE,
+            id: "theme.openapi.responseExamples.autoExample",
             message: "Example (auto)",
           }),
           value: "Example (auto)",