docusaurus-theme-openapi-docs 2.0.0-beta.3 → 2.0.0-beta.5

package/{src/theme/ApiDemoPanel → lib/theme/ApiExplorer}/FormSelect/_FormSelect.scss

@@ -1,4 +1,4 @@
-html[data-theme="dark"] .openapi-demo__select-input {
+html[data-theme="dark"] .openapi-explorer__select-input {
   margin-top: calc(var(--ifm-pre-padding) / 2);
   background-color: var(--openapi-input-background);
   border: none;
@@ -17,15 +17,15 @@ html[data-theme="dark"] .openapi-demo__select-input {
   background-size: auto auto;
 }
 
-.openapi-demo__select-input {
+.openapi-explorer__select-input {
   width: 100%;
   margin-top: calc(var(--ifm-pre-padding) / 2);
-  padding: var(--openapi-demo-padding-input);
+  padding: var(--openapi-explorer-padding-input);
   border: none;
   outline: none;
   border-radius: 4px;
   background-color: var(--openapi-input-background);
-  font-size: var(--openapi-demo-font-size-input);
+  font-size: var(--openapi-explorer-font-size-input);
   font-family: var(--ifm-font-family-monospace);
   color: var(--ifm-pre-color);
   -moz-appearance: none;

package/lib/theme/{ApiDemoPanel → ApiExplorer}/FormSelect/index.js

@@ -19,7 +19,7 @@ function FormSelect({ value, options, onChange }) {
   return react_1.default.createElement(
     "select",
     {
-      className: "openapi-demo__select-input",
+      className: "openapi-explorer__select-input",
       value: value,
       onChange: onChange,
     },

package/{src/theme/ApiDemoPanel → lib/theme/ApiExplorer}/FormTextInput/_FormTextInput.scss

@@ -1,11 +1,11 @@
-.openapi-demo__form-item-input {
+.openapi-explorer__form-item-input {
   margin-top: calc(var(--ifm-pre-padding) / 2);
   background-color: var(--openapi-input-background);
   border: 1px solid transparent;
   outline: none;
   width: 100%;
   color: var(--ifm-pre-color);
-  padding: var(--openapi-demo-padding-input);
+  padding: var(--openapi-explorer-padding-input);
   border-radius: 4px;
 
   &:hover {
@@ -22,10 +22,10 @@
   }
 }
 
-.openapi-demo__input-error {
-  font-size: var(--openapi-demo-font-size-input);
+.openapi-explorer__input-error {
+  font-size: var(--openapi-explorer-font-size-input);
   color: var(--openapi-required);
-  padding-top: var(--openapi-demo-padding-input);
+  padding-top: var(--openapi-explorer-padding-input);
 
   &::before {
     display: inline;

package/lib/theme/{ApiDemoPanel → ApiExplorer}/FormTextInput/index.js

@@ -38,7 +38,7 @@ function FormTextInput({
           ...register(paramName, {
             required: isRequired ? "This field is required" : false,
           }),
-          className: (0, clsx_1.default)("openapi-demo__form-item-input", {
+          className: (0, clsx_1.default)("openapi-explorer__form-item-input", {
             error: showErrorMessage,
           }),
           type: password ? "password" : "text",
@@ -49,7 +49,7 @@ function FormTextInput({
           autoComplete: "off",
         })
       : react_1.default.createElement("input", {
-          className: "openapi-demo__form-item-input",
+          className: "openapi-explorer__form-item-input",
           type: password ? "password" : "text",
           placeholder: placeholder,
           title: placeholder,
@@ -64,7 +64,7 @@ function FormTextInput({
         render: ({ message }) =>
           react_1.default.createElement(
             "div",
-            { className: "openapi-demo__input-error" },
+            { className: "openapi-explorer__input-error" },
             message
           ),
       })

package/lib/theme/{ApiDemoPanel → ApiExplorer}/LiveEditor/_LiveEditor.scss

@@ -1,4 +1,4 @@
-.openapi-demo__playground-container {
+.openapi-explorer__playground-container {
   margin-top: 1rem;
   margin-bottom: var(--ifm-leading);
   border-radius: var(--ifm-global-radius);
@@ -7,7 +7,7 @@
   max-height: 500px;
 }
 
-.openapi-demo__playground-editor {
+.openapi-explorer__playground-editor {
   font: var(--ifm-code-font-size) / var(--ifm-pre-line-height)
     var(--ifm-font-family-monospace) !important;
   /* rtl:ignore */

package/lib/theme/{ApiDemoPanel → ApiExplorer}/LiveEditor/index.js

@@ -59,7 +59,7 @@ const react_1 = __importStar(require("react"));
 const theme_common_1 = require("@docusaurus/theme-common");
 const useIsBrowser_1 = __importDefault(require("@docusaurus/useIsBrowser"));
 const error_message_1 = require("@hookform/error-message");
-const slice_1 = require("@theme/ApiDemoPanel/Body/slice");
+const slice_1 = require("@theme/ApiExplorer/Body/slice");
 const clsx_1 = __importDefault(require("clsx"));
 const react_hook_form_1 = require("react-hook-form");
 const react_live_1 = require("react-live");
@@ -75,8 +75,8 @@ function Live({ onEdit, showErrors }) {
     react_1.default.createElement(react_live_1.LiveEditor, {
       key: String(isBrowser),
       className: (0, clsx_1.default)({
-        "openapi-demo__playground-editor": true,
-        "openapi-demo__form-item-input": showErrors,
+        "openapi-explorer__playground-editor": true,
+        "openapi-explorer__form-item-input": showErrors,
         error: showErrors,
       }),
       onChange: onEdit,
@@ -113,7 +113,7 @@ function App({
     "div",
     {
       className: (0, clsx_1.default)({
-        "openapi-demo__playground-container": true,
+        "openapi-explorer__playground-container": true,
       }),
     },
     react_1.default.createElement(
@@ -143,7 +143,7 @@ function App({
           render: ({ message }) =>
             react_1.default.createElement(
               "div",
-              { className: "openapi-demo__input-error" },
+              { className: "openapi-explorer__input-error" },
               message
             ),
         })

package/lib/theme/{ApiDemoPanel → ApiExplorer}/MethodEndpoint/index.js

@@ -66,15 +66,16 @@ function MethodEndpoint({ method, path }) {
       react_1.default.createElement(
         "span",
         { className: "badge badge--" + colorForMethod(method) },
-        method.toUpperCase()
+        method === "event" ? "Webhook" : method.toUpperCase()
       ),
       " ",
-      react_1.default.createElement(
-        "h2",
-        { className: "openapi__method-endpoint-path" },
-        renderServerUrl(),
-        `${path.replace(/{([a-z0-9-_]+)}/gi, ":$1")}`
-      )
+      method !== "event" &&
+        react_1.default.createElement(
+          "h2",
+          { className: "openapi__method-endpoint-path" },
+          renderServerUrl(),
+          `${path.replace(/{([a-z0-9-_]+)}/gi, ":$1")}`
+        )
     ),
     react_1.default.createElement("div", { className: "openapi__divider" })
   );

package/lib/theme/{ApiDemoPanel → ApiExplorer}/ParamOptions/ParamFormItems/ParamArrayFormItem.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Param } from "@theme/ApiDemoPanel/ParamOptions/slice";
+import { Param } from "@theme/ApiExplorer/ParamOptions/slice";
 export interface ParamProps {
     param: Param;
 }

package/lib/theme/{ApiDemoPanel → ApiExplorer}/ParamOptions/ParamFormItems/ParamArrayFormItem.js

@@ -58,11 +58,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const error_message_1 = require("@hookform/error-message");
 const toolkit_1 = require("@reduxjs/toolkit");
-const FormSelect_1 = __importDefault(require("@theme/ApiDemoPanel/FormSelect"));
+const FormSelect_1 = __importDefault(require("@theme/ApiExplorer/FormSelect"));
 const FormTextInput_1 = __importDefault(
-  require("@theme/ApiDemoPanel/FormTextInput")
+  require("@theme/ApiExplorer/FormTextInput")
 );
-const slice_1 = require("@theme/ApiDemoPanel/ParamOptions/slice");
+const slice_1 = require("@theme/ApiExplorer/ParamOptions/slice");
 const hooks_1 = require("@theme/ApiItem/hooks");
 const react_hook_form_1 = require("react-hook-form");
 function ArrayItem({ param, onChange }) {
@@ -148,7 +148,7 @@ function ParamArrayFormItem({ param }) {
               react_1.default.createElement(
                 "button",
                 {
-                  className: "openapi-demo__delete-btn",
+                  className: "openapi-explorer__delete-btn",
                   onClick: handleDeleteItem(item),
                 },
                 react_1.default.createElement(
@@ -173,7 +173,7 @@ function ParamArrayFormItem({ param }) {
           ),
           react_1.default.createElement(
             "button",
-            { className: "openapi-demo__thin-btn", onClick: handleAddItem },
+            { className: "openapi-explorer__thin-btn", onClick: handleAddItem },
             "Add item"
           )
         ),
@@ -185,7 +185,7 @@ function ParamArrayFormItem({ param }) {
         render: ({ message }) =>
           react_1.default.createElement(
             "div",
-            { className: "openapi-demo__input-error" },
+            { className: "openapi-explorer__input-error" },
             message
           ),
       })

package/lib/theme/{ApiDemoPanel → ApiExplorer}/ParamOptions/ParamFormItems/ParamBooleanFormItem.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Param } from "@theme/ApiDemoPanel/ParamOptions/slice";
+import { Param } from "@theme/ApiExplorer/ParamOptions/slice";
 export interface ParamProps {
     param: Param;
 }

package/lib/theme/{ApiDemoPanel → ApiExplorer}/ParamOptions/ParamFormItems/ParamBooleanFormItem.js

@@ -13,8 +13,8 @@ var __importDefault =
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const error_message_1 = require("@hookform/error-message");
-const FormSelect_1 = __importDefault(require("@theme/ApiDemoPanel/FormSelect"));
-const slice_1 = require("@theme/ApiDemoPanel/ParamOptions/slice");
+const FormSelect_1 = __importDefault(require("@theme/ApiExplorer/FormSelect"));
+const slice_1 = require("@theme/ApiExplorer/ParamOptions/slice");
 const hooks_1 = require("@theme/ApiItem/hooks");
 const react_hook_form_1 = require("react-hook-form");
 function ParamBooleanFormItem({ param }) {
@@ -54,7 +54,7 @@ function ParamBooleanFormItem({ param }) {
         render: ({ message }) =>
           react_1.default.createElement(
             "div",
-            { className: "openapi-demo__input-error" },
+            { className: "openapi-explorer__input-error" },
             message
           ),
       })

package/lib/theme/{ApiDemoPanel → ApiExplorer}/ParamOptions/ParamFormItems/ParamMultiSelectFormItem.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Param } from "@theme/ApiDemoPanel/ParamOptions/slice";
+import { Param } from "@theme/ApiExplorer/ParamOptions/slice";
 export interface ParamProps {
     param: Param;
 }

package/lib/theme/{ApiDemoPanel → ApiExplorer}/ParamOptions/ParamFormItems/ParamMultiSelectFormItem.js

@@ -14,9 +14,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const error_message_1 = require("@hookform/error-message");
 const FormMultiSelect_1 = __importDefault(
-  require("@theme/ApiDemoPanel/FormMultiSelect")
+  require("@theme/ApiExplorer/FormMultiSelect")
 );
-const slice_1 = require("@theme/ApiDemoPanel/ParamOptions/slice");
+const slice_1 = require("@theme/ApiExplorer/ParamOptions/slice");
 const hooks_1 = require("@theme/ApiItem/hooks");
 const react_hook_form_1 = require("react-hook-form");
 function ParamMultiSelectFormItem({ param }) {
@@ -80,7 +80,7 @@ function ParamMultiSelectFormItem({ param }) {
         render: ({ message }) =>
           react_1.default.createElement(
             "div",
-            { className: "openapi-demo__input-error" },
+            { className: "openapi-explorer__input-error" },
             message
           ),
       })

package/lib/theme/{ApiDemoPanel → ApiExplorer}/ParamOptions/ParamFormItems/ParamSelectFormItem.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Param } from "@theme/ApiDemoPanel/ParamOptions/slice";
+import { Param } from "@theme/ApiExplorer/ParamOptions/slice";
 export interface ParamProps {
     param: Param;
 }

package/lib/theme/{ApiDemoPanel → ApiExplorer}/ParamOptions/ParamFormItems/ParamSelectFormItem.js

@@ -13,8 +13,8 @@ var __importDefault =
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const error_message_1 = require("@hookform/error-message");
-const FormSelect_1 = __importDefault(require("@theme/ApiDemoPanel/FormSelect"));
-const slice_1 = require("@theme/ApiDemoPanel/ParamOptions/slice");
+const FormSelect_1 = __importDefault(require("@theme/ApiExplorer/FormSelect"));
+const slice_1 = require("@theme/ApiExplorer/ParamOptions/slice");
 const hooks_1 = require("@theme/ApiItem/hooks");
 const react_hook_form_1 = require("react-hook-form");
 function ParamSelectFormItem({ param }) {
@@ -54,7 +54,7 @@ function ParamSelectFormItem({ param }) {
         render: ({ message }) =>
           react_1.default.createElement(
             "div",
-            { className: "openapi-demo__input-error" },
+            { className: "openapi-explorer__input-error" },
             message
           ),
       })

package/lib/theme/{ApiDemoPanel → ApiExplorer}/ParamOptions/ParamFormItems/ParamTextFormItem.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Param } from "@theme/ApiDemoPanel/ParamOptions/slice";
+import { Param } from "@theme/ApiExplorer/ParamOptions/slice";
 export interface ParamProps {
     param: Param;
 }

package/lib/theme/{ApiDemoPanel → ApiExplorer}/ParamOptions/ParamFormItems/ParamTextFormItem.js

@@ -13,9 +13,9 @@ var __importDefault =
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const FormTextInput_1 = __importDefault(
-  require("@theme/ApiDemoPanel/FormTextInput")
+  require("@theme/ApiExplorer/FormTextInput")
 );
-const slice_1 = require("@theme/ApiDemoPanel/ParamOptions/slice");
+const slice_1 = require("@theme/ApiExplorer/ParamOptions/slice");
 const hooks_1 = require("@theme/ApiItem/hooks");
 function ParamTextFormItem({ param }) {
   const dispatch = (0, hooks_1.useTypedDispatch)();

package/{src/theme/ApiDemoPanel → lib/theme/ApiExplorer}/ParamOptions/_ParamOptions.scss

@@ -1,4 +1,4 @@
-.openapi-demo__plus-btn--expanded {
+.openapi-explorer__plus-btn--expanded {
   transition: transform 0.2s ease;
   display: inline-block;
   transform: rotate(0deg);
@@ -7,7 +7,7 @@
   transform: rotate(45deg);
 }
 
-.openapi-demo__show-more-btn {
+.openapi-explorer__show-more-btn {
   width: 100%;
   -webkit-appearance: none;
   -moz-appearance: none;
@@ -16,7 +16,7 @@
   margin-bottom: 0.5rem;
   padding: 0;
   cursor: pointer;
-  font-size: var(--openapi-demo-font-size-input);
+  font-size: var(--openapi-explorer-font-size-input);
   user-select: none;
   white-space: nowrap;
   border: 0px solid transparent;
@@ -34,7 +34,7 @@
   }
 }
 
-.openapi-demo__delete-btn {
+.openapi-explorer__delete-btn {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
@@ -77,7 +77,7 @@
   }
 }
 
-.openapi-demo__thin-btn {
+.openapi-explorer__thin-btn {
   -webkit-appearance: none;
   -moz-appearance: none;
   cursor: pointer;
@@ -112,11 +112,11 @@
   }
 }
 
-.openapi-demo__show-options {
+.openapi-explorer__show-options {
   visibility: visible;
 }
 
-.openapi-demo__hide-options {
+.openapi-explorer__hide-options {
   display: none;
   visibility: hidden;
 }

package/lib/theme/{ApiDemoPanel → ApiExplorer}/ParamOptions/index.js

@@ -56,21 +56,21 @@ var __importDefault =
   };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const FormItem_1 = __importDefault(require("@theme/ApiDemoPanel/FormItem"));
+const FormItem_1 = __importDefault(require("@theme/ApiExplorer/FormItem"));
 const ParamArrayFormItem_1 = __importDefault(
-  require("@theme/ApiDemoPanel/ParamOptions/ParamFormItems/ParamArrayFormItem")
+  require("@theme/ApiExplorer/ParamOptions/ParamFormItems/ParamArrayFormItem")
 );
 const ParamBooleanFormItem_1 = __importDefault(
-  require("@theme/ApiDemoPanel/ParamOptions/ParamFormItems/ParamBooleanFormItem")
+  require("@theme/ApiExplorer/ParamOptions/ParamFormItems/ParamBooleanFormItem")
 );
 const ParamMultiSelectFormItem_1 = __importDefault(
-  require("@theme/ApiDemoPanel/ParamOptions/ParamFormItems/ParamMultiSelectFormItem")
+  require("@theme/ApiExplorer/ParamOptions/ParamFormItems/ParamMultiSelectFormItem")
 );
 const ParamSelectFormItem_1 = __importDefault(
-  require("@theme/ApiDemoPanel/ParamOptions/ParamFormItems/ParamSelectFormItem")
+  require("@theme/ApiExplorer/ParamOptions/ParamFormItems/ParamSelectFormItem")
 );
 const ParamTextFormItem_1 = __importDefault(
-  require("@theme/ApiDemoPanel/ParamOptions/ParamFormItems/ParamTextFormItem")
+  require("@theme/ApiExplorer/ParamOptions/ParamFormItems/ParamTextFormItem")
 );
 const hooks_1 = require("@theme/ApiItem/hooks");
 function ParamOption({ param }) {
@@ -145,7 +145,7 @@ function ParamOptions() {
         react_1.default.createElement(
           "button",
           {
-            className: "openapi-demo__show-more-btn",
+            className: "openapi-explorer__show-more-btn",
             onClick: () => setShowOptional((prev) => !prev),
           },
           react_1.default.createElement(
@@ -161,8 +161,8 @@ function ParamOptions() {
               "span",
               {
                 className: showOptional
-                  ? "openapi-demo__plus-btn--expanded"
-                  : "openapi-demo__plus-btn",
+                  ? "openapi-explorer__plus-btn--expanded"
+                  : "openapi-explorer__plus-btn",
               },
               react_1.default.createElement(
                 "div",
@@ -194,8 +194,8 @@ function ParamOptions() {
           "div",
           {
             className: showOptional
-              ? "openapi-demo__show-options"
-              : "openapi-demo__hide-options",
+              ? "openapi-explorer__show-options"
+              : "openapi-explorer__hide-options",
           },
           optionalParams.map((param) =>
             react_1.default.createElement(ParamOptionWrapper, {

package/{src/theme/ApiDemoPanel → lib/theme/ApiExplorer}/Request/_Request.scss

@@ -1,7 +1,7 @@
-.openapi-demo__request-form {
+.openapi-explorer__request-form {
   background-color: var(--ifm-pre-background);
   border-radius: var(--openapi-card-border-radius);
-  border: 1px solid var(--openapi-demo-border-color);
+  border: 1px solid var(--openapi-explorer-border-color);
   box-shadow: 0 2px 3px hsla(222, 8%, 43%, 0.1),
     0 8px 16px -10px hsla(222, 8%, 43%, 0.2);
   color: var(--ifm-pre-color);
@@ -34,10 +34,10 @@
   }
 }
 
-.openapi-demo__request-header-container {
+.openapi-explorer__request-header-container {
   display: flex;
   justify-content: space-between;
-  border-bottom: 1px solid var(--openapi-demo-border-color);
+  border-bottom: 1px solid var(--openapi-explorer-border-color);
   margin: 0;
   padding: 0.75rem var(--ifm-pre-padding);
   text-transform: uppercase;
@@ -45,24 +45,24 @@
   font-weight: bold;
 }
 
-.openapi-demo__expand-details-btn {
+.openapi-explorer__expand-details-btn {
   &:hover {
     cursor: pointer;
   }
 }
 
-.openapi-demo__details-outer-container {
+.openapi-explorer__details-outer-container {
   padding: 1rem;
 }
 
-.openapi-demo__details-container[open] {
-  .openapi-demo__details-summary::before {
+.openapi-explorer__details-container[open] {
+  .openapi-explorer__details-summary::before {
     transform: rotate(180deg);
     margin-top: 0.25rem;
   }
 }
 
-.openapi-demo__details-summary {
+.openapi-explorer__details-summary {
   display: inline-flex;
   align-items: center;
   padding: 0.35rem 0;
@@ -80,16 +80,17 @@
   &::before {
     margin-right: 0.25rem;
     margin-bottom: 0.25rem;
-    background-image: var(--openapi-demo-caret-bg);
+    margin-top: 0.25rem;
+    background-image: var(--openapi-explorer-caret-bg);
     border: none !important;
     transform: rotate(90deg);
     content: "";
-    height: 0.75rem;
-    width: 0.75rem;
+    height: 1rem;
+    width: 1rem;
   }
 }
 
-.openapi-demo__request-btn {
+.openapi-explorer__request-btn {
   border: none;
   border-radius: var(--ifm-global-radius);
   padding: 0.5rem 1rem;