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

package/lib/theme/SchemaItem/index.js

@@ -16,7 +16,6 @@ const react_1 = __importDefault(require("react"));
 const Translate_1 = require("@docusaurus/Translate");
 const Example_1 = require("@theme/Example");
 const Markdown_1 = __importDefault(require("@theme/Markdown"));
-const translationIds_1 = require("@theme/translationIds");
 const clsx_1 = __importDefault(require("clsx"));
 const schema_1 = require("../../markdown/schema");
 const utils_1 = require("../../markdown/utils");
@@ -29,11 +28,11 @@ const transformEnumDescriptions = (enumDescriptions) => {
 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} |
@@ -84,7 +83,7 @@ function SchemaItem(props) {
         "span",
         { className: "openapi-schema__required" },
         (0, Translate_1.translate)({
-          id: translationIds_1.OPENAPI_SCHEMA_ITEM.REQUIRED,
+          id: "theme.openapi.schemaItem.required",
           message: "required",
         })
       )
@@ -94,7 +93,7 @@ function SchemaItem(props) {
       "span",
       { className: "openapi-schema__deprecated" },
       (0, Translate_1.translate)({
-        id: translationIds_1.OPENAPI_SCHEMA_ITEM.DEPRECATED,
+        id: "theme.openapi.schemaItem.deprecated",
         message: "deprecated",
       })
     )
@@ -104,7 +103,7 @@ function SchemaItem(props) {
       "span",
       { className: "openapi-schema__nullable" },
       (0, Translate_1.translate)({
-        id: translationIds_1.OPENAPI_SCHEMA_ITEM.NULLABLE,
+        id: "theme.openapi.schemaItem.nullable",
         message: "nullable",
       })
     )
@@ -151,7 +150,7 @@ function SchemaItem(props) {
             "strong",
             null,
             (0, Translate_1.translate)({
-              id: translationIds_1.OPENAPI_SCHEMA_ITEM.DEFAULT_VALUE,
+              id: "theme.openapi.schemaItem.defaultValue",
               message: "Default value:",
             }),
             " "
@@ -170,7 +169,7 @@ function SchemaItem(props) {
           "strong",
           null,
           (0, Translate_1.translate)({
-            id: translationIds_1.OPENAPI_SCHEMA_ITEM.DEFAULT_VALUE,
+            id: "theme.openapi.schemaItem.defaultValue",
             message: "Default value:",
           }),
           " "
@@ -198,7 +197,7 @@ function SchemaItem(props) {
             "strong",
             null,
             (0, Translate_1.translate)({
-              id: translationIds_1.OPENAPI_SCHEMA_ITEM.CONSTANT_VALUE,
+              id: "theme.openapi.schemaItem.constantValue",
               message: "Constant value:",
             }),
             " "
@@ -217,7 +216,7 @@ function SchemaItem(props) {
           "strong",
           null,
           (0, Translate_1.translate)({
-            id: translationIds_1.OPENAPI_SCHEMA_ITEM.CONSTANT_VALUE,
+            id: "theme.openapi.schemaItem.constantValue",
             message: "Constant value:",
           }),
           " "

package/lib/theme/StatusCodes/index.js

@@ -19,7 +19,6 @@ const Markdown_1 = __importDefault(require("@theme/Markdown"));
 const ResponseHeaders_1 = __importDefault(require("@theme/ResponseHeaders"));
 const ResponseSchema_1 = __importDefault(require("@theme/ResponseSchema"));
 const TabItem_1 = __importDefault(require("@theme/TabItem"));
-const translationIds_1 = require("@theme/translationIds");
 const StatusCodes = ({ label, id, responses }) => {
   if (!responses) return null;
   const codes = Object.keys(responses);
@@ -64,8 +63,7 @@ const StatusCodes = ({ label, id, responses }) => {
                     "strong",
                     null,
                     (0, Translate_1.translate)({
-                      id: translationIds_1.OPENAPI_STATUS_CODES
-                        .RESPONSE_HEADERS,
+                      id: "theme.openapi.statusCodes.responseHeaders",
                       message: "Response Headers",
                     })
                   )
@@ -77,7 +75,7 @@ const StatusCodes = ({ label, id, responses }) => {
             ),
           react_1.default.createElement(ResponseSchema_1.default, {
             title: (0, Translate_1.translate)({
-              id: translationIds_1.OPENAPI_STATUS_CODES.SCHEMA_TITLE,
+              id: "theme.openapi.statusCodes.schemaTitle",
               message: "Schema",
             }),
             body: { content: response.content },

package/lib/theme/translationIds.d.ts

@@ -1,99 +1 @@
-export declare const OPENAPI_RESPONSE: {
-    TITLE: string;
-    CLEAR: string;
-    PLACEHOLDER: string;
-    HEADERS_TAB: string;
-};
-export declare const OPENAPI_TABS: {
-    RESPONSES_LABEL: string;
-};
-export declare const OPENAPI_REQUEST: {
-    BODY_TITLE: string;
-    ACCEPT_TITLE: string;
-    SEND_BUTTON: string;
-    REQUIRED_LABEL: string;
-    REQUEST_TITLE: string;
-    COLLAPSE_ALL: string;
-    EXPAND_ALL: string;
-    BASE_URL_TITLE: string;
-    AUTH_TITLE: string;
-    PARAMETERS_TITLE: string;
-    FETCHING_MESSAGE: string;
-    CONNECTION_FAILED: string;
-    ERROR_TIMEOUT: string;
-    ERROR_NETWORK: string;
-    ERROR_CORS: string;
-    ERROR_UNKNOWN: string;
-};
-export declare const OPENAPI_SERVER: {
-    EDIT_BUTTON: string;
-    HIDE_BUTTON: string;
-};
-export declare const OPENAPI_PARAM_OPTIONS: {
-    SHOW_OPTIONAL: string;
-    HIDE_OPTIONAL: string;
-};
-export declare const OPENAPI_FORM_FILE_UPLOAD: {
-    CLEAR_BUTTON: string;
-};
-export declare const OPENAPI_FORM: {
-    FIELD_REQUIRED: string;
-};
-export declare const OPENAPI_AUTH: {
-    BEARER_TOKEN: string;
-    USERNAME: string;
-    PASSWORD: string;
-    SECURITY_SCHEME: string;
-};
-export declare const OPENAPI_RESPONSE_EXAMPLES: {
-    EXAMPLE: string;
-    AUTO_EXAMPLE: string;
-};
-export declare const OPENAPI_BODY: {
-    EXAMPLE_FROM_SCHEMA: string;
-};
-export declare const OPENAPI_STATUS_CODES: {
-    RESPONSE_HEADERS: string;
-    SCHEMA_TITLE: string;
-};
-export declare const OPENAPI_SCHEMA: {
-    NO_SCHEMA: string;
-};
-export declare const OPENAPI_SCHEMA_EXPANSION: {
-    BUTTON_LABEL: string;
-    MENU_LABEL: string;
-    ALL: string;
-    DEPTH_OPTION: string;
-};
-export declare const OPENAPI_SCHEMA_ITEM: {
-    CHARACTERS: string;
-    NON_EMPTY: string;
-    REQUIRED: string;
-    DEPRECATED: string;
-    NULLABLE: string;
-    DEFAULT_VALUE: string;
-    EXAMPLE: string;
-    EXAMPLES: string;
-    DESCRIPTION: string;
-    CONSTANT_VALUE: string;
-    ENUM_VALUE: string;
-    ENUM_DESCRIPTION: string;
-    POSSIBLE_VALUES: string;
-    EXPRESSION: string;
-    ONE_OF: string;
-    ANY_OF: string;
-};
-export declare const OPENAPI_PARAMS_DETAILS: {
-    PARAMETERS_TITLE: string;
-};
-export declare const OPENAPI_SECURITY_SCHEMES: {
-    NAME: string;
-    TYPE: string;
-    SCOPES: string;
-    IN: string;
-    FLOWS: string;
-    DESCRIPTION: string;
-    SCHEME: string;
-    BEARER_FORMAT: string;
-    OPEN_ID_CONNECT_URL: string;
-};
+export {};

package/lib/theme/translationIds.js

@@ -6,119 +6,3 @@
  * LICENSE file in the root directory of this source tree.
  * ========================================================================== */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.OPENAPI_SECURITY_SCHEMES =
-  exports.OPENAPI_PARAMS_DETAILS =
-  exports.OPENAPI_SCHEMA_ITEM =
-  exports.OPENAPI_SCHEMA_EXPANSION =
-  exports.OPENAPI_SCHEMA =
-  exports.OPENAPI_STATUS_CODES =
-  exports.OPENAPI_BODY =
-  exports.OPENAPI_RESPONSE_EXAMPLES =
-  exports.OPENAPI_AUTH =
-  exports.OPENAPI_FORM =
-  exports.OPENAPI_FORM_FILE_UPLOAD =
-  exports.OPENAPI_PARAM_OPTIONS =
-  exports.OPENAPI_SERVER =
-  exports.OPENAPI_REQUEST =
-  exports.OPENAPI_TABS =
-  exports.OPENAPI_RESPONSE =
-    void 0;
-exports.OPENAPI_RESPONSE = {
-  TITLE: "theme.openapi.response.title",
-  CLEAR: "theme.openapi.response.clear",
-  PLACEHOLDER: "theme.openapi.response.placeholder",
-  HEADERS_TAB: "theme.openapi.response.headersTab",
-};
-exports.OPENAPI_TABS = {
-  RESPONSES_LABEL: "theme.openapi.tabs.responses.label",
-};
-exports.OPENAPI_REQUEST = {
-  BODY_TITLE: "theme.openapi.request.body.title",
-  ACCEPT_TITLE: "theme.openapi.request.accept.title",
-  SEND_BUTTON: "theme.openapi.request.sendButton",
-  REQUIRED_LABEL: "theme.openapi.request.requiredLabel",
-  REQUEST_TITLE: "theme.openapi.request.title",
-  COLLAPSE_ALL: "theme.openapi.request.collapseAll",
-  EXPAND_ALL: "theme.openapi.request.expandAll",
-  BASE_URL_TITLE: "theme.openapi.request.baseUrl.title",
-  AUTH_TITLE: "theme.openapi.request.auth.title",
-  PARAMETERS_TITLE: "theme.openapi.request.parameters.title",
-  FETCHING_MESSAGE: "theme.openapi.request.fetchingMessage",
-  CONNECTION_FAILED: "theme.openapi.request.connectionFailed",
-  ERROR_TIMEOUT: "theme.openapi.request.error.timeout",
-  ERROR_NETWORK: "theme.openapi.request.error.network",
-  ERROR_CORS: "theme.openapi.request.error.cors",
-  ERROR_UNKNOWN: "theme.openapi.request.error.unknown",
-};
-exports.OPENAPI_SERVER = {
-  EDIT_BUTTON: "theme.openapi.server.editButton",
-  HIDE_BUTTON: "theme.openapi.server.hideButton",
-};
-exports.OPENAPI_PARAM_OPTIONS = {
-  SHOW_OPTIONAL: "theme.openapi.paramOptions.showOptional",
-  HIDE_OPTIONAL: "theme.openapi.paramOptions.hideOptional",
-};
-exports.OPENAPI_FORM_FILE_UPLOAD = {
-  CLEAR_BUTTON: "theme.openapi.formFileUpload.clearButton",
-};
-exports.OPENAPI_FORM = {
-  FIELD_REQUIRED: "theme.openapi.form.fieldRequired",
-};
-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",
-  AUTO_EXAMPLE: "theme.openapi.responseExamples.autoExample",
-};
-exports.OPENAPI_BODY = {
-  EXAMPLE_FROM_SCHEMA: "theme.openapi.body.exampleFromSchema",
-};
-exports.OPENAPI_STATUS_CODES = {
-  RESPONSE_HEADERS: "theme.openapi.statusCodes.responseHeaders",
-  SCHEMA_TITLE: "theme.openapi.statusCodes.schemaTitle",
-};
-exports.OPENAPI_SCHEMA = {
-  NO_SCHEMA: "theme.openapi.schema.noSchema",
-};
-exports.OPENAPI_SCHEMA_EXPANSION = {
-  BUTTON_LABEL: "theme.openapi.schema.expansion.button",
-  MENU_LABEL: "theme.openapi.schema.expansion.menu",
-  ALL: "theme.openapi.schema.expansion.all",
-  DEPTH_OPTION: "theme.openapi.schema.expansion.depthOption",
-};
-exports.OPENAPI_SCHEMA_ITEM = {
-  CHARACTERS: "theme.openapi.schemaItem.characters",
-  NON_EMPTY: "theme.openapi.schemaItem.nonEmpty",
-  REQUIRED: "theme.openapi.schemaItem.required",
-  DEPRECATED: "theme.openapi.schemaItem.deprecated",
-  NULLABLE: "theme.openapi.schemaItem.nullable",
-  DEFAULT_VALUE: "theme.openapi.schemaItem.defaultValue",
-  EXAMPLE: "theme.openapi.schemaItem.example",
-  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",
-  EXPRESSION: "theme.openapi.schemaItem.expression",
-  ONE_OF: "theme.openapi.schemaItem.oneOf",
-  ANY_OF: "theme.openapi.schemaItem.anyOf",
-};
-exports.OPENAPI_PARAMS_DETAILS = {
-  PARAMETERS_TITLE: "theme.openapi.paramsDetails.parametersTitle",
-};
-exports.OPENAPI_SECURITY_SCHEMES = {
-  NAME: "theme.openapi.securitySchemes.name",
-  TYPE: "theme.openapi.securitySchemes.type",
-  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-1294",
+  "version": "0.0.0-1295",
   "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-1294",
+    "docusaurus-plugin-openapi-docs": "0.0.0-1295",
     "docusaurus-plugin-sass": "^0.2.6",
     "eslint-plugin-prettier": "^5.5.1"
   },
@@ -82,5 +82,5 @@
   "engines": {
     "node": ">=14"
   },
-  "gitHead": "dcce97d6a3cae4f76af8f02e81571e8ce5a394ac"
+  "gitHead": "794540bb4937ec12827e46aa936f8cb29fc7b2ab"
 }

package/src/markdown/schema.ts

@@ -7,7 +7,6 @@
 
 import { translate } from "@docusaurus/Translate";
 
-import { OPENAPI_SCHEMA_ITEM } from "../theme/translationIds";
 import { SchemaObject } from "../types";
 
 /**
@@ -158,7 +157,7 @@ export function getQualifierMessage(schema?: SchemaObject): string | undefined {
   }
 
   let message = `**${translate({
-    id: OPENAPI_SCHEMA_ITEM.POSSIBLE_VALUES,
+    id: "theme.openapi.schemaItem.possibleValues",
     message: "Possible values:",
   })}** `;
 
@@ -177,11 +176,11 @@ export function getQualifierMessage(schema?: SchemaObject): string | undefined {
     let minLength;
     let maxLength;
     const charactersMessage = translate({
-      id: OPENAPI_SCHEMA_ITEM.CHARACTERS,
+      id: "theme.openapi.schemaItem.characters",
       message: "characters",
     });
     const nonEmptyMessage = translate({
-      id: OPENAPI_SCHEMA_ITEM.NON_EMPTY,
+      id: "theme.openapi.schemaItem.nonEmpty",
       message: "non-empty",
     });
     if (schema.minLength && schema.minLength > 1) {
@@ -246,7 +245,7 @@ export function getQualifierMessage(schema?: SchemaObject): string | undefined {
 
   if (schema.pattern) {
     const expressionMessage = translate({
-      id: OPENAPI_SCHEMA_ITEM.EXPRESSION,
+      id: "theme.openapi.schemaItem.expression",
       message: "Value must match regular expression",
     });
     qualifierGroups.push(`${expressionMessage} \`${schema.pattern}\``);

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

@@ -12,7 +12,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_AUTH } from "@theme/translationIds";
 
 import { setAuthData, setSelectedAuth } from "./slice";
 
@@ -37,7 +36,7 @@ function Authorization() {
         <FormItem>
           <FormSelect
             label={translate({
-              id: OPENAPI_AUTH.SECURITY_SCHEME,
+              id: "theme.openapi.auth.securityScheme",
               message: "Security Scheme",
             })}
             options={optionKeys}
@@ -54,11 +53,11 @@ function Authorization() {
             <FormItem key={a.key + "-bearer"}>
               <FormTextInput
                 label={translate({
-                  id: OPENAPI_AUTH.BEARER_TOKEN,
+                  id: "theme.openapi.auth.bearerToken",
                   message: "Bearer Token",
                 })}
                 placeholder={translate({
-                  id: OPENAPI_AUTH.BEARER_TOKEN,
+                  id: "theme.openapi.auth.bearerToken",
                   message: "Bearer Token",
                 })}
                 password
@@ -83,11 +82,11 @@ function Authorization() {
             <FormItem key={a.key + "-oauth2"}>
               <FormTextInput
                 label={translate({
-                  id: OPENAPI_AUTH.BEARER_TOKEN,
+                  id: "theme.openapi.auth.bearerToken",
                   message: "Bearer Token",
                 })}
                 placeholder={translate({
-                  id: OPENAPI_AUTH.BEARER_TOKEN,
+                  id: "theme.openapi.auth.bearerToken",
                   message: "Bearer Token",
                 })}
                 password
@@ -113,11 +112,11 @@ function Authorization() {
               <FormItem>
                 <FormTextInput
                   label={translate({
-                    id: OPENAPI_AUTH.USERNAME,
+                    id: "theme.openapi.auth.username",
                     message: "Username",
                   })}
                   placeholder={translate({
-                    id: OPENAPI_AUTH.USERNAME,
+                    id: "theme.openapi.auth.username",
                     message: "Username",
                   })}
                   value={data[a.key].username ?? ""}
@@ -136,11 +135,11 @@ function Authorization() {
               <FormItem>
                 <FormTextInput
                   label={translate({
-                    id: OPENAPI_AUTH.PASSWORD,
+                    id: "theme.openapi.auth.password",
                     message: "Password",
                   })}
                   placeholder={translate({
-                    id: OPENAPI_AUTH.PASSWORD,
+                    id: "theme.openapi.auth.password",
                     message: "Password",
                   })}
                   password

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

@@ -16,7 +16,6 @@ import { useTypedDispatch, useTypedSelector } from "@theme/ApiItem/hooks";
 import Markdown from "@theme/Markdown";
 import SchemaTabs from "@theme/SchemaTabs";
 import TabItem from "@theme/TabItem";
-import { OPENAPI_BODY, OPENAPI_REQUEST } from "@theme/translationIds";
 import { sampleFromSchema } from "docusaurus-plugin-openapi-docs/lib/openapi/createSchemaExample";
 import type { RequestBodyObject } from "docusaurus-plugin-openapi-docs/src/openapi/types";
 import format from "xml-formatter";
@@ -292,7 +291,10 @@ function Body({
         <FormFileUpload
           placeholder={
             schema.description ||
-            translate({ id: OPENAPI_REQUEST.BODY_TITLE, message: "Body" })
+            translate({
+              id: "theme.openapi.request.body.title",
+              message: "Body",
+            })
           }
           onChange={(file: any) => {
             if (file === undefined) {
@@ -322,7 +324,7 @@ function Body({
           {/* @ts-ignore */}
           <TabItem
             label={translate({
-              id: OPENAPI_BODY.EXAMPLE_FROM_SCHEMA,
+              id: "theme.openapi.body.exampleFromSchema",
               message: "Example (from schema)",
             })}
             value="Example (from schema)"
@@ -412,7 +414,7 @@ function Body({
           {/* @ts-ignore */}
           <TabItem
             label={translate({
-              id: OPENAPI_BODY.EXAMPLE_FROM_SCHEMA,
+              id: "theme.openapi.body.exampleFromSchema",
               message: "Example (from schema)",
             })}
             value="Example (from schema)"
@@ -453,7 +455,7 @@ function Body({
           {/* @ts-ignore */}
           <TabItem
             label={translate({
-              id: OPENAPI_BODY.EXAMPLE_FROM_SCHEMA,
+              id: "theme.openapi.body.exampleFromSchema",
               message: "Example (from schema)",
             })}
             value="Example (from schema)"

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

@@ -7,6 +7,7 @@
 
 import React from "react";
 
+import { translate } from "@docusaurus/Translate";
 import fileSaver from "file-saver";
 
 const saveFile = (url: string) => {
@@ -24,7 +25,7 @@ function Export({ url, proxy }: any) {
       className="dropdown dropdown--hoverable dropdown--right"
     >
       <button className="export-button button button--sm button--secondary">
-        Export
+        {translate({ id: "theme.openapi.export.button", message: "Export" })}
       </button>
       <ul className="export-dropdown dropdown__menu">
         <li>
@@ -36,7 +37,10 @@ function Export({ url, proxy }: any) {
             className="dropdown__link"
             href={`${url}`}
           >
-            OpenAPI Spec
+            {translate({
+              id: "theme.openapi.export.openapiSpec",
+              message: "OpenAPI Spec",
+            })}
           </a>
         </li>
       </ul>

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

@@ -9,7 +9,6 @@ import React, { useState } from "react";
 
 import { translate } from "@docusaurus/Translate";
 import FloatingButton from "@theme/ApiExplorer/FloatingButton";
-import { OPENAPI_FORM_FILE_UPLOAD } from "@theme/translationIds";
 import MagicDropzone from "react-magic-dropzone";
 
 type PreviewFile = { preview: string } & File;
@@ -105,7 +104,7 @@ function FormFileUpload({ placeholder, onChange }: Props) {
               }}
             >
               {translate({
-                id: OPENAPI_FORM_FILE_UPLOAD.CLEAR_BUTTON,
+                id: "theme.openapi.formFileUpload.clearButton",
                 message: "Clear",
               })}
             </button>

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

@@ -8,7 +8,6 @@
 import React from "react";
 
 import { translate } from "@docusaurus/Translate";
-import { OPENAPI_SCHEMA_ITEM } from "@theme/translationIds";
 
 export interface Props {
   htmlFor?: string;
@@ -31,7 +30,7 @@ function FormLabel({ htmlFor, label, type, required }: Props) {
       {required && (
         <span className="openapi-schema__required">
           {translate({
-            id: OPENAPI_SCHEMA_ITEM.REQUIRED,
+            id: "theme.openapi.schemaItem.required",
             message: "required",
           })}
         </span>

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

@@ -11,7 +11,6 @@ import React, { useId } from "react";
 import { translate } from "@docusaurus/Translate";
 import { ErrorMessage } from "@hookform/error-message";
 import FormLabel from "@theme/ApiExplorer/FormLabel";
-import { OPENAPI_FORM } from "@theme/translationIds";
 import clsx from "clsx";
 import { useFormContext } from "react-hook-form";
 
@@ -59,7 +58,7 @@ function FormTextInput({
           {...register(paramName, {
             required: isRequired
               ? translate({
-                  id: OPENAPI_FORM.FIELD_REQUIRED,
+                  id: "theme.openapi.form.fieldRequired",
                   message: "This field is required",
                 })
               : false,

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

@@ -11,7 +11,6 @@ import { usePrismTheme } from "@docusaurus/theme-common";
 import { translate } from "@docusaurus/Translate";
 import useIsBrowser from "@docusaurus/useIsBrowser";
 import { ErrorMessage } from "@hookform/error-message";
-import { OPENAPI_FORM } from "@theme/translationIds";
 import clsx from "clsx";
 import { Controller, useFormContext } from "react-hook-form";
 import { LiveProvider, LiveEditor, withLive } from "react-live";
@@ -89,7 +88,7 @@ function App({
             required:
               isRequired && !code
                 ? translate({
-                    id: OPENAPI_FORM.FIELD_REQUIRED,
+                    id: "theme.openapi.form.fieldRequired",
                     message: "This field is required",
                   })
                 : false,

package/src/theme/ApiExplorer/ParamOptions/ParamFormItems/ParamArrayFormItem.tsx

@@ -15,7 +15,6 @@ import FormSelect from "@theme/ApiExplorer/FormSelect";
 import FormTextInput from "@theme/ApiExplorer/FormTextInput";
 import { Param, setParam } from "@theme/ApiExplorer/ParamOptions/slice";
 import { useTypedDispatch } from "@theme/ApiItem/hooks";
-import { OPENAPI_FORM } from "@theme/translationIds";
 import { Controller, useFormContext } from "react-hook-form";
 
 export interface ParamProps {
@@ -138,7 +137,7 @@ export default function ParamArrayFormItem({
         rules={{
           required: param.required
             ? translate({
-                id: OPENAPI_FORM.FIELD_REQUIRED,
+                id: "theme.openapi.form.fieldRequired",
                 message: "This field is required",
               })
             : false,
@@ -177,7 +176,10 @@ export default function ParamArrayFormItem({
               className="openapi-explorer__thin-btn"
               onClick={handleAddItem}
             >
-              Add item
+              {translate({
+                id: "theme.openapi.paramArray.addItem",
+                message: "Add item",
+              })}
             </button>
           </>
         )}

package/src/theme/ApiExplorer/ParamOptions/ParamFormItems/ParamBooleanFormItem.tsx

@@ -12,7 +12,6 @@ import { ErrorMessage } from "@hookform/error-message";
 import FormSelect from "@theme/ApiExplorer/FormSelect";
 import { Param, setParam } from "@theme/ApiExplorer/ParamOptions/slice";
 import { useTypedDispatch } from "@theme/ApiItem/hooks";
-import { OPENAPI_FORM } from "@theme/translationIds";
 import { Controller, useFormContext } from "react-hook-form";
 
 export interface ParamProps {
@@ -60,7 +59,7 @@ export default function ParamBooleanFormItem({
         rules={{
           required: param.required
             ? translate({
-                id: OPENAPI_FORM.FIELD_REQUIRED,
+                id: "theme.openapi.form.fieldRequired",
                 message: "This field is required",
               })
             : false,