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

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

@@ -1,106 +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 } from "react";
-import FloatingButton from "@theme/ApiDemoPanel/FloatingButton";
-import MagicDropzone from "react-magic-dropzone";
-import styles from "./styles.module.css";
-function RenderPreview({ file }) {
-  switch (file.type) {
-    case "image/png":
-    case "image/jpeg":
-    case "image/jpg":
-    case "image/svg+xml":
-      return (
-        <img
-          style={{
-            borderRadius: "4px",
-          }}
-          src={file.preview}
-          alt=""
-        />
-      );
-    default:
-      return (
-        <div
-          style={{
-            display: "flex",
-            alignItems: "center",
-            minWidth: 0,
-          }}
-        >
-          <svg
-            viewBox="0 0 100 120"
-            style={{
-              width: "50px",
-              height: "60px",
-            }}
-          >
-            <path
-              fillRule="evenodd"
-              fill="#b3beca"
-              d="M100.000,39.790 L100.000,105.000 C100.000,113.284 93.284,120.000 85.000,120.000 L15.000,120.000 C6.716,120.000 -0.000,113.284 -0.000,105.000 L-0.000,15.000 C-0.000,6.716 6.716,-0.000 15.000,-0.000 L60.210,-0.000 L100.000,39.790 Z"
-            />
-            <path
-              fillRule="evenodd"
-              fill="#90a1b1"
-              transform="translate(60, 0)"
-              d="M0.210,-0.000 L40.000,39.790 L40.000,40.000 L15.000,40.000 C6.716,40.000 0.000,33.284 0.000,25.000 L0.000,-0.000 L0.210,-0.000 Z"
-            />
-          </svg>
-          <div className={styles.filename}>{file.name}</div>
-        </div>
-      );
-  }
-}
-function FormFileUpload({ placeholder, onChange }) {
-  const [hover, setHover] = useState(false);
-  const [file, setFile] = useState();
-  function setAndNotifyFile(file) {
-    setFile(file);
-    onChange?.(file);
-  }
-  function handleDrop(accepted) {
-    const [file] = accepted;
-    setAndNotifyFile(file);
-    setHover(false);
-  }
-  return (
-    <FloatingButton>
-      <MagicDropzone
-        className={hover ? styles.dropzoneHover : styles.dropzone}
-        onDrop={handleDrop}
-        onDragEnter={() => setHover(true)}
-        onDragLeave={() => setHover(false)}
-        multiple={false}
-        style={{
-          marginTop: "calc(var(--ifm-pre-padding) / 2)",
-        }}
-      >
-        {file ? (
-          <>
-            <button
-              style={{
-                marginTop: "calc(var(--ifm-pre-padding) / 2)",
-              }}
-              onClick={(e) => {
-                e.stopPropagation();
-                setAndNotifyFile(undefined);
-              }}
-            >
-              Clear
-            </button>
-            <RenderPreview file={file} />
-          </>
-        ) : (
-          <div className={styles.dropzoneContent}>{placeholder}</div>
-        )}
-      </MagicDropzone>
-    </FloatingButton>
-  );
-}
-export default FormFileUpload;

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

@@ -1,36 +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 FormItem({ label, type, required, children }) {
-  return (
-    <div className={styles.formItem}>
-      <code>{label}</code>
-      {type && (
-        <span
-          style={{
-            opacity: 0.6,
-          }}
-        >
-          {" "}
-          — {type}
-        </span>
-      )}
-      {required && (
-        <span>
-          {" "}
-          <small>
-            <strong className={styles.required}> required</strong>
-          </small>
-        </span>
-      )}
-      <div>{children}</div>
-    </div>
-  );
-}
-export default FormItem;

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

@@ -1,12 +0,0 @@
-.formItem {
-  margin-top: var(--ifm-pre-padding);
-}
-
-.formItem:first-child {
-  margin-top: 0;
-}
-
-.required {
-  font-size: var(--ifm-code-font-size);
-  color: var(--openapi-required);
-}

package/lib-next/theme/ApiDemoPanel/FormMultiSelect/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 styles from "./styles.module.css";
-function FormMultiSelect({ value, options, onChange }) {
-  if (options.length === 0) {
-    return null;
-  }
-  let height;
-  if (options.length < 6) {
-    const selectPadding = 12 * 2;
-    const rawHeight = options.length * 29;
-    const innerMargins = 4 * options.length - 1;
-    const outerMargins = 4 * 2;
-    const mysteryScroll = 1;
-    height =
-      rawHeight + innerMargins + outerMargins + selectPadding + mysteryScroll;
-  }
-  return (
-    <select
-      style={{
-        height: height,
-      }}
-      className={styles.selectInput}
-      value={value}
-      onChange={onChange}
-      size={Math.min(6, options.length + 1)}
-      multiple
-    >
-      {options.map((option) => {
-        return (
-          <option key={option} value={option}>
-            {option}
-          </option>
-        );
-      })}
-    </select>
-  );
-}
-export default FormMultiSelect;

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

@@ -1,38 +0,0 @@
-.inputBase {
-  margin-top: calc(var(--ifm-pre-padding) / 2);
-  /* height: 40px; */
-  background-color: var(--openapi-input-background);
-  border: none;
-  outline: none;
-  width: 100%;
-  font-size: var(--ifm-code-font-size);
-  color: var(--ifm-pre-color);
-  padding: 12px var(--ifm-pre-padding);
-
-  border-radius: 4px;
-  border: 2px solid transparent;
-}
-
-.selectInput {
-  composes: inputBase;
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  appearance: none;
-}
-
-.selectInput option {
-  border-radius: 0.25rem;
-  color: var(--ifm-menu-color);
-  margin: 0.25rem 0;
-  padding: var(--ifm-menu-link-padding-vertical)
-    var(--ifm-menu-link-padding-horizontal);
-}
-
-.selectInput:focus option:checked {
-  /* background: #0f62fe linear-gradient(0deg, #0f62fe 0%, #0f62fe 100%); */
-}
-
-.selectInput:focus {
-  /* box-shadow: inset 0px 0px 0px 2px white; */
-  border: 2px solid var(--openapi-input-border);
-}

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

@@ -1,26 +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 FormSelect({ value, options, onChange }) {
-  if (!Array.isArray(options) || options.length === 0) {
-    return null;
-  }
-  return (
-    <select className={styles.selectInput} value={value} onChange={onChange}>
-      {options.map((option) => {
-        return (
-          <option key={option} value={option}>
-            {option}
-          </option>
-        );
-      })}
-    </select>
-  );
-}
-export default FormSelect;

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

@@ -1,51 +0,0 @@
-.inputBase {
-  margin-top: calc(var(--ifm-pre-padding) / 2);
-  /* height: 40px; */
-  background-color: var(--openapi-input-background);
-  border: none;
-  outline: none;
-  width: 100%;
-  font-size: var(--ifm-code-font-size);
-  color: var(--ifm-pre-color);
-  padding: 12px 48px 12px var(--ifm-pre-padding);
-
-  border-radius: 4px;
-}
-
-html[data-theme="dark"] .selectInput {
-  margin-top: calc(var(--ifm-pre-padding) / 2);
-  /* height: 40px; */
-  background-color: var(--openapi-input-background);
-  border: none;
-  outline: none;
-  width: 100%;
-  font-size: var(--ifm-code-font-size);
-  color: var(--ifm-pre-color);
-  /* padding: 12px var(--ifm-pre-padding); */
-
-  border-radius: 4px;
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  appearance: none;
-
-  background-image: url('data:image/svg+xml;charset=US-ASCII,<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" fill="white"><path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"></path></svg>');
-  background-repeat: no-repeat;
-  background-position: right var(--ifm-pre-padding) top 50%;
-  background-size: auto auto;
-}
-
-.selectInput {
-  composes: inputBase;
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  appearance: none;
-
-  background-image: url('data:image/svg+xml;charset=US-ASCII,<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"></path></svg>');
-  background-repeat: no-repeat;
-  background-position: right var(--ifm-pre-padding) top 50%;
-  background-size: auto auto;
-}
-
-.selectInput:focus {
-  box-shadow: inset 0px 0px 0px 2px var(--openapi-input-border);
-}

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

@@ -1,24 +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 FormTextInput({ value, placeholder, password, onChange }) {
-  placeholder = placeholder?.split("\n")[0];
-  return (
-    <input
-      className={styles.input}
-      type={password ? "password" : "text"}
-      placeholder={placeholder}
-      title={placeholder}
-      value={value}
-      onChange={onChange}
-      autoComplete="off"
-    />
-  );
-}
-export default FormTextInput;

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

@@ -1,21 +0,0 @@
-.inputBase {
-  margin-top: calc(var(--ifm-pre-padding) / 2);
-  /* height: 40px; */
-  background-color: var(--openapi-input-background);
-  border: none;
-  outline: none;
-  width: 100%;
-  font-size: var(--ifm-code-font-size);
-  color: var(--ifm-pre-color);
-  padding: 12px var(--ifm-pre-padding);
-
-  border-radius: 4px;
-}
-
-.input {
-  composes: inputBase;
-}
-
-.input:focus {
-  box-shadow: inset 0px 0px 0px 2px var(--openapi-input-border);
-}

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

@@ -1,59 +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, { useEffect, useState } from "react";
-import { usePrismTheme } from "@docusaurus/theme-common";
-import useIsBrowser from "@docusaurus/useIsBrowser";
-import { setStringRawBody } from "@theme/ApiDemoPanel/Body/slice";
-import { LiveProvider, LiveEditor, withLive } from "react-live";
-import styles from "./styles.module.css";
-function Live({ onEdit }) {
-  const isBrowser = useIsBrowser();
-  const [editorDisabled, setEditorDisabled] = useState(false);
-
-  // TODO: Temporary solution for disabling tab key
-  const handleKeydown = (event) => {
-    if (event.key === "Tab") {
-      event.preventDefault();
-      setEditorDisabled(true);
-    }
-  };
-  return (
-    <div onClick={() => setEditorDisabled(false)}>
-      <LiveEditor
-        key={String(isBrowser)}
-        className={styles.playgroundEditor}
-        onChange={onEdit}
-        disabled={editorDisabled}
-        onKeyDown={handleKeydown}
-      />
-    </div>
-  );
-}
-const LiveComponent = withLive(Live);
-function App({ children, transformCode, value, language, action, ...props }) {
-  const prismTheme = usePrismTheme();
-  const [code, setCode] = React.useState(children);
-  useEffect(() => {
-    action(setStringRawBody(code));
-  }, [action, code]);
-  return (
-    <div className={styles.playgroundContainer}>
-      <LiveProvider
-        code={children.replace(/\n$/, "")}
-        transformCode={transformCode ?? ((code) => `${code};`)}
-        theme={prismTheme}
-        language={language}
-        {...props}
-      >
-        <LiveComponent onEdit={setCode} />
-      </LiveProvider>
-    </div>
-  );
-}
-const LiveApp = withLive(App);
-export default LiveApp;

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

@@ -1,35 +0,0 @@
-.playgroundContainer {
-  margin-top: 1rem;
-  margin-bottom: var(--ifm-leading);
-  border-radius: var(--ifm-global-radius);
-  box-shadow: var(--ifm-global-shadow-lw);
-  overflow: auto;
-  max-height: 500px;
-}
-
-.playgroundHeader {
-  letter-spacing: 0.08rem;
-  padding: 0.75rem;
-  text-transform: uppercase;
-  font-weight: bold;
-  background: var(--ifm-color-emphasis-200);
-  color: var(--ifm-color-content);
-  font-size: var(--ifm-code-font-size);
-}
-
-.playgroundHeader:first-of-type {
-  background: var(--ifm-color-emphasis-600);
-  color: var(--ifm-color-content-inverse);
-}
-
-.playgroundEditor {
-  font: var(--ifm-code-font-size) / var(--ifm-pre-line-height)
-    var(--ifm-font-family-monospace) !important;
-  /* rtl:ignore */
-  direction: ltr;
-}
-
-.playgroundPreview {
-  padding: 1rem;
-  background-color: var(--ifm-pre-background);
-}

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

@@ -1,53 +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";
-const methodStyle = {
-  borderRadius: "var(--ifm-global-radius)",
-};
-function colorForMethod(method) {
-  switch (method.toLowerCase()) {
-    case "get":
-      return "primary";
-    case "post":
-      return "success";
-    case "delete":
-      return "danger";
-    case "put":
-      return "info";
-    case "patch":
-      return "warning";
-    case "head":
-      return "secondary";
-    case "event":
-      return "secondary";
-    default:
-      return undefined;
-  }
-}
-function MethodEndpoint({ method, path }) {
-  return (
-    <pre
-      className="openapi-method-endpoint"
-      style={{
-        background: "var(--openapi-card-background-color)",
-        borderRadius: "var(--openapi-card-border-radius)",
-      }}
-    >
-      <span
-        style={methodStyle}
-        className={"badge badge--" + colorForMethod(method)}
-      >
-        {method.toUpperCase()}
-      </span>{" "}
-      <span className="openapi-method-endpoint__path">
-        {path.replace(/{([a-z0-9-_]+)}/gi, ":$1")}
-      </span>
-    </pre>
-  );
-}
-export default MethodEndpoint;