docusaurus-theme-openapi-docs 0.0.0-348 → 0.0.0-351

package/lib/theme/ApiDemoPanel/FormFileUpload/styles.module.css

@@ -0,0 +1,75 @@
+.dropzone {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border: 2px dashed var(--openapi-monaco-border-color);
+  /* border: 2px dashed var(--ifm-color-primary); */
+  background-color: var(--openapi-input-background);
+
+  width: 100%;
+  /* min-height: 120px; */
+  /* padding: 16px 11px; */
+  border-radius: 4px;
+  padding: var(--ifm-pre-padding);
+  font-size: var(--ifm-code-font-size);
+}
+
+.dropzoneHover {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border: 2px dashed var(--openapi-monaco-border-color);
+  background-color: var(--openapi-input-background);
+  width: 100%;
+  border-radius: 4px;
+  padding: var(--ifm-pre-padding);
+  font-size: var(--ifm-code-font-size);
+  border: 2px dashed var(--ifm-color-primary);
+
+  background: linear-gradient(
+      var(--openapi-dropzone-hover-shim),
+      var(--openapi-dropzone-hover-shim)
+    ),
+    linear-gradient(var(--ifm-color-primary), var(--ifm-color-primary));
+}
+
+.dropzone:hover {
+  border: 2px dashed var(--ifm-color-primary);
+  background: linear-gradient(
+      var(--openapi-dropzone-hover-shim),
+      var(--openapi-dropzone-hover-shim)
+    ),
+    linear-gradient(var(--ifm-color-primary), var(--ifm-color-primary));
+}
+
+.dropzoneContent {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: wrap;
+  margin: var(--ifm-pre-padding) 0;
+  color: var(--openapi-dropzone-color);
+}
+
+.dropzone:hover .dropzoneContent {
+  color: var(--ifm-pre-color);
+}
+
+.dropzoneHover .dropzoneContent {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: wrap;
+  margin: var(--ifm-pre-padding) 0;
+  color: var(--ifm-pre-color);
+}
+
+.filename {
+  margin: 0 calc(var(--ifm-pre-padding) * 1.5);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex: 1;
+}

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

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _stylesModule = _interopRequireDefault(require("./styles.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* ============================================================================
+ * 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.
+ * ========================================================================== */
+function FormItem({
+  label,
+  type,
+  children
+}) {
+  return <div className={_stylesModule.default.formItem}>
+      <code>{label}</code>
+      {type && <span style={{
+      opacity: 0.6
+    }}> — {type}</span>}
+      <div>{children}</div>
+    </div>;
+}
+
+var _default = FormItem;
+exports.default = _default;

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

@@ -0,0 +1,7 @@
+.formItem {
+  margin-top: var(--ifm-pre-padding);
+}
+
+.formItem:first-child {
+  margin-top: 0;
+}

package/lib/theme/ApiDemoPanel/FormMultiSelect/index.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _stylesModule = _interopRequireDefault(require("./styles.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* ============================================================================
+ * 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.
+ * ========================================================================== */
+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={_stylesModule.default.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>;
+}
+
+var _default = FormMultiSelect;
+exports.default = _default;

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

@@ -0,0 +1,38 @@
+.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/theme/ApiDemoPanel/FormSelect/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _stylesModule = _interopRequireDefault(require("./styles.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* ============================================================================
+ * 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.
+ * ========================================================================== */
+function FormSelect({
+  value,
+  options,
+  onChange
+}) {
+  if (!Array.isArray(options) || options.length === 0) {
+    return null;
+  }
+
+  return <select className={_stylesModule.default.selectInput} value={value} onChange={onChange}>
+      {options.map(option => {
+      return <option key={option} value={option}>
+            {option}
+          </option>;
+    })}
+    </select>;
+}
+
+var _default = FormSelect;
+exports.default = _default;

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

@@ -0,0 +1,51 @@
+.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/theme/ApiDemoPanel/FormTextInput/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _stylesModule = _interopRequireDefault(require("./styles.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* ============================================================================
+ * 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.
+ * ========================================================================== */
+function FormTextInput({
+  value,
+  placeholder,
+  password,
+  onChange
+}) {
+  return <input className={_stylesModule.default.input} type={password ? "password" : "text"} placeholder={placeholder} value={value} onChange={onChange} autoComplete="off" />;
+}
+
+var _default = FormTextInput;
+exports.default = _default;

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

@@ -0,0 +1,21 @@
+.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/theme/ApiDemoPanel/MethodEndpoint/index.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* ============================================================================
+ * 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.
+ * ========================================================================== */
+const methodStyle = {
+  borderRadius: "var(--ifm-global-radius)"
+};
+
+function colorForMethod(method) {
+  switch (method.toLowerCase()) {
+    case "get":
+      return "primary";
+
+    case "put":
+      return "warning";
+
+    case "patch":
+      return "warning";
+
+    case "post":
+      return "success";
+
+    case "delete":
+      return "danger";
+
+    default:
+      return undefined;
+  }
+}
+
+function MethodEndpoint({
+  method,
+  path
+}) {
+  return <pre 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>{path.replace(/{([a-z0-9-_]+)}/gi, ":$1")}</span>
+    </pre>;
+}
+
+var _default = MethodEndpoint;
+exports.default = _default;

package/lib/theme/ApiDemoPanel/ParamOptions/index.js

@@ -0,0 +1,248 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _toolkit = require("@reduxjs/toolkit");
+
+var _hooks = require("../hooks");
+
+var _FormItem = _interopRequireDefault(require("./../FormItem"));
+
+var _FormMultiSelect = _interopRequireDefault(require("./../FormMultiSelect"));
+
+var _FormSelect = _interopRequireDefault(require("./../FormSelect"));
+
+var _FormTextInput = _interopRequireDefault(require("./../FormTextInput"));
+
+var _slice = require("./slice");
+
+var _stylesModule = _interopRequireDefault(require("./styles.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/* ============================================================================
+ * 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.
+ * ========================================================================== */
+function ParamOption({
+  param
+}) {
+  var _param$schema, _param$schema$items, _param$schema2, _param$schema3, _param$schema4;
+
+  if (((_param$schema = param.schema) === null || _param$schema === void 0 ? void 0 : _param$schema.type) === "array" && (_param$schema$items = param.schema.items) !== null && _param$schema$items !== void 0 && _param$schema$items.enum) {
+    return <ParamMultiSelectFormItem param={param} />;
+  }
+
+  if (((_param$schema2 = param.schema) === null || _param$schema2 === void 0 ? void 0 : _param$schema2.type) === "array") {
+    return <ParamArrayFormItem param={param} />;
+  }
+
+  if ((_param$schema3 = param.schema) !== null && _param$schema3 !== void 0 && _param$schema3.enum) {
+    return <ParamSelectFormItem param={param} />;
+  }
+
+  if (((_param$schema4 = param.schema) === null || _param$schema4 === void 0 ? void 0 : _param$schema4.type) === "boolean") {
+    return <ParamBooleanFormItem param={param} />;
+  } // integer, number, string, int32, int64, float, double, object, byte, binary,
+  // date-time, date, password
+
+
+  return <ParamTextFormItem param={param} />;
+}
+
+function ParamOptionWrapper({
+  param
+}) {
+  return <_FormItem.default label={param.name} type={param.in}>
+      <ParamOption param={param} />
+    </_FormItem.default>;
+}
+
+function ParamOptions() {
+  const [showOptional, setShowOptional] = (0, _react.useState)(false);
+  const pathParams = (0, _hooks.useTypedSelector)(state => state.params.path);
+  const queryParams = (0, _hooks.useTypedSelector)(state => state.params.query);
+  const cookieParams = (0, _hooks.useTypedSelector)(state => state.params.cookie);
+  const headerParams = (0, _hooks.useTypedSelector)(state => state.params.header);
+  const allParams = [...pathParams, ...queryParams, ...cookieParams, ...headerParams];
+  const requiredParams = allParams.filter(p => p.required);
+  const optionalParams = allParams.filter(p => !p.required);
+  return <>
+      {
+      /* Required Parameters */
+    }
+      {requiredParams.map(param => <ParamOptionWrapper key={`${param.in}-${param.name}`} param={param} />)}
+
+      {
+      /* Optional Parameters */
+    }
+      {optionalParams.length > 0 && <>
+          <button className={_stylesModule.default.showMoreButton} onClick={() => setShowOptional(prev => !prev)}>
+            <span style={{
+          width: "1.5em",
+          display: "inline-block",
+          textAlign: "center"
+        }}>
+              <span className={showOptional ? _stylesModule.default.plusExpanded : _stylesModule.default.plus}>
+                <div>
+                  <svg style={{
+                fill: "currentColor",
+                width: "10px",
+                height: "10px"
+              }} height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M9 7h6a1 1 0 0 1 0 2H9v6a1 1 0 0 1-2 0V9H1a1 1 0 1 1 0-2h6V1a1 1 0 1 1 2 0z" fillRule="evenodd"></path>
+                  </svg>
+                </div>
+              </span>
+            </span>
+            {showOptional ? "Hide optional parameters" : "Show optional parameters"}
+          </button>
+
+          <div className={showOptional ? _stylesModule.default.showOptions : _stylesModule.default.hideOptions}>
+            {optionalParams.map(param => <ParamOptionWrapper key={`${param.in}-${param.name}`} param={param} />)}
+          </div>
+        </>}
+    </>;
+}
+
+function ArrayItem({
+  param,
+  onChange
+}) {
+  var _param$schema5, _param$schema5$items;
+
+  if (((_param$schema5 = param.schema) === null || _param$schema5 === void 0 ? void 0 : (_param$schema5$items = _param$schema5.items) === null || _param$schema5$items === void 0 ? void 0 : _param$schema5$items.type) === "boolean") {
+    return <_FormSelect.default options={["---", "true", "false"]} onChange={e => {
+      const val = e.target.value;
+      onChange(val === "---" ? undefined : val);
+    }} />;
+  }
+
+  return <_FormTextInput.default placeholder={param.description || param.name} onChange={e => {
+    onChange(e.target.value);
+  }} />;
+}
+
+function ParamArrayFormItem({
+  param
+}) {
+  const [items, setItems] = (0, _react.useState)([]);
+  const dispatch = (0, _hooks.useTypedDispatch)();
+
+  function handleAddItem() {
+    setItems(i => [...i, {
+      id: (0, _toolkit.nanoid)()
+    }]);
+  }
+
+  (0, _react.useEffect)(() => {
+    const values = items.map(item => item.value).filter(item => !!item);
+    dispatch((0, _slice.setParam)({ ...param,
+      value: values.length > 0 ? values : undefined
+    })); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [items]);
+
+  function handleDeleteItem(itemToDelete) {
+    return () => {
+      const newItems = items.filter(i => i.id !== itemToDelete.id);
+      setItems(newItems);
+    };
+  }
+
+  function handleChangeItem(itemToUpdate) {
+    return value => {
+      const newItems = items.map(i => {
+        if (i.id === itemToUpdate.id) {
+          return { ...i,
+            value: value
+          };
+        }
+
+        return i;
+      });
+      setItems(newItems);
+    };
+  }
+
+  return <>
+      {items.map(item => <div key={item.id} style={{
+      display: "flex"
+    }}>
+          <ArrayItem param={param} onChange={handleChangeItem(item)} />
+          <button className={_stylesModule.default.buttonDelete} onClick={handleDeleteItem(item)}>
+            <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="16" height="16" viewBox="0 0 32 32" aria-hidden="true">
+              <path d="M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z"></path>
+              <title>Delete</title>
+            </svg>
+          </button>
+        </div>)}
+      <button className={_stylesModule.default.buttonThin} onClick={handleAddItem}>
+        Add item
+      </button>
+    </>;
+}
+
+function ParamSelectFormItem({
+  param
+}) {
+  var _param$schema$enum, _param$schema6;
+
+  const dispatch = (0, _hooks.useTypedDispatch)();
+  const options = (_param$schema$enum = (_param$schema6 = param.schema) === null || _param$schema6 === void 0 ? void 0 : _param$schema6.enum) !== null && _param$schema$enum !== void 0 ? _param$schema$enum : [];
+  return <_FormSelect.default options={["---", ...options]} onChange={e => {
+    const val = e.target.value;
+    dispatch((0, _slice.setParam)({ ...param,
+      value: val === "---" ? undefined : val
+    }));
+  }} />;
+}
+
+function ParamBooleanFormItem({
+  param
+}) {
+  const dispatch = (0, _hooks.useTypedDispatch)();
+  return <_FormSelect.default options={["---", "true", "false"]} onChange={e => {
+    const val = e.target.value;
+    dispatch((0, _slice.setParam)({ ...param,
+      value: val === "---" ? undefined : val
+    }));
+  }} />;
+}
+
+function ParamMultiSelectFormItem({
+  param
+}) {
+  var _param$schema$items$e, _param$schema7, _param$schema7$items;
+
+  const dispatch = (0, _hooks.useTypedDispatch)();
+  const options = (_param$schema$items$e = (_param$schema7 = param.schema) === null || _param$schema7 === void 0 ? void 0 : (_param$schema7$items = _param$schema7.items) === null || _param$schema7$items === void 0 ? void 0 : _param$schema7$items.enum) !== null && _param$schema$items$e !== void 0 ? _param$schema$items$e : [];
+  return <_FormMultiSelect.default options={options} onChange={e => {
+    const values = Array.prototype.filter.call(e.target.options, o => o.selected).map(o => o.value);
+    dispatch((0, _slice.setParam)({ ...param,
+      value: values.length > 0 ? values : undefined
+    }));
+  }} />;
+}
+
+function ParamTextFormItem({
+  param
+}) {
+  const dispatch = (0, _hooks.useTypedDispatch)();
+  return <_FormTextInput.default placeholder={param.description || param.name} onChange={e => dispatch((0, _slice.setParam)({ ...param,
+    value: e.target.value
+  }))} />;
+}
+
+var _default = ParamOptions;
+exports.default = _default;