@redocly/openapi-docs 3.0.0-alpha.14.beta.2 → 3.0.0-alpha.15

package/lib-esm/components/common/linkify.js

@@ -1,55 +1,10 @@
-import React,{useCallback}from"react";import styled,{css}from"styled-components";import{useStore}from"../../context";import{LinkIcon}from"../icons";export function userIsForcingNavigation(e){return 0!==e.button||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey}export const linkifyMixin=(e,i)=>css`
-  ${e} {
-    cursor: pointer;
-    line-height: inherit;
-    display: inline-block;
-    outline: 0;
-    position: absolute;
-    padding-right: 4px;
-    transform: translateX(-100%);
-  }
-
-  ${e} ${LinkIcon} {
-    width: ${i};
-    height: ${i};
-    visibility: hidden;
-    display: inline-block;
-    vertical-align: middle;
-    color: var(--heading-anchor-color);
-
-    background-image: var(--heading-anchor-icon);
-    background-repeat: no-repeat;
-    background-position: center;
-    background-size: contain;
-  }
-
-  h1:hover
-    > ${e}
-    ${LinkIcon},
-    h2:hover
-    > ${e}
-    ${LinkIcon},
-    h3:hover
-    > ${e}
-    ${LinkIcon},
-    h4:hover
-    > ${e}
-    ${LinkIcon},
-    h5:hover
-    > ${e}
-    ${LinkIcon},
-    h6:hover
-    > ${e}
-    ${LinkIcon},
-    ${e}:hover
-    ${LinkIcon} {
-    visibility: visible;
-  }
+import React from"react";import styled from"styled-components";import{useRecoilValue}from"recoil";import{AnchorIcon}from"@redocly/theme";import{Link as LinkRouter}from"react-router-dom";import{globalOptionsSelector}from"../../recoil/store";export function Link(e){var t;const{routingBasePath:o,hooks:r,onDeepLinkClick:i}=useRecoilValue(globalOptionsSelector),n=e.security?null===(t=null==r?void 0:r.replaceSecurityLink)||void 0===t?void 0:t.call(r,{securityRequirementId:e.to}):e.to,l=i&&{onClick:e=>{e.preventDefault(),i(o+n)}};return n?React.createElement(LinkRouter,Object.assign({id:e.id,className:e.className||"",to:(null==n?void 0:n.startsWith("#"))?n:o+n},l),e.children):e.children?React.createElement("span",{className:e.className}," ",e.children," "):null}export const StyledShareLink=styled(Link)`
+  position: absolute;
+  transform: translateX(-100%);
+  padding-right: var(--heading-anchor-offset-right);
 
-  ${e}:focus ${LinkIcon} {
+  :hover ${AnchorIcon} {
     visibility: visible;
   }
-`;export function Link(e){var i,n,o;const t=useCallback(((i,n)=>{n.defaultPrevented||userIsForcingNavigation(n)||(n.preventDefault(),i.replace(encodeURI(e.to)))}),[e.to]),r=useStore();let l;if(e.security){const n=null===(i=null==r?void 0:r.options.hooks)||void 0===i?void 0:i.replaceSecurityLink;l=n&&n({securityRequirementId:e.to})}else l=null===(o=null==r?void 0:(n=r.menu.history).linkForId)||void 0===o?void 0:o.call(n,e.to);return l?React.createElement("a",{className:e.className,href:l,onClick:t.bind(this,null==r?void 0:r.menu.history),"aria-label":e.to},e.children):e.children?React.createElement("span",{className:e.className}," ",e.children," "):null}const StyledShareLink=styled(Link)`
-  ${linkifyMixin("&","18px")};
-`;export function ShareLink(e){return React.createElement(StyledShareLink,{to:e.to},React.createElement(LinkIcon,null))}
+`;export function ShareLink(e){return React.createElement(StyledShareLink,Object.assign({},e),React.createElement(AnchorIcon,null))}
 //# sourceMappingURL=linkify.js.map

package/lib-esm/components/common/panels.js

@@ -1,28 +1,25 @@
-import styled,{css}from"styled-components";import{SECTION_ATTR,LayoutVariant}from"../../constants";export const SamplesMiddlePanel=styled.div`
-  ${({compact:a,isStacked:t,theme:i})=>{const e=a?0:"var(--spacing-vertical)";return css`
+import{H2}from"@redocly/theme";import styled,{css}from"styled-components";import{SECTION_ATTR,LayoutVariant}from"../../constants";export const SamplesMiddlePanel=styled.div`
+  ${({compact:a,isStacked:t,theme:e})=>{const i=a?0:"var(--spacing-vertical)";return css`
       width: 100%;
-      padding: ${e} var(--panel-gap-horizontal);
+      padding: ${i} var(--panel-gap-horizontal);
 
-      ${i.mediaQueries[i.showAtBreakpoint.samplesPanel]} {
+      ${e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
         width: calc(100% - var(--panel-samples-width));
         padding-right: var(--panel-gap-vertical, var(--panel-gap-horizontal));
         padding-top: 0;
         padding-bottom: ${t?"var(--spacing-vertical)":0};
       }
 
-      ${i.mediaQueries.print} {
+      ${e.mediaQueries.print} {
         width: 100%;
-        padding-top: ${e};
-        padding-bottom: ${e};
+        padding-top: ${i};
+        padding-bottom: ${i};
       }
     `}}
 `;export const Section=styled.div.attrs((a=>({[SECTION_ATTR]:a.sectionId,id:a.id})))`
   z-index: 1;
   padding: 0;
   width: 100%;
-  &:last-child {
-    min-height: calc(100vh + 1px);
-  }
 
   & > &:last-child {
     min-height: initial;
@@ -49,6 +46,9 @@ import styled,{css}from"styled-components";import{SECTION_ATTR,LayoutVariant}fro
         border-bottom: 1px solid var(--border-color);
       }
     `}
+  ${H2} {
+    position: relative;
+  }
 `;export const SamplesPanel=styled.div`
   color: var(--panel-samples-text-color);
   width: 100%;
@@ -57,6 +57,9 @@ import styled,{css}from"styled-components";import{SECTION_ATTR,LayoutVariant}fro
   padding-left: var(--panel-gap-horizontal);
   padding-right: var(--panel-gap-horizontal);
 
+  position: sticky;
+  top: calc(var(--navbar-height) + var(--panel-gap-vertical));
+
   ${({theme:a})=>css`
     ${a.mediaQueries[a.showAtBreakpoint.samplesPanel]} {
       width: var(--panel-samples-width);

package/lib-esm/components/common/perfect-scrollbar.js

@@ -1,4 +1,4 @@
-var __rest=this&&this.__rest||function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)t.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(r[o[l]]=e[o[l]])}return r};import styled,{createGlobalStyle}from"styled-components";import*as PerfectScrollbarNamespace from"perfect-scrollbar";import React,{Component}from"react";import{OptionsContext}from"../../context";import{IS_BROWSER}from"../../utils";let psStyles="";IS_BROWSER&&(psStyles=require("perfect-scrollbar/css/perfect-scrollbar.css"),psStyles="function"==typeof psStyles.toString&&psStyles.toString()||"",psStyles="[object Object]"===psStyles?"":psStyles);const PerfectScrollbarConstructor=PerfectScrollbarNamespace.default||PerfectScrollbarNamespace,PSStyling=createGlobalStyle`${psStyles}`,StyledScrollWrapper=styled.div`
+var __rest=this&&this.__rest||function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)t.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(r[o[l]]=e[o[l]])}return r};import styled,{createGlobalStyle}from"styled-components";import*as PerfectScrollbarNamespace from"perfect-scrollbar";import React,{Component}from"react";import{useRecoilValue}from"recoil";import{IS_BROWSER}from"../../utils";import{globalOptionsSelector}from"../../recoil/store";let psStyles="";IS_BROWSER&&(psStyles=require("perfect-scrollbar/css/perfect-scrollbar.css"),psStyles="function"==typeof psStyles.toString&&psStyles.toString()||"",psStyles="[object Object]"===psStyles?"":psStyles);const PerfectScrollbarConstructor=PerfectScrollbarNamespace.default||PerfectScrollbarNamespace,PSStyling=createGlobalStyle`${psStyles}`,StyledScrollWrapper=styled.div`
   position: relative;
-`;export class PerfectScrollbar extends Component{constructor(){super(...arguments),Object.defineProperty(this,"_container",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"inst",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"handleRef",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this._container=e}})}componentDidMount(){const e=this._container.parentElement&&this._container.parentElement.scrollTop||0;this.inst=new PerfectScrollbarConstructor(this._container,this.props.options||{}),this._container.scrollTo&&this._container.scrollTo(0,e)}componentDidUpdate(){this.inst.update()}componentWillUnmount(){this.inst.destroy()}render(){const{children:e,updateFn:t,className:r=""}=this.props;return t&&t(this.componentDidUpdate.bind(this)),React.createElement(React.Fragment,null,psStyles&&React.createElement(PSStyling,null),React.createElement(StyledScrollWrapper,{className:`scrollbar-container ${r}`,ref:this.handleRef},e))}}export function PerfectScrollbarWrap(e){var{children:t}=e,r=__rest(e,["children"]);return React.createElement(OptionsContext.Consumer,null,(e=>e.nativeScrollbars?React.createElement("div",{style:{overflow:"auto",overscrollBehavior:"contain",msOverflowStyle:"-ms-autohiding-scrollbar"}},t):React.createElement(PerfectScrollbar,Object.assign({},r),t)))}
+`;export class PerfectScrollbar extends Component{constructor(){super(...arguments),Object.defineProperty(this,"_container",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"inst",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"handleRef",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this._container=e}})}componentDidMount(){const e=this._container.parentElement&&this._container.parentElement.scrollTop||0;this.inst=new PerfectScrollbarConstructor(this._container,this.props.options||{}),this._container.scrollTo&&this._container.scrollTo(0,e)}componentDidUpdate(){this.inst.update()}componentWillUnmount(){this.inst.destroy()}render(){const{children:e,updateFn:t,className:r=""}=this.props;return t&&t(this.componentDidUpdate.bind(this)),React.createElement(React.Fragment,null,psStyles&&React.createElement(PSStyling,null),React.createElement(StyledScrollWrapper,{className:`scrollbar-container ${r}`,ref:this.handleRef},e))}}export function PerfectScrollbarWrap(e){var{children:t}=e,r=__rest(e,["children"]);const{nativeScrollbars:o}=useRecoilValue(globalOptionsSelector);return o?React.createElement("div",{style:{overflow:"auto",overscrollBehavior:"contain",msOverflowStyle:"-ms-autohiding-scrollbar"}},t):React.createElement(PerfectScrollbar,Object.assign({},r),t)}
 //# sourceMappingURL=perfect-scrollbar.js.map

package/lib-esm/components/icons/LockIcon.d.ts

@@ -1,2 +1,2 @@
 import type { IconProps } from './types';
-export declare const LockIcon: import("styled-components").StyledComponent<({ className, style, }: Pick<IconProps, 'size' | 'float' | 'color' | 'className' | 'style'>) => JSX.Element, any, Pick<IconProps, "style" | "className" | "color" | "size" | "float">, never>;
+export declare const LockIcon: import("styled-components").StyledComponent<({ className, style, }: Pick<IconProps, 'size' | 'float' | 'color' | 'className' | 'style'>) => JSX.Element, any, Pick<IconProps, "style" | "color" | "className" | "size" | "float">, never>;

package/lib-esm/components/icons/Spinner.d.ts

@@ -1,2 +1,2 @@
 import type { IconProps } from './types';
-export declare const Spinner: import("styled-components").StyledComponent<({ className }: Pick<IconProps, 'className' | 'color'>) => JSX.Element, any, Pick<IconProps, "className" | "color">, never>;
+export declare const Spinner: import("styled-components").StyledComponent<({ className }: Pick<IconProps, 'className' | 'color'>) => JSX.Element, any, Pick<IconProps, "color" | "className">, never>;

package/lib-esm/components/index.d.ts

@@ -1,24 +1,21 @@
 export * from './NextSectionButton';
-export * from './StoreProvider';
-export * from './RedoclyReferenceDocs';
-export * from './RedoclyReferenceDocsMultiStandalone';
+export * from './RedoclyOpenAPIDocs';
 export * from './pluggable';
 export * from './rightPanel/Console';
-export * from './ProProviders';
-export { ToggleRightPanelButton, ControlsWrap, ChangeViewButton, BackgroundStub, NextSectionButtonWrap, ApiContentWrap, BackgroundStubFix, } from './styled.elements';
+export { ControlsWrap, BackgroundStub, ApiContentWrap, BackgroundStubFix, } from './RedoclyOpenAPIDocs/styled';
+export { NextSectionButtonWrap } from './NextSectionButton/styled';
 export * from './common';
 export * from './ApiInfo';
-export { Operation as OperationItem } from './Operation';
 export { SectionItem } from './SectionItem';
 export { ContentItem } from './ContentItem';
 export { ContentItems } from './ContentItems';
 export { DiscriminatorDropdown } from './DiscriminatorDropdown';
 export * from './Schema/';
-export { Operation } from './Operation';
-export type { OperationProps } from './Operation';
+export { OperationItem } from './OperationItem';
+export type { OperationItemProps } from './OperationItem';
 export * from './Loading/Loading';
 export * from './Markdown';
-export * from './SecuritySchemes/SecuritySchemes';
+export { OAuthFlow } from './SecuritySchemes/OAuthFlow';
 export * from './Responses';
 export * from './ResponseSamples/ResponseSamples';
 export { PayloadSamples, ExampleValue, Example, DropdownWrapper } from './PayloadSamples';
@@ -31,5 +28,7 @@ export * from './StickySidebar/StickyResponsiveSidebar';
 export * from './SchemaDefinition/SchemaDefinition';
 export * from './SourceCodeWithFile/SourceCodeWithFile';
 export * from './RequestSamples/RequestSamples';
+export * from './ChangeViewButton';
+export * from './ToggleRightPanelButton';
 export { ShelfIcon, LockIcon, CrossIcon } from './icons';
 export type { IconProps } from './icons';

package/lib-esm/components/index.js

@@ -1,2 +1,2 @@
-export*from"./NextSectionButton";export*from"./StoreProvider";export*from"./RedoclyReferenceDocs";export*from"./RedoclyReferenceDocsMultiStandalone";export*from"./pluggable";export*from"./rightPanel/Console";export*from"./ProProviders";export{ToggleRightPanelButton,ControlsWrap,ChangeViewButton,BackgroundStub,NextSectionButtonWrap,ApiContentWrap,BackgroundStubFix}from"./styled.elements";export*from"./common";export*from"./ApiInfo";export{Operation as OperationItem}from"./Operation";export{SectionItem}from"./SectionItem";export{ContentItem}from"./ContentItem";export{ContentItems}from"./ContentItems";export{DiscriminatorDropdown}from"./DiscriminatorDropdown";export*from"./Schema/";export{Operation}from"./Operation";export*from"./Loading/Loading";export*from"./Markdown";export*from"./SecuritySchemes/SecuritySchemes";export*from"./Responses";export*from"./ResponseSamples/ResponseSamples";export{PayloadSamples,ExampleValue,Example,DropdownWrapper}from"./PayloadSamples";export*from"./MediaTypeSwitch";export*from"./Parameters";export*from"./DropdownOrLabel";export*from"./ErrorBoundary";export*from"./SideMenu/";export*from"./StickySidebar/StickyResponsiveSidebar";export*from"./SchemaDefinition/SchemaDefinition";export*from"./SourceCodeWithFile/SourceCodeWithFile";export*from"./RequestSamples/RequestSamples";export{ShelfIcon,LockIcon,CrossIcon}from"./icons";
+export*from"./NextSectionButton";export*from"./RedoclyOpenAPIDocs";export*from"./pluggable";export*from"./rightPanel/Console";export{ControlsWrap,BackgroundStub,ApiContentWrap,BackgroundStubFix}from"./RedoclyOpenAPIDocs/styled";export{NextSectionButtonWrap}from"./NextSectionButton/styled";export*from"./common";export*from"./ApiInfo";export{SectionItem}from"./SectionItem";export{ContentItem}from"./ContentItem";export{ContentItems}from"./ContentItems";export{DiscriminatorDropdown}from"./DiscriminatorDropdown";export*from"./Schema/";export{OperationItem}from"./OperationItem";export*from"./Loading/Loading";export*from"./Markdown";export{OAuthFlow}from"./SecuritySchemes/OAuthFlow";export*from"./Responses";export*from"./ResponseSamples/ResponseSamples";export{PayloadSamples,ExampleValue,Example,DropdownWrapper}from"./PayloadSamples";export*from"./MediaTypeSwitch";export*from"./Parameters";export*from"./DropdownOrLabel";export*from"./ErrorBoundary";export*from"./SideMenu/";export*from"./StickySidebar/StickyResponsiveSidebar";export*from"./SchemaDefinition/SchemaDefinition";export*from"./SourceCodeWithFile/SourceCodeWithFile";export*from"./RequestSamples/RequestSamples";export*from"./ChangeViewButton";export*from"./ToggleRightPanelButton";export{ShelfIcon,LockIcon,CrossIcon}from"./icons";
 //# sourceMappingURL=index.js.map

package/lib-esm/components/pluggable/PullRight.d.ts

@@ -1,2 +1,3 @@
-import React from 'react';
-export declare function PullRight({ children }: React.PropsWithChildren<unknown>): JSX.Element;
+export declare function PullRight({ children }: {
+    children: any;
+}): JSX.Element;

package/lib-esm/components/pluggable/PullRight.js

@@ -1,58 +1,4 @@
-import React from"react";import styled from"styled-components";import{SamplesPanel}from"../common/panels";import{CodePanel}from"../Panel";import{Markdown}from"../Markdown";const MarkdownCodeBlock=styled((o=>React.createElement(Markdown,Object.assign({},o))))`
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    color: var(--panel-samples-heading-text-color, var(--panel-samples-text-color));
-  }
-
-  table {
-    color: #ffffff;
-    overflow-wrap: break-word;
-    word-break: break-word;
-
-    & tr {
-      td,
-      th {
-        background-color: var(--panel-samples-controls-background-color);
-      }
-    }
-
-    & tr:nth-child(2n) {
-      td,
-      th {
-        background-color: var(--samples-panel-markdown-background-color);
-      }
-    }
-
-    & thead tr th,
-    & tbody tr td {
-      background-color: var(--samples-panel-markdown-background-color);
-      border-color: var(--samples-panel-markdown-border-color);
-    }
-  }
-
-  code {
-    font-size: var(--code-block-font-size);
-    font-family: var(--code-block-font-family);
-    color: var(--code-block-text-color);
-    background-color: var(--code-block-background-color);
-  }
-
-  a,
-  a:visited {
-    color: var(--link-visited);
-  }
-
-  pre {
-    border: none;
-    padding: calc(var(--spacing-unit) * 4);
-    border-radius: var(--code-block-border-radius);
-    background: var(--code-block-background-color);
-  }
-`;export function PullRight({children:o}){return React.createElement(StyledRightPanel,null,React.createElement(CodePanel,null,this.props.children&&React.createElement(MarkdownCodeBlock,{source:o})))}const StyledRightPanel=styled(SamplesPanel)`
+import React from"react";import styled from"styled-components";import{Panel}from"@redocly/theme";export function PullRight({children:t}){return React.createElement(StyledRightPanel,{className:"panel-pull-right"},t)}const StyledRightPanel=styled(Panel)`
   float: right;
   z-index: 1;
   position: relative;

package/lib-esm/components/pluggable/RedocExample.d.ts

@@ -1,12 +1,10 @@
 import type { OpenAPIEncoding } from '../../types';
-import type { ProStore } from '../../services';
 interface RedocExampleProps {
-    store: ProStore;
     pointer: string;
     mimeType: string;
     encoding?: {
         [field: string]: OpenAPIEncoding;
     };
 }
-export declare const RedocExample: ({ store, pointer, mimeType, encoding, }: RedocExampleProps) => JSX.Element;
+export declare const RedocExample: ({ pointer, mimeType, encoding }: RedocExampleProps) => JSX.Element;
 export {};

package/lib-esm/components/pluggable/RedocExample.js

@@ -1,2 +1,2 @@
-import React from"react";import{ExampleModel}from"../../models";import{Row}from"../common";import{ExamplesWrap}from"./styled.components";import{Example}from"../PayloadSamples";export const RedocExample=({store:e,pointer:m,mimeType:o,encoding:t})=>{const a=new ExampleModel(e.definition.parser,{$ref:m},o,t);return React.createElement(Row,{layout:e.layout},React.createElement(ExamplesWrap,null,React.createElement(Example,{example:a,mimeType:o})))};
+import React from"react";import{useRecoilValue}from"recoil";import{getExamples}from"../../models";import{Row}from"../common";import{ExamplesWrap}from"./styled.components";import{Example}from"../PayloadSamples";import{globalStoreSelector}from"../../recoil/store";import{layoutSelector}from"../../recoil/app";export const RedocExample=({pointer:e,mimeType:o,encoding:r})=>{const{parser:m}=useRecoilValue(globalStoreSelector),t=useRecoilValue(layoutSelector),l=getExamples({parser:m,infoOrRef:{$ref:e},mime:o,encoding:r});return React.createElement(Row,{layout:t},React.createElement(ExamplesWrap,null,React.createElement(Example,{example:l,mimeType:o})))};
 //# sourceMappingURL=RedocExample.js.map

package/lib-esm/components/pluggable/RedocRequestBody.d.ts

@@ -1,8 +1,6 @@
-import type { ProStore } from '../../services';
 interface RedocRequestBodyProps {
-    store: ProStore;
     pointer: string;
     hideSamples?: boolean;
 }
-export declare const RedocRequestBody: ({ store, pointer, hideSamples, }: RedocRequestBodyProps) => JSX.Element;
+export declare const RedocRequestBody: ({ pointer, hideSamples }: RedocRequestBodyProps) => JSX.Element;
 export {};

package/lib-esm/components/pluggable/RedocRequestBody.js

@@ -1,2 +1,2 @@
-import React from"react";import{RequestBodyModel,OperationModel}from"../../models";import{Row,SamplesMiddlePanel,SamplesPanel}from"../common";import{SamplesWrap,FullWidthPanel}from"./styled.components";import{PayloadSamples}from"../PayloadSamples";import{BodyContent}from"../Parameters";export const RedocRequestBody=({store:e,pointer:t,hideSamples:o})=>{const n=new OperationModel(e.definition.parser,{pointer:t,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,e.options,!1),a=new RequestBodyModel({parser:e.definition.parser,infoOrRef:{$ref:t},options:e.options,operation:n}),r=o?FullWidthPanel:SamplesMiddlePanel;return React.createElement(Row,{layout:e.layout},React.createElement(r,null,a.content&&React.createElement(BodyContent,{content:a.content,description:a.description})),!o&&React.createElement(SamplesPanel,null,React.createElement(SamplesWrap,null,a.content&&React.createElement(PayloadSamples,{content:a.content})))||React.createElement("span",null))};
+import React from"react";import{useRecoilValue}from"recoil";import{getRequestBody,getOperation}from"../../models";import{Row,SamplesMiddlePanel,SamplesPanel}from"../common";import{SamplesWrap,FullWidthPanel}from"./styled.components";import{PayloadSamples}from"../PayloadSamples";import{BodyContent}from"../Parameters";import{globalStoreSelector}from"../../recoil/store";import{layoutSelector}from"../..//recoil/app";export const RedocRequestBody=({pointer:e,hideSamples:t})=>{const{options:o,parser:a}=useRecoilValue(globalStoreSelector),l=useRecoilValue(layoutSelector),r=getOperation(a,{pointer:e,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,o,""),n=getRequestBody({parser:a,infoOrRef:{$ref:e},options:o,operation:r}),m=t?FullWidthPanel:SamplesMiddlePanel;return React.createElement(Row,{layout:l},React.createElement(m,null,n.content&&React.createElement(BodyContent,{content:n.content,description:n.description})),!t&&React.createElement(SamplesPanel,null,React.createElement(SamplesWrap,null,n.content&&React.createElement(PayloadSamples,{content:n.content})))||React.createElement("span",null))};
 //# sourceMappingURL=RedocRequestBody.js.map

package/lib-esm/components/pluggable/RedocResponse.d.ts

@@ -1,7 +1,5 @@
-import type { ProStore } from '../../services';
 export interface RedocResponseProps {
-    store: ProStore;
     pointer: string;
     hideSamples?: boolean;
 }
-export declare const RedocResponse: ({ store, pointer, hideSamples }: RedocResponseProps) => JSX.Element;
+export declare const RedocResponse: ({ pointer, hideSamples }: RedocResponseProps) => JSX.Element;

package/lib-esm/components/pluggable/RedocResponse.js

@@ -1,2 +1,2 @@
-import React from"react";import{ResponseModel,OperationModel}from"../../models";import{Row,SamplesMiddlePanel,SamplesPanel}from"../common";import{FullWidthPanel,SamplesWrap}from"./styled.components";import{ResponseDetails}from"../Responses";import{PayloadSamples}from"../PayloadSamples";export const RedocResponse=({store:e,pointer:t,hideSamples:o})=>{const a=new OperationModel(e.definition.parser,{pointer:t,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,e.options,!1),n=new ResponseModel({parser:e.definition.parser,code:"default",defaultAsError:!1,infoOrRef:{$ref:t},options:e.options,operation:a});n.description=n.summary;const l=o?FullWidthPanel:SamplesMiddlePanel;return React.createElement(Row,{layout:e.layout},React.createElement(l,{style:{paddingBottom:"20px"}},React.createElement(ResponseDetails,{response:n})),!o&&n.content&&React.createElement(SamplesPanel,null,React.createElement(SamplesWrap,null,React.createElement(PayloadSamples,{content:n.content})))||React.createElement("span",null))};
+import React from"react";import{useRecoilValue}from"recoil";import{getOperation,getResponse}from"../../models";import{Row,SamplesMiddlePanel,SamplesPanel}from"../common";import{FullWidthPanel,SamplesWrap}from"./styled.components";import{ResponseDetails}from"../Responses";import{PayloadSamples}from"../PayloadSamples";import{globalStoreSelector}from"../../recoil/store";import{layoutSelector}from"../../recoil/app";export const RedocResponse=({pointer:e,hideSamples:t})=>{const{options:o,parser:a}=useRecoilValue(globalStoreSelector),l=useRecoilValue(layoutSelector),r=getOperation(a,{pointer:e,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,o,""),s=getResponse({parser:a,code:"default",defaultAsError:!1,infoOrRef:{$ref:e},options:o,operation:r});s.description=s.summary;const p=t?FullWidthPanel:SamplesMiddlePanel;return React.createElement(Row,{layout:l},React.createElement(p,{style:{paddingBottom:"20px"}},React.createElement(ResponseDetails,{response:s})),!t&&s.content&&React.createElement(SamplesPanel,null,React.createElement(SamplesWrap,null,React.createElement(PayloadSamples,{content:s.content})))||React.createElement("span",null))};
 //# sourceMappingURL=RedocResponse.js.map

package/lib-esm/components/pluggable/RedocSchema.d.ts

@@ -1,9 +1,7 @@
 import type { OpenAPISchema } from '../../types';
-import type { ProStore } from '../../services';
 interface RedocSchemaProps {
-    store: ProStore;
     pointer?: string;
     schema?: OpenAPISchema;
 }
-export declare const RedocSchema: ({ store, pointer, schema }: RedocSchemaProps) => JSX.Element;
+export declare const RedocSchema: ({ pointer, schema }: RedocSchemaProps) => JSX.Element;
 export {};

package/lib-esm/components/pluggable/RedocSchema.js

@@ -1,2 +1,2 @@
-import React from"react";import{SchemaModel}from"../../models";import{Row}from"../common";import{FullWidthPanel}from"./styled.components";import{Schema}from"../Schema";export const RedocSchema=({store:e,pointer:o,schema:t})=>{const m=t||{$ref:o},r=new SchemaModel(e.definition.parser,m,o||"",e.options);return React.createElement(Row,null,React.createElement(FullWidthPanel,null,React.createElement(Schema,{schema:r})))};
+import React from"react";import{useRecoilValue}from"recoil";import{getSchema}from"../../models";import{Row}from"../common";import{FullWidthPanel}from"./styled.components";import{Schema}from"../Schema";import{globalStoreSelector}from"../../recoil/store";export const RedocSchema=({pointer:e,schema:o})=>{const{options:t,parser:r}=useRecoilValue(globalStoreSelector),m=getSchema({parser:r,schemaOrRef:o||{$ref:e},pointer:e||"",options:t,deps:{operation:{pointer:"RedocSchema"}}});return React.createElement(Row,null,React.createElement(FullWidthPanel,null,React.createElement(Schema,{schema:m})))};
 //# sourceMappingURL=RedocSchema.js.map

package/lib-esm/components/rightPanel/AuthPanel/AuthPanel.js

@@ -1,2 +1,2 @@
-import React,{Fragment,useEffect,useState}from"react";import{RenderHook}from"../../RenderHook";import{escapeFormId,fromSessionStorage,getSecurityDetailsOptions,toSessionStorage}from"../../../utils";import{TryItDropdown}from"../styled";import{FormControl,FormLabel,FormWrapper}from"../../common/form";import{FormDropdown,FormTextField}from"../../common/TextField";import{OpenIDConnect,Error}from"../OpenIDConnect";import{fromCookie,requiredValidator}from"../utils";import{OAuth2Flow}from"../OAuth2Flow";import{l}from"../../../services";import OAuth2TokenInputComponent from"../OAuth2TokenInput";import{OptionsContext}from"../../../context/OptionsProvider";export const AuthPanel=({securityDefaults:e,operation:t,activeServer:o,authCorsProxyUrl:a,form:r,formApi:n})=>{const[i,s]=useState(0),{hooks:u}=React.useContext(OptionsContext);useEffect((()=>{const e=t.security.map((e=>e.schemes.map((e=>e.id)).join(" and "))),o=fromSessionStorage("securityRequirementName"),a=e.findIndex((e=>e===o));s(a<0?0:a)}),[t]);const c=t.security,m=c.map((e=>e.schemes.map((e=>e.id)).join(" and "))).filter(Boolean).map(((e,t)=>({value:e,idx:t})));if(0===m.length)return React.createElement(Error,{message:"Cannot find security schema in the definition"});const d=c[i],p=escapeFormId(d.schemes[0].id);return React.createElement(React.Fragment,null,React.createElement(FormWrapper,null,m.length>1&&React.createElement(FormControl,null,React.createElement(FormLabel,null," Security scheme: "),React.createElement(TryItDropdown,{variant:"dark",fullWidth:!0,options:m,value:m[i].value,onChange:e=>{s(e.idx),toSessionStorage("securityRequirementName",e.value)}}))||null,React.createElement(RenderHook,{Hook:null==u?void 0:u.BeforeSecurityPanel,props:{server:t.activeServer,operation:t,value:n.getValue(`auth.${p}`),onChange:e=>{n.setValue(`auth.${p}`,e)}}}),c[i].schemes.map((t=>{var i,s,u,c,m,d,p;const f=escapeFormId(t.id);if("apiKey"===t.type){const o=getSecurityDetailsOptions(f,""),a={field:`auth.${f}`,fullWidth:!0,initialValue:fromCookie(t)||fromSessionStorage(`auth.${f}`)||(null==e?void 0:e[f]),initValue:fromCookie(t)||fromSessionStorage(`auth.${f}`)||(null==e?void 0:e[f]),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(FormControl,{key:f},React.createElement(FormLabel,null," ",t.name,": "),o?React.createElement(FormDropdown,Object.assign({},a,{options:o})):React.createElement(FormTextField,Object.assign({},a,{type:"password",panel:"try-it","data-cy":"apiKey-auth-password"})))}if("http"===t.type){if("basic"===t.scheme){const t=getSecurityDetailsOptions(f,"username"),o={field:`auth.${f}.username`,fullWidth:!0,initialValue:fromSessionStorage(`auth.${f}.username`)||(null===(i=null==e?void 0:e[f])||void 0===i?void 0:i.username),initValue:fromSessionStorage(`auth.${f}.username`)||(null===(s=null==e?void 0:e[f])||void 0===s?void 0:s.username),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(Fragment,{key:f},React.createElement(FormControl,null,React.createElement(FormLabel,null," ",l("tryItAuthBasicUsername"),": "),t?React.createElement(FormDropdown,Object.assign({},o,{options:t})):React.createElement(FormTextField,Object.assign({},o,{panel:"try-it"}))),React.createElement(FormControl,null,React.createElement(FormLabel,null," ",l("tryItAuthBasicPassword"),": "),React.createElement(FormTextField,{type:"password","data-cy":"http-auth-password",fullWidth:!0,field:`auth.${f}.password`,initialValue:fromSessionStorage(`auth.${f}.password`)||(null===(u=null==e?void 0:e[f])||void 0===u?void 0:u.password)||"",validateOnBlur:!0,validateOnChange:!0,panel:"try-it"})))}if("bearer"===t.scheme){const t=getSecurityDetailsOptions(f,""),o={field:`auth.${f}`,fullWidth:!0,initialValue:fromSessionStorage(`auth.${f}`)||(null==e?void 0:e[f]),initValue:fromSessionStorage(`auth.${f}`)||(null==e?void 0:e[f]),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(Fragment,{key:f},React.createElement(FormControl,null,React.createElement(FormLabel,null," Bearer Token: "),t?React.createElement(FormDropdown,Object.assign({},o,{options:t})):React.createElement(FormTextField,Object.assign({},o,{type:"password",placeholder:"(without 'Bearer')",panel:"try-it"}))))}}else{if("oauth2"===t.type&&t.flows&&t.flows.clientCredentials)return React.createElement(OAuth2TokenInputComponent,{key:f,flow:t.flows.clientCredentials,server:o,authCorsProxyUrl:a,id:f,form:r,formApi:n,clientId:t.flows.clientCredentials["x-defaultClientId"]||t["x-defaultClientId"],defaultValues:null==e?void 0:e[f]});if("oauth2"===t.type&&t.flows&&t.flows.implicit)return React.createElement(OAuth2Flow,{key:f,authorizationUrl:t.flows.implicit.authorizationUrl,authCorsProxyUrl:a,scopes:Object.keys((null===(m=null===(c=null==t?void 0:t.flows)||void 0===c?void 0:c.implicit)||void 0===m?void 0:m.scopes)||{}),server:o,id:f,form:r,formApi:n,clientId:t.flows.implicit["x-defaultClientId"]||t["x-defaultClientId"],flow:"implicit",defaultValues:null==e?void 0:e[f]});if("oauth2"===t.type&&t.flows&&t.flows.authorizationCode)return React.createElement(OAuth2Flow,{key:f,authorizationUrl:t.flows.authorizationCode.authorizationUrl,tokenUrl:t.flows.authorizationCode.tokenUrl,authCorsProxyUrl:a,scopes:Object.keys((null===(d=t.flows.authorizationCode)||void 0===d?void 0:d.scopes)||{}),server:o,id:f,form:r,formApi:n,clientId:t.flows.authorizationCode["x-defaultClientId"]||t["x-defaultClientId"],flow:"authorizationCode",tokenEndpointAuthMethod:t.flows.authorizationCode["x-tokenEndpointAuthMethod"],usePkce:t.flows.authorizationCode["x-usePkce"],defaultValues:null==e?void 0:e[f]});if("oauth2"===t.type){let t=fromSessionStorage(`auth.${f}.token`)||JSON.stringify(null===(p=null==e?void 0:e[f])||void 0===p?void 0:p.token);return t=t?JSON.parse(t):{},React.createElement(Fragment,{key:f},React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token Type: "),React.createElement(FormTextField,{fullWidth:!0,field:`auth.${f}.token.token_type`,initialValue:t.token_type||"Bearer",panel:"try-it"})),React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token: "),React.createElement(FormTextField,{type:"password",fullWidth:!0,field:`auth.${f}.token.access_token`,validate:requiredValidator,initialValue:t.access_token,validateOnBlur:!0,validateOnChange:!0,panel:"try-it"})))}if("openIdConnect"===t.type)return React.createElement(OpenIDConnect,{key:f,server:o,authCorsProxyUrl:a,id:f,form:r,formApi:n,scheme:t,clientId:t["x-defaultClientId"],defaultValues:null==e?void 0:e[f]})}}))),React.createElement("small",null,React.createElement("strong",null,"Note"),": Your credentials will be saved until the end of the browser session"))};
+import React,{Fragment,useEffect,useState}from"react";import{escapeFormId,fromSessionStorage,getSecurityDetailsOptions,toSessionStorage}from"../../../utils";import{TryItDropdown}from"../styled";import{FormControl,FormLabel,FormWrapper}from"../../common/form";import{FormDropdown,FormTextField}from"../../common/TextField";import{OpenIDConnect,Error}from"../OpenIDConnect";import{fromCookie,requiredValidator}from"../utils";import{OAuth2Flow}from"../OAuth2Flow";import{l}from"../../../services";import OAuth2TokenInputComponent from"../OAuth2TokenInput";export const AuthPanel=({securityDefaults:e,operation:t,activeServer:o,authCorsProxyUrl:a,form:r,formApi:n})=>{const[i,s]=useState(0);useEffect((()=>{const e=t.security.map((e=>e.schemes.map((e=>e.id)).join(" and "))),o=fromSessionStorage("securityRequirementName"),a=e.findIndex((e=>e===o));s(a<0?0:a)}),[t]);const u=t.security,c=u.map((e=>e.schemes.map((e=>e.id)).join(" and "))).filter(Boolean).map(((e,t)=>({value:e,idx:t})));return 0===c.length?React.createElement(Error,{message:"Cannot find security schema in the definition"}):React.createElement(React.Fragment,null,React.createElement(FormWrapper,null,c.length>1&&React.createElement(FormControl,null,React.createElement(FormLabel,null," Security scheme: "),React.createElement(TryItDropdown,{variant:"dark",fullWidth:!0,options:c,value:c[i].value,onChange:e=>{s(e.idx),toSessionStorage("securityRequirementName",e.value)}}))||null,u[i].schemes.map((t=>{var i,s,u,c,m,d,f;const p=escapeFormId(t.id);if("apiKey"===t.type){const o=getSecurityDetailsOptions(p,""),a={field:`auth.${p}`,fullWidth:!0,initialValue:fromCookie(t)||fromSessionStorage(`auth.${p}`)||(null==e?void 0:e[p]),initValue:fromCookie(t)||fromSessionStorage(`auth.${p}`)||(null==e?void 0:e[p]),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(FormControl,{key:p},React.createElement(FormLabel,null," ",t.name,": "),o?React.createElement(FormDropdown,Object.assign({},a,{options:o})):React.createElement(FormTextField,Object.assign({},a,{type:"password",panel:"try-it","data-cy":"apiKey-auth-password"})))}if("http"===t.type){if("basic"===t.scheme){const t=getSecurityDetailsOptions(p,"username"),o={field:`auth.${p}.username`,fullWidth:!0,initialValue:fromSessionStorage(`auth.${p}.username`)||(null===(i=null==e?void 0:e[p])||void 0===i?void 0:i.username),initValue:fromSessionStorage(`auth.${p}.username`)||(null===(s=null==e?void 0:e[p])||void 0===s?void 0:s.username),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(Fragment,{key:p},React.createElement(FormControl,null,React.createElement(FormLabel,null," ",l("tryItAuthBasicUsername"),": "),t?React.createElement(FormDropdown,Object.assign({},o,{options:t})):React.createElement(FormTextField,Object.assign({},o,{panel:"try-it"}))),React.createElement(FormControl,null,React.createElement(FormLabel,null," ",l("tryItAuthBasicPassword"),": "),React.createElement(FormTextField,{type:"password","data-cy":"http-auth-password",fullWidth:!0,field:`auth.${p}.password`,initialValue:fromSessionStorage(`auth.${p}.password`)||(null===(u=null==e?void 0:e[p])||void 0===u?void 0:u.password)||"",validateOnBlur:!0,validateOnChange:!0,panel:"try-it"})))}if("bearer"===t.scheme){const t=getSecurityDetailsOptions(p,""),o={field:`auth.${p}`,fullWidth:!0,initialValue:fromSessionStorage(`auth.${p}`)||(null==e?void 0:e[p]),initValue:fromSessionStorage(`auth.${p}`)||(null==e?void 0:e[p]),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(Fragment,{key:p},React.createElement(FormControl,null,React.createElement(FormLabel,null," Bearer Token: "),t?React.createElement(FormDropdown,Object.assign({},o,{options:t})):React.createElement(FormTextField,Object.assign({},o,{type:"password",placeholder:"(without 'Bearer')",panel:"try-it"}))))}}else{if("oauth2"===t.type&&t.flows&&t.flows.clientCredentials)return React.createElement(OAuth2TokenInputComponent,{key:p,flow:t.flows.clientCredentials,server:o,authCorsProxyUrl:a,id:p,form:r,formApi:n,clientId:t.flows.clientCredentials["x-defaultClientId"]||t["x-defaultClientId"],defaultValues:null==e?void 0:e[p]});if("oauth2"===t.type&&t.flows&&t.flows.implicit)return React.createElement(OAuth2Flow,{key:p,authorizationUrl:t.flows.implicit.authorizationUrl,authCorsProxyUrl:a,scopes:Object.keys((null===(m=null===(c=null==t?void 0:t.flows)||void 0===c?void 0:c.implicit)||void 0===m?void 0:m.scopes)||{}),server:o,id:p,form:r,formApi:n,clientId:t.flows.implicit["x-defaultClientId"]||t["x-defaultClientId"],flow:"implicit",defaultValues:null==e?void 0:e[p]});if("oauth2"===t.type&&t.flows&&t.flows.authorizationCode)return React.createElement(OAuth2Flow,{key:p,authorizationUrl:t.flows.authorizationCode.authorizationUrl,tokenUrl:t.flows.authorizationCode.tokenUrl,authCorsProxyUrl:a,scopes:Object.keys((null===(d=t.flows.authorizationCode)||void 0===d?void 0:d.scopes)||{}),server:o,id:p,form:r,formApi:n,clientId:t.flows.authorizationCode["x-defaultClientId"]||t["x-defaultClientId"],flow:"authorizationCode",tokenEndpointAuthMethod:t.flows.authorizationCode["x-tokenEndpointAuthMethod"],usePkce:t.flows.authorizationCode["x-usePkce"],defaultValues:null==e?void 0:e[p]});if("oauth2"===t.type){let t=fromSessionStorage(`auth.${p}.token`)||JSON.stringify(null===(f=null==e?void 0:e[p])||void 0===f?void 0:f.token);return t=t?JSON.parse(t):{},React.createElement(Fragment,{key:p},React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token Type: "),React.createElement(FormTextField,{fullWidth:!0,field:`auth.${p}.token.token_type`,initialValue:t.token_type||"Bearer",panel:"try-it"})),React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token: "),React.createElement(FormTextField,{type:"password",fullWidth:!0,field:`auth.${p}.token.access_token`,validate:requiredValidator,initialValue:t.access_token,validateOnBlur:!0,validateOnChange:!0,panel:"try-it"})))}if("openIdConnect"===t.type)return React.createElement(OpenIDConnect,{key:p,server:o,authCorsProxyUrl:a,id:p,form:r,formApi:n,scheme:t,clientId:t["x-defaultClientId"],defaultValues:null==e?void 0:e[p]})}}))),React.createElement("small",null,React.createElement("strong",null,"Note"),": Your credentials will be saved until the end of the browser session"))};
 //# sourceMappingURL=AuthPanel.js.map

package/lib-esm/components/rightPanel/CodemirrorInput/CodemirrorInput.js

@@ -1,2 +1,2 @@
-import React from"react";import{useMount,useUnmount}from"@redocly/theme";import{asField}from"informed";import{Controlled as CodeMirror}from"react-codemirror2-react-17";import{MediaTypes}from"../../../constants";import"./helpers";import{CodeMirrorStyles}from"./styled";export const CodemirrorInputComponent=({fieldState:e,fieldApi:t,onChange:o,onBlur:r,forwardedRef:n,id:m,mode:a,schema:i})=>{let s;const c=(e,t)=>{/^[a-zA-Z0-9_":]$/.test(t.key)&&s.execCommand("autocomplete")},l=()=>{s.refresh()},d=()=>s.showHint({completeSingle:!0});useMount((()=>{setTimeout((()=>{s.refresh()}),0),document.addEventListener("click",l)})),useUnmount((()=>{document.removeEventListener("click",l)}));const{value:u}=e,{setValue:p,setTouched:f,setError:C}=t;return React.createElement(React.Fragment,null,React.createElement(CodeMirrorStyles,null),React.createElement(CodeMirror,{editorDidMount:e=>{s=e,s.on("keyup",c)},value:u||"",ref:n,onBeforeChange:(e,t,r)=>{p(r),o&&o(r)},onBlur:e=>{f(!1),r&&r(e)},options:{mode:a||MediaTypes.JSON,theme:"material",matchBrackets:!0,autoCloseBrackets:!0,tabSize:2,foldGutter:!0,extraKeys:{"Cmd-Space":d,"Ctrl-Space":d},hintOptions:{id:m,completeSingle:!1,schema:i},lint:{id:m,schema:i,setError:C}}}))};export const CodemirrorInput=asField(CodemirrorInputComponent);
+import React from"react";import{useMount,useUnmount}from"@redocly/theme";import{asField}from"informed";import{Controlled as CodeMirror}from"react-codemirror2-react-17";import{MediaTypes}from"../../../constants";import"./helpers";import{CodeMirrorStyles}from"./styled";export const CodemirrorInputComponent=({fieldState:e,fieldApi:t,onChange:o,onBlur:r,forwardedRef:n,id:m,mode:a,schema:i})=>{let c;const s=(e,t)=>{/^[a-zA-Z0-9_":]$/.test(t.key)&&c.execCommand("autocomplete")},l=()=>{c.refresh()},d=()=>c.showHint({completeSingle:!0});useMount((()=>{setTimeout((()=>{c.refresh()}),0),document.addEventListener("click",l)})),useUnmount((()=>{document.removeEventListener("click",l)}));const{value:u}=e,{setValue:p,setTouched:f}=t;return React.createElement(React.Fragment,null,React.createElement(CodeMirrorStyles,null),React.createElement(CodeMirror,{editorDidMount:e=>{c=e,c.on("keyup",s)},value:u||"",ref:n,onBeforeChange:(e,t,r)=>{p(r),o&&o(r)},onBlur:e=>{f(!1),r&&r(e)},options:{mode:a||MediaTypes.JSON,theme:"material",matchBrackets:!0,autoCloseBrackets:!0,tabSize:2,foldGutter:!0,extraKeys:{"Cmd-Space":d,"Ctrl-Space":d},hintOptions:{id:m,completeSingle:!1,schema:i}}}))};export const CodemirrorInput=asField(CodemirrorInputComponent);
 //# sourceMappingURL=CodemirrorInput.js.map

package/lib-esm/components/rightPanel/CodemirrorInput/helpers.d.ts

@@ -1,10 +1 @@
-import 'codemirror/mode/javascript/javascript';
-import 'codemirror/addon/edit/matchbrackets';
-import 'codemirror/addon/lint/lint';
-import 'codemirror/addon/hint/show-hint';
-import 'codemirror/addon/edit/closebrackets';
-import 'codemirror/addon/search/searchcursor';
-import 'codemirror/lib/codemirror.css';
-import 'codemirror/theme/material.css';
-import 'codemirror/addon/lint/lint.css';
-import 'codemirror/addon/hint/show-hint.css';
+export {};

package/lib-esm/components/rightPanel/CodemirrorInput/helpers.js

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,r,t,o){return new(t||(t=Promise))((function(i,n){function a(e){try{s(o.next(e))}catch(e){n(e)}}function c(e){try{s(o.throw(e))}catch(e){n(e)}}function s(e){var r;e.done?i(e.value):(r=e.value,r instanceof t?r:new t((function(e){e(r)}))).then(a,c)}s((o=o.apply(e,r||[])).next())}))};import*as CodeMirror from"codemirror";import{TextDocument,getLanguageService}from"@redocly/vscode-json-languageservice";import"codemirror/mode/javascript/javascript";import"codemirror/addon/edit/matchbrackets";import"codemirror/addon/lint/lint";import"codemirror/addon/hint/show-hint";import"codemirror/addon/edit/closebrackets";import"codemirror/addon/search/searchcursor";import"codemirror/lib/codemirror.css";import"codemirror/theme/material.css";import"codemirror/addon/lint/lint.css";import"codemirror/addon/hint/show-hint.css";const serv=getLanguageService({});CodeMirror.registerHelper("lint","json",(function(e,r){return __awaiter(this,void 0,void 0,(function*(){const{schema:t,setError:o}=r;serv.configure({validate:!0,schemas:[{uri:"stub://"+r.id,fileMatch:["*"],schema:t}]});const i=TextDocument.create(r.id+".json","json",0,e),n=serv.parseJSONDocument(i),a=yield serv.doValidation(i,n);return a.length?o&&o(a[0].message):o&&o(void 0),a.map((e=>({from:CodeMirror.Pos(e.range.start.line,e.range.start.character),to:CodeMirror.Pos(e.range.end.line,e.range.end.character),message:e.message})))}))})),CodeMirror.registerHelper("hint","json",((e,r)=>__awaiter(void 0,void 0,void 0,(function*(){const t=r.schema;if(!t)return;serv.configure({validate:!0,schemas:[{uri:"stub://"+r.id,fileMatch:["*"],schema:t}]});const o=e.getDoc().getCursor(),i=e.getTokenAt(o),n=TextDocument.create(r.id+".json","json",0,e.getValue()),a=serv.parseJSONDocument(n),c=yield serv.doComplete(n,{line:o.line,character:o.ch},a);let s=c?c.items.map((e=>({text:e.insertText,displayText:e.label,filter:e.filterText||e.label,from:{line:e.textEdit.range.start.line,ch:e.textEdit.range.start.character},to:{line:e.textEdit.range.end.line,ch:e.textEdit.range.end.character},hint:(e,r,t)=>{const o="_$__REDOC_CURSOR_HERE";let i=t.text.replace(/(\$1|\${1:[^}]+})/,o)||"";if(i=i.replace(/(\$\d+|\${[^}]+})/g,"")||"",e.setSelection(t.from,t.to),i.indexOf("\n")>-1){const r=e.getLine(e.getCursor().line).search(/(\S|$)/);i=i.replace(/\n/g,"\n"+(e=>{let r="";for(;e--;)r+=" ";return r})(r))}e.replaceSelection(i);const n=e.getSearchCursor(o,t.from);n.findNext()&&(e.setCursor(n.from()),n.replace(""))}}))):[];return/(property|string)/.test(i.type||"")&&(s=s.filter((e=>e.filter.replace(/(^"|"$)/g,"").startsWith(i.string.replace(/(^"|"$)/g,""))))),{from:CodeMirror.Pos(o.line,i.start),to:CodeMirror.Pos(o.line,o.ch),list:s}}))));
+var __awaiter=this&&this.__awaiter||function(e,r,t,i){return new(t||(t=Promise))((function(o,n){function a(e){try{s(i.next(e))}catch(e){n(e)}}function c(e){try{s(i.throw(e))}catch(e){n(e)}}function s(e){var r;e.done?o(e.value):(r=e.value,r instanceof t?r:new t((function(e){e(r)}))).then(a,c)}s((i=i.apply(e,r||[])).next())}))};import{TextDocument,getLanguageService}from"@redocly/vscode-json-languageservice";import{IS_BROWSER}from"../../../utils";let CodeMirror=null;IS_BROWSER&&(CodeMirror=require("codemirror"),require("codemirror/mode/javascript/javascript"),require("codemirror/addon/edit/matchbrackets"),require("codemirror/addon/lint/lint"),require("codemirror/addon/hint/show-hint"),require("codemirror/addon/edit/closebrackets"),require("codemirror/addon/search/searchcursor"),require("codemirror/lib/codemirror.css"),require("codemirror/theme/material.css"),require("codemirror/addon/lint/lint.css"),require("codemirror/addon/hint/show-hint.css"));const serv=getLanguageService({});CodeMirror&&(CodeMirror.registerHelper("lint","json",(function(e,r){return __awaiter(this,void 0,void 0,(function*(){const{schema:t,setError:i}=r;serv.configure({validate:!0,schemas:[{uri:"stub://"+r.id,fileMatch:["*"],schema:t}]});const o=TextDocument.create(r.id+".json","json",0,e),n=serv.parseJSONDocument(o),a=yield serv.doValidation(o,n);return a.length?i&&i(a[0].message):i&&i(void 0),a.map((e=>({from:CodeMirror.Pos(e.range.start.line,e.range.start.character),to:CodeMirror.Pos(e.range.end.line,e.range.end.character),message:e.message})))}))})),CodeMirror.registerHelper("hint","json",((e,r)=>__awaiter(void 0,void 0,void 0,(function*(){const t=r.schema;if(!t)return;serv.configure({validate:!0,schemas:[{uri:"stub://"+r.id,fileMatch:["*"],schema:t}]});const i=e.getDoc().getCursor(),o=e.getTokenAt(i),n=TextDocument.create(r.id+".json","json",0,e.getValue()),a=serv.parseJSONDocument(n),c=yield serv.doComplete(n,{line:i.line,character:i.ch},a);let s=c?c.items.map((e=>({text:e.insertText,displayText:e.label,filter:e.filterText||e.label,from:{line:e.textEdit.range.start.line,ch:e.textEdit.range.start.character},to:{line:e.textEdit.range.end.line,ch:e.textEdit.range.end.character},hint:(e,r,t)=>{const i="_$__REDOC_CURSOR_HERE";let o=t.text.replace(/(\$1|\${1:[^}]+})/,i)||"";if(o=o.replace(/(\$\d+|\${[^}]+})/g,"")||"",e.setSelection(t.from,t.to),o.indexOf("\n")>-1){const r=e.getLine(e.getCursor().line).search(/(\S|$)/);o=o.replace(/\n/g,"\n"+(e=>{let r="";for(;e--;)r+=" ";return r})(r))}e.replaceSelection(o);const n=e.getSearchCursor(i,t.from);n.findNext()&&(e.setCursor(n.from()),n.replace(""))}}))):[];return/(property|string)/.test(o.type||"")&&(s=s.filter((e=>e.filter.replace(/(^"|"$)/g,"").startsWith(o.string.replace(/(^"|"$)/g,""))))),{from:CodeMirror.Pos(i.line,o.start),to:CodeMirror.Pos(i.line,i.ch),list:s}})))));
 //# sourceMappingURL=helpers.js.map

package/lib-esm/components/rightPanel/Console/Console.d.ts

@@ -1,3 +1,3 @@
+import React from 'react';
 import type { ConsoleProps } from './types';
-export declare const ConsoleComponent: ({ operation, store, onResponse, className, rootElement, properties, securityDefaults, onClose, }: ConsoleProps) => JSX.Element;
-export declare const Console: ({ operation, store, onResponse, className, rootElement, properties, securityDefaults, onClose, }: ConsoleProps) => JSX.Element;
+export declare const Console: React.NamedExoticComponent<ConsoleProps>;

package/lib-esm/components/rightPanel/Console/Console.js

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,o,s){return new(o||(o=Promise))((function(r,n){function a(e){try{c(s.next(e))}catch(e){n(e)}}function i(e){try{c(s.throw(e))}catch(e){n(e)}}function c(e){var t;e.done?r(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(a,i)}c((s=s.apply(e,t||[])).next())}))},__rest=this&&this.__rest||function(e,t){var o={};for(var s in e)Object.prototype.hasOwnProperty.call(e,s)&&t.indexOf(s)<0&&(o[s]=e[s]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(s=Object.getOwnPropertySymbols(e);r<s.length;r++)t.indexOf(s[r])<0&&Object.prototype.propertyIsEnumerable.call(e,s[r])&&(o[s[r]]=e[s[r]])}return o};import{observer}from"mobx-react";import Swagger from"swagger-client";import React,{useEffect,useState,useRef,useCallback}from"react";import{useMount}from"@redocly/theme";import{unescapeFormId}from"../../../utils";import{StyledCodeHeader}from"../../Panel";import{isFileUploadMime}from"../../common/FileUpload/helper";import{AnalyticsEventType}from"../../../events";import{getFileNameFromHeaders,getParameters,makeRequestInterceptor,unescapeQueryParams,updateStorage}from"../utils";import{ResponsePanel}from"../ResponsePanel";import{ConsoleTabs}from"../ConsoleTabs";import{ActionPanel}from"../ActionPanel";import{Request}from"./Request";import{CloseButton,ConsoleBody}from"../styled";import{ConsoleWrapper}from"./ConsoleWrapper";import{usePrevious}from"../../../hooks";function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}export const ConsoleComponent=({operation:e,store:t,onResponse:o,className:s,rootElement:r,properties:n,securityDefaults:a,onClose:i})=>{let c=useRef();const[l,u]=useState(e.activeServer),[p,d]=useState(0),[m,v]=useState(!1),[y,h]=useState(!1),[f,b]=useState({values:{path:getParameters(e.parameters,"path"),cookie:getParameters(e.parameters,"cookie"),header:getParameters(e.parameters,"header"),query:getParameters(e.parameters,"query")}}),[g,O]=useState(),[S,j]=useState(),[C,P]=useState(),[R,w]=useState(),I=usePrevious(e),q=useCallback((t=>{var{values:o}=t,s=__rest(t,["values"]);const r=Object.assign(Object.assign({},s),{values:Object.assign(Object.assign({},o),{query:unescapeQueryParams(o.query||{})})});b(r),updateStorage(r),e.setRequestValues(o)}),[e]);useMount((()=>__awaiter(void 0,void 0,void 0,(function*(){var o;const s=yield t.dereferenceSpecForTryIt(e);O(s),null===(o=c.current)||void 0===o||o.setValues({})})))),useEffect((()=>{I!==e&&(w(void 0),P(void 0),d(0))}),[e,I]);const E=!(!R&&!C);return React.createElement(ConsoleWrapper,{shaking:y,className:s,rootElement:r},React.createElement(StyledCodeHeader,null,React.createElement(ConsoleTabs,{active:p,hasResponse:E,onChange:e=>{d(e)}}),i&&React.createElement(CloseButton,{onClick:i}," ✕ ")),React.createElement(ConsoleBody,{hidden:0!==p,"data-cy":"console-request-body"},React.createElement(Request,{operation:e,properties:n,securityDefaults:a,form:f,resolvedRawSpec:g,server:l,formApi:c.current,setFormApi:(e,t=e.getState())=>{var{values:o}=t,s=__rest(t,["values"]);c.current=e,setTimeout((()=>{b(Object.assign(Object.assign({},s),{values:Object.assign(Object.assign({},o),{query:unescapeQueryParams(o.query||{})})}))}),0)},handleChange:q,handleServerChange:t=>{u(t),e.setActiveServer(t)}})),React.createElement(ConsoleBody,{hidden:1!==p,"data-cy":"console-response-body"},React.createElement(ResponsePanel,{response:R,error:C,time:S}),";"),React.createElement(ActionPanel,{hasResponse:E,params:f.values,operation:e,loading:m,execute:()=>__awaiter(void 0,void 0,void 0,(function*(){var s,r,n,a,i,u,p,m,y;const{values:b,invalid:O}=(null===(s=null==c?void 0:c.current)||void 0===s?void 0:s.getState())||f||{};if(null===(r=c.current)||void 0===r||r.submitForm(),O)return h(!0),setTimeout((()=>h(!1)),1e3),void(null===(a=null===(n=null==t?void 0:t.options.events)||void 0===n?void 0:n.tryItSent)||void 0===a||a.call(n,{eventType:AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"ValidationFailed",operationId:e.operationId,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.description}));const{servers:S,requestBody:C}=e,R=C&&C.content&&C.content.active&&C.content.active.name||"";let I=b.body;if(/json/.test(R))try{I=JSON.parse(I)}catch(e){console.error(e)}v(!0);const q=g,E=(e.httpVerb||"").toLowerCase();if(!S)throw console.error("Servers are not specified in your OpenAPI file. You can't use Try It Out console without specifying servers. If you use OpenAPI 2, make sure you configured host and basepath"),new Error("Servers are not specified");const T=S.find((e=>l.url.endsWith(e.url.endsWith("/")?e.url.substring(0,e.url.length-1):e.url))),_=Date.now(),F=!!window.document.documentMode;let A,k=b.auth;if(b.auth){const e=Object.keys(b.auth)[0],t=unescapeFormId(e);A=Object.assign(Object.assign({},q),{components:Object.assign(Object.assign({},null==q?void 0:q.components),{securitySchemes:Object.assign(Object.assign({},null==q?void 0:q.components.securitySchemes),{[t]:Object.assign(Object.assign({},null==q?void 0:q.components.securitySchemes[t]),{type:"openIdConnect"===(null==q?void 0:q.components.securitySchemes[t].type)?"oauth2":null==q?void 0:q.components.securitySchemes[t].type})})})}),k=Object.assign(Object.assign({},k),{[t]:k[e]})}else A=Object.assign({},q);A.servers=S;const x=t.options.corsProxyUrl;x&&S.length&&(A.servers=S.map((e=>Object.assign(Object.assign({},e),{url:x+normalizeUrlProtocol(e.url)}))),A.paths=Object.assign(Object.assign({},A.paths),{[e.path]:Object.assign(Object.assign({},A.paths[e.path]),{[E]:Object.assign(Object.assign({},A.paths[e.path][E]),{servers:void 0}),servers:void 0})}));const V=(null===(u=null===(i=null==C?void 0:C.content)||void 0===i?void 0:i.active)||void 0===u?void 0:u.name)||null;if(V&&I&&isFileUploadMime(V)){const e=Object.values(I);I=e.length>1?e:e[0]}const B={userFetch:F&&require("cross-fetch").fetch,server:x?x+normalizeUrlProtocol(T.url):T.url,serverVariables:T.variables,spec:A,pathName:e.path,method:e.httpVerb,parameters:Object.assign(Object.assign(Object.assign(Object.assign({},b.path),b.query),b.header),b.cookie),securities:{authorized:k},requestBody:I,requestContentType:V,responseContentType:(null===(p=b.header)||void 0===p?void 0:p.Accept)||null,requestInterceptor:makeRequestInterceptor(t.options,e,null==k?void 0:k.Authorization)};try{const s=yield Swagger.execute(B),r=null==s?void 0:s.data;r instanceof Blob&&(isFileUploadMime(r.type)&&(s.fileInfo={rawData:r,fileName:getFileNameFromHeaders(s.headers)}),s.data=yield r.text()),null==o||o({request:B,response:s}),w(s),P(void 0)}catch(e){e&&e.response&&e.response.data instanceof Blob&&(e.response.data=yield e.response.data.text(),null==o||o({request:B,response:e.response})),w(void 0),P(e)}finally{v(!1),d(1),j(Date.now()-_),null===(y=null===(m=null==t?void 0:t.options.events)||void 0===m?void 0:m.tryItSent)||void 0===y||y.call(m,{eventType:AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"Sent",operationId:e.operationId,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.description})}}))}))};export const Console=observer(ConsoleComponent);
+var __awaiter=this&&this.__awaiter||function(e,t,o,r){return new(o||(o=Promise))((function(s,n){function a(e){try{l(r.next(e))}catch(e){n(e)}}function i(e){try{l(r.throw(e))}catch(e){n(e)}}function l(e){var t;e.done?s(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(a,i)}l((r=r.apply(e,t||[])).next())}))},__rest=this&&this.__rest||function(e,t){var o={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(r=Object.getOwnPropertySymbols(e);s<r.length;s++)t.indexOf(r[s])<0&&Object.prototype.propertyIsEnumerable.call(e,r[s])&&(o[r[s]]=e[r[s]])}return o};import Swagger from"swagger-client";import React,{useEffect,useState,useRef,useCallback,memo}from"react";import{useMount}from"@redocly/theme";import{useRecoilValue,useRecoilState}from"recoil";import{unescapeFormId}from"../../../utils";import{StyledCodeHeader}from"../../Panel";import{isFileUploadMime}from"../../common/FileUpload/helper";import{AnalyticsEventType}from"../../../events";import{dereferenceDefinitionForTryIt,getFileNameFromHeaders,getParameters,makeRequestInterceptor,unescapeQueryParams,updateStorage}from"../utils";import{ResponsePanel}from"../ResponsePanel";import{ConsoleTabs}from"../ConsoleTabs";import{ActionPanel}from"../ActionPanel";import{Request}from"./Request";import{CloseButton,ConsoleBody}from"../styled";import{ConsoleWrapper}from"./ConsoleWrapper";import{usePrevious}from"../../../hooks";import{globalStoreSelector}from"../../../recoil/store";import{getActiveMediaType}from"../../../models";import{operationStore}from"../../../recoil/operation";function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}function ConsoleComponent({operation:e,onResponse:t,className:o,rootElement:r,properties:s,securityDefaults:n,onClose:a}){let i=useRef();const[l,c]=useRecoilState(operationStore(e.pointer)),[u,p]=useState(l.activeServer||e.activeServer),[d,m]=useState(0),[v,y]=useState(!1),[h,f]=useState(!1),[g,b]=useState({values:{path:getParameters(e.parameters,"path"),cookie:getParameters(e.parameters,"cookie"),header:getParameters(e.parameters,"header"),query:getParameters(e.parameters,"query")}}),[O,S]=useState(),[j,C]=useState(),[R,P]=useState(),[I,w]=useState(),T=usePrevious(e),{parser:q,options:E}=useRecoilValue(globalStoreSelector),_=useCallback(((e,t=e.getState())=>{var{values:o}=t,r=__rest(t,["values"]);i.current=e,setTimeout((()=>{b(Object.assign(Object.assign({},r),{values:Object.assign(Object.assign({},o),{query:unescapeQueryParams(o.query||{})})}))}),0)}),[]),k=useCallback((e=>{var{values:t}=e,o=__rest(e,["values"]);const r=Object.assign(Object.assign({},o),{values:Object.assign(Object.assign({},t),{query:unescapeQueryParams(t.query||{})})});c((e=>Object.assign(Object.assign({},e),{requestValues:JSON.parse(JSON.stringify(t))}))),b(r),updateStorage(r)}),[c]),F=useCallback((e=>{m(e)}),[]),A=useCallback((e=>{p(e),c((t=>Object.assign(Object.assign({},t),{activeServer:e})))}),[c]),V=useCallback((()=>__awaiter(this,void 0,void 0,(function*(){var o,r,s,n,a,l,c,p,d,v,h,b,S,j,R,I,T;const{values:q,invalid:_}=(null===(o=null==i?void 0:i.current)||void 0===o?void 0:o.getState())||g||{};if(null===(r=i.current)||void 0===r||r.submitForm(),_)return f(!0),setTimeout((()=>f(!1)),1e3),void(null===(n=null===(s=E.events)||void 0===s?void 0:s.tryItSent)||void 0===n||n.call(s,{eventType:AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"ValidationFailed",operationId:e.operationId,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.description}));const{servers:k,requestBody:F}=e,A=F&&F.content&&(null===(a=getActiveMediaType(F.content))||void 0===a?void 0:a.name)||"";let V=q.body;if(/json/.test(A))try{V=JSON.parse(V)}catch(e){console.error(e)}y(!0);const x=O,B=(e.httpVerb||"").toLowerCase();if(!k)throw console.error("Servers are not specified in your OpenAPI file. You can't use Try It Out console without specifying servers. If you use OpenAPI 2, make sure you configured host and basepath"),new Error("Servers are not specified");const M=k.find((e=>u.url.endsWith(e.url.endsWith("/")?e.url.substring(0,e.url.length-1):e.url))),N=Date.now(),U=!!window.document.documentMode;let D,H=q.auth;if(q.auth){const e=Object.keys(q.auth)[0],t=unescapeFormId(e);D=Object.assign(Object.assign({},x),{components:Object.assign(Object.assign({},null==x?void 0:x.components),{securitySchemes:Object.assign(Object.assign({},null===(l=null==x?void 0:x.components)||void 0===l?void 0:l.securitySchemes),{[t]:Object.assign(Object.assign({},null===(p=null===(c=null==x?void 0:x.components)||void 0===c?void 0:c.securitySchemes)||void 0===p?void 0:p[t]),{type:"openIdConnect"===(null===(h=null===(v=null===(d=null==x?void 0:x.components)||void 0===d?void 0:d.securitySchemes)||void 0===v?void 0:v[t])||void 0===h?void 0:h.type)?"oauth2":(null===(S=null===(b=null==x?void 0:x.components)||void 0===b?void 0:b.securitySchemes)||void 0===S?void 0:S[t]).type})})})}),H=Object.assign(Object.assign({},H),{[t]:H[e]})}else D=Object.assign({},x);D.servers=k;const W=E.corsProxyUrl;W&&k.length&&(D.servers=k.map((e=>Object.assign(Object.assign({},e),{url:W+normalizeUrlProtocol(e.url)}))),D.paths=Object.assign(Object.assign({},D.paths),{[e.path]:Object.assign(Object.assign({},D.paths[e.path]),{[B]:Object.assign(Object.assign({},D.paths[e.path][B]),{servers:void 0}),servers:void 0})}));const z=(null==F?void 0:F.content)&&(null===(j=getActiveMediaType(F.content))||void 0===j?void 0:j.name)||null;if(z&&V&&isFileUploadMime(z)){const e=Object.values(V);V=e.length>1?e:e[0]}const J={userFetch:U&&require("cross-fetch").fetch,server:W?W+normalizeUrlProtocol(M.url):M.url,serverVariables:M.variables,spec:D,pathName:e.path,method:e.httpVerb,parameters:Object.assign(Object.assign(Object.assign(Object.assign({},q.path),q.query),q.header),q.cookie),securities:{authorized:H},requestBody:V,requestContentType:z,responseContentType:(null===(R=q.header)||void 0===R?void 0:R.Accept)||null,requestInterceptor:makeRequestInterceptor(E,e,null==H?void 0:H.Authorization)};try{const o=yield Swagger.execute(J),r=null==o?void 0:o.data;r instanceof Blob&&(isFileUploadMime(r.type)&&(o.fileInfo={rawData:r,fileName:getFileNameFromHeaders(o.headers)}),o.data=yield r.text()),null==t||t({request:J,response:o}),w(o),P(void 0)}catch(e){e&&e.response&&e.response.data instanceof Blob&&(e.response.data=yield e.response.data.text(),null==t||t({request:J,response:e.response})),w(void 0),P(e)}finally{y(!1),m(1),C(Date.now()-N),null===(T=null===(I=E.events)||void 0===I?void 0:I.tryItSent)||void 0===T||T.call(I,{eventType:AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"Sent",operationId:e.operationId,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.description})}}))),[u.url,g,t,e,E,O]);useMount((()=>__awaiter(this,void 0,void 0,(function*(){var t;const o=yield dereferenceDefinitionForTryIt(e,q.definition);S(o),null===(t=i.current)||void 0===t||t.setValues({})})))),useEffect((()=>{T&&T!==e&&(w(void 0),P(void 0),m(0))}),[e,T]);const x=!(!I&&!R);return React.createElement(ConsoleWrapper,{shaking:h,className:o,rootElement:r},React.createElement(StyledCodeHeader,null,React.createElement(ConsoleTabs,{active:d,hasResponse:x,onChange:F}),a&&React.createElement(CloseButton,{onClick:a}," ✕ ")),React.createElement(ConsoleBody,{hidden:0!==d,"data-cy":"console-request-body"},React.createElement(Request,{operation:e,properties:s,securityDefaults:n,form:g,resolvedRawSpec:O,server:u,formApi:i.current,setFormApi:_,handleChange:k,handleServerChange:A})),React.createElement(ConsoleBody,{hidden:1!==d,"data-cy":"console-response-body"},React.createElement(ResponsePanel,{response:I,error:R,time:j}),";"),React.createElement(ActionPanel,{hasResponse:x,params:g.values,operation:e,loading:v,execute:V}))}export const Console=memo(ConsoleComponent);
 //# sourceMappingURL=Console.js.map

package/lib-esm/components/rightPanel/Console/ConsoleLazy.js

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,o,n){return new(o||(o=Promise))((function(s,r){function i(e){try{l(n.next(e))}catch(e){r(e)}}function a(e){try{l(n.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?s(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(i,a)}l((n=n.apply(e,t||[])).next())}))};import React,{useContext,useState,useEffect}from"react";import{useDimensions}from"../../../hooks";import{CodeHeader}from"../../Panel";import{StoreContext}from"../../../context";import{ConsoleWrap}from"../styled";export function Console(e){const[t,o]=useState({}),n=useContext(StoreContext),[s]=useDimensions(e.rootElement);return useEffect((()=>{(()=>{__awaiter(this,void 0,void 0,(function*(){const e=yield import("./Console");o({Console:e.Console})}))})()}),[]),t.Console?React.createElement(t.Console,Object.assign({},e)):React.createElement(ConsoleWrap,{scrollYOffset:null==n?void 0:n.options.scrollYOffset,className:e.className,fullWidth:null==s?void 0:s.width},React.createElement(CodeHeader,null,"Loading..."))}
+var __awaiter=this&&this.__awaiter||function(e,o,t,n){return new(t||(t=Promise))((function(a,r){function i(e){try{c(n.next(e))}catch(e){r(e)}}function s(e){try{c(n.throw(e))}catch(e){r(e)}}function c(e){var o;e.done?a(e.value):(o=e.value,o instanceof t?o:new t((function(e){e(o)}))).then(i,s)}c((n=n.apply(e,o||[])).next())}))};import React from"react";import{useMount}from"@redocly/theme";import{useDimensions}from"../../../hooks";import{ConsoleWrap}from"../styled";import{CodeHeader}from"../../Panel";export function Console(e){const[o,t]=React.useState({}),[n]=useDimensions(e.rootElement);return useMount((()=>{(()=>{__awaiter(this,void 0,void 0,(function*(){const e=yield import("./Console");t({Console:e.Console})}))})()})),o.Console?React.createElement(o.Console,Object.assign({},e)):React.createElement(ConsoleWrap,{className:e.className,fullWidth:null==n?void 0:n.width},React.createElement(CodeHeader,null,"Loading..."))}
 //# sourceMappingURL=ConsoleLazy.js.map

package/lib-esm/components/rightPanel/Console/ConsoleWrapper.d.ts

@@ -1,6 +1,9 @@
+import React from 'react';
 import type { PropsWithChildren } from 'react';
-export declare const ConsoleWrapper: (props: PropsWithChildren<{
+type ConsoleWrapperProps = PropsWithChildren<{
     shaking: boolean;
     className?: string;
     rootElement?: HTMLElement | null;
-}>) => JSX.Element;
+}>;
+export declare const ConsoleWrapper: React.NamedExoticComponent<ConsoleWrapperProps>;
+export {};

package/lib-esm/components/rightPanel/Console/ConsoleWrapper.js

@@ -1,2 +1,2 @@
-import React,{useContext}from"react";import{observer}from"mobx-react";import{ConsoleWrap}from"../styled";import{useDimensions}from"../../../hooks";import{StoreContext}from"../../../context";const ConsoleWrapperComponent=o=>{const{shaking:e,className:t,children:r,rootElement:s}=o,[n]=useDimensions(s),l=useContext(StoreContext);return React.createElement(ConsoleWrap,{scrollYOffset:null==l?void 0:l.options.scrollYOffset,shaking:e,className:t,"data-cy":"console",fullWidth:null==n?void 0:n.width},r)};export const ConsoleWrapper=observer(ConsoleWrapperComponent);
+import React,{memo}from"react";import{useRecoilValue}from"recoil";import{ConsoleWrap}from"../styled";import{useDimensions}from"../../../hooks";import{globalOptionsSelector}from"../../../recoil/store";function ConsoleWrapperComponent({shaking:o,className:e,children:l,rootElement:r}){const[s]=useDimensions(r),t=useRecoilValue(globalOptionsSelector);return React.createElement(ConsoleWrap,{scrollYOffset:t.scrollYOffset,shaking:o,className:e,"data-cy":"console",fullWidth:null==s?void 0:s.width},l)}export const ConsoleWrapper=memo(ConsoleWrapperComponent);
 //# sourceMappingURL=ConsoleWrapper.js.map

package/lib-esm/components/rightPanel/Console/Request.d.ts

@@ -1,12 +1,3 @@
-export declare const Request: ({ operation, properties, securityDefaults, form, resolvedRawSpec, server, formApi, setFormApi, handleChange, handleServerChange, }: {
-    operation: any;
-    properties: any;
-    securityDefaults: any;
-    form: any;
-    resolvedRawSpec: any;
-    server: any;
-    formApi: any;
-    setFormApi: any;
-    handleChange: any;
-    handleServerChange: any;
-}) => JSX.Element;
+import React from 'react';
+import type { RequestProps } from './types';
+export declare const Request: React.NamedExoticComponent<RequestProps>;

package/lib-esm/components/rightPanel/Console/Request.js

@@ -1,2 +1,2 @@
-import React,{useContext}from"react";import{observer}from"mobx-react";import{Form,useField}from"informed";import{requiredValidator}from"../utils";import{JsonPointer}from"../../../utils";import{OAuth2}from"../../../services/OAuth2";import{l}from"../../../services";import{Accordion}from"../../Panel";import{ServersDropdown}from"../ServersDropdown";import{TryItPanel}from"../TryItPanel";import{RequestBody}from"../RequestBody";import{RenderHook}from"../../RenderHook";import{OperationParameters}from"../../OperationParameters";import{OptionsContext}from"../../../context";import{AuthPanel}from"../AuthPanel";const RequestComponent=({operation:e,properties:r,securityDefaults:t,form:o,resolvedRawSpec:a,server:n,formApi:i,setFormApi:s,handleChange:u,handleServerChange:c})=>{const d=o.errors||{},m=d.path||d.cookie||d.header||d.query,{hooks:p,authCorsProxyUrl:h}=useContext(OptionsContext),v=a&&JsonPointer.get(a,e.pointer);let y=o.values&&o.values.auth&&Object.keys(o.values.auth)[0];y&&o.values.auth[y]||(y=void 0),!y||void 0===o.values.auth[y].token&&void 0===o.values.auth[y].client_id&&void 0===o.values.auth[y].client_secret||o.values.auth[y].token&&o.values.auth[y].token.access_token||(y=void 0),y&&null!=o.values.auth[y].username&&(o.values.auth[y].username&&o.values.auth[y].password||(y=void 0));const f=e.parameters||[];return!a&&React.createElement(React.Fragment,null,"Loading...")||React.createElement(Form,{onChange:u,getApi:s,style:{flex:1,display:"flex",flexDirection:"column",margin:0}},React.createElement(ServersDropdown,{operation:e,onChange:c}),React.createElement(Accordion,{initialActiveIdx:e.security.length&&y?1:0},e.security.length&&i&&React.createElement(TryItPanel,{header:l("tryItAuth"),"data-cy":"security-trigger",error:!y&&!!d.auth,success:!!y,renderChildrenHidden:!0},(null==p?void 0:p.ReplaceTryItSecurityPanel)?React.createElement(AuthPanelWrapper,{field:"auth",validate:requiredValidator},(r=>React.createElement(RenderHook,{Hook:null==p?void 0:p.ReplaceTryItSecurityPanel,props:{server:n,operation:e,onChange:r,OAuth2:OAuth2}}))):React.createElement(AuthPanel,{formApi:i,form:o,operation:e,activeServer:n.url,authCorsProxyUrl:h,securityDefaults:t}))||null,e.requestBody&&i&&React.createElement(TryItPanel,{header:l("tryItBody"),"data-cy":"body-trigger",error:!!d.body,renderChildrenHidden:!0},React.createElement(RequestBody,{validate:allowBodyErrors,formApi:i,body:e.requestBody,id:e.id,resolvedBody:null==v?void 0:v.requestBody,properties:r}))||null,f.length&&React.createElement(TryItPanel,{header:l("tryItParameters"),"data-cy":"parameters-trigger",error:m,renderChildrenHidden:!0},React.createElement(OperationParameters,{operation:e,values:o.values,errors:o.errors||{}}))||null))};function AuthPanelWrapper(e){const{fieldApi:r,render:t,userProps:o}=useField(Object.assign({},e)),{setValue:a}=r,{children:n}=o;return t(React.createElement(React.Fragment,null,n(a)))}function allowBodyErrors(){}export const Request=observer(RequestComponent);
+import React,{memo}from"react";import{Form,useField}from"informed";import{useRecoilValue}from"recoil";import{requiredValidator}from"../utils";import{JsonPointer}from"../../../utils";import{OAuth2}from"../../../services/OAuth2";import{l}from"../../../services";import{Accordion}from"../../Panel";import{ServersDropdown}from"../ServersDropdown";import{TryItPanel}from"../TryItPanel";import{RequestBody}from"../RequestBody";import{RenderHook}from"../../RenderHook";import{OperationParameters}from"../../OperationParameters";import{AuthPanel}from"../AuthPanel";import{globalOptionsSelector}from"../../../recoil/store";function RequestComponent({operation:e,properties:r,securityDefaults:t,form:o,resolvedRawSpec:a,server:n,formApi:i,setFormApi:s,handleChange:u,handleServerChange:c}){const d=o.errors||{},m=d.path||d.cookie||d.header||d.query,{hooks:p,authCorsProxyUrl:h}=useRecoilValue(globalOptionsSelector),y=a&&JsonPointer.get(a,e.pointer);let v=o.values&&o.values.auth&&Object.keys(o.values.auth)[0];v&&o.values.auth[v]||(v=void 0),!v||void 0===o.values.auth[v].token&&void 0===o.values.auth[v].client_id&&void 0===o.values.auth[v].client_secret||o.values.auth[v].token&&o.values.auth[v].token.access_token||(v=void 0),v&&null!=o.values.auth[v].username&&(o.values.auth[v].username&&o.values.auth[v].password||(v=void 0));const f=e.parameters||[];return!a&&React.createElement(React.Fragment,null,"Loading...")||React.createElement(Form,{onChange:u,getApi:s,style:{flex:1,display:"flex",flexDirection:"column",margin:0}},React.createElement(ServersDropdown,{operation:e,onChange:c}),React.createElement(Accordion,{initialActiveIdx:e.security.length&&v?1:0},e.security.length&&i&&React.createElement(TryItPanel,{header:l("tryItAuth"),"data-cy":"security-trigger",error:!v&&!!d.auth,success:!!v,renderChildrenHidden:!0},(null==p?void 0:p.ReplaceTryItSecurityPanel)?React.createElement(AuthPanelWrapper,{field:"auth",validate:requiredValidator},(r=>React.createElement(RenderHook,{Hook:null==p?void 0:p.ReplaceTryItSecurityPanel,props:{server:n,operation:e,onChange:r,OAuth2:OAuth2}}))):React.createElement(AuthPanel,{formApi:i,form:o,operation:e,activeServer:n.url,authCorsProxyUrl:h,securityDefaults:t}))||null,e.requestBody&&i&&React.createElement(TryItPanel,{header:l("tryItBody"),"data-cy":"body-trigger",error:!!d.body,renderChildrenHidden:!0},React.createElement(RequestBody,{validate:allowBodyErrors,formApi:i,body:e.requestBody,pointer:e.pointer,id:e.id,resolvedBody:null==y?void 0:y.requestBody,properties:r}))||null,f.length&&React.createElement(TryItPanel,{header:l("tryItParameters"),"data-cy":"parameters-trigger",error:m,renderChildrenHidden:!0},React.createElement(OperationParameters,{operation:e,values:o.values,errors:o.errors||{}}))||null))}function AuthPanelWrapper(e){const{fieldApi:r,render:t,userProps:o}=useField(Object.assign({},e)),{setValue:a}=r,{children:l}=o;return t(React.createElement(React.Fragment,null,l(a)))}function allowBodyErrors(){}export const Request=memo(RequestComponent);
 //# sourceMappingURL=Request.js.map