@redocly/reference-docs 2.9.4 → 2.11.1

package/lib/components/console/Console.d.ts

@@ -1,8 +1,10 @@
 import * as React from 'react';
+import { FormApi, FormState } from 'informed';
 import { SecurityDetails } from '../../utils';
 import { OpenApiResponseData } from './ResponsePanel';
 import { ProStore } from '../../services';
 import { OperationModel, Server } from '../../redoc-lib';
+import { PanelComponentProps } from '../Panel';
 export declare type RequestAndResponseType = {
     request: Record<string, unknown>;
     response: OpenApiResponseData;
@@ -12,13 +14,13 @@ export interface ConsoleProps {
     operation: OperationModel;
     className?: string;
     rootElement?: HTMLElement | null;
-    onClose?: () => any;
+    onClose?: () => void;
     properties?: any;
     securityDefaults?: Record<string, SecurityDetails | string>;
     onResponse?: (arg: RequestAndResponseType) => void;
 }
 export interface ConsoleState {
-    form: any;
+    form: FormState<any>;
     shaking: boolean;
     loading: boolean;
     activeTab: number;
@@ -31,19 +33,21 @@ export interface ConsoleState {
     server: Server;
 }
 export declare class Console extends React.Component<ConsoleProps, ConsoleState> {
-    formApi: any;
+    formApi: FormApi;
     constructor(props: ConsoleProps);
-    setFormApi: (formApi: any, { values, ...rest }?: any) => void;
-    handleChange: ({ values, ...rest }: {
-        [x: string]: any;
-        values: any;
-    }) => void;
-    handleTabChange: (idx: any) => void;
-    handleServerChange: (server: any) => void;
+    setFormApi: (formApi: FormApi, { values, ...rest }?: FormState<import("informed").FormValues>) => void;
+    handleChange: ({ values, ...rest }: ConsoleState['form']) => void;
+    handleTabChange: (idx: number) => void;
+    handleServerChange: (server: Server) => void;
     handleExecute: () => Promise<void>;
     componentDidMount(): Promise<void>;
-    componentDidUpdate(prevProps: any): void;
+    componentDidUpdate(prevProps: Readonly<ConsoleProps>): void;
     render(): JSX.Element;
-    renderRequest(): JSX.Element | "Loading...";
+    renderRequest(): JSX.Element;
     renderResponse(): JSX.Element;
 }
+export declare function TryItPanel({ header, error, success, ...rest }: React.PropsWithChildren<{
+    header: string;
+    error?: boolean;
+    success?: boolean;
+} & PanelComponentProps>): JSX.Element;

package/lib/components/console/Console.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Console=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),informed_1=require("informed"),mobx_react_1=require("mobx-react"),utils_1=require("../../utils"),styled_components_1=require("./styled.components"),ServerDropdown_1=require("./ServerDropdown"),OperationParameters_1=require("./OperationParameters"),ActionPanel_1=require("./ActionPanel"),ResponsePanel_1=require("./ResponsePanel"),RequestBody_1=require("./RequestBody"),ConsoleBadges_1=require("./ConsoleBadges"),AuthPanel_1=require("./AuthPanel"),services_1=require("../../services"),swagger_client_1=(0,tslib_1.__importDefault)(require("swagger-client")),redoc_lib_1=require("../../redoc-lib"),helper_1=require("../../redoc-lib/src/components/helper"),Labels_1=require("../../redoc-lib/src/services/Labels"),styled_components_2=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components")),Panel_1=require("../Panel"),OAuth2_1=require("../../services/OAuth2"),PanelBody_1=require("../Panel/PanelBody"),utils_2=require("./utils"),helper_2=require("../common/FileUpload/helper");function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}var flexColumn={flex:1,display:"flex",flexDirection:"column"},Console=function(e){function t(t){var r=e.call(this,t)||this;return Object.defineProperty(r,"formApi",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(r,"setFormApi",{enumerable:!0,configurable:!0,writable:!0,value:function(e,t){void 0===t&&(t=e.getState());var n=t.values,s=(0,tslib_1.__rest)(t,["values"]);r.formApi=e,setTimeout((function(){var e=(0,tslib_1.__assign)((0,tslib_1.__assign)({},s),{values:(0,tslib_1.__assign)((0,tslib_1.__assign)({},n),{query:(0,utils_2.unescapeQueryParams)(n.query||{})})});r.setState({form:e})}),0)}}),Object.defineProperty(r,"handleChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.values,n=(0,tslib_1.__rest)(e,["values"]),s=(0,tslib_1.__assign)((0,tslib_1.__assign)({},n),{values:(0,tslib_1.__assign)((0,tslib_1.__assign)({},t),{query:(0,utils_2.unescapeQueryParams)(t.query||{})})});r.setState({form:s}),(0,utils_2.updateStorage)(s)}}),Object.defineProperty(r,"handleTabChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.setState({activeTab:e})}}),Object.defineProperty(r,"handleServerChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.setState({server:e}),r.props.operation.setActiveServer(e)}}),Object.defineProperty(r,"handleExecute",{enumerable:!0,configurable:!0,writable:!0,value:function(){return(0,tslib_1.__awaiter)(r,void 0,void 0,(function(){var e,t,r,n,s,a,o,i,l,u,c,d,p,_,h,m,b,v,y,g,f,P,R,q,S,C,w,E,A,I,x,O,T,k,B,j,H,D=this;return(0,tslib_1.__generator)(this,(function(F){switch(F.label){case 0:if(e=this.props,t=e.store,r=e.operation,n=e.onResponse,s=this.state.form,a=s.values,o=s.invalid,this.formApi.submitForm(),o)return this.setState({shaking:!0}),setTimeout((function(){return D.setState({shaking:!1})}),1e3),null===(O=null===(x=null==t?void 0:t.options.events)||void 0===x?void 0:x.tryItSent)||void 0===O||O.call(x,{eventType:services_1.AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"ValidationFailed",operationId:r.operationId,operationPath:r.path,operationHttpVerb:r.httpVerb,operationSummary:r.description}),[2];if(i=this.props.operation.requestBody,l=i&&i.content&&i.content.active&&i.content.active.name||"",u=a.body,/json/.test(l))try{u=JSON.parse(u)}catch(e){console.error(e)}if(this.setState({loading:!0}),c=this.state.resolvedRawSpec,!(d=(0,utils_1.get)(c,["paths",r.path,(r.httpVerb||"").toLowerCase(),"servers"])||(0,utils_1.get)(c,["paths",r.path,"servers"])||(0,utils_1.get)(c,["servers"])))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");p=d.find((function(e){return D.state.server.url.endsWith(e.url.endsWith("/")?e.url.substring(0,e.url.length-1):e.url)})),_=Date.now(),h=!!window.document.documentMode,b=a.auth,a.auth?(v=Object.keys(a.auth)[0],y=(0,utils_1.unescapeFormId)(v),m=(0,tslib_1.__assign)((0,tslib_1.__assign)({},c),{components:(0,tslib_1.__assign)((0,tslib_1.__assign)({},c.components),{securitySchemes:(0,tslib_1.__assign)((0,tslib_1.__assign)({},c.components.securitySchemes),(A={},A[y]=(0,tslib_1.__assign)((0,tslib_1.__assign)({},c.components.securitySchemes[y]),{type:"openIdConnect"===c.components.securitySchemes[y].type?"oauth2":c.components.securitySchemes[y].type}),A))})}),b=(0,tslib_1.__assign)((0,tslib_1.__assign)({},b),((I={})[y]=b[v],I))):m=(0,tslib_1.__assign)({},c),(g=t.options.corsProxyUrl)&&c.servers&&c.servers.length&&(m.servers=c.servers.map((function(e){return(0,tslib_1.__assign)((0,tslib_1.__assign)({},e),{url:g+normalizeUrlProtocol(e.url)})}))),(f=(null===(k=null===(T=null==i?void 0:i.content)||void 0===T?void 0:T.active)||void 0===k?void 0:k.name)||null)&&u&&(0,helper_2.isFileUploadMime)(f)&&(P=Object.values(u),u=P.length>1?P:P[0]),R=function(e,t){return function(r){return D.props.store.options.sendXUserAgentInTryIt&&(r.headers["X-User-Agent"]="Redocly Try it API console"),e?e(r,t):r}},q={userFetch:h&&require("cross-fetch").fetch,server:g?g+normalizeUrlProtocol(p.url):p.url,serverVariables:this.state.server.variables,spec:m,pathName:r.path,method:r.httpVerb,parameters:(0,tslib_1.__assign)((0,tslib_1.__assign)((0,tslib_1.__assign)((0,tslib_1.__assign)({},a.path),a.query),a.header),a.cookie),securities:{authorized:b},requestBody:u,requestContentType:f,responseContentType:(null===(B=a.header)||void 0===B?void 0:B.Accept)||null,requestInterceptor:R(t.options.requestInterceptor,r)},F.label=1;case 1:return F.trys.push([1,5,8,9]),[4,swagger_client_1.default.execute(q)];case 2:return(S=F.sent())&&S.data instanceof Blob?(C=S,[4,S.data.text()]):[3,4];case 3:C.data=F.sent(),F.label=4;case 4:return null==n||n({request:q,response:S}),this.setState({response:S,error:void 0}),[3,9];case 5:return(w=F.sent())&&w.response&&w.response.data instanceof Blob?(E=w.response,[4,w.response.data.text()]):[3,7];case 6:E.data=F.sent(),null==n||n({request:q,response:w.response}),F.label=7;case 7:return this.setState({response:void 0,error:w}),[3,9];case 8:return this.setState({loading:!1,activeTab:1,time:Date.now()-_}),null===(H=null===(j=null==t?void 0:t.options.events)||void 0===j?void 0:j.tryItSent)||void 0===H||H.call(j,{eventType:services_1.AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"Sent",operationId:r.operationId,operationPath:r.path,operationHttpVerb:r.httpVerb,operationSummary:r.description}),[7];case 9:return[2]}}))}))}}),r.state={form:{values:{path:(0,utils_2.getParameters)(t.operation.parameters,"path"),cookie:(0,utils_2.getParameters)(t.operation.parameters,"cookie"),header:(0,utils_2.getParameters)(t.operation.parameters,"header"),query:(0,utils_2.getParameters)(t.operation.parameters,"query")}},shaking:!1,loading:!1,activeTab:0,server:{}},r}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){return(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){var e,t,r,n;return(0,tslib_1.__generator)(this,(function(s){switch(s.label){case 0:return e=this.props,t=e.store,r=e.operation,[4,t.dereferenceSpecForTryIt(r)];case 1:return n=s.sent(),this.setState({resolvedRawSpec:n}),this.formApi.setValues({}),[2]}}))}))}}),Object.defineProperty(t.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){e.operation!==this.props.operation&&this.setState({response:void 0,error:void 0,activeTab:0})}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.operation,r=e.className,n=e.rootElement,s=this.state,a=s.shaking,o=s.activeTab,i=s.form,l=s.response,u=s.loading,c=s.error,d=!(!l&&!c);return React.createElement(ConsoleWrapHook,{shaking:a,className:r,rootElement:n},React.createElement(Panel_1.CodeHeader,null,React.createElement(ConsoleBadges_1.ConsoleBadges,{active:o,hasResponse:d,onChange:this.handleTabChange}),this.props.onClose&&React.createElement(styled_components_1.CloseButton,{onClick:this.props.onClose}," ✕ ")),React.createElement(styled_components_1.ConsoleBody,{hidden:0!==o},this.renderRequest()),React.createElement(styled_components_1.ConsoleBody,{hidden:1!==o},this.renderResponse()),React.createElement(ActionPanel_1.ActionPanel,{hasResponse:d,params:i.values,operation:t,loading:u,execute:this.handleExecute}))}}),Object.defineProperty(t.prototype,"renderRequest",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t=this.props,r=t.operation,n=t.store,s=t.properties,a=t.securityDefaults,o=this.state,i=o.form,l=o.resolvedRawSpec,u=o.server,c=i.errors||{},d=c.path||c.cookie||c.header||c.query,p=l&&redoc_lib_1.JsonPointer.get(l,r.pointer),_=i.values&&i.values.auth&&Object.keys(i.values.auth)[0];_&&i.values.auth[_]||(_=void 0),!_||void 0===i.values.auth[_].token&&void 0===i.values.auth[_].client_id&&void 0===i.values.auth[_].client_secret||i.values.auth[_].token&&i.values.auth[_].token.access_token||(_=void 0),_&&null!=i.values.auth[_].username&&(i.values.auth[_].username&&i.values.auth[_].password||(_=void 0));var h=r.parameters||[],m=null===(e=null==n?void 0:n.options.hooks)||void 0===e?void 0:e.ReplaceTryItSecurityPanel;return l?React.createElement(React.Fragment,null,React.createElement(informed_1.Form,{onChange:this.handleChange,getApi:this.setFormApi,style:(0,tslib_1.__assign)((0,tslib_1.__assign)({},flexColumn),{margin:0})},React.createElement(Panel_1.Accordion,{initialActiveIdx:r.security.length&&_?1:0},r.security.length&&React.createElement(TryItPanel,{header:(0,Labels_1.l)("tryItAuth"),"data-cy":"security-trigger",renderChildrenHidden:!0,error:!_&&!!c.auth,success:!!_},m?React.createElement(AuthPanelHook,{field:"auth",validate:AuthPanel_1.requiredValidator},(function(e){return React.createElement(helper_1.RenderHook,{Hook:m,props:{server:u,operation:r,onChange:e,OAuth2:OAuth2_1.OAuth2}})})):React.createElement(AuthPanel_1.AuthPanel,{formApi:this.formApi,form:i,operation:r,activeServer:u.url,authCorsProxyUrl:n.options.authCorsProxyUrl,securityDefaults:a}))||null,r.requestBody&&React.createElement(TryItPanel,{header:(0,Labels_1.l)("tryItBody"),"data-cy":"body-trigger",renderChildrenHidden:!0,error:!!c.body},React.createElement(RequestBody_1.RequestBody,{validate:allowBodyErrors,console:this,body:r.requestBody,id:r.id,resolvedBody:p.requestBody,properties:s}))||null,h.length&&React.createElement(TryItPanel,{header:(0,Labels_1.l)("tryItParameters"),"data-cy":"parameters-trigger",error:d,renderChildrenHidden:!0},React.createElement(OperationParameters_1.OperationParameters,{operation:r,values:i.values,errors:i.errors||{}}))||null)),React.createElement(ServerDropdown_1.ServerChooser,{operation:r,onChange:this.handleServerChange})):"Loading..."}}),Object.defineProperty(t.prototype,"renderResponse",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.state,t=e.response,r=e.error,n=e.time;return React.createElement(ResponsePanel_1.ResponsePanel,{response:t,error:r,time:n})}}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.Component);function allowBodyErrors(){}function ConsoleWrapHook(e){var t=e.shaking,r=e.className,n=e.children,s=e.rootElement,a=(0,utils_1.useDimensions)(s)[0];return React.createElement(styled_components_1.ConsoleWrap,{shaking:t,className:r,"data-cy":"console",fullWidth:null==a?void 0:a.width},n)}function AuthPanelHook(e){var t=(0,informed_1.useField)((0,tslib_1.__assign)({},e)),r=t.fieldApi,n=t.render,s=t.userProps,a=r.setValue,o=s.children;return n(React.createElement(React.Fragment,null,o(a)))}function TryItPanel(e){return React.createElement(StyledTryItPanel,(0,tslib_1.__assign)({},e,{header:function(t){var r=t.toggle,n=t.expanded;return React.createElement(Panel_1.Header,{onClick:r,isExpanded:n,"data-cy":e["data-cy"]},React.createElement(Panel_1.Trigger,null,React.createElement(Panel_1.Title,null,e.header),React.createElement(redoc_lib_1.ShelfIcon,{direction:n?"down":"right"})),e.error&&React.createElement(redoc_lib_1.CrossIcon,{size:"14px",color:"#ff908b"})||null,e.success&&React.createElement(redoc_lib_1.LockIcon,{size:"14px",color:"#56ff26"})||null)}}))}exports.Console=Console;var templateObject_1,StyledTryItPanel=(0,styled_components_2.default)(Panel_1.Panel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  "," {\n    color: white;\n    border: 1px solid ",";\n    padding: 10px;\n  }\n\n  "," path {\n    fill: white;\n  }\n\n  "," {\n    padding: 15px 10px;\n    background-color: #3e4c59;\n    border: 1px solid ",";\n    border-top: 0;\n  }\n"],["\n  "," {\n    color: white;\n    border: 1px solid ",";\n    padding: 10px;\n  }\n\n  "," path {\n    fill: white;\n  }\n\n  "," {\n    padding: 15px 10px;\n    background-color: #3e4c59;\n    border: 1px solid ",";\n    border-top: 0;\n  }\n"])),Panel_1.Header,(function(e){return e.error?"#ff908b":"#89949f"}),redoc_lib_1.ShelfIcon,PanelBody_1.PanelBody,(function(e){return e.error?"#ff908b":"#89949f"}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TryItPanel=exports.Console=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),informed_1=require("informed"),mobx_react_1=require("mobx-react"),utils_1=require("../../utils"),styled_components_1=require("./styled.components"),ServerDropdown_1=require("./ServerDropdown"),OperationParameters_1=require("./OperationParameters"),ActionPanel_1=require("./ActionPanel"),ResponsePanel_1=require("./ResponsePanel"),RequestBody_1=require("./RequestBody"),ConsoleBadges_1=require("./ConsoleBadges"),AuthPanel_1=require("./AuthPanel"),services_1=require("../../services"),swagger_client_1=(0,tslib_1.__importDefault)(require("swagger-client")),redoc_lib_1=require("../../redoc-lib"),helper_1=require("../../redoc-lib/src/components/helper"),Labels_1=require("../../redoc-lib/src/services/Labels"),styled_components_2=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components")),Panel_1=require("../Panel"),OAuth2_1=require("../../services/OAuth2"),PanelBody_1=require("../Panel/PanelBody"),utils_2=require("./utils"),helper_2=require("../common/FileUpload/helper");function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}var flexColumn={flex:1,display:"flex",flexDirection:"column"},Console=function(e){function t(t){var r=e.call(this,t)||this;return Object.defineProperty(r,"formApi",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(r,"setFormApi",{enumerable:!0,configurable:!0,writable:!0,value:function(e,t){void 0===t&&(t=e.getState());var n=t.values,a=(0,tslib_1.__rest)(t,["values"]);r.formApi=e,setTimeout((function(){var e=(0,tslib_1.__assign)((0,tslib_1.__assign)({},a),{values:(0,tslib_1.__assign)((0,tslib_1.__assign)({},n),{query:(0,utils_2.unescapeQueryParams)(n.query||{})})});r.setState({form:e})}),0)}}),Object.defineProperty(r,"handleChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.values,n=(0,tslib_1.__rest)(e,["values"]),a=(0,tslib_1.__assign)((0,tslib_1.__assign)({},n),{values:(0,tslib_1.__assign)((0,tslib_1.__assign)({},t),{query:(0,utils_2.unescapeQueryParams)(t.query||{})})});r.setState({form:a}),(0,utils_2.updateStorage)(a)}}),Object.defineProperty(r,"handleTabChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.setState({activeTab:e})}}),Object.defineProperty(r,"handleServerChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.setState({server:e}),r.props.operation.setActiveServer(e)}}),Object.defineProperty(r,"handleExecute",{enumerable:!0,configurable:!0,writable:!0,value:function(){return(0,tslib_1.__awaiter)(r,void 0,void 0,(function(){var e,t,r,n,a,s,o,i,l,c,u,d,p,_,h,m,b,v,y,g,f,P,R,q,S,C,w,E,I,x,A,T,O,k,B,j,F,H,D=this;return(0,tslib_1.__generator)(this,(function(U){switch(U.label){case 0:if(e=this.props,t=e.store,r=e.operation,n=e.onResponse,a=this.state.form,s=a.values,o=a.invalid,this.formApi.submitForm(),o)return this.setState({shaking:!0}),setTimeout((function(){return D.setState({shaking:!1})}),1e3),null===(O=null===(T=null==t?void 0:t.options.events)||void 0===T?void 0:T.tryItSent)||void 0===O||O.call(T,{eventType:services_1.AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"ValidationFailed",operationId:r.operationId,operationPath:r.path,operationHttpVerb:r.httpVerb,operationSummary:r.description}),[2];if(i=this.props.operation.requestBody,l=i&&i.content&&i.content.active&&i.content.active.name||"",c=s.body,/json/.test(l))try{c=JSON.parse(c)}catch(e){console.error(e)}if(this.setState({loading:!0}),u=this.state.resolvedRawSpec,!(d=(0,utils_1.get)(u,["paths",r.path,(r.httpVerb||"").toLowerCase(),"servers"])||(0,utils_1.get)(u,["paths",r.path,"servers"])||(0,utils_1.get)(u,["servers"])))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");p=d.find((function(e){return D.state.server.url.endsWith(e.url.endsWith("/")?e.url.substring(0,e.url.length-1):e.url)})),_=Date.now(),h=!!window.document.documentMode,b=s.auth,s.auth?(v=Object.keys(s.auth)[0],y=(0,utils_1.unescapeFormId)(v),m=(0,tslib_1.__assign)((0,tslib_1.__assign)({},u),{components:(0,tslib_1.__assign)((0,tslib_1.__assign)({},u.components),{securitySchemes:(0,tslib_1.__assign)((0,tslib_1.__assign)({},u.components.securitySchemes),(x={},x[y]=(0,tslib_1.__assign)((0,tslib_1.__assign)({},u.components.securitySchemes[y]),{type:"openIdConnect"===u.components.securitySchemes[y].type?"oauth2":u.components.securitySchemes[y].type}),x))})}),b=(0,tslib_1.__assign)((0,tslib_1.__assign)({},b),((A={})[y]=b[v],A))):m=(0,tslib_1.__assign)({},u),(g=t.options.corsProxyUrl)&&u.servers&&u.servers.length&&(m.servers=u.servers.map((function(e){return(0,tslib_1.__assign)((0,tslib_1.__assign)({},e),{url:g+normalizeUrlProtocol(e.url)})}))),(f=(null===(B=null===(k=null==i?void 0:i.content)||void 0===k?void 0:k.active)||void 0===B?void 0:B.name)||null)&&c&&(0,helper_2.isFileUploadMime)(f)&&(P=Object.values(c),c=P.length>1?P:P[0]),R=function(e,t){return function(r){return D.props.store.options.sendXUserAgentInTryIt&&(r.headers["X-User-Agent"]="Redocly Try it API console"),e?e(r,t):r}},q={userFetch:h&&require("cross-fetch").fetch,server:g?g+normalizeUrlProtocol(p.url):p.url,serverVariables:this.state.server.variables,spec:m,pathName:r.path,method:r.httpVerb,parameters:(0,tslib_1.__assign)((0,tslib_1.__assign)((0,tslib_1.__assign)((0,tslib_1.__assign)({},s.path),s.query),s.header),s.cookie),securities:{authorized:b},requestBody:c,requestContentType:f,responseContentType:(null===(j=s.header)||void 0===j?void 0:j.Accept)||null,requestInterceptor:R(t.options.requestInterceptor,r)},U.label=1;case 1:return U.trys.push([1,5,8,9]),[4,swagger_client_1.default.execute(q)];case 2:return S=U.sent(),(C=null==S?void 0:S.data)instanceof Blob?((0,helper_2.isFileUploadMime)(C.type)&&(S.fileInfo={rawData:C,fileName:(0,utils_2.getFileNameFromHeaders)(S.headers)}),w=S,[4,C.text()]):[3,4];case 3:w.data=U.sent(),U.label=4;case 4:return null==n||n({request:q,response:S}),this.setState({response:S,error:void 0}),[3,9];case 5:return(E=U.sent())&&E.response&&E.response.data instanceof Blob?(I=E.response,[4,E.response.data.text()]):[3,7];case 6:I.data=U.sent(),null==n||n({request:q,response:E.response}),U.label=7;case 7:return this.setState({response:void 0,error:E}),[3,9];case 8:return this.setState({loading:!1,activeTab:1,time:Date.now()-_}),null===(H=null===(F=null==t?void 0:t.options.events)||void 0===F?void 0:F.tryItSent)||void 0===H||H.call(F,{eventType:services_1.AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"Sent",operationId:r.operationId,operationPath:r.path,operationHttpVerb:r.httpVerb,operationSummary:r.description}),[7];case 9:return[2]}}))}))}}),r.state={form:{values:{path:(0,utils_2.getParameters)(t.operation.parameters,"path"),cookie:(0,utils_2.getParameters)(t.operation.parameters,"cookie"),header:(0,utils_2.getParameters)(t.operation.parameters,"header"),query:(0,utils_2.getParameters)(t.operation.parameters,"query")}},shaking:!1,loading:!1,activeTab:0,server:{}},r}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){return(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){var e,t,r,n;return(0,tslib_1.__generator)(this,(function(a){switch(a.label){case 0:return e=this.props,t=e.store,r=e.operation,[4,t.dereferenceSpecForTryIt(r)];case 1:return n=a.sent(),this.setState({resolvedRawSpec:n}),this.formApi.setValues({}),[2]}}))}))}}),Object.defineProperty(t.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){e.operation!==this.props.operation&&this.setState({response:void 0,error:void 0,activeTab:0})}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.operation,r=e.className,n=e.rootElement,a=this.state,s=a.shaking,o=a.activeTab,i=a.form,l=a.response,c=a.loading,u=a.error,d=!(!l&&!u);return React.createElement(ConsoleWrapHook,{shaking:s,className:r,rootElement:n},React.createElement(Panel_1.CodeHeader,null,React.createElement(ConsoleBadges_1.ConsoleBadges,{active:o,hasResponse:d,onChange:this.handleTabChange}),this.props.onClose&&React.createElement(styled_components_1.CloseButton,{onClick:this.props.onClose}," ✕ ")),React.createElement(styled_components_1.ConsoleBody,{hidden:0!==o},this.renderRequest()),React.createElement(styled_components_1.ConsoleBody,{hidden:1!==o},this.renderResponse()),React.createElement(ActionPanel_1.ActionPanel,{hasResponse:d,params:i.values,operation:t,loading:c,execute:this.handleExecute}))}}),Object.defineProperty(t.prototype,"renderRequest",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t=this.props,r=t.operation,n=t.store,a=t.properties,s=t.securityDefaults,o=this.state,i=o.form,l=o.resolvedRawSpec,c=o.server,u=i.errors||{},d=u.path||u.cookie||u.header||u.query,p=l&&redoc_lib_1.JsonPointer.get(l,r.pointer),_=i.values&&i.values.auth&&Object.keys(i.values.auth)[0];_&&i.values.auth[_]||(_=void 0),!_||void 0===i.values.auth[_].token&&void 0===i.values.auth[_].client_id&&void 0===i.values.auth[_].client_secret||i.values.auth[_].token&&i.values.auth[_].token.access_token||(_=void 0),_&&null!=i.values.auth[_].username&&(i.values.auth[_].username&&i.values.auth[_].password||(_=void 0));var h=r.parameters||[],m=null===(e=null==n?void 0:n.options.hooks)||void 0===e?void 0:e.ReplaceTryItSecurityPanel;return!l&&React.createElement(React.Fragment,null,"Loading...")||React.createElement(React.Fragment,null,React.createElement(informed_1.Form,{onChange:this.handleChange,getApi:this.setFormApi,style:(0,tslib_1.__assign)((0,tslib_1.__assign)({},flexColumn),{margin:0})},React.createElement(Panel_1.Accordion,{initialActiveIdx:r.security.length&&_?1:0},r.security.length&&React.createElement(TryItPanel,{header:(0,Labels_1.l)("tryItAuth"),"data-cy":"security-trigger",renderChildrenHidden:!0,error:!_&&!!u.auth,success:!!_},m?React.createElement(AuthPanelHook,{field:"auth",validate:AuthPanel_1.requiredValidator},(function(e){return React.createElement(helper_1.RenderHook,{Hook:m,props:{server:c,operation:r,onChange:e,OAuth2:OAuth2_1.OAuth2}})})):React.createElement(AuthPanel_1.AuthPanel,{formApi:this.formApi,form:i,operation:r,activeServer:c.url,authCorsProxyUrl:n.options.authCorsProxyUrl,securityDefaults:s}))||null,r.requestBody&&React.createElement(TryItPanel,{header:(0,Labels_1.l)("tryItBody"),"data-cy":"body-trigger",renderChildrenHidden:!0,error:!!u.body},React.createElement(RequestBody_1.RequestBody,{validate:allowBodyErrors,console:this,body:r.requestBody,id:r.id,resolvedBody:p.requestBody,properties:a}))||null,h.length&&React.createElement(TryItPanel,{header:(0,Labels_1.l)("tryItParameters"),"data-cy":"parameters-trigger",error:d,renderChildrenHidden:!0},React.createElement(OperationParameters_1.OperationParameters,{operation:r,values:i.values,errors:i.errors||{}}))||null)),React.createElement(ServerDropdown_1.ServerChooser,{operation:r,onChange:this.handleServerChange}))}}),Object.defineProperty(t.prototype,"renderResponse",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.state,t=e.response,r=e.error,n=e.time;return React.createElement(ResponsePanel_1.ResponsePanel,{response:t,error:r,time:n})}}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.Component);function allowBodyErrors(){}function ConsoleWrapHook(e){var t=e.shaking,r=e.className,n=e.children,a=e.rootElement,s=(0,utils_1.useDimensions)(a)[0];return React.createElement(styled_components_1.ConsoleWrap,{shaking:t,className:r,"data-cy":"console",fullWidth:null==s?void 0:s.width},n)}function AuthPanelHook(e){var t=(0,informed_1.useField)((0,tslib_1.__assign)({},e)),r=t.fieldApi,n=t.render,a=t.userProps,s=r.setValue,o=a.children;return n(React.createElement(React.Fragment,null,o(s)))}function TryItPanel(e){var t=e.header,r=e.error,n=e.success,a=(0,tslib_1.__rest)(e,["header","error","success"]);return React.createElement(StyledTryItPanel,(0,tslib_1.__assign)({},a,{header:function(e){var s=e.toggle,o=e.expanded;return React.createElement(Panel_1.Header,{onClick:s,isExpanded:o,"data-cy":a["data-cy"]},React.createElement(Panel_1.Trigger,null,React.createElement(Panel_1.Title,null,t),React.createElement(redoc_lib_1.ShelfIcon,{direction:o?"down":"right"})),r&&React.createElement(redoc_lib_1.CrossIcon,{size:"14px",color:"#ff908b"})||null,n&&React.createElement(redoc_lib_1.LockIcon,{size:"14px",color:"#56ff26"})||null)}}))}exports.Console=Console,exports.TryItPanel=TryItPanel;var templateObject_1,StyledTryItPanel=(0,styled_components_2.default)(Panel_1.Panel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  "," {\n    color: white;\n    border: 1px solid ",";\n    padding: 10px;\n  }\n\n  "," path {\n    fill: white;\n  }\n\n  "," {\n    padding: 15px 10px;\n    background-color: #3e4c59;\n    border: 1px solid ",";\n    border-top: 0;\n  }\n"],["\n  "," {\n    color: white;\n    border: 1px solid ",";\n    padding: 10px;\n  }\n\n  "," path {\n    fill: white;\n  }\n\n  "," {\n    padding: 15px 10px;\n    background-color: #3e4c59;\n    border: 1px solid ",";\n    border-top: 0;\n  }\n"])),Panel_1.Header,(function(e){return e.error?"#ff908b":"#89949f"}),redoc_lib_1.ShelfIcon,PanelBody_1.PanelBody,(function(e){return e.error?"#ff908b":"#89949f"}));
 //# sourceMappingURL=Console.js.map

package/lib/components/console/ConsoleLazy.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { ConsoleProps } from './Console';
+import type { ConsoleProps } from './Console';
 export declare function Console(props: ConsoleProps): JSX.Element;

package/lib/components/console/OAuth2Flow.d.ts

@@ -38,7 +38,7 @@ export declare class OAuth2Flow extends React.Component<OAuth2FlowProps, OAuth2F
             token_type: string;
         };
     };
-    get errors(): any;
+    get errors(): GenericObject;
     get pkceInputActionButtonProps(): InputActionButtonProps | undefined;
     componentDidMount(): void;
     handleAuthorize(_authorizationUrl: string): void;

package/lib/components/console/OAuth2TokenInput.d.ts

@@ -24,8 +24,8 @@ interface OAuth2TokenInputState {
 }
 export declare class OAuth2TokenInput extends React.Component<OAuth2TokenInputProps, OAuth2TokenInputState> {
     state: OAuth2TokenInputState;
-    get values(): any;
-    get errors(): any;
+    get values(): GenericObject;
+    get errors(): GenericObject;
     clearToken: () => void;
     toggleTokenMask: () => void;
     requestToken: () => Promise<void>;

package/lib/components/console/OAuth2TokenInput.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OAuth2TokenInput=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),form_1=require("../common/form"),utils_1=require("../../utils"),Scope_1=(0,tslib_1.__importDefault)(require("./Scope")),OAuth2_1=require("../../services/OAuth2"),shared_1=require("../shared"),TextField_1=require("../common/TextField"),utils_2=require("./utils");function validateToken(e){if(!e)return"Token is required"}var OAuth2TokenInput=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"state",{enumerable:!0,configurable:!0,writable:!0,value:{error:"",loading:!1,tokenMasked:!0}}),Object.defineProperty(t,"clearToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.props.formApi.setValue("auth."+t.props.id+".token",""),(0,utils_1.toSessionStorage)("auth."+t.props.id+".token","")}}),Object.defineProperty(t,"toggleTokenMask",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.setState({tokenMasked:!t.state.tokenMasked})}}),Object.defineProperty(t,"requestToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){return(0,tslib_1.__awaiter)(t,void 0,void 0,(function(){var e,t,r,o,i,l,n,a=this;return(0,tslib_1.__generator)(this,(function(s){switch(s.label){case 0:return this.state.loading?[2]:(e=this.props,t=e.server,r=e.flow,o=e.authCorsProxyUrl,i=o&&r.tokenUrl?o+(0,utils_2.normalizeUrlProtocol)(r.tokenUrl):r.tokenUrl,this.errors.client_id||this.errors.client_secret?(console.log("Provide client_id and client_secret"),[2]):(l=this.values.client_id,n=this.values.client_secret,l&&n?(this.setState({loading:!0}),[4,OAuth2_1.OAuth2.authorizeClientCredentials({tokenUrl:i.startsWith("http")?i:t+i,clientId:l,clientSecret:n,scopes:this.values.scopes,successCallback:function(e){a.props.formApi.setValue("auth."+a.props.id+".token",e),a.setState({loading:!1})},errorCallback:function(e){a.clearToken(),a.setState({error:e.message,loading:!1})}})]):(console.log("Provide client_id and client_secret"),[2])));case 1:return s.sent(),[2]}}))}))}}),t}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"values",{get:function(){return this.props.form.values&&this.props.form.values.auth&&this.props.form.values.auth[this.props.id]||{}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"errors",{get:function(){return this.props.form.errors&&this.props.form.errors.auth&&this.props.form.errors.auth[this.props.id]||{}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.state,t=e.loading,r=e.error,o=e.tokenMasked,i=this.props,l=i.id,n=i.defaultValues,a=Object.keys(this.props.flow.scopes),s=(0,utils_1.fromSessionStorage)("auth."+l+".token")||JSON.stringify(null==n?void 0:n.token);s=s?JSON.parse(s):"";var u=(0,utils_1.getSecurityDetailsOptions)(l,"client_id"),c={field:"auth."+l+".client_id",fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)("auth."+l+".client_id")||this.props.clientId||(null==n?void 0:n.client_id),initValue:(0,utils_1.fromSessionStorage)("auth."+l+".client_id")||this.props.clientId||(null==n?void 0:n.client_id),placeholder:"Your OAuth2 app Client ID"};return React.createElement(React.Fragment,null,React.createElement(form_1.FormWrapper,null,React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null,"Client ID:"),u?React.createElement(TextField_1.FormDropdown,(0,tslib_1.__assign)({},c,{options:u})):React.createElement(TextField_1.FormTextField,(0,tslib_1.__assign)({},c,{type:"password"}))),React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null,"Client Secret:"),React.createElement(TextField_1.FormTextField,{type:"password",fullWidth:!0,field:"auth."+l+".client_secret",initialValue:(0,utils_1.fromSessionStorage)("auth."+l+".client_secret")||(null==n?void 0:n.client_secret)})),React.createElement(TextField_1.FormTextField,{fullWidth:!0,field:"auth."+l+".token",type:"hidden",initialValue:s,validate:validateToken}),React.createElement(Scope_1.default,{id:l,scopes:a})),React.createElement(shared_1.Button,{color:"primary",onClick:this.requestToken,blinking:t},t?"Loading...":"Request Token"),React.createElement(form_1.FormHeader,null," Access Token "),r?React.createElement(form_1.FormError,{style:{marginBottom:"1em"}},"Failed to request token: ",React.createElement("pre",null,r)," "):this.values.token&&this.values.token.access_token?React.createElement(form_1.TokenField,null,React.createElement(form_1.TokenValue,{length:this.values.token.access_token.length,masked:o},this.values.token.access_token),React.createElement(form_1.TokenShowHide,{onClick:this.toggleTokenMask},o?"Show":"Hide"," "),React.createElement(form_1.TokenClear,{onClick:this.clearToken}," Clear ")):React.createElement(form_1.FormError,{style:{marginBottom:"1em"}},"No token"))}}),t}(React.Component);exports.OAuth2TokenInput=OAuth2TokenInput,exports.default=OAuth2TokenInput;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OAuth2TokenInput=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),form_1=require("../common/form"),utils_1=require("../../utils"),Scope_1=(0,tslib_1.__importDefault)(require("./Scope")),OAuth2_1=require("../../services/OAuth2"),shared_1=require("../shared"),TextField_1=require("../common/TextField"),utils_2=require("./utils");function validateToken(e){if(!e)return"Token is required"}var OAuth2TokenInput=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"state",{enumerable:!0,configurable:!0,writable:!0,value:{error:"",loading:!1,tokenMasked:!0}}),Object.defineProperty(t,"clearToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.props.formApi.setValue("auth."+t.props.id+".token",""),(0,utils_1.toSessionStorage)("auth."+t.props.id+".token","")}}),Object.defineProperty(t,"toggleTokenMask",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.setState({tokenMasked:!t.state.tokenMasked})}}),Object.defineProperty(t,"requestToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){return(0,tslib_1.__awaiter)(t,void 0,void 0,(function(){var e,t,r,o,i,l,n,a=this;return(0,tslib_1.__generator)(this,(function(s){switch(s.label){case 0:return this.state.loading?[2]:(e=this.props,t=e.server,r=e.flow,o=e.authCorsProxyUrl,i=o&&r.tokenUrl?o+(0,utils_2.normalizeUrlProtocol)(r.tokenUrl):r.tokenUrl,this.errors.client_id||this.errors.client_secret?(console.log("Provide client_id and client_secret"),[2]):(l=this.values.client_id,n=this.values.client_secret,l&&n?(this.setState({loading:!0}),[4,OAuth2_1.OAuth2.authorizeClientCredentials({tokenUrl:i.startsWith("http")?i:t+i,clientId:l,clientSecret:n,scopes:this.values.scopes,successCallback:function(e){a.props.formApi.setValue("auth."+a.props.id+".token",e),a.setState({loading:!1})},errorCallback:function(e){a.clearToken(),a.setState({error:e.message,loading:!1})}})]):(console.log("Provide client_id and client_secret"),[2])));case 1:return s.sent(),[2]}}))}))}}),t}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"values",{get:function(){var e,t,r;return(null===(r=null===(t=null===(e=this.props.form)||void 0===e?void 0:e.values)||void 0===t?void 0:t.auth)||void 0===r?void 0:r[this.props.id])||{}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"errors",{get:function(){var e,t;return(null===(t=null===(e=this.props.form.errors)||void 0===e?void 0:e.auth)||void 0===t?void 0:t[this.props.id])||{}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.state,t=e.loading,r=e.error,o=e.tokenMasked,i=this.props,l=i.id,n=i.defaultValues,a=Object.keys(this.props.flow.scopes),s=(0,utils_1.fromSessionStorage)("auth."+l+".token")||JSON.stringify(null==n?void 0:n.token);s=s?JSON.parse(s):"";var u=(0,utils_1.getSecurityDetailsOptions)(l,"client_id"),c={field:"auth."+l+".client_id",fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)("auth."+l+".client_id")||this.props.clientId||(null==n?void 0:n.client_id),initValue:(0,utils_1.fromSessionStorage)("auth."+l+".client_id")||this.props.clientId||(null==n?void 0:n.client_id),placeholder:"Your OAuth2 app Client ID"};return React.createElement(React.Fragment,null,React.createElement(form_1.FormWrapper,null,React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null,"Client ID:"),u?React.createElement(TextField_1.FormDropdown,(0,tslib_1.__assign)({},c,{options:u})):React.createElement(TextField_1.FormTextField,(0,tslib_1.__assign)({},c,{type:"password"}))),React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null,"Client Secret:"),React.createElement(TextField_1.FormTextField,{type:"password",fullWidth:!0,field:"auth."+l+".client_secret",initialValue:(0,utils_1.fromSessionStorage)("auth."+l+".client_secret")||(null==n?void 0:n.client_secret)})),React.createElement(TextField_1.FormTextField,{fullWidth:!0,field:"auth."+l+".token",type:"hidden",initialValue:s,validate:validateToken}),React.createElement(Scope_1.default,{id:l,scopes:a})),React.createElement(shared_1.Button,{color:"primary",onClick:this.requestToken,blinking:t},t?"Loading...":"Request Token"),React.createElement(form_1.FormHeader,null," Access Token "),r?React.createElement(form_1.FormError,{style:{marginBottom:"1em"}},"Failed to request token: ",React.createElement("pre",null,r)," "):this.values.token&&this.values.token.access_token?React.createElement(form_1.TokenField,null,React.createElement(form_1.TokenValue,{length:this.values.token.access_token.length,masked:o},this.values.token.access_token),React.createElement(form_1.TokenShowHide,{onClick:this.toggleTokenMask},o?"Show":"Hide"," "),React.createElement(form_1.TokenClear,{onClick:this.clearToken}," Clear ")):React.createElement(form_1.FormError,{style:{marginBottom:"1em"}},"No token"))}}),t}(React.Component);exports.OAuth2TokenInput=OAuth2TokenInput,exports.default=OAuth2TokenInput;
 //# sourceMappingURL=OAuth2TokenInput.js.map

package/lib/components/console/ParameterDropdown.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ParameterEnumDropdown=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),informed_1=require("informed"),redoc_lib_1=require("../../redoc-lib"),ParameterEnumDropdownComponent=function(e){var r=e.initValue,t=e.paramEnum,n=e.fieldApi,a=React.useState(r),o=a[0],i=a[1],u=t.map((function(e,r){return{id:String(r),value:e}}));return React.useEffect((function(){r&&n.setValue(r)}),[]),React.createElement(redoc_lib_1.Dropdown,{fullWidth:!0,variant:"dark",value:o,options:u,onChange:function(e){n.setValue(e.value),i(e.value)}})};exports.ParameterEnumDropdown=(0,informed_1.asField)(ParameterEnumDropdownComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ParameterEnumDropdown=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),informed_1=require("informed"),redoc_lib_1=require("../../redoc-lib"),hooks_1=require("../../hooks"),ParameterEnumDropdownComponent=function(e){var r=e.initValue,o=e.paramEnum,t=e.fieldApi,n=React.useState(r),a=n[0],i=n[1],u=o.map((function(e,r){return{id:String(r),value:e}}));return(0,hooks_1.useMount)((function(){r&&t.setValue(r)})),React.createElement(redoc_lib_1.Dropdown,{fullWidth:!0,variant:"dark",value:a,options:u,onChange:function(e){t.setValue(e.value),i(e.value)}})};exports.ParameterEnumDropdown=(0,informed_1.asField)(ParameterEnumDropdownComponent);
 //# sourceMappingURL=ParameterDropdown.js.map

package/lib/components/console/RequestMimeLabel.d.ts

@@ -1 +1 @@
-export declare const RequestMimeLabel: import("styled-components").StyledComponent<"div", import("../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;
+export declare const RequestMimeLabel: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;

package/lib/components/console/ResponseBody.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { OpenApiResponseData } from './ResponsePanel';
+export declare function ResponseBody({ response }: {
+    response: OpenApiResponseData;
+}): JSX.Element;

package/lib/components/console/ResponseBody.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseBody=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),ResponsePanel_1=require("./ResponsePanel");function ResponseBody(e){var t=e.response;return React.createElement(React.Fragment,null,React.createElement(ResponsePanel_1.ResponseHeader,null," Body: "),getResponseBody(t))}function getResponseBody(e){return e.body?React.createElement(redoc_lib_1.JsonViewer,{data:e.body}):e.fileInfo?React.createElement(redoc_lib_1.SourceCodeWithFile,{fileInfo:e.fileInfo}):null!==e.data?e.data?React.createElement(redoc_lib_1.SourceCodeWithText,{lang:(0,redoc_lib_1.langFromMime)(e.headers["Content-Type"]||"text/plain"),source:e.data}):React.createElement(ResponsePanel_1.PanelStyledPre,null,React.createElement("i",null,"(no content)")):null}exports.ResponseBody=ResponseBody;
+//# sourceMappingURL=ResponseBody.js.map

package/lib/components/console/ResponsePanel.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-export interface OpenApiResponseData {
+import { FileInfo } from '../../redoc-lib/src/common-elements/Download';
+export interface OpenApiResponseData extends FileInfo {
     body?: GenericObject;
     data: string;
     ok: boolean;
@@ -15,6 +16,8 @@ export interface ResponsePanelProps {
     };
     time?: number;
 }
+export declare const ResponseHeader: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const PanelStyledPre: import("styled-components").StyledComponent<"pre", import("../../services/extendTheme").ProTheme, {}, never>;
 export declare class ResponsePanel extends React.PureComponent<ResponsePanelProps> {
-    render(): JSX.Element | "Something went wrong";
+    render(): JSX.Element;
 }

package/lib/components/console/ResponsePanel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponsePanel=void 0;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),common_elements_1=require("../../redoc-lib/src/common-elements"),ResponseBadges=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: 10px;\n"],["\n  margin-bottom: 10px;\n"]))),ResponseBadgeBase=redoc_lib_1.styled.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-block;\n  margin-right: 20px;\n  padding: 2px 0;\n  text-align: center;\n  color: ",";\n"],["\n  display: inline-block;\n  margin-right: 20px;\n  padding: 2px 0;\n  text-align: center;\n  color: ",";\n"])),(function(e){return e.theme.colors.text.light})),ResponseBadge=(0,redoc_lib_1.styled)(ResponseBadgeBase)(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  color: ",";\n"],["\n  color: ",";\n"])),(function(e){var t=e.theme,n=e.code;return n>=200&&n<300?t.colors.responses.success.tabTextColor:n>=300&&n<400?t.colors.responses.redirect.tabTextColor:n>400?t.colors.responses.error.tabTextColor:t.colors.responses.info.tabTextColor})),HeaderName=redoc_lib_1.styled.strong(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  text-transform: capitalize;\n  display: inline-block;\n  padding-right: 5px;\n"],["\n  text-transform: capitalize;\n  display: inline-block;\n  padding-right: 5px;\n"]))),ErrorHeader=redoc_lib_1.styled.header(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  font-weight: bold;\n  margin-bottom: 10px;\n"],["\n  font-weight: bold;\n  margin-bottom: 10px;\n"]))),ErrorDetails=redoc_lib_1.styled.code(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n  border-left: 3px solid #ff4040;\n  padding-left: 5px;\n"],["\n  border-left: 3px solid #ff4040;\n  padding-left: 5px;\n"]))),ResponseHeader=redoc_lib_1.styled.div(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: 10px;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n"],["\n  margin-bottom: 10px;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n"]))),PanelStyledPre=(0,redoc_lib_1.styled)(common_elements_1.StyledPre)(templateObject_8||(templateObject_8=(0,tslib_1.__makeTemplateObject)(["\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n"],["\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n"]))),ResponsePanel=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t=this.props,n=t.error,l=t.response,a=t.time,r=l||n&&n.response,o=r&&r.data&&r.data.length||0;if(e=o>1e6?(o/1e6).toFixed(2)+" MB":o>1e3?(o/1e3).toFixed(2)+" KB":o+" B",n&&!n.response||!r)return React.createElement(React.Fragment,null,React.createElement(ErrorHeader,null," Could not get any response "),React.createElement(ErrorDetails,null,n&&n.message||"Unknown error"),React.createElement("br",null),React.createElement(ErrorHeader,null," Why this might have happened:"),React.createElement("div",null," - CORS is misconfigured on the server"),React.createElement("div",null," - ","The server couldn't sent a response"),React.createElement("div",null," - No internet access"),React.createElement("div",null," - Documentation issue - contact API owner"),React.createElement("div",null," - Misconfigured security definition"));if(!r)return"Something went wrong";var c=Object.keys(r.headers);return React.createElement(React.Fragment,null,React.createElement(ResponseBadges,null,React.createElement(ResponseBadge,{code:r.status},React.createElement("span",null," Status: "),r.status," ",r.statusText),React.createElement(ResponseBadgeBase,null,React.createElement("span",null," Time: "),a,"ms"),React.createElement(ResponseBadgeBase,null,React.createElement("span",null," Size: "),e)),React.createElement("div",null,React.createElement(ResponseHeader,null," Headers: "),React.createElement(PanelStyledPre,null,c.map((function(e){return React.createElement("div",{key:e},React.createElement(HeaderName,null,e,":"),React.createElement("code",null," ",r.headers[e]))}))),React.createElement(ResponseHeader,null," Body: "),r.body&&React.createElement(redoc_lib_1.JsonViewer,{data:r.body})||null,!r.body&&null!=r.data&&(r.data?React.createElement(redoc_lib_1.SourceCodeWithCopy,{lang:(0,redoc_lib_1.langFromMime)(r.headers["Content-Type"]||"text/plain"),source:r.data}):React.createElement(PanelStyledPre,null,React.createElement("i",null,"(no content)")))||null))}}),t}(React.PureComponent);exports.ResponsePanel=ResponsePanel;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponsePanel=exports.PanelStyledPre=exports.ResponseHeader=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),common_elements_1=require("../../redoc-lib/src/common-elements"),ResponseBody_1=require("./ResponseBody"),ResponseBadges=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: 10px;\n"],["\n  margin-bottom: 10px;\n"]))),ResponseBadgeBase=redoc_lib_1.styled.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-block;\n  margin-right: 20px;\n  padding: 2px 0;\n  text-align: center;\n  color: ",";\n"],["\n  display: inline-block;\n  margin-right: 20px;\n  padding: 2px 0;\n  text-align: center;\n  color: ",";\n"])),(function(e){return e.theme.colors.text.light})),ResponseBadge=(0,redoc_lib_1.styled)(ResponseBadgeBase)(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  color: ",";\n"],["\n  color: ",";\n"])),(function(e){var t=e.theme,n=e.code;return n>=200&&n<300?t.colors.responses.success.tabTextColor:n>=300&&n<400?t.colors.responses.redirect.tabTextColor:n>400?t.colors.responses.error.tabTextColor:t.colors.responses.info.tabTextColor})),HeaderName=redoc_lib_1.styled.strong(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  text-transform: capitalize;\n  display: inline-block;\n  padding-right: 5px;\n"],["\n  text-transform: capitalize;\n  display: inline-block;\n  padding-right: 5px;\n"]))),ErrorHeader=redoc_lib_1.styled.header(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  font-weight: bold;\n  margin-bottom: 10px;\n"],["\n  font-weight: bold;\n  margin-bottom: 10px;\n"]))),ErrorDetails=redoc_lib_1.styled.code(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n  border-left: 3px solid #ff4040;\n  padding-left: 5px;\n"],["\n  border-left: 3px solid #ff4040;\n  padding-left: 5px;\n"])));exports.ResponseHeader=redoc_lib_1.styled.div(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: 10px;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n"],["\n  margin-bottom: 10px;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n"]))),exports.PanelStyledPre=(0,redoc_lib_1.styled)(common_elements_1.StyledPre)(templateObject_8||(templateObject_8=(0,tslib_1.__makeTemplateObject)(["\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n"],["\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n"])));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,ResponsePanel=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t=this.props,n=t.error,r=t.response,l=t.time,a=r||n&&n.response,o=a&&a.data&&a.data.length||0;if(e=o>1e6?(o/1e6).toFixed(2)+" MB":o>1e3?(o/1e3).toFixed(2)+" KB":o+" B",n&&!n.response||!a)return React.createElement(React.Fragment,null,React.createElement(ErrorHeader,null," Could not get any response "),React.createElement(ErrorDetails,null,n&&n.message||"Unknown error"),React.createElement("br",null),React.createElement(ErrorHeader,null," Why this might have happened:"),React.createElement("div",null," - CORS is misconfigured on the server"),React.createElement("div",null," - ","The server couldn't sent a response"),React.createElement("div",null," - No internet access"),React.createElement("div",null," - Documentation issue - contact API owner"),React.createElement("div",null," - Misconfigured security definition"));if(!a)return React.createElement(React.Fragment,null,"Something went wrong");var s=Object.keys(a.headers);return React.createElement(React.Fragment,null,React.createElement(ResponseBadges,null,React.createElement(ResponseBadge,{code:a.status},React.createElement("span",null," Status: "),a.status," ",a.statusText),React.createElement(ResponseBadgeBase,null,React.createElement("span",null," Time: "),l,"ms"),React.createElement(ResponseBadgeBase,null,React.createElement("span",null," Size: "),e)),React.createElement("div",null,React.createElement(exports.ResponseHeader,null," Headers: "),React.createElement(exports.PanelStyledPre,null,s.map((function(e){return React.createElement("div",{key:e},React.createElement(HeaderName,null,e,":"),React.createElement("code",null," ",a.headers[e]))}))),React.createElement(ResponseBody_1.ResponseBody,{response:a})))}}),t}(React.PureComponent);exports.ResponsePanel=ResponsePanel;
 //# sourceMappingURL=ResponsePanel.js.map

package/lib/components/console/ServerDropdown.d.ts

@@ -1,23 +1,25 @@
 import * as React from 'react';
+import { DropdownProps } from '@redocly/react-dropdown-aria';
 import { OperationModel, Server } from '../../redoc-lib';
 export interface ServerDropdownProps {
     operation: OperationModel;
     onChange: (server: Server) => void;
 }
-export declare class ServerChooser extends React.Component<ServerDropdownProps, {
+export interface ServerDropdownState {
     activeIdx: number;
     variables?: {
         [name: string]: string;
     };
-}> {
+}
+export declare class ServerChooser extends React.Component<ServerDropdownProps, ServerDropdownState> {
     state: {
         activeIdx: number;
         variables: {};
     };
-    static getDerivedStateFromProps(props: any): {
-        activeIdx: any;
-    };
-    handleServerChange: (option: any) => void;
+    static getDerivedStateFromProps(props: ServerDropdownProps): ServerDropdownState;
+    handleServerChange: (option: DropdownProps & {
+        serverUrl: string;
+    }) => void;
     handleVariableChange: (name: string, value: string) => void;
     componentDidMount(): void;
     render(): JSX.Element;

package/lib/components/console/ServerDropdown.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerChooser=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),mobx_react_1=require("mobx-react"),utils_1=require("../../utils"),ServerVariable_1=(0,tslib_1.__importDefault)(require("./ServerVariable")),form_1=require("../common/form"),utils_2=require("./utils"),ServerChooser=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"state",{enumerable:!0,configurable:!0,writable:!0,value:{activeIdx:0,variables:{}}}),Object.defineProperty(r,"handleServerChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=r.props.operation.servers.find((function(r){return r.url===e.serverUrl})),a=(0,utils_2.getDefaultOrStoredVariables)(t);r.props.onChange({url:e.serverUrl,variables:a}),(0,utils_1.toSessionStorage)("serverUrl",e.serverUrl),r.setState({variables:a})}}),Object.defineProperty(r,"handleVariableChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e,t){var a,i=r.props.operation.servers[r.state.activeIdx],l=(0,tslib_1.__assign)((0,tslib_1.__assign)({},r.state.variables),((a={})[e]=t||(0,utils_2.getDefaultOrStoredVariables)(i)[e],a));r.setState({variables:l}),(0,utils_2.updateVariablesStorage)(e,t),r.props.onChange((0,tslib_1.__assign)((0,tslib_1.__assign)({},i),{variables:l}))}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r,"getDerivedStateFromProps",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var r=e.operation,t=(0,utils_1.fromSessionStorage)("serverUrl"),a=r.servers.findIndex((function(e){return e.url===t}));return{activeIdx:a<0?0:a}}}),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=(0,utils_2.getServerWithVariables)(this.props.operation.servers,this.state.activeIdx);this.props.onChange(e),this.setState({variables:e.variables})}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.state.activeIdx,t=this.props.operation.servers.map((function(r){return{serverUrl:r.url,value:"\n          "+(0,utils_2.expandDefaultServerVariables)((0,utils_2.expandVariables)(r.url,e.state.variables),r.variables)+"\n        - "+(r.description||"Default")+"\n      "}})),a=Object.keys(this.state.variables);return React.createElement(ServerDropdownWrap,null,React.createElement(form_1.FormLabel,{htmlFor:"server"},"Target server: "),React.createElement(form_1.FormControl,null,React.createElement(redoc_lib_1.Dropdown,{openUp:!0,variant:"dark",value:t[r].value,options:t,onChange:this.handleServerChange})),a.length?a.map((function(r){var t=e.props.operation.servers[e.state.activeIdx].variables[r];return React.createElement(ServerVariable_1.default,{key:r,name:r,value:e.state.variables[r],defaultValue:t.default,onChange:function(t){return e.handleVariableChange(r,t)},variableEnum:t.enum,description:t.description})})):null)}}),r=(0,tslib_1.__decorate)([mobx_react_1.observer],r)}(React.Component);exports.ServerChooser=ServerChooser;var templateObject_1,ServerDropdownWrap=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-top: 20px;\n"],["\n  margin-top: 20px;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerChooser=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),mobx_react_1=require("mobx-react"),utils_1=require("../../utils"),ServerVariable_1=(0,tslib_1.__importDefault)(require("./ServerVariable")),form_1=require("../common/form"),utils_2=require("./utils"),ServerChooser=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"state",{enumerable:!0,configurable:!0,writable:!0,value:{activeIdx:0,variables:{}}}),Object.defineProperty(r,"handleServerChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=r.props.operation.servers.find((function(r){return r.url===e.serverUrl})),a=(0,utils_2.getDefaultOrStoredVariables)(t);r.props.onChange({url:e.serverUrl,variables:a}),(0,utils_1.toSessionStorage)("serverUrl",e.serverUrl),r.setState({variables:a})}}),Object.defineProperty(r,"handleVariableChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e,t){var a,i=r.props.operation.servers[r.state.activeIdx],l=(0,tslib_1.__assign)((0,tslib_1.__assign)({},r.state.variables),((a={})[e]=t||(0,utils_2.getDefaultOrStoredVariables)(i)[e],a));r.setState({variables:l}),(0,utils_2.updateVariablesStorage)(e,t),r.props.onChange((0,tslib_1.__assign)((0,tslib_1.__assign)({},i),{variables:l}))}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r,"getDerivedStateFromProps",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var r=e.operation,t=(0,utils_1.fromSessionStorage)("serverUrl"),a=r.servers.findIndex((function(e){return e.url===t}));return{activeIdx:a<0?0:a}}}),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=(0,utils_2.getServerWithVariables)(this.props.operation.servers,this.state.activeIdx);this.props.onChange(e),this.setState({variables:e.variables})}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.state.activeIdx,t=this.props.operation.servers.map((function(r){return{serverUrl:r.url,value:"\n          "+(0,utils_2.expandDefaultServerVariables)((0,utils_2.expandVariables)(r.url,e.state.variables),r.variables)+"\n        - "+(r.description||"Default")+"\n      "}})),a=Object.keys(this.state.variables);return React.createElement(ServerDropdownWrap,null,React.createElement(form_1.FormLabel,{htmlFor:"server"},"Target server: "),React.createElement(form_1.FormControl,null,React.createElement(redoc_lib_1.Dropdown,{openUp:!0,variant:"dark",value:t[r].value,options:t,onChange:this.handleServerChange})),a.length?a.map((function(r){var t,a=null===(t=e.props.operation.servers[e.state.activeIdx].variables)||void 0===t?void 0:t[r];if(a)return React.createElement(ServerVariable_1.default,{key:r,name:r,value:e.state.variables[r],defaultValue:a.default,onChange:function(t){return e.handleVariableChange(r,t)},variableEnum:a.enum,description:a.description})})):null)}}),r=(0,tslib_1.__decorate)([mobx_react_1.observer],r)}(React.Component);exports.ServerChooser=ServerChooser;var templateObject_1,ServerDropdownWrap=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-top: 20px;\n"],["\n  margin-top: 20px;\n"])));
 //# sourceMappingURL=ServerDropdown.js.map

package/lib/components/console/styled.components.d.ts

@@ -1,8 +1,8 @@
 export declare const blink: import("styled-components").Keyframes;
-export declare const ConsoleWrap: import("styled-components").StyledComponent<"div", import("../../redoc-lib/src/theme").ResolvedThemeInterface, {
+export declare const ConsoleWrap: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {
     shaking?: boolean | undefined;
     fullWidth?: number | undefined;
 }, never>;
-export declare const ConsoleBody: import("styled-components").StyledComponent<"div", import("../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;
-export declare const CloseButton: import("styled-components").StyledComponent<"span", import("../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;
-export declare const invertedInputStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../../redoc-lib/src/theme").ResolvedThemeInterface>>;
+export declare const ConsoleBody: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const CloseButton: import("styled-components").StyledComponent<"span", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const invertedInputStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../../services/extendTheme").ProTheme>>;

package/lib/components/console/utils.d.ts

@@ -1,25 +1,12 @@
-import { FieldModel, OpenAPIServer } from '../../redoc-lib';
+import { FieldModel, OpenAPIServer, Server, ServerVariables } from '../../redoc-lib';
 export declare function normalizeUrlProtocol(url: string): string;
-export declare function updateStorage(state: any): void;
+export declare function updateStorage(state: GenericObject): void;
 export declare const getParameters: (parameters: FieldModel[], type: string) => GenericObject;
-export declare function getServerWithVariables(operationServers: OpenAPIServer[], activeIndex?: number): {
-    variables: {
-        [x: string]: string;
-    };
-    url: string;
-    description?: string | undefined;
-};
-export declare function getInitialServerWithVariables(operationServers: OpenAPIServer[]): {
-    variables: {
-        [x: string]: string;
-    };
-    url: string;
-    description?: string | undefined;
-};
+export declare function getServerWithVariables(operationServers: OpenAPIServer[], activeIndex?: number): Server;
+export declare function getInitialServerWithVariables(operationServers: OpenAPIServer[]): Server;
 export declare function expandVariables(url: string, variables?: GenericObject): string;
 export declare function expandDefaultServerVariables(url: string, variables?: GenericObject): string;
-export declare function getDefaultOrStoredVariables(server?: OpenAPIServer): {
-    [x: string]: string;
-};
+export declare function getDefaultOrStoredVariables(server?: OpenAPIServer): ServerVariables;
 export declare function updateVariablesStorage(name: string, value: string): void;
 export declare function unescapeQueryParams(params: GenericObject): GenericObject;
+export declare function getFileNameFromHeaders(headers: Record<string, string>): string;

package/lib/components/console/utils.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.unescapeQueryParams=exports.updateVariablesStorage=exports.getDefaultOrStoredVariables=exports.expandDefaultServerVariables=exports.expandVariables=exports.getInitialServerWithVariables=exports.getServerWithVariables=exports.getParameters=exports.updateStorage=exports.normalizeUrlProtocol=void 0;var tslib_1=require("tslib"),utils_1=require("../../utils");function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}function updateStorage(e){if(e.values.auth)for(var r=0,a=Object.keys(e.values.auth);r<a.length;r++){var t=a[r],s=e.values.auth[t];(0,utils_1.setSecurityDetails)(t,s)}updateParameterStorage(e)}function updateParameterStorage(e){for(var r,a=0,t=["path","query","header","cookie"];a<t.length;a++){var s=t[a];if(null===(r=e.values)||void 0===r?void 0:r[s])for(var i=0,l=Object.keys(e.values[s]);i<l.length;i++){var o=l[i];(0,utils_1.setParameterValue)(s,o,e.values[s][o])}}}exports.normalizeUrlProtocol=normalizeUrlProtocol,exports.updateStorage=updateStorage;var getParameters=function(e,r){return e.filter((function(e){return e.in===r})).reduce((function(e,r){var a=r.in,t=r.name;return e[t]=(0,utils_1.getParameterValue)(a||"",t),e}),{})};exports.getParameters=getParameters;var pathTemplateRegExp=/(?:{)(\w+)(?:})/g;function getServerWithVariables(e,r){void 0===r&&(r=0);var a=e[r],t=getDefaultOrStoredVariables(a);return(0,tslib_1.__assign)((0,tslib_1.__assign)({},a),{variables:t})}function getInitialServerWithVariables(e){var r=(0,utils_1.fromSessionStorage)("serverUrl"),a=e.find((function(e){return e.url===r}))||e[0],t=getDefaultOrStoredVariables(a);return(0,tslib_1.__assign)((0,tslib_1.__assign)({},a),{variables:t})}function expandVariables(e,r){return void 0===r&&(r={}),e.replace(pathTemplateRegExp,(function(e,a){return r[a]||e}))}function expandDefaultServerVariables(e,r){return void 0===r&&(r={}),e.replace(pathTemplateRegExp,(function(e,a){return r[a]&&r[a].default||e}))}function getDefaultOrStoredVariables(e){if(!(null==e?void 0:e.variables))return{};var r=(0,utils_1.fromSessionStorage)("variables"),a=r&&JSON.parse(r)||{},t={};return Object.entries(e.variables||{}).forEach((function(e){var r=e[0],s=e[1];t[r]=a[r]||s.default||""})),(0,tslib_1.__assign)({},t)}function updateVariablesStorage(e,r){var a,t=(0,utils_1.fromSessionStorage)("variables"),s=t&&JSON.parse(t)||{};(0,utils_1.toSessionStorage)("variables",JSON.stringify((0,tslib_1.__assign)((0,tslib_1.__assign)({},s),((a={})[e]=r,a))))}function unescapeQueryParams(e){return Object.entries(e).reduce((function(e,r){var a=r[0],t=r[1];return e[(0,utils_1.unescapeFormId)(a)]=t,e}),{})}exports.getServerWithVariables=getServerWithVariables,exports.getInitialServerWithVariables=getInitialServerWithVariables,exports.expandVariables=expandVariables,exports.expandDefaultServerVariables=expandDefaultServerVariables,exports.getDefaultOrStoredVariables=getDefaultOrStoredVariables,exports.updateVariablesStorage=updateVariablesStorage,exports.unescapeQueryParams=unescapeQueryParams;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getFileNameFromHeaders=exports.unescapeQueryParams=exports.updateVariablesStorage=exports.getDefaultOrStoredVariables=exports.expandDefaultServerVariables=exports.expandVariables=exports.getInitialServerWithVariables=exports.getServerWithVariables=exports.getParameters=exports.updateStorage=exports.normalizeUrlProtocol=void 0;var tslib_1=require("tslib"),utils_1=require("../../utils");function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}function updateStorage(e){if(e.values.auth)for(var r=0,t=Object.keys(e.values.auth);r<t.length;r++){var a=t[r],i=e.values.auth[a];(0,utils_1.setSecurityDetails)(a,i)}updateParameterStorage(e)}function updateParameterStorage(e){for(var r,t=0,a=["path","query","header","cookie"];t<a.length;t++){var i=a[t];if(null===(r=e.values)||void 0===r?void 0:r[i])for(var s=0,l=Object.keys(e.values[i]);s<l.length;s++){var o=l[s];(0,utils_1.setParameterValue)(i,o,e.values[i][o])}}}exports.normalizeUrlProtocol=normalizeUrlProtocol,exports.updateStorage=updateStorage;var getParameters=function(e,r){return e.filter((function(e){return e.in===r})).reduce((function(e,r){var t=r.in,a=r.name;return e[a]=(0,utils_1.getParameterValue)(t||"",a),e}),{})};exports.getParameters=getParameters;var pathTemplateRegExp=/(?:{)(\w+)(?:})/g;function getServerWithVariables(e,r){void 0===r&&(r=0);var t=e[r],a=getDefaultOrStoredVariables(t);return(0,tslib_1.__assign)((0,tslib_1.__assign)({},t),{variables:a})}function getInitialServerWithVariables(e){var r=(0,utils_1.fromSessionStorage)("serverUrl"),t=e.find((function(e){return e.url===r}))||e[0],a=getDefaultOrStoredVariables(t);return(0,tslib_1.__assign)((0,tslib_1.__assign)({},t),{variables:a})}function expandVariables(e,r){return void 0===r&&(r={}),e.replace(pathTemplateRegExp,(function(e,t){return r[t]||e}))}function expandDefaultServerVariables(e,r){return void 0===r&&(r={}),e.replace(pathTemplateRegExp,(function(e,t){return r[t]&&r[t].default||e}))}function getDefaultOrStoredVariables(e){if(!(null==e?void 0:e.variables))return{};var r=(0,utils_1.fromSessionStorage)("variables"),t=r&&JSON.parse(r)||{},a={};return Object.entries(e.variables||{}).forEach((function(e){var r=e[0],i=e[1];a[r]=t[r]||i.default||""})),a}function updateVariablesStorage(e,r){var t,a=(0,utils_1.fromSessionStorage)("variables"),i=a&&JSON.parse(a)||{};(0,utils_1.toSessionStorage)("variables",JSON.stringify((0,tslib_1.__assign)((0,tslib_1.__assign)({},i),((t={})[e]=r,t))))}function unescapeQueryParams(e){return Object.entries(e).reduce((function(e,r){var t=r[0],a=r[1];return e[(0,utils_1.unescapeFormId)(t)]=a,e}),{})}function getFileNameFromHeaders(e){for(var r="filename=",t=0,a=Object.entries(e);t<a.length;t++){var i=a[t],s=i[0],l=i[1];if("content-disposition"===s.toLowerCase()){var o=l.split(";").find((function(e){return e.trim().startsWith(r)}));if(o)return o.split(r)[1]}}return""}exports.getServerWithVariables=getServerWithVariables,exports.getInitialServerWithVariables=getInitialServerWithVariables,exports.expandVariables=expandVariables,exports.expandDefaultServerVariables=expandDefaultServerVariables,exports.getDefaultOrStoredVariables=getDefaultOrStoredVariables,exports.updateVariablesStorage=updateVariablesStorage,exports.unescapeQueryParams=unescapeQueryParams,exports.getFileNameFromHeaders=getFileNameFromHeaders;
 //# sourceMappingURL=utils.js.map

package/lib/components/pluggable/RedocResponse.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedocResponse=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),styled_components_1=require("./styled.components"),services_1=require("../../redoc-lib/src/services"),RedocResponse=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.store,r=e.pointer,o=e.hideSamples,n=new services_1.OperationModel(t.definition.parser,{pointer:r,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,t.options,!1),s=new redoc_lib_1.ResponseModel({parser:t.definition.parser,code:"default",defaultAsError:!1,infoOrRef:{$ref:r},options:t.options,operation:n});s.description=s.summary;var i=o?styled_components_1.FullWidthPanel:redoc_lib_1.MiddlePanel;return React.createElement(redoc_lib_1.Row,{layout:t.layout},React.createElement(i,{style:{paddingBottom:"20px"}},React.createElement(redoc_lib_1.ResponseDetails,{response:s})),!o&&React.createElement(redoc_lib_1.RightPanel,null,React.createElement(styled_components_1.SamplesWrap,null,React.createElement(redoc_lib_1.PayloadSamples,{content:s.content})))||React.createElement("span",null))}}),t}(React.Component);exports.RedocResponse=RedocResponse;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedocResponse=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),styled_components_1=require("./styled.components"),services_1=require("../../redoc-lib/src/services"),RedocResponse=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.store,r=e.pointer,o=e.hideSamples,n=new services_1.OperationModel(t.definition.parser,{pointer:r,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,t.options,!1),s=new redoc_lib_1.ResponseModel({parser:t.definition.parser,code:"default",defaultAsError:!1,infoOrRef:{$ref:r},options:t.options,operation:n});s.description=s.summary;var i=o?styled_components_1.FullWidthPanel:redoc_lib_1.MiddlePanel;return React.createElement(redoc_lib_1.Row,{layout:t.layout},React.createElement(i,{style:{paddingBottom:"20px"}},React.createElement(redoc_lib_1.ResponseDetails,{response:s})),!o&&s.content&&React.createElement(redoc_lib_1.RightPanel,null,React.createElement(styled_components_1.SamplesWrap,null,React.createElement(redoc_lib_1.PayloadSamples,{content:s.content})))||React.createElement("span",null))}}),t}(React.Component);exports.RedocResponse=RedocResponse;
 //# sourceMappingURL=RedocResponse.js.map

package/lib/components/pluggable/styled.components.d.ts

@@ -1,6 +1,7 @@
-export declare const SamplesWrap: import("styled-components").StyledComponent<"div", import("../../redoc-lib").ResolvedThemeInterface, {}, never>;
-export declare const ExamplesWrap: import("styled-components").StyledComponent<"div", import("../../redoc-lib").ResolvedThemeInterface, {}, never>;
-export declare const FullWidthPanel: import("styled-components").StyledComponent<"div", import("../../redoc-lib").ResolvedThemeInterface, {
+import { ProTheme } from '../../services/extendTheme';
+export declare const SamplesWrap: import("styled-components").StyledComponent<"div", ProTheme, {}, never>;
+export declare const ExamplesWrap: import("styled-components").StyledComponent<"div", ProTheme, {}, never>;
+export declare const FullWidthPanel: import("styled-components").StyledComponent<"div", ProTheme, {
     compact?: boolean | undefined;
     isStacked?: boolean | undefined;
 }, never>;

package/lib/components/shared/Button.d.ts

@@ -1,5 +1,4 @@
-import { ResolvedThemeInterface } from '../../redoc-lib/src/styled-components';
-export declare const baseButton: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<ResolvedThemeInterface>>;
+export declare const baseButton: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../../services/extendTheme").ProTheme>>;
 export interface ButtonProps {
     color?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'error';
     disabled?: boolean;
@@ -8,5 +7,5 @@ export interface ButtonProps {
     variant?: 'outlined' | 'contained';
     size?: 'small' | 'medium' | 'large' | 'xlarge' | string;
 }
-export declare const Button: import("styled-components").StyledComponent<"button", ResolvedThemeInterface, ButtonProps, never>;
-export declare const ButtonLink: import("styled-components").StyledComponent<"a", ResolvedThemeInterface, ButtonProps, never>;
+export declare const Button: import("styled-components").StyledComponent<"button", import("../../services/extendTheme").ProTheme, ButtonProps, never>;
+export declare const ButtonLink: import("styled-components").StyledComponent<"a", import("../../services/extendTheme").ProTheme, ButtonProps, never>;

package/lib/components/shared/CopyButton.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CopyButton=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),react_1=require("react"),Button_1=require("./Button"),CopyButton=function(t){var e=t.text,r=(0,react_1.useState)("Copy"),o=r[0],n=r[1];return React.createElement(React.Fragment,null,React.createElement(Button_1.Button,{onClick:function(){return(0,tslib_1.__awaiter)(void 0,void 0,void 0,(function(){return(0,tslib_1.__generator)(this,(function(t){switch(t.label){case 0:return[4,navigator.clipboard.writeText(e)];case 1:return t.sent(),n("Copied!"),setTimeout((function(){return n("Copy")}),1500),[2]}}))}))}},o))};exports.CopyButton=CopyButton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CopyButton=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),react_1=require("react"),Button_1=require("./Button"),CopyButton=function(t){var e=t.text,r=(0,react_1.useState)("Copy"),o=r[0],i=r[1];return React.createElement(Button_1.Button,{onClick:function(){return(0,tslib_1.__awaiter)(void 0,void 0,void 0,(function(){return(0,tslib_1.__generator)(this,(function(t){switch(t.label){case 0:return[4,navigator.clipboard.writeText(e)];case 1:return t.sent(),i("Copied!"),setTimeout((function(){return i("Copy")}),1500),[2]}}))}))}},o)};exports.CopyButton=CopyButton;
 //# sourceMappingURL=CopyButton.js.map

package/lib/components/shared/HttpVerb.d.ts

@@ -1,4 +1,4 @@
-export declare const HttpVerb: import("styled-components").StyledComponent<"span", import("../../redoc-lib/src/theme").ResolvedThemeInterface, {
+export declare const HttpVerb: import("styled-components").StyledComponent<"span", import("../../services/extendTheme").ProTheme, {
     type: string;
     compact?: boolean | undefined;
 }, never>;

package/lib/components/shared/MimeLabel.d.ts

@@ -1 +1 @@
-export declare const MimeLabel: import("styled-components").StyledComponent<"div", import("../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;
+export declare const MimeLabel: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;

package/lib/components/shared/NoSampleLabel.d.ts

@@ -1,2 +1,2 @@
-export declare const NoSampleLabel: import("styled-components").StyledComponent<"div", import("../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;
-export declare const WarnMessage: import("styled-components").StyledComponent<"div", import("../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;
+export declare const NoSampleLabel: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const WarnMessage: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;

package/lib/components/styled.elements.d.ts

@@ -1,20 +1,21 @@
 /// <reference types="react" />
+import { ProTheme } from '../services/extendTheme';
 import { ProStore, LayoutVariant } from '../services';
-export declare const StyledToggleRightPanelButton: import("styled-components").StyledComponent<"a", import("../redoc-lib").ResolvedThemeInterface, {}, never>;
+export declare const StyledToggleRightPanelButton: import("styled-components").StyledComponent<"a", ProTheme, {}, never>;
 export declare const ToggleRightPanelButton: ({ store, isVisible, }: {
     store: ProStore;
     isVisible: boolean;
 }) => JSX.Element | null;
-export declare const ArrowIcon: import("styled-components").StyledComponent<(props: any) => JSX.Element, import("../redoc-lib").ResolvedThemeInterface, {}, never>;
-export declare const RedocWrap: import("styled-components").StyledComponent<"div", import("../redoc-lib").ResolvedThemeInterface, {}, never>;
-export declare const ApiContentWrap: import("styled-components").StyledComponent<"div", import("../redoc-lib").ResolvedThemeInterface, {
+export declare const ArrowIcon: import("styled-components").StyledComponent<(props: any) => JSX.Element, ProTheme, {}, never>;
+export declare const RedocWrap: import("styled-components").StyledComponent<"div", ProTheme, {}, never>;
+export declare const ApiContentWrap: import("styled-components").StyledComponent<"div", ProTheme, {
     layout?: LayoutVariant | undefined;
 }, never>;
-export declare const BackgroundStub: import("styled-components").StyledComponent<"div", import("../redoc-lib").ResolvedThemeInterface, {}, never>;
-export declare const BackgroundStubFix: import("styled-components").StyledComponent<"div", import("../redoc-lib").ResolvedThemeInterface, {}, never>;
-export declare const NextSectionButtonWrap: import("styled-components").StyledComponent<"div", import("../redoc-lib").ResolvedThemeInterface, {}, never>;
-export declare const ChangeViewButton: ({ store, isVisible }: {
+export declare const BackgroundStub: import("styled-components").StyledComponent<"div", ProTheme, {}, never>;
+export declare const BackgroundStubFix: import("styled-components").StyledComponent<"div", ProTheme, {}, never>;
+export declare const NextSectionButtonWrap: import("styled-components").StyledComponent<"div", ProTheme, {}, never>;
+export declare const ChangeViewButton: ({ store, isVisible, }: {
     store: ProStore;
     isVisible: boolean;
 }) => JSX.Element | null;
-export declare const ControlsWrap: import("styled-components").StyledComponent<"div", import("../redoc-lib").ResolvedThemeInterface, {}, never>;
+export declare const ControlsWrap: import("styled-components").StyledComponent<"div", ProTheme, {}, never>;

package/lib/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useMount } from './useMount';
+export { useUnmount } from './useUnmount';

package/lib/hooks/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useUnmount=exports.useMount=void 0;var useMount_1=require("./useMount");Object.defineProperty(exports,"useMount",{enumerable:!0,get:function(){return useMount_1.useMount}});var useUnmount_1=require("./useUnmount");Object.defineProperty(exports,"useUnmount",{enumerable:!0,get:function(){return useUnmount_1.useUnmount}});
+//# sourceMappingURL=index.js.map

package/lib/hooks/useMount.d.ts

@@ -0,0 +1 @@
+export declare const useMount: (callback: () => void) => void;

package/lib/hooks/useMount.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useMount=void 0;var react_1=require("react"),useMount=function(e){(0,react_1.useEffect)((function(){e()}),[])};exports.useMount=useMount;
+//# sourceMappingURL=useMount.js.map

package/lib/hooks/useUnmount.d.ts

@@ -0,0 +1 @@
+export declare const useUnmount: (callback: () => void) => void;

package/lib/hooks/useUnmount.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useUnmount=void 0;var react_1=require("react"),useUnmount=function(e){(0,react_1.useEffect)((function(){return function(){e()}}),[])};exports.useUnmount=useUnmount;
+//# sourceMappingURL=useUnmount.js.map

package/lib/index.d.ts

@@ -1,6 +1,6 @@
-export * from './components';
-export * from './services';
-export * from './redoc-lib';
-export * from './models';
+export * from './components/index';
+export * from './services/index';
+export * from './redoc-lib/index';
+export * from './models/index';
 export type { setSecurityDetails, setSecurityDetailsVariants, setParameterValue, SecurityDetails, } from './utils';
 export type { OAuth2 } from './services/OAuth2';

package/lib/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=require("tslib");(0,tslib_1.__exportStar)(require("./components"),exports),(0,tslib_1.__exportStar)(require("./services"),exports),(0,tslib_1.__exportStar)(require("./redoc-lib"),exports),(0,tslib_1.__exportStar)(require("./models"),exports);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=require("tslib");(0,tslib_1.__exportStar)(require("./components/index"),exports),(0,tslib_1.__exportStar)(require("./services/index"),exports),(0,tslib_1.__exportStar)(require("./redoc-lib/index"),exports),(0,tslib_1.__exportStar)(require("./models/index"),exports);
 //# sourceMappingURL=index.js.map

package/lib/redoc-lib/src/common-elements/CopyButtonWrapper.d.ts

@@ -1,15 +1,15 @@
 import * as React from 'react';
 export interface CopyButtonWrapperProps {
-    data: any;
+    data: unknown;
     children: (props: {
-        renderCopyButton: () => React.ReactNode;
-    }) => React.ReactNode;
+        renderCopyButton: () => JSX.Element;
+    }) => JSX.Element;
 }
 export declare class CopyButtonWrapper extends React.PureComponent<CopyButtonWrapperProps, {
     tooltipShown: boolean;
 }> {
-    constructor(props: any);
-    render(): React.ReactNode;
+    constructor(props: CopyButtonWrapperProps);
+    render(): JSX.Element;
     copy: () => void;
     renderCopyButton: () => JSX.Element;
     showTooltip(): void;

package/lib/redoc-lib/src/common-elements/Download.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare type FileInfo = {
+    fileInfo?: {
+        rawData: any;
+        fileName: string;
+    };
+};
+export declare function Download({ fileInfo }: FileInfo): JSX.Element | null;

package/lib/redoc-lib/src/common-elements/Download.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Download=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),samples_1=require("./samples"),styled_components_1=(0,tslib_1.__importDefault)(require("../styled-components"));function Download(e){var t,l,o=e.fileInfo;if(!o)return null;var n=o.rawData,a=o.fileName,r=null===(l=null===(t=null===window||void 0===window?void 0:window.URL)||void 0===t?void 0:t.createObjectURL)||void 0===l?void 0:l.call(t,n instanceof Blob?n:new Blob([n],{type:"text/plain"}));return React.createElement(StyledAnchor,{href:r,download:a,title:"Download response"},React.createElement(samples_1.SamplesControlButton,null,"Download"))}exports.Download=Download;var templateObject_1,StyledAnchor=styled_components_1.default.a(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-left: 10px;\n"],["\n  margin-left: 10px;\n"])));
+//# sourceMappingURL=Download.js.map

package/lib/redoc-lib/src/common-elements/LinkToField.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
+import { PropsWithChildren } from 'react';
 import { FieldModel } from '../services';
 interface LinkToFieldProps {
     field: FieldModel;
     className?: string;
-    children?: any;
 }
-export declare const LinkToField: (props: LinkToFieldProps) => JSX.Element;
-export declare const ShareLinkToField: import("styled-components").StyledComponent<(props: LinkToFieldProps) => JSX.Element, import("../theme").ResolvedThemeInterface, {}, never>;
+export declare const LinkToField: (props: PropsWithChildren<LinkToFieldProps>) => JSX.Element;
+export declare const ShareLinkToField: import("styled-components").StyledComponent<(props: PropsWithChildren<LinkToFieldProps>) => JSX.Element, import("../../../services/extendTheme").ProTheme, {}, never>;
 export {};