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

package/src/theme/styles.scss

@@ -5,28 +5,28 @@
  * LICENSE file in the root directory of this source tree.
  * ========================================================================== */
 /* API Demo Panel */
-@use "./ApiDemoPanel/CodeTabs/CodeTabs";
-@use "./ApiDemoPanel/FloatingButton/FloatingButton";
-@use "./ApiDemoPanel/FormFileUpload/FormFileUpload";
-@use "./ApiDemoPanel/FormItem/FormItem";
-@use "./ApiDemoPanel/FormMultiSelect/FormMultiSelect";
-@use "./ApiDemoPanel/FormSelect/FormSelect";
-@use "./ApiDemoPanel/FormTextInput/FormTextInput";
-@use "./ApiDemoPanel/LiveEditor/LiveEditor";
-@use "./ApiDemoPanel/MethodEndpoint/MethodEndpoint";
-@use "./ApiDemoPanel/ParamOptions/ParamOptions";
-@use "./ApiDemoPanel/Request/Request";
-@use "./ApiDemoPanel/Response/Response";
-@use "./ApiDemoPanel/Server/Server";
+@use "./ApiExplorer/CodeTabs/CodeTabs";
+@use "./ApiExplorer/FloatingButton/FloatingButton";
+@use "./ApiExplorer/FormFileUpload/FormFileUpload";
+@use "./ApiExplorer/FormItem/FormItem";
+@use "./ApiExplorer/FormMultiSelect/FormMultiSelect";
+@use "./ApiExplorer/FormSelect/FormSelect";
+@use "./ApiExplorer/FormTextInput/FormTextInput";
+@use "./ApiExplorer/LiveEditor/LiveEditor";
+@use "./ApiExplorer/MethodEndpoint/MethodEndpoint";
+@use "./ApiExplorer/ParamOptions/ParamOptions";
+@use "./ApiExplorer/Request/Request";
+@use "./ApiExplorer/Response/Response";
+@use "./ApiExplorer/Server/Server";
 
 /* Api Demo Panel / ApiCodeBlock */
-@use "./ApiDemoPanel/ApiCodeBlock/Container/Container";
-@use "./ApiDemoPanel/ApiCodeBlock/Content/Content";
-@use "./ApiDemoPanel/ApiCodeBlock/CopyButton/CopyButton";
-@use "./ApiDemoPanel/ApiCodeBlock/ExitButton/ExitButton";
-@use "./ApiDemoPanel/ApiCodeBlock/ExpandButton/ExpandButton";
-@use "./ApiDemoPanel/ApiCodeBlock/Line/Line";
-@use "./ApiDemoPanel/ApiCodeBlock/WordWrapButton/WordWrapButton";
+@use "./ApiExplorer/ApiCodeBlock/Container/Container";
+@use "./ApiExplorer/ApiCodeBlock/Content/Content";
+@use "./ApiExplorer/ApiCodeBlock/CopyButton/CopyButton";
+@use "./ApiExplorer/ApiCodeBlock/ExitButton/ExitButton";
+@use "./ApiExplorer/ApiCodeBlock/ExpandButton/ExpandButton";
+@use "./ApiExplorer/ApiCodeBlock/Line/Line";
+@use "./ApiExplorer/ApiCodeBlock/WordWrapButton/WordWrapButton";
 
 /* Schema Styling */
 @use "./ParamsItem/ParamsItem";
@@ -75,16 +75,16 @@
   --openapi-code-tab-shadow-color-php: rgba(97, 129, 182, 0.25);
   --openapi-code-tab-shadow-color-java: rgba(3, 116, 189, 0.25);
   --opeanpi-code-tab-shadow-color-powershell: rgba(3, 116, 189, 0.25);
-  --openapi-demo-font-size-input: 12px;
-  --openapi-demo-font-size-code: 12px;
-  --openapi-demo-padding-input: 0.5rem;
-  --openapi-demo-border-color: var(--ifm-toc-border-color);
-  --openapi-demo-caret-bg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>');
+  --openapi-explorer-font-size-input: 12px;
+  --openapi-explorer-font-size-code: 12px;
+  --openapi-explorer-padding-input: 0.5rem;
+  --openapi-explorer-border-color: var(--ifm-toc-border-color);
+  --openapi-explorer-caret-bg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>');
 }
 
 [data-theme="dark"] {
   --openapi-card-background-color: var(--ifm-color-gray-900) !important;
-  --openapi-demo-caret-bg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="white"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>') !important;
+  --openapi-explorer-caret-bg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="white"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>') !important;
 }
 
 .docs-wrapper {
@@ -114,7 +114,7 @@
 
 /* Demo panel details */
 
-// .theme-api-markdown .openapi-demo__details > div > div > pre {
+// .theme-api-markdown .openapi-explorer__details > div > div > pre {
 //   border-top-left-radius: 0;
 //   border-top-right-radius: 0;
 // }

package/src/theme-openapi.d.ts

@@ -63,176 +63,176 @@ declare module "@theme/SchemaTabs" {
   export default function SchemaTabs(props: any): JSX.Element;
 }
 
-declare module "@theme/ApiDemoPanel/Accept" {
+declare module "@theme/ApiExplorer/Accept" {
   export default function Accept(): JSX.Element;
 }
 
-declare module "@theme/ApiDemoPanel/Accept/slice" {
+declare module "@theme/ApiExplorer/Accept/slice" {
   export default accept as Reducer<State, AnyAction>;
 }
 
-declare module "@theme/ApiDemoPanel/Authorization" {
+declare module "@theme/ApiExplorer/Authorization" {
   export default function Authorization(): JSX.Element;
 }
 
-declare module "@theme/ApiDemoPanel/Authorization/slice" {
+declare module "@theme/ApiExplorer/Authorization/slice" {
   export { AuthState, Scheme, setAuthData, setSelectedAuth, createAuth };
   export default auth as Reducer<State, AnyAction>;
 }
 
-declare module "@theme/ApiDemoPanel/Body" {
-  import { Props as BodyProps } from "@theme/ApiDemoPanel/Body";
+declare module "@theme/ApiExplorer/Body" {
+  import { Props as BodyProps } from "@theme/ApiExplorer/Body";
 
   export default function Body(props: BodyProps): JSX.Element;
 }
 
-declare module "@theme/ApiDemoPanel/Body/json2xml" {
+declare module "@theme/ApiExplorer/Body/json2xml" {
   export default function json2xml(any, any?): any;
 }
 
-declare module "@theme/ApiDemoPanel/Body/slice" {
-  import { Body, Content, State } from "@theme/ApiDemoPanel/Body/slice";
+declare module "@theme/ApiExplorer/Body/slice" {
+  import { Body, Content, State } from "@theme/ApiExplorer/Body/slice";
 
   export { Body, Content, State };
   export function setStringRawBody(any, any?): any;
   export default body as Reducer<State, AnyAction>;
 }
 
-declare module "@theme/ApiDemoPanel/buildPostmanRequest" {
+declare module "@theme/ApiExplorer/buildPostmanRequest" {
   export default function buildPostmanRequest(any, any?): any;
 }
 
-declare module "@theme/ApiDemoPanel/CodeTabs" {
-  import { Props as CodeTabsProps } from "@theme/ApiDemoPanel/CodeTabs";
+declare module "@theme/ApiExplorer/CodeTabs" {
+  import { Props as CodeTabsProps } from "@theme/ApiExplorer/CodeTabs";
 
   export default function CodeTabs(props: CodeTabsProps): JSX.Element;
 }
 
-declare module "@theme/ApiDemoPanel/ContentType" {
+declare module "@theme/ApiExplorer/ContentType" {
   export default function ContentType(): JSX.Element;
 }
 
-declare module "@theme/ApiDemoPanel/ContentType/slice" {
+declare module "@theme/ApiExplorer/ContentType/slice" {
   export { setContentType };
   export default contentType as Reducer<State, AnyAction>;
 }
 
-declare module "@theme/ApiDemoPanel/Curl" {
-  import { Props as CurlProps } from "@theme/ApiDemoPanel/Curl";
+declare module "@theme/ApiExplorer/CodeSnippets" {
+  import { Props as CurlProps } from "@theme/ApiExplorer/CodeSnippets";
 
-  export { languageSet, Language } from "@theme/ApiDemoPanel/Curl";
+  export { languageSet, Language } from "@theme/ApiExplorer/CodeSnippets";
   export default function Curl(props: CurlProps): JSX.Element;
 }
 
-declare module "@theme/ApiDemoPanel/FloatingButton" {
-  import { Props as FloatingButtonProps } from "@theme/ApiDemoPanel/FloatingButton";
+declare module "@theme/ApiExplorer/FloatingButton" {
+  import { Props as FloatingButtonProps } from "@theme/ApiExplorer/FloatingButton";
 
   export default function FloatingButton(
     props: FloatingButtonProps
   ): JSX.Element;
 }
 
-declare module "@theme/ApiDemoPanel/FormItem" {
-  import { Props as FormItemProps } from "@theme/ApiDemoPanel/FormItem";
+declare module "@theme/ApiExplorer/FormItem" {
+  import { Props as FormItemProps } from "@theme/ApiExplorer/FormItem";
 
   export default function FormItem(props: FormItemProps): JSX.Element;
 }
 
-declare module "@theme/ApiDemoPanel/FormSelect" {
-  import { Props as FormSelectProps } from "@theme/ApiDemoPanel/FormSelect";
+declare module "@theme/ApiExplorer/FormSelect" {
+  import { Props as FormSelectProps } from "@theme/ApiExplorer/FormSelect";
 
   export default function FormSelect(props: FormSelectProps): JSX.Element;
 }
 
-declare module "@theme/ApiDemoPanel/FormTextInput" {
-  import { Props as FormTextInputProps } from "@theme/ApiDemoPanel/FormTextInput";
+declare module "@theme/ApiExplorer/FormTextInput" {
+  import { Props as FormTextInputProps } from "@theme/ApiExplorer/FormTextInput";
 
   export default function FormTextInput(props: FormTextInputProps): JSX.Element;
 }
 
-declare module "@theme/ApiDemoPanel/FormFileUpload" {
-  import { Props as FormFileUploadProps } from "@theme/ApiDemoPanel/FormFileUpload";
+declare module "@theme/ApiExplorer/FormFileUpload" {
+  import { Props as FormFileUploadProps } from "@theme/ApiExplorer/FormFileUpload";
 
   export default function FormFileUpload(
     props: FormFileUploadProps
   ): JSX.Element;
 }
 
-declare module "@theme/ApiDemoPanel/FormMultiSelect" {
-  import { Props as FormMultiSelectProps } from "@theme/ApiDemoPanel/FormMultiSelect";
+declare module "@theme/ApiExplorer/FormMultiSelect" {
+  import { Props as FormMultiSelectProps } from "@theme/ApiExplorer/FormMultiSelect";
 
   export default function FormMultiSelect(
     props: FormMultiSelectProps
   ): JSX.Element;
 }
 
-declare module "@theme/ApiDemoPanel/Execute" {
-  import { Props as ExecuteProps } from "@theme/ApiDemoPanel/Execute";
+declare module "@theme/ApiExplorer/Execute" {
+  import { Props as ExecuteProps } from "@theme/ApiExplorer/Execute";
 
   export default function Execute(props: ExecuteProps): JSX.Element;
 }
 
-declare module "@theme/ApiDemoPanel/LiveEditor" {
+declare module "@theme/ApiExplorer/LiveEditor" {
   export default function LiveEditor(props: any): JSX.Element;
 }
 
-declare module "@theme/ApiDemoPanel/MethodEndpoint" {
-  import { Props as MethodEndpointProps } from "@theme/ApiDemoPanel/MethodEndpoint";
+declare module "@theme/ApiExplorer/MethodEndpoint" {
+  import { Props as MethodEndpointProps } from "@theme/ApiExplorer/MethodEndpoint";
 
   export default function MethodEndpoint(
     props: MethodEndpointProps
   ): JSX.Element;
 }
 
-declare module "@theme/ApiDemoPanel/ParamOptions" {
-  import { ParamProps } from "@theme/ApiDemoPanel/ParamOptions";
+declare module "@theme/ApiExplorer/ParamOptions" {
+  import { ParamProps } from "@theme/ApiExplorer/ParamOptions";
 
   export default function ParamOptions(props: ParamProps): JSX.Element;
 }
 
-declare module "@theme/ApiDemoPanel/ParamOptions/ParamFormItems/ParamMultiSelectFormItem" {
-  import { ParamProps } from "@theme/ApiDemoPanel/ParamOptions";
+declare module "@theme/ApiExplorer/ParamOptions/ParamFormItems/ParamMultiSelectFormItem" {
+  import { ParamProps } from "@theme/ApiExplorer/ParamOptions";
 
   export default function ParamMultiSelectFormItem(
     props: ParamProps
   ): JSX.Element;
 }
 
-declare module "@theme/ApiDemoPanel/ParamOptions/ParamFormItems/ParamArrayFormItem" {
-  import { ParamProps } from "@theme/ApiDemoPanel/ParamOptions";
+declare module "@theme/ApiExplorer/ParamOptions/ParamFormItems/ParamArrayFormItem" {
+  import { ParamProps } from "@theme/ApiExplorer/ParamOptions";
 
   export default function ParamArrayFormItem(props: ParamProps): JSX.Element;
 }
 
-declare module "@theme/ApiDemoPanel/ParamOptions/ParamFormItems/ParamSelectFormItem" {
-  import { ParamProps } from "@theme/ApiDemoPanel/ParamOptions";
+declare module "@theme/ApiExplorer/ParamOptions/ParamFormItems/ParamSelectFormItem" {
+  import { ParamProps } from "@theme/ApiExplorer/ParamOptions";
 
   export default function ParamSelectFormItem(props: ParamProps): JSX.Element;
 }
 
-declare module "@theme/ApiDemoPanel/ParamOptions/ParamFormItems/ParamBooleanFormItem" {
-  import { ParamProps } from "@theme/ApiDemoPanel/ParamOptions";
+declare module "@theme/ApiExplorer/ParamOptions/ParamFormItems/ParamBooleanFormItem" {
+  import { ParamProps } from "@theme/ApiExplorer/ParamOptions";
 
   export default function ParamBooleanFormItem(props: ParamProps): JSX.Element;
 }
 
-declare module "@theme/ApiDemoPanel/ParamOptions/ParamFormItems/ParamTextFormItem" {
-  import { ParamProps } from "@theme/ApiDemoPanel/ParamOptions";
+declare module "@theme/ApiExplorer/ParamOptions/ParamFormItems/ParamTextFormItem" {
+  import { ParamProps } from "@theme/ApiExplorer/ParamOptions";
 
   export default function ParamTextFormItem(props: ParamProps): JSX.Element;
 }
 
-declare module "@theme/ApiDemoPanel/ParamOptions/slice" {
+declare module "@theme/ApiExplorer/ParamOptions/slice" {
   export type { Param };
   export const setParam;
   export default params as Reducer<State, AnyAction>;
 }
 
-declare module "@theme/ApiDemoPanel/persistanceMiddleware" {
+declare module "@theme/ApiExplorer/persistanceMiddleware" {
   export { createPersistanceMiddleware };
 }
 
-declare module "@theme/ApiDemoPanel/Request" {
+declare module "@theme/ApiExplorer/Request" {
   import { ApiItem } from "docusaurus-plugin-openapi-docs/src/types";
 
   export interface RequestProps {
@@ -241,7 +241,7 @@ declare module "@theme/ApiDemoPanel/Request" {
   export default function Request(props: RequestProps): JSX.Element;
 }
 
-declare module "@theme/ApiDemoPanel/Response" {
+declare module "@theme/ApiExplorer/Response" {
   import { ApiItem } from "docusaurus-plugin-openapi-docs/src/types";
 
   export interface ResponseProps {
@@ -251,27 +251,27 @@ declare module "@theme/ApiDemoPanel/Response" {
   export default function Response(props: ResponseProps): JSX.Element;
 }
 
-declare module "@theme/ApiDemoPanel/Response/slice" {
+declare module "@theme/ApiExplorer/Response/slice" {
   export { setResponse, setCode, setHeaders, clearCode, clearHeaders };
   export default response as Reducer<State, AnyAction>;
 }
 
-declare module "@theme/ApiDemoPanel/SecuritySchemes" {
+declare module "@theme/ApiExplorer/SecuritySchemes" {
   export default function SecuritySchemes(props: any): JSX.Element;
 }
 
-declare module "@theme/ApiDemoPanel/Server" {
+declare module "@theme/ApiExplorer/Server" {
   export default function Server(): JSX.Element;
 }
 
-declare module "@theme/ApiDemoPanel/ApiCodeBlock" {
+declare module "@theme/ApiExplorer/ApiCodeBlock" {
   export default function ApiCodeBlock(): JSX.Element;
 }
 
-declare module "@theme/ApiDemoPanel/Server/slice" {
+declare module "@theme/ApiExplorer/Server/slice" {
   export default server as Reducer<State, AnyAction>;
 }
 
-declare module "@theme/ApiDemoPanel/storage-utils" {
+declare module "@theme/ApiExplorer/storage-utils" {
   export { createStorage, hashArray };
 }

package/lib/theme/ApiDemoPanel/ApiCodeBlock/WordWrapButton/_WordWrapButton.scss

@@ -1,10 +0,0 @@
-.openapi-demo__code-block-word-wrap-btn-icon {
-  width: 1.2rem;
-  height: 1.2rem;
-}
-
-.openapi-demo__code-block-word-wrap-btn--enabled {
-  .openapi-demo__code-block-word-wrap-btn-icon {
-    color: var(--ifm-color-primary);
-  }
-}

package/lib/theme/ApiDemoPanel/FormItem/_FormItem.scss

@@ -1,21 +0,0 @@
-.openapi-demo__form-item {
-  padding: var(--openapi-demo-padding-input);
-  font-size: var(--openapi-demo-font-size-input);
-
-  &:first-child {
-    margin-top: 0;
-  }
-
-  .required {
-    color: var(--openapi-required);
-  }
-}
-
-.openapi-demo__form-item-body-container {
-  padding: 0;
-}
-
-.openapi-demo__form-item-label {
-  font-family: var(--ifm-font-family-monospace);
-  font-weight: bold;
-}

package/src/theme/ApiDemoPanel/ApiCodeBlock/WordWrapButton/_WordWrapButton.scss

@@ -1,10 +0,0 @@
-.openapi-demo__code-block-word-wrap-btn-icon {
-  width: 1.2rem;
-  height: 1.2rem;
-}
-
-.openapi-demo__code-block-word-wrap-btn--enabled {
-  .openapi-demo__code-block-word-wrap-btn-icon {
-    color: var(--ifm-color-primary);
-  }
-}

package/src/theme/ApiDemoPanel/FormItem/_FormItem.scss

@@ -1,21 +0,0 @@
-.openapi-demo__form-item {
-  padding: var(--openapi-demo-padding-input);
-  font-size: var(--openapi-demo-font-size-input);
-
-  &:first-child {
-    margin-top: 0;
-  }
-
-  .required {
-    color: var(--openapi-required);
-  }
-}
-
-.openapi-demo__form-item-body-container {
-  padding: 0;
-}
-
-.openapi-demo__form-item-label {
-  font-family: var(--ifm-font-family-monospace);
-  font-weight: bold;
-}