npm - @redocly/reference-docs - Versions diffs - 2.11.0 → 2.11.1 - Mend

@redocly/reference-docs 2.11.0 → 2.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (300) hide show

package/lib-esm/components/console/Console.js CHANGED Viewed

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

package/lib-esm/components/console/OAuth2Flow.d.ts CHANGED Viewed

@@ -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-esm/components/console/OAuth2TokenInput.d.ts CHANGED Viewed

@@ -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-esm/components/console/OAuth2TokenInput.js CHANGED Viewed

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

package/lib-esm/components/console/ParameterDropdown.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import*as React from"react";import{asField}from"informed";import{Dropdown}from"../../redoc-lib";var ParameterEnumDropdownComponent=function(e){var a=e.initValue,r=e.paramEnum,t=e.fieldApi,n=React.useState(a),o=n[0],i=n[1],u=r.map((function(e,a){return{id:String(a),value:e}}));return React.useEffect((function(){a&&t.setValue(a)}),[]),React.createElement(Dropdown,{fullWidth:!0,variant:"dark",value:o,options:u,onChange:function(e){t.setValue(e.value),i(e.value)}})};export var ParameterEnumDropdown=asField(ParameterEnumDropdownComponent);
+import*as React from"react";import{asField}from"informed";import{Dropdown}from"../../redoc-lib";import{useMount}from"../../hooks";var ParameterEnumDropdownComponent=function(e){var o=e.initValue,r=e.paramEnum,n=e.fieldApi,t=React.useState(o),a=t[0],u=t[1],i=r.map((function(e,o){return{id:String(o),value:e}}));return useMount((function(){o&&n.setValue(o)})),React.createElement(Dropdown,{fullWidth:!0,variant:"dark",value:a,options:i,onChange:function(e){n.setValue(e.value),u(e.value)}})};export var ParameterEnumDropdown=asField(ParameterEnumDropdownComponent);
 //# sourceMappingURL=ParameterDropdown.js.map

package/lib-esm/components/console/RequestMimeLabel.d.ts CHANGED Viewed

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

package/lib-esm/components/console/ResponsePanel.d.ts CHANGED Viewed

@@ -16,8 +16,8 @@ export interface ResponsePanelProps {
     };
     time?: number;
 }
-export declare const ResponseHeader: import("styled-components").StyledComponent<"div", import("../../redoc-lib").ResolvedThemeInterface, {}, never>;
-export declare const PanelStyledPre: import("styled-components").StyledComponent<"pre", import("../../redoc-lib").ResolvedThemeInterface, {}, never>;
+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-esm/components/console/ResponsePanel.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__extends,__makeTemplateObject}from"tslib";import*as React from"react";import{styled}from"../../redoc-lib";import{StyledPre}from"../../redoc-lib/src/common-elements";import{ResponseBody}from"./ResponseBody";var ResponseBadges=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-bottom: 10px;\n"],["\n  margin-bottom: 10px;\n"]))),ResponseBadgeBase=styled.div(templateObject_2||(templateObject_2=__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=styled(ResponseBadgeBase)(templateObject_3||(templateObject_3=__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=styled.strong(templateObject_4||(templateObject_4=__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=styled.header(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  font-weight: bold;\n  margin-bottom: 10px;\n"],["\n  font-weight: bold;\n  margin-bottom: 10px;\n"]))),ErrorDetails=styled.code(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  border-left: 3px solid #ff4040;\n  padding-left: 5px;\n"],["\n  border-left: 3px solid #ff4040;\n  padding-left: 5px;\n"])));export var ResponseHeader=styled.div(templateObject_7||(templateObject_7=__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"])));export var PanelStyledPre=styled(StyledPre)(templateObject_8||(templateObject_8=__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 __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t=this.props,n=t.error,a=t.response,r=t.time,l=a||n&&n.response,o=l&&l.data&&l.data.length||0;if(e=o>1e6?(o/1e6).toFixed(2)+" MB":o>1e3?(o/1e3).toFixed(2)+" KB":o+" B",n&&!n.response||!l)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(!l)return"Something went wrong";var c=Object.keys(l.headers);return React.createElement(React.Fragment,null,React.createElement(ResponseBadges,null,React.createElement(ResponseBadge,{code:l.status},React.createElement("span",null," Status: "),l.status," ",l.statusText),React.createElement(ResponseBadgeBase,null,React.createElement("span",null," Time: "),r,"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," ",l.headers[e]))}))),React.createElement(ResponseBody,{response:l})))}}),t}(React.PureComponent);export{ResponsePanel};
+import{__extends,__makeTemplateObject}from"tslib";import*as React from"react";import{styled}from"../../redoc-lib";import{StyledPre}from"../../redoc-lib/src/common-elements";import{ResponseBody}from"./ResponseBody";var ResponseBadges=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-bottom: 10px;\n"],["\n  margin-bottom: 10px;\n"]))),ResponseBadgeBase=styled.div(templateObject_2||(templateObject_2=__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=styled(ResponseBadgeBase)(templateObject_3||(templateObject_3=__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=styled.strong(templateObject_4||(templateObject_4=__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=styled.header(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  font-weight: bold;\n  margin-bottom: 10px;\n"],["\n  font-weight: bold;\n  margin-bottom: 10px;\n"]))),ErrorDetails=styled.code(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  border-left: 3px solid #ff4040;\n  padding-left: 5px;\n"],["\n  border-left: 3px solid #ff4040;\n  padding-left: 5px;\n"])));export var ResponseHeader=styled.div(templateObject_7||(templateObject_7=__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"])));export var PanelStyledPre=styled(StyledPre)(templateObject_8||(templateObject_8=__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 __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t=this.props,n=t.error,a=t.response,r=t.time,l=a||n&&n.response,o=l&&l.data&&l.data.length||0;if(e=o>1e6?(o/1e6).toFixed(2)+" MB":o>1e3?(o/1e3).toFixed(2)+" KB":o+" B",n&&!n.response||!l)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(!l)return React.createElement(React.Fragment,null,"Something went wrong");var c=Object.keys(l.headers);return React.createElement(React.Fragment,null,React.createElement(ResponseBadges,null,React.createElement(ResponseBadge,{code:l.status},React.createElement("span",null," Status: "),l.status," ",l.statusText),React.createElement(ResponseBadgeBase,null,React.createElement("span",null," Time: "),r,"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," ",l.headers[e]))}))),React.createElement(ResponseBody,{response:l})))}}),t}(React.PureComponent);export{ResponsePanel};
 //# sourceMappingURL=ResponsePanel.js.map

package/lib-esm/components/console/ServerDropdown.d.ts CHANGED Viewed

@@ -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-esm/components/console/ServerDropdown.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__assign,__decorate,__extends,__makeTemplateObject}from"tslib";import*as React from"react";import{Dropdown,styled}from"../../redoc-lib";import{observer}from"mobx-react";import{fromSessionStorage,toSessionStorage}from"../../utils";import ServerVariable from"./ServerVariable";import{FormControl,FormLabel}from"../common/form";import{expandDefaultServerVariables,expandVariables,getServerWithVariables,getDefaultOrStoredVariables,updateVariablesStorage}from"./utils";var 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 a=r.props.operation.servers.find((function(r){return r.url===e.serverUrl})),t=getDefaultOrStoredVariables(a);r.props.onChange({url:e.serverUrl,variables:t}),toSessionStorage("serverUrl",e.serverUrl),r.setState({variables:t})}}),Object.defineProperty(r,"handleVariableChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e,a){var t,n=r.props.operation.servers[r.state.activeIdx],o=__assign(__assign({},r.state.variables),((t={})[e]=a||getDefaultOrStoredVariables(n)[e],t));r.setState({variables:o}),updateVariablesStorage(e,a),r.props.onChange(__assign(__assign({},n),{variables:o}))}}),r}return __extends(r,e),Object.defineProperty(r,"getDerivedStateFromProps",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var r=e.operation,a=fromSessionStorage("serverUrl"),t=r.servers.findIndex((function(e){return e.url===a}));return{activeIdx:t<0?0:t}}}),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=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,a=this.props.operation.servers.map((function(r){return{serverUrl:r.url,value:"\n          "+expandDefaultServerVariables(expandVariables(r.url,e.state.variables),r.variables)+"\n        - "+(r.description||"Default")+"\n      "}})),t=Object.keys(this.state.variables);return React.createElement(ServerDropdownWrap,null,React.createElement(FormLabel,{htmlFor:"server"},"Target server: "),React.createElement(FormControl,null,React.createElement(Dropdown,{openUp:!0,variant:"dark",value:a[r].value,options:a,onChange:this.handleServerChange})),t.length?t.map((function(r){var a=e.props.operation.servers[e.state.activeIdx].variables[r];return React.createElement(ServerVariable,{key:r,name:r,value:e.state.variables[r],defaultValue:a.default,onChange:function(a){return e.handleVariableChange(r,a)},variableEnum:a.enum,description:a.description})})):null)}}),r=__decorate([observer],r)}(React.Component);export{ServerChooser};var templateObject_1,ServerDropdownWrap=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-top: 20px;\n"],["\n  margin-top: 20px;\n"])));
+import{__assign,__decorate,__extends,__makeTemplateObject}from"tslib";import*as React from"react";import{Dropdown,styled}from"../../redoc-lib";import{observer}from"mobx-react";import{fromSessionStorage,toSessionStorage}from"../../utils";import ServerVariable from"./ServerVariable";import{FormControl,FormLabel}from"../common/form";import{expandDefaultServerVariables,expandVariables,getServerWithVariables,getDefaultOrStoredVariables,updateVariablesStorage}from"./utils";var 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 a=r.props.operation.servers.find((function(r){return r.url===e.serverUrl})),t=getDefaultOrStoredVariables(a);r.props.onChange({url:e.serverUrl,variables:t}),toSessionStorage("serverUrl",e.serverUrl),r.setState({variables:t})}}),Object.defineProperty(r,"handleVariableChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e,a){var t,n=r.props.operation.servers[r.state.activeIdx],o=__assign(__assign({},r.state.variables),((t={})[e]=a||getDefaultOrStoredVariables(n)[e],t));r.setState({variables:o}),updateVariablesStorage(e,a),r.props.onChange(__assign(__assign({},n),{variables:o}))}}),r}return __extends(r,e),Object.defineProperty(r,"getDerivedStateFromProps",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var r=e.operation,a=fromSessionStorage("serverUrl"),t=r.servers.findIndex((function(e){return e.url===a}));return{activeIdx:t<0?0:t}}}),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=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,a=this.props.operation.servers.map((function(r){return{serverUrl:r.url,value:"\n          "+expandDefaultServerVariables(expandVariables(r.url,e.state.variables),r.variables)+"\n        - "+(r.description||"Default")+"\n      "}})),t=Object.keys(this.state.variables);return React.createElement(ServerDropdownWrap,null,React.createElement(FormLabel,{htmlFor:"server"},"Target server: "),React.createElement(FormControl,null,React.createElement(Dropdown,{openUp:!0,variant:"dark",value:a[r].value,options:a,onChange:this.handleServerChange})),t.length?t.map((function(r){var a,t=null===(a=e.props.operation.servers[e.state.activeIdx].variables)||void 0===a?void 0:a[r];if(t)return React.createElement(ServerVariable,{key:r,name:r,value:e.state.variables[r],defaultValue:t.default,onChange:function(a){return e.handleVariableChange(r,a)},variableEnum:t.enum,description:t.description})})):null)}}),r=__decorate([observer],r)}(React.Component);export{ServerChooser};var templateObject_1,ServerDropdownWrap=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-top: 20px;\n"],["\n  margin-top: 20px;\n"])));
 //# sourceMappingURL=ServerDropdown.js.map

package/lib-esm/components/console/styled.components.d.ts CHANGED Viewed

@@ -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-esm/components/console/utils.d.ts CHANGED Viewed

@@ -1,26 +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-esm/components/console/utils.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__assign}from"tslib";import{fromSessionStorage,getParameterValue,setParameterValue,setSecurityDetails,toSessionStorage,unescapeFormId}from"../../utils";export function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}export 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],n=e.values.auth[a];setSecurityDetails(a,n)}updateParameterStorage(e)}function updateParameterStorage(e){for(var r,t=0,a=["path","query","header","cookie"];t<a.length;t++){var n=a[t];if(null===(r=e.values)||void 0===r?void 0:r[n])for(var i=0,o=Object.keys(e.values[n]);i<o.length;i++){var s=o[i];setParameterValue(n,s,e.values[n][s])}}}export 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]=getParameterValue(t||"",a),e}),{})};var pathTemplateRegExp=/(?:{)(\w+)(?:})/g;export function getServerWithVariables(e,r){void 0===r&&(r=0);var t=e[r],a=getDefaultOrStoredVariables(t);return __assign(__assign({},t),{variables:a})}export function getInitialServerWithVariables(e){var r=fromSessionStorage("serverUrl"),t=e.find((function(e){return e.url===r}))||e[0],a=getDefaultOrStoredVariables(t);return __assign(__assign({},t),{variables:a})}export function expandVariables(e,r){return void 0===r&&(r={}),e.replace(pathTemplateRegExp,(function(e,t){return r[t]||e}))}export function expandDefaultServerVariables(e,r){return void 0===r&&(r={}),e.replace(pathTemplateRegExp,(function(e,t){return r[t]&&r[t].default||e}))}export function getDefaultOrStoredVariables(e){if(!(null==e?void 0:e.variables))return{};var r=fromSessionStorage("variables"),t=r&&JSON.parse(r)||{},a={};return Object.entries(e.variables||{}).forEach((function(e){var r=e[0],n=e[1];a[r]=t[r]||n.default||""})),__assign({},a)}export function updateVariablesStorage(e,r){var t,a=fromSessionStorage("variables"),n=a&&JSON.parse(a)||{};toSessionStorage("variables",JSON.stringify(__assign(__assign({},n),((t={})[e]=r,t))))}export function unescapeQueryParams(e){return Object.entries(e).reduce((function(e,r){var t=r[0],a=r[1];return e[unescapeFormId(t)]=a,e}),{})}export function getFileNameFromHeaders(e){for(var r="filename=",t=0,a=Object.entries(e);t<a.length;t++){var n=a[t],i=n[0],o=n[1];if("content-disposition"===i.toLowerCase()){var s=o.split(";").find((function(e){return e.trim().startsWith(r)}));if(s)return s.split(r)[1]}}return""}
+import{__assign}from"tslib";import{fromSessionStorage,getParameterValue,setParameterValue,setSecurityDetails,toSessionStorage,unescapeFormId}from"../../utils";export function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}export 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],n=e.values.auth[a];setSecurityDetails(a,n)}updateParameterStorage(e)}function updateParameterStorage(e){for(var r,t=0,a=["path","query","header","cookie"];t<a.length;t++){var n=a[t];if(null===(r=e.values)||void 0===r?void 0:r[n])for(var i=0,o=Object.keys(e.values[n]);i<o.length;i++){var s=o[i];setParameterValue(n,s,e.values[n][s])}}}export 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]=getParameterValue(t||"",a),e}),{})};var pathTemplateRegExp=/(?:{)(\w+)(?:})/g;export function getServerWithVariables(e,r){void 0===r&&(r=0);var t=e[r],a=getDefaultOrStoredVariables(t);return __assign(__assign({},t),{variables:a})}export function getInitialServerWithVariables(e){var r=fromSessionStorage("serverUrl"),t=e.find((function(e){return e.url===r}))||e[0],a=getDefaultOrStoredVariables(t);return __assign(__assign({},t),{variables:a})}export function expandVariables(e,r){return void 0===r&&(r={}),e.replace(pathTemplateRegExp,(function(e,t){return r[t]||e}))}export function expandDefaultServerVariables(e,r){return void 0===r&&(r={}),e.replace(pathTemplateRegExp,(function(e,t){return r[t]&&r[t].default||e}))}export function getDefaultOrStoredVariables(e){if(!(null==e?void 0:e.variables))return{};var r=fromSessionStorage("variables"),t=r&&JSON.parse(r)||{},a={};return Object.entries(e.variables||{}).forEach((function(e){var r=e[0],n=e[1];a[r]=t[r]||n.default||""})),a}export function updateVariablesStorage(e,r){var t,a=fromSessionStorage("variables"),n=a&&JSON.parse(a)||{};toSessionStorage("variables",JSON.stringify(__assign(__assign({},n),((t={})[e]=r,t))))}export function unescapeQueryParams(e){return Object.entries(e).reduce((function(e,r){var t=r[0],a=r[1];return e[unescapeFormId(t)]=a,e}),{})}export function getFileNameFromHeaders(e){for(var r="filename=",t=0,a=Object.entries(e);t<a.length;t++){var n=a[t],i=n[0],o=n[1];if("content-disposition"===i.toLowerCase()){var s=o.split(";").find((function(e){return e.trim().startsWith(r)}));if(s)return s.split(r)[1]}}return""}
 //# sourceMappingURL=utils.js.map

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

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

package/lib-esm/components/pluggable/styled.components.d.ts CHANGED Viewed

@@ -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-esm/components/shared/Button.d.ts CHANGED Viewed

@@ -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-esm/components/shared/CopyButton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__awaiter,__generator}from"tslib";import*as React from"react";import{useState}from"react";import{Button}from"./Button";export var CopyButton=function(t){var e=t.text,r=useState("Copy"),o=r[0],n=r[1];return React.createElement(React.Fragment,null,React.createElement(Button,{onClick:function(){return __awaiter(void 0,void 0,void 0,(function(){return __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))};
+import{__awaiter,__generator}from"tslib";import*as React from"react";import{useState}from"react";import{Button}from"./Button";export var CopyButton=function(t){var e=t.text,r=useState("Copy"),o=r[0],n=r[1];return React.createElement(Button,{onClick:function(){return __awaiter(void 0,void 0,void 0,(function(){return __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)};
 //# sourceMappingURL=CopyButton.js.map

package/lib-esm/components/shared/HttpVerb.d.ts CHANGED Viewed

@@ -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-esm/components/shared/MimeLabel.d.ts CHANGED Viewed

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

package/lib-esm/components/shared/NoSampleLabel.d.ts CHANGED Viewed

@@ -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-esm/components/styled.elements.d.ts CHANGED Viewed

@@ -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-esm/hooks/index.d.ts ADDED Viewed

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

package/lib-esm/hooks/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export{useMount}from"./useMount";export{useUnmount}from"./useUnmount";
2	+ //# sourceMappingURL=index.js.map

package/lib-esm/hooks/useMount.d.ts ADDED Viewed

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

package/lib-esm/hooks/useMount.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{useEffect}from"react";export var useMount=function(t){useEffect((function(){t()}),[])};
2	+ //# sourceMappingURL=useMount.js.map

package/lib-esm/hooks/useUnmount.d.ts ADDED Viewed

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

package/lib-esm/hooks/useUnmount.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{useEffect}from"react";export var useUnmount=function(t){useEffect((function(){return function(){t()}}),[])};
2	+ //# sourceMappingURL=useUnmount.js.map

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

@@ -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-esm/redoc-lib/src/common-elements/LinkToField.d.ts CHANGED Viewed

@@ -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 {};

package/lib-esm/redoc-lib/src/common-elements/LinkToField.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__assign,__makeTemplateObject}from"tslib";import*as React from"react";import{StoreContext}from"../components";import styled from"../styled-components";import{SECTION_ATTR}from"../services/constants";import{linkifyMixin,userIsForcingNavigation}from"./linkify";import{constructFieldDeepFragment}from"../../../services/history/helpers";import{LinkIcon}from"./icons";export var LinkToField=function(e){var n,i,t,o=React.useContext(StoreContext),r=React.useState(!1),l=r[0],s=r[1],a=(null==o?void 0:o.menu.history.linkForId(null===(i=e.field.deps.operation)||void 0===i?void 0:i.id))||"",c=constructFieldDeepFragment(e.field),p=o&&c?o.menu.history.generateDeepLink(c,a):null,m=o?((n={})[SECTION_ATTR]=(null===(t=e.field.deps.operation)||void 0===t?void 0:t.id)+o.options.deepLinkPrefix+c,n.id=p&&p.split("#")[1]||void 0,n):null;return React.useEffect((function(){if(o&&m)return s(o.menu.history.currentId===m[SECTION_ATTR]),o.menu.history.subscribe((function(e){s(e===m[SECTION_ATTR])}))}),[null==o?void 0:o.menu.history,null==m?void 0:m[SECTION_ATTR]]),c&&o&&p?React.createElement("a",__assign({className:e.className+(l?" active":""),href:p,onClick:function(e){return function(e,n,i){n.defaultPrevented||userIsForcingNavigation(n)||(n.preventDefault(),e.replaceForField(i))}(o.menu.history,e,p),e.stopPropagation(),e.preventDefault(),o.options.onDeepLinkClick&&o.options.onDeepLinkClick(p),!1}},m),React.createElement(LinkIcon,null),e.children):e.children||null};export var ShareLinkToField=styled(LinkToField)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  ","\n\n  & {\n    position: absolute;\n    padding-right: 4px;\n    transform: translateX(-90%);\n\n    .field-name:hover & ",", &:hover & "," {\n      visibility: visible;\n    }\n  }\n\n  &.active "," {\n    visibility: visible;\n  }\n"],["\n  ","\n\n  & {\n    position: absolute;\n    padding-right: 4px;\n    transform: translateX(-90%);\n\n    .field-name:hover & ",", &:hover & "," {\n      visibility: visible;\n    }\n  }\n\n  &.active "," {\n    visibility: visible;\n  }\n"])),linkifyMixin("&","13px"),LinkIcon,LinkIcon,LinkIcon);var templateObject_1;
+import{__assign,__makeTemplateObject}from"tslib";import React from"react";import{StoreContext}from"../components";import styled from"../styled-components";import{SECTION_ATTR}from"../services/constants";import{linkifyMixin,userIsForcingNavigation}from"./linkify";import{constructFieldDeepFragment}from"../../../services/history/helpers";import{LinkIcon}from"./icons";export var LinkToField=function(e){var n,i,t,o=React.useContext(StoreContext),r=React.useState(!1),l=r[0],a=r[1],s=(null==o?void 0:o.menu.history.linkForId(null===(i=e.field.deps.operation)||void 0===i?void 0:i.id))||"",c=constructFieldDeepFragment(e.field),p=o&&c?o.menu.history.generateDeepLink(c,s):null,m=o?((n={})[SECTION_ATTR]=(null===(t=e.field.deps.operation)||void 0===t?void 0:t.id)+o.options.deepLinkPrefix+c,n.id=p&&p.split("#")[1]||void 0,n):null;return React.useEffect((function(){if(o&&m)return a(o.menu.history.currentId===m[SECTION_ATTR]),o.menu.history.subscribe((function(e){a(e===m[SECTION_ATTR])}))}),[null==o?void 0:o.menu.history,null==m?void 0:m[SECTION_ATTR]]),c&&o&&p?React.createElement("a",__assign({className:e.className+(l?" active":""),href:p,onClick:function(e){return function(e,n,i){n.defaultPrevented||userIsForcingNavigation(n)||(n.preventDefault(),e.replaceForField(i))}(null==o?void 0:o.menu.history,e,p),e.stopPropagation(),e.preventDefault(),o.options.onDeepLinkClick&&o.options.onDeepLinkClick(p),!1}},m),React.createElement(LinkIcon,null),e.children):React.createElement(React.Fragment,null,e.children||null)};export var ShareLinkToField=styled(LinkToField)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  ","\n\n  & {\n    position: absolute;\n    padding-right: 4px;\n    transform: translateX(-90%);\n\n    .field-name:hover & ",", &:hover & "," {\n      visibility: visible;\n    }\n  }\n\n  &.active "," {\n    visibility: visible;\n  }\n"],["\n  ","\n\n  & {\n    position: absolute;\n    padding-right: 4px;\n    transform: translateX(-90%);\n\n    .field-name:hover & ",", &:hover & "," {\n      visibility: visible;\n    }\n  }\n\n  &.active "," {\n    visibility: visible;\n  }\n"])),linkifyMixin("&","13px"),LinkIcon,LinkIcon,LinkIcon);var templateObject_1;
 //# sourceMappingURL=LinkToField.js.map

package/lib-esm/redoc-lib/src/common-elements/PrismDiv.d.ts CHANGED Viewed

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

package/lib-esm/redoc-lib/src/common-elements/Tooltip.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { PropsWithChildren } from 'react';
 export interface TooltipProps {
     tip: string;
     open?: boolean;
@@ -6,4 +6,4 @@ export interface TooltipProps {
     variant?: 'light' | 'dark';
     width?: string;
 }
-export declare function Tooltip(props: React.PropsWithChildren<TooltipProps>): JSX.Element;
+export declare function Tooltip(props: PropsWithChildren<TooltipProps>): JSX.Element;

package/lib-esm/redoc-lib/src/common-elements/Tooltip.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import*as React from"react";import styled,{css}from"../styled-components";export function Tooltip(t){var n=t.children,e=t.open,r=t.tip,o=t.placement,a=void 0===o?"top":o,l=t.variant,p=void 0===l?"dark":l,i=t.width,s=React.useState(e),d=s[0],b=s[1],m=void 0!==e;React.useEffect((function(){m&&b(e)}),[e,m]);var c=React.useCallback((function(){b(!0)}),[b]),f=React.useCallback((function(){b(!1)}),[b]);return React.createElement(TooltipWrapper,{onMouseEnter:m?void 0:c,onMouseLeave:m?void 0:f,onClick:m?void 0:f},n,d?React.createElement(TooltipBody,{placement:a,variant:p,width:i},r):null)}var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,TooltipWrapper=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  position: relative;\n  display: inline-block;\n"],["\n  position: relative;\n  display: inline-block;\n"]))),tooltipBase=css(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  display: inline-block;\n\n  position: absolute;\n  text-align: center;\n\n  padding: 10px 20px;\n  max-width: 250px;\n  white-space: normal;\n  overflow-wrap: break-word;\n\n  border-radius: ",";\n  pointer-events: none;\n  transition: opacity 0.3s ease-out;\n\n  display: inline-block;\n  font-size: 13px;\n\n  &::after {\n    position: absolute;\n\n    content: ' ';\n    display: inline-block;\n    width: 0;\n    height: 0;\n  }\n"],["\n  display: inline-block;\n\n  position: absolute;\n  text-align: center;\n\n  padding: 10px 20px;\n  max-width: 250px;\n  white-space: normal;\n  overflow-wrap: break-word;\n\n  border-radius: ",";\n  pointer-events: none;\n  transition: opacity 0.3s ease-out;\n\n  display: inline-block;\n  font-size: 13px;\n\n  &::after {\n    position: absolute;\n\n    content: ' ';\n    display: inline-block;\n    width: 0;\n    height: 0;\n  }\n"])),(function(t){return t.theme.shape.borderRadius})),PLACEMENTS={top:css(templateObject_3||(templateObject_3=__makeTemplateObject(["\n    top: 0;\n    left: 50%;\n    transform: translate(-50%, -99%);\n    margin-top: -10px;\n\n    &::after {\n      border-left: 5px solid transparent;\n      border-right: 5px solid transparent;\n      border-top-width: 6px;\n      border-top-style: solid;\n      bottom: 0;\n      left: 50%;\n      transform: translate(-50%, 99%);\n    }\n  "],["\n    top: 0;\n    left: 50%;\n    transform: translate(-50%, -99%);\n    margin-top: -10px;\n\n    &::after {\n      border-left: 5px solid transparent;\n      border-right: 5px solid transparent;\n      border-top-width: 6px;\n      border-top-style: solid;\n      bottom: 0;\n      left: 50%;\n      transform: translate(-50%, 99%);\n    }\n  "]))),bottom:css(templateObject_4||(templateObject_4=__makeTemplateObject(["\n    bottom: 0;\n    left: 50%;\n    transform: translate(-50%, 99%);\n    margin-bottom: -10px;\n\n    &::after {\n      border-left: 5px solid transparent;\n      border-right: 5px solid transparent;\n      border-bottom-width: 6px;\n      border-bottom-style: solid;\n      top: 0;\n      left: 50%;\n      transform: translate(-50%, -99%);\n    }\n  "],["\n    bottom: 0;\n    left: 50%;\n    transform: translate(-50%, 99%);\n    margin-bottom: -10px;\n\n    &::after {\n      border-left: 5px solid transparent;\n      border-right: 5px solid transparent;\n      border-bottom-width: 6px;\n      border-bottom-style: solid;\n      top: 0;\n      left: 50%;\n      transform: translate(-50%, -99%);\n    }\n  "]))),left:css(templateObject_5||(templateObject_5=__makeTemplateObject(["\n    top: 50%;\n    left: 0;\n    transform: translate(-100%, -50%);\n    margin-left: -10px;\n\n    &::after {\n      border-top: 5px solid transparent;\n      border-bottom: 5px solid transparent;\n      border-left-width: 6px;\n      border-left-style: solid;\n      top: 50%;\n      right: 0;\n      transform: translate(99%, -50%);\n    }\n  "],["\n    top: 50%;\n    left: 0;\n    transform: translate(-100%, -50%);\n    margin-left: -10px;\n\n    &::after {\n      border-top: 5px solid transparent;\n      border-bottom: 5px solid transparent;\n      border-left-width: 6px;\n      border-left-style: solid;\n      top: 50%;\n      right: 0;\n      transform: translate(99%, -50%);\n    }\n  "]))),right:css(templateObject_6||(templateObject_6=__makeTemplateObject(["\n    top: 50%;\n    right: 0;\n    transform: translate(100%, -50%);\n    margin-right: -10px;\n\n    &::after {\n      border-top: 5px solid transparent;\n      border-bottom: 5px solid transparent;\n      border-right-width: 6px;\n      border-right-style: solid;\n      top: 50%;\n      left: 0;\n      transform: translate(-99%, -50%);\n    }\n  "],["\n    top: 50%;\n    right: 0;\n    transform: translate(100%, -50%);\n    margin-right: -10px;\n\n    &::after {\n      border-top: 5px solid transparent;\n      border-bottom: 5px solid transparent;\n      border-right-width: 6px;\n      border-right-style: solid;\n      top: 50%;\n      left: 0;\n      transform: translate(-99%, -50%);\n    }\n  "])))},VARIANTS={dark:css(templateObject_7||(templateObject_7=__makeTemplateObject(["\n    background: #52606d;\n    color: #f5f7fa;\n    box-shadow: rgb(0 0 0 / 25%) 0px 2px 4px;\n\n    &::after {\n      border-color: #52606d;\n    }\n  "],["\n    background: #52606d;\n    color: #f5f7fa;\n    box-shadow: rgb(0 0 0 / 25%) 0px 2px 4px;\n\n    &::after {\n      border-color: #52606d;\n    }\n  "]))),light:css(templateObject_8||(templateObject_8=__makeTemplateObject(["\n    background: white;\n    color: black;\n    box-shadow: rgb(0 0 0 / 25%) 0px 2px 4px;\n\n    &::after {\n      border-color: white;\n    }\n  "],["\n    background: white;\n    color: black;\n    box-shadow: rgb(0 0 0 / 25%) 0px 2px 4px;\n\n    &::after {\n      border-color: white;\n    }\n  "])))},TooltipBody=styled.span(templateObject_9||(templateObject_9=__makeTemplateObject(["\n  ","\n  width:",";\n  ","\n"],["\n  ","\n  width:",";\n  ","\n"])),tooltipBase,(function(t){return t.width||"120px"}),(function(t){var n=t.placement,e=t.variant;return""+VARIANTS[e]+PLACEMENTS[n]}));
+import{__makeTemplateObject}from"tslib";import React from"react";import styled,{css}from"../styled-components";export function Tooltip(t){var n=t.children,e=t.open,r=t.tip,o=t.placement,a=void 0===o?"top":o,l=t.variant,p=void 0===l?"dark":l,i=t.width,s=React.useState(e),d=s[0],b=s[1],m=void 0!==e;React.useEffect((function(){m&&b(e)}),[e,m]);var c=React.useCallback((function(){b(!0)}),[b]),f=React.useCallback((function(){b(!1)}),[b]);return React.createElement(TooltipWrapper,{onMouseEnter:m?void 0:c,onMouseLeave:m?void 0:f,onClick:m?void 0:f},n,d?React.createElement(TooltipBody,{placement:a,variant:p,width:i},r):null)}var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,TooltipWrapper=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  position: relative;\n  display: inline-block;\n"],["\n  position: relative;\n  display: inline-block;\n"]))),tooltipBase=css(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  display: inline-block;\n\n  position: absolute;\n  text-align: center;\n\n  padding: 10px 20px;\n  max-width: 250px;\n  white-space: normal;\n  overflow-wrap: break-word;\n\n  border-radius: ",";\n  pointer-events: none;\n  transition: opacity 0.3s ease-out;\n\n  display: inline-block;\n  font-size: 13px;\n\n  &::after {\n    position: absolute;\n\n    content: ' ';\n    display: inline-block;\n    width: 0;\n    height: 0;\n  }\n"],["\n  display: inline-block;\n\n  position: absolute;\n  text-align: center;\n\n  padding: 10px 20px;\n  max-width: 250px;\n  white-space: normal;\n  overflow-wrap: break-word;\n\n  border-radius: ",";\n  pointer-events: none;\n  transition: opacity 0.3s ease-out;\n\n  display: inline-block;\n  font-size: 13px;\n\n  &::after {\n    position: absolute;\n\n    content: ' ';\n    display: inline-block;\n    width: 0;\n    height: 0;\n  }\n"])),(function(t){return t.theme.shape.borderRadius})),PLACEMENTS={top:css(templateObject_3||(templateObject_3=__makeTemplateObject(["\n    top: 0;\n    left: 50%;\n    transform: translate(-50%, -99%);\n    margin-top: -10px;\n\n    &::after {\n      border-left: 5px solid transparent;\n      border-right: 5px solid transparent;\n      border-top-width: 6px;\n      border-top-style: solid;\n      bottom: 0;\n      left: 50%;\n      transform: translate(-50%, 99%);\n    }\n  "],["\n    top: 0;\n    left: 50%;\n    transform: translate(-50%, -99%);\n    margin-top: -10px;\n\n    &::after {\n      border-left: 5px solid transparent;\n      border-right: 5px solid transparent;\n      border-top-width: 6px;\n      border-top-style: solid;\n      bottom: 0;\n      left: 50%;\n      transform: translate(-50%, 99%);\n    }\n  "]))),bottom:css(templateObject_4||(templateObject_4=__makeTemplateObject(["\n    bottom: 0;\n    left: 50%;\n    transform: translate(-50%, 99%);\n    margin-bottom: -10px;\n\n    &::after {\n      border-left: 5px solid transparent;\n      border-right: 5px solid transparent;\n      border-bottom-width: 6px;\n      border-bottom-style: solid;\n      top: 0;\n      left: 50%;\n      transform: translate(-50%, -99%);\n    }\n  "],["\n    bottom: 0;\n    left: 50%;\n    transform: translate(-50%, 99%);\n    margin-bottom: -10px;\n\n    &::after {\n      border-left: 5px solid transparent;\n      border-right: 5px solid transparent;\n      border-bottom-width: 6px;\n      border-bottom-style: solid;\n      top: 0;\n      left: 50%;\n      transform: translate(-50%, -99%);\n    }\n  "]))),left:css(templateObject_5||(templateObject_5=__makeTemplateObject(["\n    top: 50%;\n    left: 0;\n    transform: translate(-100%, -50%);\n    margin-left: -10px;\n\n    &::after {\n      border-top: 5px solid transparent;\n      border-bottom: 5px solid transparent;\n      border-left-width: 6px;\n      border-left-style: solid;\n      top: 50%;\n      right: 0;\n      transform: translate(99%, -50%);\n    }\n  "],["\n    top: 50%;\n    left: 0;\n    transform: translate(-100%, -50%);\n    margin-left: -10px;\n\n    &::after {\n      border-top: 5px solid transparent;\n      border-bottom: 5px solid transparent;\n      border-left-width: 6px;\n      border-left-style: solid;\n      top: 50%;\n      right: 0;\n      transform: translate(99%, -50%);\n    }\n  "]))),right:css(templateObject_6||(templateObject_6=__makeTemplateObject(["\n    top: 50%;\n    right: 0;\n    transform: translate(100%, -50%);\n    margin-right: -10px;\n\n    &::after {\n      border-top: 5px solid transparent;\n      border-bottom: 5px solid transparent;\n      border-right-width: 6px;\n      border-right-style: solid;\n      top: 50%;\n      left: 0;\n      transform: translate(-99%, -50%);\n    }\n  "],["\n    top: 50%;\n    right: 0;\n    transform: translate(100%, -50%);\n    margin-right: -10px;\n\n    &::after {\n      border-top: 5px solid transparent;\n      border-bottom: 5px solid transparent;\n      border-right-width: 6px;\n      border-right-style: solid;\n      top: 50%;\n      left: 0;\n      transform: translate(-99%, -50%);\n    }\n  "])))},VARIANTS={dark:css(templateObject_7||(templateObject_7=__makeTemplateObject(["\n    background: #52606d;\n    color: #f5f7fa;\n    box-shadow: rgb(0 0 0 / 25%) 0px 2px 4px;\n\n    &::after {\n      border-color: #52606d;\n    }\n  "],["\n    background: #52606d;\n    color: #f5f7fa;\n    box-shadow: rgb(0 0 0 / 25%) 0px 2px 4px;\n\n    &::after {\n      border-color: #52606d;\n    }\n  "]))),light:css(templateObject_8||(templateObject_8=__makeTemplateObject(["\n    background: white;\n    color: black;\n    box-shadow: rgb(0 0 0 / 25%) 0px 2px 4px;\n\n    &::after {\n      border-color: white;\n    }\n  "],["\n    background: white;\n    color: black;\n    box-shadow: rgb(0 0 0 / 25%) 0px 2px 4px;\n\n    &::after {\n      border-color: white;\n    }\n  "])))},TooltipBody=styled.span(templateObject_9||(templateObject_9=__makeTemplateObject(["\n  ","\n  width:",";\n  ","\n"],["\n  ","\n  width:",";\n  ","\n"])),tooltipBase,(function(t){return t.width||"120px"}),(function(t){var n=t.placement,e=t.variant;return""+VARIANTS[e]+PLACEMENTS[n]}));
 //# sourceMappingURL=Tooltip.js.map

package/lib-esm/redoc-lib/src/common-elements/dropdown.d.ts CHANGED Viewed

@@ -9,7 +9,7 @@ export interface DropdownProps extends Partial<ReactDropdownProps> {
     options: DropdownOption[];
     onChange: (option: DropdownOption) => void;
 }
-export declare const darkDropdownStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../theme").ResolvedThemeInterface>>;
+export declare const darkDropdownStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../../../services/extendTheme").ProTheme>>;
 export declare const Dropdown: import("styled-components").StyledComponent<{
     (props: ReactDropdownProps): JSX.Element;
     defaultProps: {
@@ -36,7 +36,7 @@ export declare const Dropdown: import("styled-components").StyledComponent<{
         value: undefined;
         width: null;
     };
-}, import("../theme").ResolvedThemeInterface, {
+}, import("../../../services/extendTheme").ProTheme, {
     dense?: boolean | undefined;
     fullWidth?: boolean | undefined;
     openUp?: boolean | undefined;
@@ -69,11 +69,11 @@ export declare const SimpleDropdown: import("styled-components").StyledComponent
         value: undefined;
         width: null;
     };
-}, import("../theme").ResolvedThemeInterface, {
+}, import("../../../services/extendTheme").ProTheme, {
     dense?: boolean | undefined;
     fullWidth?: boolean | undefined;
     openUp?: boolean | undefined;
     variant?: "light" | "dark" | undefined;
     prefix?: string | undefined;
 }, never>;
-export declare const MimeLabel: import("styled-components").StyledComponent<"span", import("../theme").ResolvedThemeInterface, {}, never>;
+export declare const MimeLabel: import("styled-components").StyledComponent<"span", import("../../../services/extendTheme").ProTheme, {}, never>;

package/lib-esm/redoc-lib/src/common-elements/fields-layout.d.ts CHANGED Viewed

@@ -1,15 +1,15 @@
-export declare const PropertiesTableCaption: import("styled-components").StyledComponent<"caption", import("../theme").ResolvedThemeInterface, {}, never>;
-export declare const PropertyCell: import("styled-components").StyledComponent<"td", import("../theme").ResolvedThemeInterface, {
+export declare const PropertiesTableCaption: import("styled-components").StyledComponent<"caption", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const PropertyCell: import("styled-components").StyledComponent<"td", import("../../../services/extendTheme").ProTheme, {
     kind?: string | undefined;
 }, never>;
-export declare const PropertyCellWithInner: import("styled-components").StyledComponent<"td", import("../theme").ResolvedThemeInterface, {
+export declare const PropertyCellWithInner: import("styled-components").StyledComponent<"td", import("../../../services/extendTheme").ProTheme, {
     kind?: string | undefined;
 }, never>;
-export declare const PropertyNameCell: import("styled-components").StyledComponent<"td", import("../theme").ResolvedThemeInterface, {
+export declare const PropertyNameCell: import("styled-components").StyledComponent<"td", import("../../../services/extendTheme").ProTheme, {
     kind?: string | undefined;
 }, never>;
-export declare const PropertyDetailsCell: import("styled-components").StyledComponent<"td", import("../theme").ResolvedThemeInterface, {}, never>;
-export declare const PropertyBullet: import("styled-components").StyledComponent<"span", import("../theme").ResolvedThemeInterface, {}, never>;
-export declare const InnerPropertiesWrap: import("styled-components").StyledComponent<"div", import("../theme").ResolvedThemeInterface, {}, never>;
-export declare const PropertiesTableWrap: import("styled-components").StyledComponent<"div", import("../theme").ResolvedThemeInterface, {}, never>;
-export declare const PropertiesTable: import("styled-components").StyledComponent<"table", import("../theme").ResolvedThemeInterface, {}, never>;
+export declare const PropertyDetailsCell: import("styled-components").StyledComponent<"td", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const PropertyBullet: import("styled-components").StyledComponent<"span", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const InnerPropertiesWrap: import("styled-components").StyledComponent<"div", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const PropertiesTableWrap: import("styled-components").StyledComponent<"div", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const PropertiesTable: import("styled-components").StyledComponent<"table", import("../../../services/extendTheme").ProTheme, {}, never>;