docusaurus-theme-openapi-docs 0.0.0-619 → 0.0.0-685

package/lib-next/theme/ApiDemoPanel/ContentType/index.js

@@ -1,30 +0,0 @@
-/* ============================================================================
- * 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 FormItem from "@theme/ApiDemoPanel/FormItem";
-import FormSelect from "@theme/ApiDemoPanel/FormSelect";
-import { useTypedDispatch, useTypedSelector } from "@theme/ApiItem/hooks";
-import { setContentType } from "./slice";
-function ContentType() {
-  const value = useTypedSelector((state) => state.contentType.value);
-  const options = useTypedSelector((state) => state.contentType.options);
-  const dispatch = useTypedDispatch();
-  if (options.length <= 1) {
-    return null;
-  }
-  return (
-    <FormItem label="Content-Type">
-      <FormSelect
-        value={value}
-        options={options}
-        onChange={(e) => dispatch(setContentType(e.target.value))}
-      />
-    </FormItem>
-  );
-}
-export default ContentType;

package/lib-next/theme/ApiDemoPanel/Curl/index.js

@@ -1,283 +0,0 @@
-/* ============================================================================
- * 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, { useState, useEffect } from "react";
-import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
-import codegen from "@paloaltonetworks/postman-code-generators";
-import buildPostmanRequest from "@theme/ApiDemoPanel/buildPostmanRequest";
-import CodeTabs from "@theme/ApiDemoPanel/CodeTabs";
-import { useTypedSelector } from "@theme/ApiItem/hooks";
-import CodeBlock from "@theme/CodeBlock";
-import clsx from "clsx";
-import merge from "lodash/merge";
-import styles from "./styles.module.css";
-export const languageSet = [
-  {
-    highlight: "bash",
-    language: "curl",
-    logoClass: "bash",
-    options: {
-      longFormat: false,
-      followRedirect: true,
-      trimRequestBody: true,
-    },
-    variant: "cURL",
-  },
-  {
-    highlight: "python",
-    language: "python",
-    logoClass: "python",
-    options: {
-      followRedirect: true,
-      trimRequestBody: true,
-    },
-    variant: "requests",
-  },
-  {
-    highlight: "go",
-    language: "go",
-    logoClass: "go",
-    options: {
-      followRedirect: true,
-      trimRequestBody: true,
-    },
-    variant: "native",
-  },
-  {
-    highlight: "javascript",
-    language: "nodejs",
-    logoClass: "nodejs",
-    options: {
-      ES6_enabled: true,
-      followRedirect: true,
-      trimRequestBody: true,
-    },
-    variant: "axios",
-  },
-  {
-    highlight: "ruby",
-    language: "ruby",
-    logoClass: "ruby",
-    options: {
-      followRedirect: true,
-      trimRequestBody: true,
-    },
-    variant: "Net::HTTP",
-  },
-  {
-    highlight: "csharp",
-    language: "csharp",
-    logoClass: "csharp",
-    options: {
-      followRedirect: true,
-      trimRequestBody: true,
-    },
-    variant: "RestSharp",
-  },
-  {
-    highlight: "php",
-    language: "php",
-    logoClass: "php",
-    options: {
-      followRedirect: true,
-      trimRequestBody: true,
-    },
-    variant: "cURL",
-  },
-  {
-    highlight: "java",
-    language: "java",
-    logoClass: "java",
-    options: {
-      followRedirect: true,
-      trimRequestBody: true,
-    },
-    variant: "OkHttp",
-  },
-  {
-    highlight: "powershell",
-    language: "powershell",
-    logoClass: "powershell",
-    options: {
-      followRedirect: true,
-      trimRequestBody: true,
-    },
-    variant: "RestMethod",
-  },
-];
-function CodeTab({ children, hidden, className, onClick }) {
-  return (
-    <div
-      role="tabpanel"
-      className={clsx(styles.tabItem, className)}
-      {...{
-        hidden,
-      }}
-    >
-      {children}
-    </div>
-  );
-}
-function Curl({ postman, codeSamples }) {
-  // TODO: match theme for vscode.
-
-  const { siteConfig } = useDocusaurusContext();
-  const contentType = useTypedSelector((state) => state.contentType.value);
-  const accept = useTypedSelector((state) => state.accept.value);
-  const server = useTypedSelector((state) => state.server.value);
-  const body = useTypedSelector((state) => state.body);
-  const pathParams = useTypedSelector((state) => state.params.path);
-  const queryParams = useTypedSelector((state) => state.params.query);
-  const cookieParams = useTypedSelector((state) => state.params.cookie);
-  const headerParams = useTypedSelector((state) => state.params.header);
-  const auth = useTypedSelector((state) => state.auth);
-
-  // User-defined languages array
-  // Can override languageSet, change order of langs, override options and variants
-  const langs = [
-    ...(siteConfig?.themeConfig?.languageTabs ?? languageSet),
-    ...codeSamples,
-  ];
-
-  // Filter languageSet by user-defined langs
-  const filteredLanguageSet = languageSet.filter((ls) => {
-    return langs.some((lang) => {
-      return lang.language === ls.language;
-    });
-  });
-
-  // Merge user-defined langs into languageSet
-  const mergedLangs = merge(filteredLanguageSet, langs);
-
-  // Read defaultLang from localStorage
-  const defaultLang = mergedLangs.filter(
-    (lang) =>
-      lang.language === localStorage.getItem("docusaurus.tab.code-samples")
-  );
-  const [language, setLanguage] = useState(() => {
-    // Return first index if only 1 user-defined language exists
-    if (mergedLangs.length === 1) {
-      return mergedLangs[0];
-    }
-    // Fall back to language in localStorage or first user-defined language
-    return defaultLang[0] ?? mergedLangs[0];
-  });
-  const [codeText, setCodeText] = useState("");
-  useEffect(() => {
-    if (language && !!language.options) {
-      const postmanRequest = buildPostmanRequest(postman, {
-        queryParams,
-        pathParams,
-        cookieParams,
-        contentType,
-        accept,
-        headerParams,
-        body,
-        server,
-        auth,
-      });
-      codegen.convert(
-        language.language,
-        language.variant,
-        postmanRequest,
-        language.options,
-        (error, snippet) => {
-          if (error) {
-            return;
-          }
-          setCodeText(snippet);
-        }
-      );
-    } else if (language && !!language.source) {
-      setCodeText(language.source);
-    } else if (language && !language.options) {
-      const langSource = mergedLangs.filter(
-        (lang) => lang.language === language.language
-      );
-
-      // Merges user-defined language with default languageSet
-      // This allows users to define only the minimal properties necessary in languageTabs
-      // User-defined properties should override languageSet properties
-      const mergedLanguage = {
-        ...langSource[0],
-        ...language,
-      };
-      const postmanRequest = buildPostmanRequest(postman, {
-        queryParams,
-        pathParams,
-        cookieParams,
-        contentType,
-        accept,
-        headerParams,
-        body,
-        server,
-        auth,
-      });
-      codegen.convert(
-        mergedLanguage.language,
-        mergedLanguage.variant,
-        postmanRequest,
-        mergedLanguage.options,
-        (error, snippet) => {
-          if (error) {
-            return;
-          }
-          setCodeText(snippet);
-        }
-      );
-    } else {
-      setCodeText("");
-    }
-  }, [
-    accept,
-    body,
-    contentType,
-    cookieParams,
-    headerParams,
-    language,
-    pathParams,
-    postman,
-    queryParams,
-    server,
-    auth,
-    mergedLangs,
-  ]);
-  if (language === undefined) {
-    return null;
-  }
-  return (
-    <>
-      <CodeTabs groupId="code-samples" action={setLanguage}>
-        {mergedLangs.map((lang) => {
-          return (
-            <CodeTab
-              value={lang.language}
-              label={""}
-              key={
-                lang.variant
-                  ? `${lang.language}-${lang.variant}`
-                  : lang.language
-              }
-              attributes={{
-                className: `code__tab--${lang.logoClass}`,
-              }}
-            >
-              <CodeBlock
-                language={lang.highlight}
-                className={styles.codeBlock}
-                title={`${lang.language} / ${lang.variant}`}
-              >
-                {codeText}
-              </CodeBlock>
-            </CodeTab>
-          );
-        })}
-      </CodeTabs>
-    </>
-  );
-}
-export default Curl;

package/lib-next/theme/ApiDemoPanel/Curl/styles.module.css

@@ -1,84 +0,0 @@
-.buttonGroup {
-  background: var(--openapi-card-background-color);
-  color: var(--ifm-pre-color);
-  font-family: var(--ifm-font-family-monospace);
-  /* font-size: var(--ifm-code-font-size); */
-  /* line-height: var(--ifm-pre-line-height); */
-  /* margin-bottom: calc(var(--ifm-spacing-vertical) / 4); */
-  margin-bottom: 1px;
-  margin-top: 0;
-  border-radius: var(--openapi-card-border-radius)
-    var(--openapi-card-border-radius) 2px 2px;
-  display: flex;
-  justify-content: flex-end;
-}
-
-.buttonGroup button {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-
-  cursor: pointer;
-  /* font-size: calc(0.875rem * var(--ifm-button-size-multiplier)); */
-  /* line-height: 1.5; */
-  /* font-weight: var(--ifm-button-font-weight); */
-
-  /* font-size: var(--ifm-code-font-size); */
-  font-size: 13.3333px;
-  line-height: var(--ifm-pre-line-height);
-  font-weight: var(--ifm-font-weight-semibold);
-
-  padding: calc(
-      var(--ifm-button-padding-vertical) * var(--ifm-button-size-multiplier)
-    )
-    calc(
-      var(--ifm-button-padding-horizontal) * var(--ifm-button-size-multiplier)
-    );
-
-  text-align: center;
-
-  transition: color var(--ifm-button-transition-duration)
-      cubic-bezier(0.08, 0.52, 0.52, 1),
-    background var(--ifm-button-transition-duration)
-      cubic-bezier(0.08, 0.52, 0.52, 1),
-    border-color var(--ifm-button-transition-duration)
-      cubic-bezier(0.08, 0.52, 0.52, 1);
-  -webkit-user-select: none;
-  user-select: none;
-  white-space: nowrap;
-
-  background: transparent;
-
-  color: var(--ifm-menu-color);
-  border: 0px solid transparent;
-  /* border-radius: var(--ifm-pre-border-radius); */
-
-  --margin: 0.25rem;
-
-  border-radius: calc(var(--margin));
-  /* border-radius: 0.25rem; */
-
-  display: block;
-  width: 100%;
-
-  /* margin: 2px; */
-  margin: var(--margin);
-  margin-right: 0;
-}
-
-.buttonGroup button:last-child {
-  margin-right: 0.25rem;
-}
-
-.buttonGroup button:hover {
-  background: var(--ifm-menu-color-background-active);
-}
-
-.buttonGroup button:focus {
-  outline: 0;
-}
-
-.buttonGroup button.selected {
-  background: var(--ifm-menu-color-background-active);
-  color: var(--ifm-menu-color-active);
-}

package/lib-next/theme/ApiDemoPanel/Execute/index.js

@@ -1,167 +0,0 @@
-/* ============================================================================
- * 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 buildPostmanRequest from "@theme/ApiDemoPanel/buildPostmanRequest";
-import { setResponse } from "@theme/ApiDemoPanel/Response/slice";
-import { useTypedDispatch, useTypedSelector } from "@theme/ApiItem/hooks";
-import Modal from "react-modal";
-import makeRequest from "./makeRequest";
-function validateRequest(params) {
-  for (let paramList of Object.values(params)) {
-    for (let param of paramList) {
-      if (param.required && !param.value) {
-        return false;
-      }
-    }
-  }
-  return true;
-}
-function Execute({ postman, proxy }) {
-  const pathParams = useTypedSelector((state) => state.params.path);
-  const queryParams = useTypedSelector((state) => state.params.query);
-  const cookieParams = useTypedSelector((state) => state.params.cookie);
-  const headerParams = useTypedSelector((state) => state.params.header);
-  const contentType = useTypedSelector((state) => state.contentType.value);
-  const body = useTypedSelector((state) => state.body);
-  const accept = useTypedSelector((state) => state.accept.value);
-  const server = useTypedSelector((state) => state.server.value);
-  const params = useTypedSelector((state) => state.params);
-  const auth = useTypedSelector((state) => state.auth);
-  const isValidRequest = validateRequest(params);
-  const dispatch = useTypedDispatch();
-  const postmanRequest = buildPostmanRequest(postman, {
-    queryParams,
-    pathParams,
-    cookieParams,
-    contentType,
-    accept,
-    headerParams,
-    body,
-    server,
-    auth,
-  });
-  const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
-  function openModal() {
-    setIsOpen(true);
-  }
-  function closeModal() {
-    setIsOpen(false);
-  }
-  function acceptAgreement() {
-    setIsOpen(false);
-    setAgreementAccepted(true);
-    sessionStorage.setItem("agreement-ack", "true");
-  }
-  const [modalIsOpen, setIsOpen] = React.useState(false);
-  // Set the following as default value to persist to session and enable modal
-  // sessionStorage.getItem("agreement-ack") === "true"
-  const [agreementAccepted, setAgreementAccepted] = React.useState(true);
-  const customStyles = {
-    overlay: {
-      backdropFilter: "blur(10px)",
-      backgroundColor: "transparent",
-    },
-    content: {
-      top: "50%",
-      left: "50%",
-      right: "auto",
-      bottom: "auto",
-      marginRight: "-50%",
-      border: "none",
-      padding: "none",
-      borderRadius: "var(--openapi-card-border-radius)",
-      background: "var(--ifm-card-background-color)",
-      transform: "translate(-50%, -50%)",
-      maxWidth: "550px",
-    },
-  };
-  if (agreementAccepted) {
-    return (
-      <button
-        className="button button--sm button--secondary"
-        disabled={!isValidRequest}
-        style={
-          !isValidRequest
-            ? {
-                pointerEvents: "all",
-              }
-            : {}
-        }
-        onClick={async () => {
-          dispatch(setResponse("Fetching..."));
-          try {
-            await delay(1200);
-            const res = await makeRequest(postmanRequest, proxy, body);
-            dispatch(setResponse(res));
-          } catch (e) {
-            console.log(e);
-            dispatch(setResponse("Connection failed"));
-          }
-        }}
-      >
-        Send API Request
-      </button>
-    );
-  } else {
-    return (
-      <React.Fragment>
-        <button
-          className="button button--sm button--secondary"
-          onClick={openModal}
-        >
-          Send API Request
-        </button>
-        <Modal
-          isOpen={modalIsOpen}
-          onRequestClose={closeModal}
-          style={customStyles}
-          contentLabel="Terms of Use"
-        >
-          <form>
-            <div className="card">
-              <div className="card__header">
-                <h2>Terms of Use</h2>
-                <hr></hr>
-              </div>
-              <div className="card__body">
-                <p>
-                  By accepting this agreement the end user acknowledges the
-                  risks of performing authenticated and non-authenticated API
-                  requests from the browser.
-                </p>
-                <p>
-                  The end user also accepts the responsibility of safeguarding
-                  API credentials and any potentially sensitive data returned by
-                  the API.
-                </p>
-                <br></br>
-              </div>
-              <div className="card__footer">
-                <div className="button-group button-group--block">
-                  <button
-                    className="button button--sm button--outline button--success"
-                    onClick={acceptAgreement}
-                  >
-                    AGREE
-                  </button>
-                  <button
-                    className="button button--sm button--outline button--danger"
-                    onClick={closeModal}
-                  >
-                    DISAGREE
-                  </button>
-                </div>
-              </div>
-            </div>
-          </form>
-        </Modal>
-      </React.Fragment>
-    );
-  }
-}
-export default Execute;

package/lib-next/theme/ApiDemoPanel/Export/index.js

@@ -1,45 +0,0 @@
-/* ============================================================================
- * 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 fileSaver from "file-saver";
-const saveFile = (url) => {
-  let fileName;
-  if (url.endsWith("json") || url.endsWith("yaml") || url.endsWith("yml")) {
-    fileName = url.substring(url.lastIndexOf("/") + 1);
-  }
-  fileSaver.saveAs(url, fileName ? fileName : "openapi.txt");
-};
-function Export({ url, proxy }) {
-  return (
-    <div
-      style={{
-        float: "right",
-      }}
-      className="dropdown dropdown--hoverable dropdown--right"
-    >
-      <button className="export-button button button--sm button--secondary">
-        Export
-      </button>
-      <ul className="export-dropdown dropdown__menu">
-        <li>
-          <a
-            onClick={(e) => {
-              e.preventDefault();
-              saveFile(`${url}`);
-            }}
-            className="dropdown__link"
-            href={`${url}`}
-          >
-            OpenAPI Spec
-          </a>
-        </li>
-      </ul>
-    </div>
-  );
-}
-export default Export;

package/lib-next/theme/ApiDemoPanel/FloatingButton/index.js

@@ -1,22 +0,0 @@
-/* ============================================================================
- * 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 styles from "./styles.module.css";
-function FloatingButton({ label, onClick, children }) {
-  return (
-    <div tabIndex={0} className={styles.floatingButton}>
-      {label && (
-        <button tabIndex={0} onClick={onClick}>
-          {label}
-        </button>
-      )}
-      {children}
-    </div>
-  );
-}
-export default FloatingButton;

package/lib-next/theme/ApiDemoPanel/FloatingButton/styles.module.css

@@ -1,26 +0,0 @@
-.floatingButton {
-  position: relative;
-}
-
-.floatingButton button {
-  position: relative;
-  background: var(--ifm-color-emphasis-900);
-  border: none;
-  border-radius: var(--ifm-global-radius);
-  color: var(--ifm-color-emphasis-100);
-  cursor: pointer;
-  padding: 0.4rem 0.5rem;
-  opacity: 0;
-  visibility: hidden;
-  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out,
-    bottom 0.2s ease-in-out;
-  position: absolute;
-  right: calc(var(--ifm-pre-padding) / 2);
-}
-
-.floatingButton:hover button,
-.floatingButton:focus-visible button,
-.floatingButton button:focus-visible {
-  visibility: visible;
-  opacity: 1;
-}