docusaurus-theme-openapi-docs 0.0.0-1084 → 0.0.0-1087

package/lib/theme/ApiExplorer/Accept/slice.d.ts

@@ -4,7 +4,10 @@ export interface State {
     options: string[];
 }
 export declare const slice: import("@reduxjs/toolkit").Slice<State, {
-    setAccept: (state: import("immer").WritableDraft<State>, action: PayloadAction<string>) => void;
+    setAccept: (state: {
+        value: string;
+        options: string[];
+    }, action: PayloadAction<string>) => void;
 }, "accept", "accept", import("@reduxjs/toolkit").SliceSelectors<State>>;
 export declare const setAccept: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "accept/setAccept">;
 declare const _default: import("redux").Reducer<State>;

package/lib/theme/ApiExplorer/Authorization/slice.d.ts

@@ -24,12 +24,154 @@ export interface AuthState {
     selected?: string;
 }
 export declare const slice: import("@reduxjs/toolkit").Slice<AuthState, {
-    setAuthData: (state: import("immer").WritableDraft<AuthState>, action: PayloadAction<{
+    setAuthData: (state: {
+        data: {
+            [x: string]: {
+                [x: string]: string | undefined;
+            };
+        };
+        options: {
+            [x: string]: ({
+                key: string;
+                scopes: string[];
+                type: "apiKey";
+                description?: string | undefined;
+                name: string;
+                in: "query" | "header" | "cookie";
+            } | {
+                key: string;
+                scopes: string[];
+                type: "http";
+                description?: string | undefined;
+                scheme: string;
+                bearerFormat?: string | undefined;
+                name?: string | undefined;
+                in?: string | undefined;
+            } | {
+                key: string;
+                scopes: string[];
+                type: "oauth2";
+                description?: string | undefined;
+                flows: {
+                    implicit?: {
+                        authorizationUrl?: string | undefined;
+                        tokenUrl?: string | undefined;
+                        refreshUrl?: string | undefined;
+                        scopes: {
+                            [x: string]: string;
+                        };
+                    } | undefined;
+                    password?: {
+                        authorizationUrl?: string | undefined;
+                        tokenUrl?: string | undefined;
+                        refreshUrl?: string | undefined;
+                        scopes: {
+                            [x: string]: string;
+                        };
+                    } | undefined;
+                    clientCredentials?: {
+                        authorizationUrl?: string | undefined;
+                        tokenUrl?: string | undefined;
+                        refreshUrl?: string | undefined;
+                        scopes: {
+                            [x: string]: string;
+                        };
+                    } | undefined;
+                    authorizationCode?: {
+                        authorizationUrl?: string | undefined;
+                        tokenUrl?: string | undefined;
+                        refreshUrl?: string | undefined;
+                        scopes: {
+                            [x: string]: string;
+                        };
+                    } | undefined;
+                };
+            } | {
+                key: string;
+                scopes: string[];
+                type: "openIdConnect";
+                description?: string | undefined;
+                openIdConnectUrl: string;
+            })[];
+        };
+        selected?: string | undefined;
+    }, action: PayloadAction<{
         scheme: string;
         key: string;
         value?: string;
     }>) => void;
-    setSelectedAuth: (state: import("immer").WritableDraft<AuthState>, action: PayloadAction<string>) => void;
+    setSelectedAuth: (state: {
+        data: {
+            [x: string]: {
+                [x: string]: string | undefined;
+            };
+        };
+        options: {
+            [x: string]: ({
+                key: string;
+                scopes: string[];
+                type: "apiKey";
+                description?: string | undefined;
+                name: string;
+                in: "query" | "header" | "cookie";
+            } | {
+                key: string;
+                scopes: string[];
+                type: "http";
+                description?: string | undefined;
+                scheme: string;
+                bearerFormat?: string | undefined;
+                name?: string | undefined;
+                in?: string | undefined;
+            } | {
+                key: string;
+                scopes: string[];
+                type: "oauth2";
+                description?: string | undefined;
+                flows: {
+                    implicit?: {
+                        authorizationUrl?: string | undefined;
+                        tokenUrl?: string | undefined;
+                        refreshUrl?: string | undefined;
+                        scopes: {
+                            [x: string]: string;
+                        };
+                    } | undefined;
+                    password?: {
+                        authorizationUrl?: string | undefined;
+                        tokenUrl?: string | undefined;
+                        refreshUrl?: string | undefined;
+                        scopes: {
+                            [x: string]: string;
+                        };
+                    } | undefined;
+                    clientCredentials?: {
+                        authorizationUrl?: string | undefined;
+                        tokenUrl?: string | undefined;
+                        refreshUrl?: string | undefined;
+                        scopes: {
+                            [x: string]: string;
+                        };
+                    } | undefined;
+                    authorizationCode?: {
+                        authorizationUrl?: string | undefined;
+                        tokenUrl?: string | undefined;
+                        refreshUrl?: string | undefined;
+                        scopes: {
+                            [x: string]: string;
+                        };
+                    } | undefined;
+                };
+            } | {
+                key: string;
+                scopes: string[];
+                type: "openIdConnect";
+                description?: string | undefined;
+                openIdConnectUrl: string;
+            })[];
+        };
+        selected?: string | undefined;
+    }, action: PayloadAction<string>) => void;
 }, "auth", "auth", import("@reduxjs/toolkit").SliceSelectors<AuthState>>;
 export declare const setAuthData: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     scheme: string;

package/lib/theme/ApiExplorer/Body/FileArrayFormBodyItem/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface FileArrayFormItemProps {
+    id: string;
+    description: string | undefined;
+}
+export default function FileArrayFormBodyItem({ id, description, }: FileArrayFormItemProps): React.JSX.Element;
+export {};

package/lib/theme/ApiExplorer/Body/FileArrayFormBodyItem/index.js

@@ -0,0 +1,126 @@
+"use strict";
+/* ============================================================================
+ * Copyright (c) Palo Alto Networks
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ * ========================================================================== */
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (
+          !desc ||
+          ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)
+        ) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            },
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __setModuleDefault =
+  (this && this.__setModuleDefault) ||
+  (Object.create
+    ? function (o, v) {
+        Object.defineProperty(o, "default", { enumerable: true, value: v });
+      }
+    : function (o, v) {
+        o["default"] = v;
+      });
+var __importStar =
+  (this && this.__importStar) ||
+  (function () {
+    var ownKeys = function (o) {
+      ownKeys =
+        Object.getOwnPropertyNames ||
+        function (o) {
+          var ar = [];
+          for (var k in o)
+            if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+          return ar;
+        };
+      return ownKeys(o);
+    };
+    return function (mod) {
+      if (mod && mod.__esModule) return mod;
+      var result = {};
+      if (mod != null)
+        for (var k = ownKeys(mod), i = 0; i < k.length; i++)
+          if (k[i] !== "default") __createBinding(result, mod, k[i]);
+      __setModuleDefault(result, mod);
+      return result;
+    };
+  })();
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = FileArrayFormBodyItem;
+const react_1 = __importStar(require("react"));
+const FormFileUpload_1 = __importDefault(
+  require("@theme/ApiExplorer/FormFileUpload")
+);
+const hooks_1 = require("@theme/ApiItem/hooks");
+const slice_1 = require("../slice");
+function FileArrayFormBodyItem({ id, description }) {
+  const dispatch = (0, hooks_1.useTypedDispatch)();
+  const [fileItems, setFileItems] = (0, react_1.useState)(
+    new Map([[0, undefined]])
+  );
+  const handleFileChange = (index, file) => {
+    const newItems = new Map(fileItems);
+    if (file === undefined) {
+      newItems.delete(index);
+      setFileItems(newItems);
+      dispatch(
+        (0, slice_1.setFileArrayFormBody)({
+          key: id,
+          value: [...newItems.values()].filter((item) => item !== undefined),
+        })
+      );
+      return;
+    }
+    let maxIndex = 0;
+    newItems.keys().forEach((item) => {
+      maxIndex = item > maxIndex ? item : maxIndex;
+    });
+    newItems.set(index, {
+      src: `/path/to/${file.name}`,
+      content: file,
+    });
+    newItems.set(index + 1, undefined);
+    setFileItems(newItems);
+    dispatch(
+      (0, slice_1.setFileArrayFormBody)({
+        key: id,
+        value: [...newItems.values()].filter((item) => item !== undefined),
+      })
+    );
+  };
+  return react_1.default.createElement(
+    "div",
+    null,
+    [...fileItems.keys()].map((index) =>
+      react_1.default.createElement(
+        "div",
+        { key: index },
+        react_1.default.createElement(FormFileUpload_1.default, {
+          placeholder: description || id,
+          onChange: (file) => handleFileChange(index, file),
+        })
+      )
+    )
+  );
+}

package/lib/theme/ApiExplorer/Body/FormBodyItem/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { SchemaObject } from "docusaurus-plugin-openapi-docs/src/openapi/types";
+interface FormBodyItemProps {
+    schemaObject: SchemaObject;
+    id: string;
+    schema: SchemaObject;
+}
+export default function FormBodyItem({ schemaObject, id, schema, }: FormBodyItemProps): React.JSX.Element;
+export {};

package/lib/theme/ApiExplorer/Body/FormBodyItem/index.js

@@ -0,0 +1,110 @@
+"use strict";
+/* ============================================================================
+ * Copyright (c) Palo Alto Networks
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ * ========================================================================== */
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = FormBodyItem;
+const react_1 = __importDefault(require("react"));
+const FormFileUpload_1 = __importDefault(
+  require("@theme/ApiExplorer/FormFileUpload")
+);
+const FormSelect_1 = __importDefault(require("@theme/ApiExplorer/FormSelect"));
+const FormTextInput_1 = __importDefault(
+  require("@theme/ApiExplorer/FormTextInput")
+);
+const LiveEditor_1 = __importDefault(require("@theme/ApiExplorer/LiveEditor"));
+const hooks_1 = require("@theme/ApiItem/hooks");
+const slice_1 = require("../slice");
+const FileArrayFormBodyItem_1 = __importDefault(
+  require("../FileArrayFormBodyItem")
+);
+function FormBodyItem({ schemaObject, id, schema }) {
+  const dispatch = (0, hooks_1.useTypedDispatch)();
+  if (
+    schemaObject.type === "array" &&
+    schemaObject.items?.format === "binary"
+  ) {
+    return react_1.default.createElement(FileArrayFormBodyItem_1.default, {
+      id: id,
+      description: schemaObject.description,
+    });
+  }
+  if (schemaObject.format === "binary") {
+    return react_1.default.createElement(FormFileUpload_1.default, {
+      placeholder: schemaObject.description || id,
+      onChange: (file) => {
+        if (file === undefined) {
+          dispatch((0, slice_1.clearFormBodyKey)(id));
+          return;
+        }
+        dispatch(
+          (0, slice_1.setFileFormBody)({
+            key: id,
+            value: {
+              src: `/path/to/${file.name}`,
+              content: file,
+            },
+          })
+        );
+      },
+    });
+  }
+  if (
+    schemaObject.type === "object" &&
+    (schemaObject.example || schemaObject.examples)
+  ) {
+    const objectExample = JSON.stringify(
+      schemaObject.example ?? schemaObject.examples[0],
+      null,
+      2
+    );
+    return react_1.default.createElement(
+      LiveEditor_1.default,
+      {
+        action: (code) =>
+          dispatch((0, slice_1.setStringFormBody)({ key: id, value: code })),
+      },
+      objectExample
+    );
+  }
+  if (
+    schemaObject.enum &&
+    schemaObject.enum.every((value) => typeof value === "string")
+  ) {
+    return react_1.default.createElement(FormSelect_1.default, {
+      options: ["---", ...schemaObject.enum],
+      onChange: (e) => {
+        const val = e.target.value;
+        if (val === "---") {
+          dispatch((0, slice_1.clearFormBodyKey)(id));
+        } else {
+          dispatch(
+            (0, slice_1.setStringFormBody)({
+              key: id,
+              value: val,
+            })
+          );
+        }
+      },
+    });
+  }
+  // TODO: support all the other types.
+  return react_1.default.createElement(FormTextInput_1.default, {
+    paramName: id,
+    isRequired: Array.isArray(schema.required) && schema.required.includes(id),
+    placeholder: schemaObject.description || id,
+    onChange: (e) => {
+      dispatch(
+        (0, slice_1.setStringFormBody)({ key: id, value: e.target.value })
+      );
+    },
+  });
+}

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

@@ -18,10 +18,6 @@ const FormFileUpload_1 = __importDefault(
   require("@theme/ApiExplorer/FormFileUpload")
 );
 const FormItem_1 = __importDefault(require("@theme/ApiExplorer/FormItem"));
-const FormSelect_1 = __importDefault(require("@theme/ApiExplorer/FormSelect"));
-const FormTextInput_1 = __importDefault(
-  require("@theme/ApiExplorer/FormTextInput")
-);
 const LiveEditor_1 = __importDefault(require("@theme/ApiExplorer/LiveEditor"));
 const hooks_1 = require("@theme/ApiItem/hooks");
 const Markdown_1 = __importDefault(require("@theme/Markdown"));
@@ -30,6 +26,7 @@ const TabItem_1 = __importDefault(require("@theme/TabItem"));
 const translationIds_1 = require("@theme/translationIds");
 const xml_formatter_1 = __importDefault(require("xml-formatter"));
 const slice_1 = require("./slice");
+const FormBodyItem_1 = __importDefault(require("./FormBodyItem"));
 function BodyWrap({
   requestBodyMetadata,
   jsonRequestBodyExample,
@@ -118,94 +115,22 @@ function Body({
     return react_1.default.createElement(
       FormItem_1.default,
       { className: "openapi-explorer__form-item-body-container" },
-      react_1.default.createElement(
-        "div",
-        null,
-        Object.entries(schema.properties ?? {}).map(([key, val]) => {
-          if (val.format === "binary") {
-            return react_1.default.createElement(
-              FormItem_1.default,
-              {
-                key: key,
-                label: key,
-                required:
-                  Array.isArray(schema.required) &&
-                  schema.required.includes(key),
-              },
-              react_1.default.createElement(FormFileUpload_1.default, {
-                placeholder: val.description || key,
-                onChange: (file) => {
-                  if (file === undefined) {
-                    dispatch((0, slice_1.clearFormBodyKey)(key));
-                    return;
-                  }
-                  dispatch(
-                    (0, slice_1.setFileFormBody)({
-                      key: key,
-                      value: {
-                        src: `/path/to/${file.name}`,
-                        content: file,
-                      },
-                    })
-                  );
-                },
-              })
-            );
-          }
-          if (val.enum) {
-            return react_1.default.createElement(
-              FormItem_1.default,
-              {
-                key: key,
-                label: key,
-                required:
-                  Array.isArray(schema.required) &&
-                  schema.required.includes(key),
-              },
-              react_1.default.createElement(FormSelect_1.default, {
-                options: ["---", ...val.enum],
-                onChange: (e) => {
-                  const val = e.target.value;
-                  if (val === "---") {
-                    dispatch((0, slice_1.clearFormBodyKey)(key));
-                  } else {
-                    dispatch(
-                      (0, slice_1.setStringFormBody)({
-                        key: key,
-                        value: val,
-                      })
-                    );
-                  }
-                },
-              })
-            );
-          }
-          // TODO: support all the other types.
-          return react_1.default.createElement(
-            FormItem_1.default,
-            {
-              key: key,
-              label: key,
-              required:
-                Array.isArray(schema.required) && schema.required.includes(key),
-            },
-            react_1.default.createElement(FormTextInput_1.default, {
-              paramName: key,
-              isRequired:
-                Array.isArray(schema.required) && schema.required.includes(key),
-              placeholder: val.description || key,
-              onChange: (e) => {
-                dispatch(
-                  (0, slice_1.setStringFormBody)({
-                    key: key,
-                    value: e.target.value,
-                  })
-                );
-              },
-            })
-          );
-        })
-      )
+      Object.entries(schema.properties ?? {}).map(([key, val]) => {
+        return react_1.default.createElement(
+          FormItem_1.default,
+          {
+            key: key,
+            label: key,
+            required:
+              Array.isArray(schema.required) && schema.required.includes(key),
+          },
+          react_1.default.createElement(FormBodyItem_1.default, {
+            schemaObject: val,
+            id: key,
+            schema: schema,
+          })
+        );
+      })
     );
   }
   let language = "plaintext";
@@ -343,7 +268,11 @@ function Body({
           },
           react_1.default.createElement(
             LiveEditor_1.default,
-            { action: dispatch, language: language, required: required },
+            {
+              action: (code) => dispatch((0, slice_1.setStringRawBody)(code)),
+              language: language,
+              required: required,
+            },
             defaultBody
           )
         ),
@@ -359,7 +288,11 @@ function Body({
           exampleBody &&
             react_1.default.createElement(
               LiveEditor_1.default,
-              { action: dispatch, language: language, required: required },
+              {
+                action: (code) => dispatch((0, slice_1.setStringRawBody)(code)),
+                language: language,
+                required: required,
+              },
               exampleBody
             )
         )
@@ -385,7 +318,11 @@ function Body({
           },
           react_1.default.createElement(
             LiveEditor_1.default,
-            { action: dispatch, language: language, required: required },
+            {
+              action: (code) => dispatch((0, slice_1.setStringRawBody)(code)),
+              language: language,
+              required: required,
+            },
             defaultBody
           )
         ),
@@ -408,7 +345,11 @@ function Body({
               example.body &&
                 react_1.default.createElement(
                   LiveEditor_1.default,
-                  { action: dispatch, language: language },
+                  {
+                    action: (code) =>
+                      dispatch((0, slice_1.setStringRawBody)(code)),
+                    language: language,
+                  },
                   example.body
                 )
             )
@@ -422,7 +363,11 @@ function Body({
     null,
     react_1.default.createElement(
       LiveEditor_1.default,
-      { action: dispatch, language: language, required: required },
+      {
+        action: (code) => dispatch((0, slice_1.setStringRawBody)(code)),
+        language: language,
+        required: required,
+      },
       defaultBody
     )
   );