docusaurus-theme-openapi-docs 3.0.0-beta.1 → 3.0.0-beta.10

package/lib/theme/ApiExplorer/ApiCodeBlock/ExpandButton/index.js

@@ -1,23 +1,77 @@
+"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.
  * ========================================================================== */
-
-import React, { useEffect, useState } from "react";
-
-import { usePrismTheme } from "@docusaurus/theme-common";
-import { translate } from "@docusaurus/Translate";
-import Container from "@theme/ApiExplorer/ApiCodeBlock/Container";
-import CopyButton from "@theme/ApiExplorer/ApiCodeBlock/CopyButton";
-import ExitButton from "@theme/ApiExplorer/ApiCodeBlock/ExitButton";
-import Line from "@theme/ApiExplorer/ApiCodeBlock/Line";
-import clsx from "clsx";
-import { Highlight } from "prism-react-renderer";
-import Modal from "react-modal";
-
-export default function ExpandButton({
+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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null)
+      for (var k in mod)
+        if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
+          __createBinding(result, mod, k);
+    __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 });
+const react_1 = __importStar(require("react"));
+const theme_common_1 = require("@docusaurus/theme-common");
+const Translate_1 = require("@docusaurus/Translate");
+const Container_1 = __importDefault(
+  require("@theme/ApiExplorer/ApiCodeBlock/Container")
+);
+const CopyButton_1 = __importDefault(
+  require("@theme/ApiExplorer/ApiCodeBlock/CopyButton")
+);
+const ExitButton_1 = __importDefault(
+  require("@theme/ApiExplorer/ApiCodeBlock/ExitButton")
+);
+const Line_1 = __importDefault(require("@theme/ApiExplorer/ApiCodeBlock/Line"));
+const clsx_1 = __importDefault(require("clsx"));
+const prism_react_renderer_1 = require("prism-react-renderer");
+const react_modal_1 = __importDefault(require("react-modal"));
+function ExpandButton({
   code,
   className,
   language,
@@ -26,131 +80,157 @@ export default function ExpandButton({
   title,
   lineClassNames,
 }) {
-  const [isModalOpen, setIsModalOpen] = useState(false);
-  const prismTheme = usePrismTheme();
-
-  useEffect(() => {
-    Modal.setAppElement("body");
+  const [isModalOpen, setIsModalOpen] = (0, react_1.useState)(false);
+  const prismTheme = (0, theme_common_1.usePrismTheme)();
+  (0, react_1.useEffect)(() => {
+    react_modal_1.default.setAppElement("body");
   }, []);
-
-  return (
-    <>
-      <button
-        type="button"
-        aria-label={
-          isModalOpen
-            ? translate({
-                id: "theme.CodeBlock.expanded",
-                message: "Expanded",
-                description: "The expanded button label on code blocks",
-              })
-            : translate({
-                id: "theme.CodeBlock.expandButtonAriaLabel",
-                message: "Expand code to fullscreen",
-                description: "The ARIA label for expand code blocks button",
-              })
-        }
-        title={translate({
+  return react_1.default.createElement(
+    react_1.default.Fragment,
+    null,
+    react_1.default.createElement(
+      "button",
+      {
+        type: "button",
+        "aria-label": isModalOpen
+          ? (0, Translate_1.translate)({
+              id: "theme.CodeBlock.expanded",
+              message: "Expanded",
+              description: "The expanded button label on code blocks",
+            })
+          : (0, Translate_1.translate)({
+              id: "theme.CodeBlock.expandButtonAriaLabel",
+              message: "Expand code to fullscreen",
+              description: "The ARIA label for expand code blocks button",
+            }),
+        title: (0, Translate_1.translate)({
           id: "theme.CodeBlock.expand",
           message: "Expand",
           description: "The expand button label on code blocks",
-        })}
-        className={clsx(
+        }),
+        className: (0, clsx_1.default)(
           "clean-btn",
           className,
           "openapi-explorer__code-block-expand-btn",
           isModalOpen && "openapi-explorer__code-block-expand-btn--copied"
-        )}
-        onClick={() => setIsModalOpen(true)}
-      >
-        <span
-          className="openapi-explorer__code-block-expand-btn-icons"
-          aria-hidden="true"
-        >
-          <svg
-            className="openapi-explorer__code-block-expand-btn-icon"
-            viewBox="0 0 448 512"
-          >
-            <path d="M32 32C14.3 32 0 46.3 0 64v96c0 17.7 14.3 32 32 32s32-14.3 32-32V96h64c17.7 0 32-14.3 32-32s-14.3-32-32-32H32zM64 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v96c0 17.7 14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H64V352zM320 32c-17.7 0-32 14.3-32 32s14.3 32 32 32h64v64c0 17.7 14.3 32 32 32s32-14.3 32-32V64c0-17.7-14.3-32-32-32H320zM448 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v64H320c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32V352z" />
-          </svg>
-          <svg
-            className="openapi-explorer__code-block-expand-btn-icon--success"
-            viewBox="0 0 24 24"
-          >
-            <path d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" />
-          </svg>
-        </span>
-      </button>
-      <Modal
-        className="openapi-explorer__expand-modal-content"
-        overlayClassName="openapi-explorer__expand-modal-overlay"
-        isOpen={isModalOpen}
-        onRequestClose={() => setIsModalOpen(false)}
-        contentLabel="Code Snippet"
-      >
-        <Container
-          as="div"
-          className={clsx(
+        ),
+        onClick: () => setIsModalOpen(true),
+      },
+      react_1.default.createElement(
+        "span",
+        {
+          className: "openapi-explorer__code-block-expand-btn-icons",
+          "aria-hidden": "true",
+        },
+        react_1.default.createElement(
+          "svg",
+          {
+            className: "openapi-explorer__code-block-expand-btn-icon",
+            viewBox: "0 0 448 512",
+          },
+          react_1.default.createElement("path", {
+            d: "M32 32C14.3 32 0 46.3 0 64v96c0 17.7 14.3 32 32 32s32-14.3 32-32V96h64c17.7 0 32-14.3 32-32s-14.3-32-32-32H32zM64 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v96c0 17.7 14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H64V352zM320 32c-17.7 0-32 14.3-32 32s14.3 32 32 32h64v64c0 17.7 14.3 32 32 32s32-14.3 32-32V64c0-17.7-14.3-32-32-32H320zM448 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v64H320c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32V352z",
+          })
+        ),
+        react_1.default.createElement(
+          "svg",
+          {
+            className: "openapi-explorer__code-block-expand-btn-icon--success",
+            viewBox: "0 0 24 24",
+          },
+          react_1.default.createElement("path", {
+            d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z",
+          })
+        )
+      )
+    ),
+    react_1.default.createElement(
+      react_modal_1.default,
+      {
+        className: "openapi-explorer__expand-modal-content",
+        overlayClassName: "openapi-explorer__expand-modal-overlay",
+        isOpen: isModalOpen,
+        onRequestClose: () => setIsModalOpen(false),
+        contentLabel: "Code Snippet",
+      },
+      react_1.default.createElement(
+        Container_1.default,
+        {
+          as: "div",
+          className: (0, clsx_1.default)(
             "openapi-explorer__code-block-container",
             language &&
               !blockClassName.includes(`language-${language}`) &&
               `language-${language}`
-          )}
-        >
-          {title && (
-            <div className="openapi-explorer__code-block-title">{title}</div>
-          )}
-          <div className="openapi-explorer__code-block-content">
-            <Highlight
+          ),
+        },
+        title &&
+          react_1.default.createElement(
+            "div",
+            { className: "openapi-explorer__code-block-title" },
+            title
+          ),
+        react_1.default.createElement(
+          "div",
+          { className: "openapi-explorer__code-block-content" },
+          react_1.default.createElement(
+            prism_react_renderer_1.Highlight,
+            // {...defaultProps}
+            {
               // {...defaultProps}
-              theme={prismTheme}
-              code={code}
-              language={language ?? "text"}
-            >
-              {({ className, tokens, getLineProps, getTokenProps }) => (
-                <pre
+              theme: prismTheme,
+              code: code,
+              language: language ?? "text",
+            },
+            ({ className, tokens, getLineProps, getTokenProps }) =>
+              react_1.default.createElement(
+                "pre",
+                {
                   /* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */
-                  tabIndex={0}
-                  className={clsx(
+                  tabIndex: 0,
+                  className: (0, clsx_1.default)(
                     className,
                     "openapi-explorer__code-block",
                     "thin-scrollbar"
-                  )}
-                >
-                  <code
-                    className={clsx(
+                  ),
+                },
+                react_1.default.createElement(
+                  "code",
+                  {
+                    className: (0, clsx_1.default)(
                       "openapi-explorer__code-block-lines",
                       showLineNumbers &&
                         "openapi-explorer__code-block-lines-numbers"
-                    )}
-                  >
-                    {tokens.map((line, i) => (
-                      <Line
-                        key={i}
-                        line={line}
-                        getLineProps={getLineProps}
-                        getTokenProps={getTokenProps}
-                        classNames={lineClassNames[i]}
-                        showLineNumbers={showLineNumbers}
-                      />
-                    ))}
-                  </code>
-                </pre>
-              )}
-            </Highlight>
-            <div className="openapi-explorer__code-block-btn-group">
-              <CopyButton
-                className="openapi-explorer__code-block-code-btn"
-                code={code}
-              />
-              <ExitButton
-                className="openapi-explorer__code-block-code-btn"
-                handler={() => setIsModalOpen(false)}
-              />
-            </div>
-          </div>
-        </Container>
-      </Modal>
-    </>
+                    ),
+                  },
+                  tokens.map((line, i) =>
+                    react_1.default.createElement(Line_1.default, {
+                      key: i,
+                      line: line,
+                      getLineProps: getLineProps,
+                      getTokenProps: getTokenProps,
+                      classNames: lineClassNames[i],
+                      showLineNumbers: showLineNumbers,
+                    })
+                  )
+                )
+              )
+          ),
+          react_1.default.createElement(
+            "div",
+            { className: "openapi-explorer__code-block-btn-group" },
+            react_1.default.createElement(CopyButton_1.default, {
+              className: "openapi-explorer__code-block-code-btn",
+              code: code,
+            }),
+            react_1.default.createElement(ExitButton_1.default, {
+              className: "openapi-explorer__code-block-code-btn",
+              handler: () => setIsModalOpen(false),
+            })
+          )
+        )
+      )
+    )
   );
 }
+exports.default = ExpandButton;

package/lib/theme/ApiExplorer/ApiCodeBlock/Line/index.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { LineProps } from "@docusaurus/theme-common/internal";
+export default function CodeBlockLine({ line, classNames, showLineNumbers, getLineProps, getTokenProps, }: LineProps): React.JSX.Element;

package/lib/theme/ApiExplorer/ApiCodeBlock/Line/index.js

@@ -1,15 +1,19 @@
+"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.
  * ========================================================================== */
-
-import React from "react";
-
-import clsx from "clsx";
-
-export default function CodeBlockLine({
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const clsx_1 = __importDefault(require("clsx"));
+function CodeBlockLine({
   line,
   classNames,
   showLineNumbers,
@@ -21,27 +25,35 @@ export default function CodeBlockLine({
   }
   const lineProps = getLineProps({
     line,
-    className: clsx(
+    className: (0, clsx_1.default)(
       classNames,
       showLineNumbers && "openapi-explorer__code-block-code-line"
     ),
   });
-  const lineTokens = line.map((token, key) => (
-    <span key={key} {...getTokenProps({ token, key })} />
-  ));
-  return (
-    <span {...lineProps}>
-      {showLineNumbers ? (
-        <>
-          <span className="openapi-explorer__code-block-code-line-number" />
-          <span className="openapi-explorer__code-block-code-line-content">
-            {lineTokens}
-          </span>
-        </>
-      ) : (
-        lineTokens
-      )}
-      <br />
-    </span>
+  const lineTokens = line.map((token, key) =>
+    react_1.default.createElement("span", {
+      key: key,
+      ...getTokenProps({ token, key }),
+    })
+  );
+  return react_1.default.createElement(
+    "span",
+    { ...lineProps },
+    showLineNumbers
+      ? react_1.default.createElement(
+          react_1.default.Fragment,
+          null,
+          react_1.default.createElement("span", {
+            className: "openapi-explorer__code-block-code-line-number",
+          }),
+          react_1.default.createElement(
+            "span",
+            { className: "openapi-explorer__code-block-code-line-content" },
+            lineTokens
+          )
+        )
+      : lineTokens,
+    react_1.default.createElement("br", null)
   );
 }
+exports.default = CodeBlockLine;

package/lib/theme/ApiExplorer/ApiCodeBlock/WordWrapButton/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface Props {
+    readonly className?: string;
+    readonly onClick: React.MouseEventHandler;
+    readonly isEnabled: boolean;
+}
+export default function WordWrapButton({ className, onClick, isEnabled, }: Props): React.JSX.Element | null;

package/lib/theme/ApiExplorer/ApiCodeBlock/WordWrapButton/index.js

@@ -1,44 +1,51 @@
+"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.
  * ========================================================================== */
-
-import React from "react";
-
-import { translate } from "@docusaurus/Translate";
-import clsx from "clsx";
-
-export default function WordWrapButton({ className, onClick, isEnabled }) {
-  const title = translate({
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const Translate_1 = require("@docusaurus/Translate");
+const clsx_1 = __importDefault(require("clsx"));
+function WordWrapButton({ className, onClick, isEnabled }) {
+  const title = (0, Translate_1.translate)({
     id: "theme.CodeBlock.wordWrapToggle",
     message: "Toggle word wrap",
     description:
       "The title attribute for toggle word wrapping button of code block lines",
   });
-  return (
-    <button
-      type="button"
-      onClick={onClick}
-      className={clsx(
+  return react_1.default.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: onClick,
+      className: (0, clsx_1.default)(
         "clean-btn",
         className,
         isEnabled && "openapi-explorer__code-block-word-wrap-btn--enabled"
-      )}
-      aria-label={title}
-      title={title}
-    >
-      <svg
-        className="openapi-explorer__code-block-word-wrap-btn-icon"
-        viewBox="0 0 24 24"
-        aria-hidden="true"
-      >
-        <path
-          fill="currentColor"
-          d="M4 19h6v-2H4v2zM20 5H4v2h16V5zm-3 6H4v2h13.25c1.1 0 2 .9 2 2s-.9 2-2 2H15v-2l-3 3l3 3v-2h2c2.21 0 4-1.79 4-4s-1.79-4-4-4z"
-        />
-      </svg>
-    </button>
+      ),
+      "aria-label": title,
+      title: title,
+    },
+    react_1.default.createElement(
+      "svg",
+      {
+        className: "openapi-explorer__code-block-word-wrap-btn-icon",
+        viewBox: "0 0 24 24",
+        "aria-hidden": "true",
+      },
+      react_1.default.createElement("path", {
+        fill: "currentColor",
+        d: "M4 19h6v-2H4v2zM20 5H4v2h16V5zm-3 6H4v2h13.25c1.1 0 2 .9 2 2s-.9 2-2 2H15v-2l-3 3l3 3v-2h2c2.21 0 4-1.79 4-4s-1.79-4-4-4z",
+      })
+    )
   );
 }
+exports.default = WordWrapButton;

package/lib/theme/ApiExplorer/ApiCodeBlock/index.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { CodeBlockProps } from "@docusaurus/theme-common/internal";
+export default function ApiCodeBlock({ children: rawChildren, ...props }: CodeBlockProps): React.JSX.Element;

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

@@ -1,15 +1,68 @@
+"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.
  * ========================================================================== */
-
-import React, { isValidElement } from "react";
-
-import useIsBrowser from "@docusaurus/useIsBrowser";
-import ElementContent from "@theme/ApiExplorer/ApiCodeBlock/Content/Element";
-import StringContent from "@theme/ApiExplorer/ApiCodeBlock/Content/String";
+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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null)
+      for (var k in mod)
+        if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
+          __createBinding(result, mod, k);
+    __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 });
+const react_1 = __importStar(require("react"));
+const useIsBrowser_1 = __importDefault(require("@docusaurus/useIsBrowser"));
+const Element_1 = __importDefault(
+  require("@theme/ApiExplorer/ApiCodeBlock/Content/Element")
+);
+const String_1 = __importDefault(
+  require("@theme/ApiExplorer/ApiCodeBlock/Content/String")
+);
 /**
  * Best attempt to make the children a plain string so it is copyable. If there
  * are react elements, we will not be able to copy the content, and it will
@@ -17,24 +70,29 @@ import StringContent from "@theme/ApiExplorer/ApiCodeBlock/Content/String";
  * together.
  */
 function maybeStringifyChildren(children) {
-  if (React.Children.toArray(children).some((el) => isValidElement(el))) {
+  if (
+    react_1.default.Children.toArray(children).some((el) =>
+      (0, react_1.isValidElement)(el)
+    )
+  ) {
     return children;
   }
   // The children is now guaranteed to be one/more plain strings
   return Array.isArray(children) ? children.join("") : children;
 }
-export default function ApiCodeBlock({ children: rawChildren, ...props }) {
+function ApiCodeBlock({ children: rawChildren, ...props }) {
   // The Prism theme on SSR is always the default theme but the site theme can
   // be in a different mode. React hydration doesn't update DOM styles that come
   // from SSR. Hence force a re-render after mounting to apply the current
   // relevant styles.
-  const isBrowser = useIsBrowser();
+  const isBrowser = (0, useIsBrowser_1.default)();
   const children = maybeStringifyChildren(rawChildren);
   const CodeBlockComp =
-    typeof children === "string" ? StringContent : ElementContent;
-  return (
-    <CodeBlockComp key={String(isBrowser)} {...props}>
-      {children}
-    </CodeBlockComp>
+    typeof children === "string" ? String_1.default : Element_1.default;
+  return react_1.default.createElement(
+    CodeBlockComp,
+    { key: String(isBrowser), ...props },
+    children
   );
 }
+exports.default = ApiCodeBlock;

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare function Authorization(): JSX.Element | null;
+import React from "react";
+declare function Authorization(): React.JSX.Element | null;
 export default Authorization;