@redocly/reference-docs 3.0.0-alpha.4 → 3.0.0-alpha.5

package/lib/components/console/CodemirrorInput.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodemirrorInput=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),informed_1=require("informed"),react_codemirror2_react_17_1=require("react-codemirror2-react-17"),styled_components_1=require("styled-components");require("./codemirror-helpers");var templateObject_1,types_1=require("../../types"),CodeMirrorStyles=(0,styled_components_1.createGlobalStyle)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  .cm-s-material.CodeMirror {\n    background-color: var(--samples-panel-controls-background-color)!important;\n    color: var(--color-content-inverse)!important;\n    font-family: var(--code-font-family);\n    line-height: 18px;\n    padding: 10px;\n  }\n\n  .CodeMirror-lint-mark-error {\n    background-size: 4px;\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n  }\n\n  .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n    background: rgba(255, 255, 255, 0.3) !important;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string.cm-property {\n    color: #9EFAA7;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string {\n    color: #FEE39E;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-atom {\n    color: var(--color-content-inverse);\n  }\n\n  div .cm-s-material .CodeMirror-matchingbracket {\n    outline: 1px solid grey;\n    text-decoration: none;\n  }\n\n  .react-codemirror2 {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    overflow: hidden;\n\n    flex: 1;\n  }\n\n  .CodeMirror {\n    flex: 1;\n    border-radius: var(--panels-border-radius);\n  }\n"],["\n  .cm-s-material.CodeMirror {\n    background-color: var(--samples-panel-controls-background-color)!important;\n    color: var(--color-content-inverse)!important;\n    font-family: var(--code-font-family);\n    line-height: 18px;\n    padding: 10px;\n  }\n\n  .CodeMirror-lint-mark-error {\n    background-size: 4px;\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n  }\n\n  .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n    background: rgba(255, 255, 255, 0.3) !important;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string.cm-property {\n    color: #9EFAA7;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string {\n    color: #FEE39E;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-atom {\n    color: var(--color-content-inverse);\n  }\n\n  div .cm-s-material .CodeMirror-matchingbracket {\n    outline: 1px solid grey;\n    text-decoration: none;\n  }\n\n  .react-codemirror2 {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    overflow: hidden;\n\n    flex: 1;\n  }\n\n  .CodeMirror {\n    flex: 1;\n    border-radius: var(--panels-border-radius);\n  }\n"]))),CodemirrorInput=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"editor",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(r,"_onKeyUp",{enumerable:!0,configurable:!0,writable:!0,value:function(e,n){/^[a-zA-Z0-9_":]$/.test(n.key)&&r.editor.execCommand("autocomplete")}}),Object.defineProperty(r,"initEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.editor=e,e.on("keyup",r._onKeyUp)}}),Object.defineProperty(r,"refreshEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.editor.refresh()}}),Object.defineProperty(r,"showHintHandler",{enumerable:!0,configurable:!0,writable:!0,value:function(){return r.editor.showHint({completeSingle:!0})}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;setTimeout((function(){e.editor.refresh()}),0),document.addEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){document.removeEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.fieldState.value,r=this.props.fieldApi,n=r.setValue,o=r.setTouched,t=r.setError,i=this.props,a=i.onChange,l=i.onBlur,c=i.forwardedRef;return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(CodeMirrorStyles,null),react_1.default.createElement(react_codemirror2_react_17_1.Controlled,{editorDidMount:this.initEditor,value:e||"",ref:c,onBeforeChange:function(e,r,o){n(o),a&&a(o)},onBlur:function(e){o(!1),l&&l(e)},options:{mode:this.props.mode||types_1.MediaTypes.JSON,theme:"material",matchBrackets:!0,autoCloseBrackets:!0,tabSize:2,foldGutter:!0,extraKeys:{"Cmd-Space":this.showHintHandler,"Ctrl-Space":this.showHintHandler},hintOptions:{id:this.props.id,completeSingle:!1,schema:this.props.schema},lint:{id:this.props.id,schema:this.props.schema,setError:t}}}))}}),r}(react_1.default.PureComponent);exports.CodemirrorInput=CodemirrorInput,exports.default=(0,informed_1.asField)(CodemirrorInput);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodemirrorInput=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),informed_1=require("informed"),react_codemirror2_react_17_1=require("react-codemirror2-react-17"),styled_components_1=require("styled-components");require("./codemirror-helpers");var templateObject_1,types_1=require("../../types"),CodeMirrorStyles=(0,styled_components_1.createGlobalStyle)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  .cm-s-material.CodeMirror {\n    background-color: var(--samples-panel-controls-background-color)!important;\n    color: var(--text-color-inverse)!important;\n    font-family: var(--code-font-family);\n    line-height: 18px;\n    padding: 10px;\n  }\n\n  .CodeMirror-lint-mark-error {\n    background-size: 4px;\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n  }\n\n  .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n    background: rgba(255, 255, 255, 0.3) !important;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string.cm-property {\n    color: var(--code-block-tokens-property-string-color);\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string {\n    color: var(--code-block-tokens-string-color);\n  }\n\n  .cm-s-material .CodeMirror-code .cm-atom {\n    color: var(--text-color-inverse);\n  }\n\n  div .cm-s-material .CodeMirror-matchingbracket {\n    outline: 1px solid grey;\n    text-decoration: none;\n  }\n\n  .react-codemirror2 {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    overflow: hidden;\n\n    flex: 1;\n  }\n\n  .CodeMirror {\n    flex: 1;\n    border-radius: var(--panel-border-radius);\n  }\n"],["\n  .cm-s-material.CodeMirror {\n    background-color: var(--samples-panel-controls-background-color)!important;\n    color: var(--text-color-inverse)!important;\n    font-family: var(--code-font-family);\n    line-height: 18px;\n    padding: 10px;\n  }\n\n  .CodeMirror-lint-mark-error {\n    background-size: 4px;\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n  }\n\n  .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n    background: rgba(255, 255, 255, 0.3) !important;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string.cm-property {\n    color: var(--code-block-tokens-property-string-color);\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string {\n    color: var(--code-block-tokens-string-color);\n  }\n\n  .cm-s-material .CodeMirror-code .cm-atom {\n    color: var(--text-color-inverse);\n  }\n\n  div .cm-s-material .CodeMirror-matchingbracket {\n    outline: 1px solid grey;\n    text-decoration: none;\n  }\n\n  .react-codemirror2 {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    overflow: hidden;\n\n    flex: 1;\n  }\n\n  .CodeMirror {\n    flex: 1;\n    border-radius: var(--panel-border-radius);\n  }\n"]))),CodemirrorInput=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"editor",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(r,"_onKeyUp",{enumerable:!0,configurable:!0,writable:!0,value:function(e,o){/^[a-zA-Z0-9_":]$/.test(o.key)&&r.editor.execCommand("autocomplete")}}),Object.defineProperty(r,"initEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.editor=e,e.on("keyup",r._onKeyUp)}}),Object.defineProperty(r,"refreshEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.editor.refresh()}}),Object.defineProperty(r,"showHintHandler",{enumerable:!0,configurable:!0,writable:!0,value:function(){return r.editor.showHint({completeSingle:!0})}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;setTimeout((function(){e.editor.refresh()}),0),document.addEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){document.removeEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.fieldState.value,r=this.props.fieldApi,o=r.setValue,t=r.setTouched,n=r.setError,i=this.props,a=i.onChange,l=i.onBlur,c=i.forwardedRef;return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(CodeMirrorStyles,null),react_1.default.createElement(react_codemirror2_react_17_1.Controlled,{editorDidMount:this.initEditor,value:e||"",ref:c,onBeforeChange:function(e,r,t){o(t),a&&a(t)},onBlur:function(e){t(!1),l&&l(e)},options:{mode:this.props.mode||types_1.MediaTypes.JSON,theme:"material",matchBrackets:!0,autoCloseBrackets:!0,tabSize:2,foldGutter:!0,extraKeys:{"Cmd-Space":this.showHintHandler,"Ctrl-Space":this.showHintHandler},hintOptions:{id:this.props.id,completeSingle:!1,schema:this.props.schema},lint:{id:this.props.id,schema:this.props.schema,setError:n}}}))}}),r}(react_1.default.PureComponent);exports.CodemirrorInput=CodemirrorInput,exports.default=(0,informed_1.asField)(CodemirrorInput);
 //# sourceMappingURL=CodemirrorInput.js.map

package/lib/components/console/Console.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Console=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),informed_1=require("informed"),mobx_react_1=require("mobx-react"),swagger_client_1=(0,tslib_1.__importDefault)(require("swagger-client")),utils_1=require("../../utils"),services_1=require("../../services"),redoc_lib_1=require("../../redoc-lib"),RenderHook_1=require("../../redoc-lib/src/components/RenderHook"),Labels_1=require("../../redoc-lib/src/services/Labels"),Panel_1=require("../Panel"),OAuth2_1=require("../../services/OAuth2"),helper_1=require("../common/FileUpload/helper"),OperationParameters_1=require("../OperationParameters"),hooks_1=require("../../hooks"),utils_2=require("./utils"),AuthPanel_1=require("./AuthPanel"),RequestBody_1=require("./RequestBody"),ResponsePanel_1=require("./ResponsePanel"),ActionPanel_1=require("./ActionPanel"),ServersDropdown_1=require("./ServersDropdown"),TryItPanel_1=require("./TryItPanel"),ConsoleTabs_1=require("./ConsoleTabs"),styled_1=require("./styled");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 s=t.values,a=(0,tslib_1.__rest)(t,["values"]);r.formApi=e,setTimeout((function(){var e=(0,tslib_1.__assign)((0,tslib_1.__assign)({},a),{values:(0,tslib_1.__assign)((0,tslib_1.__assign)({},s),{query:(0,utils_2.unescapeQueryParams)(s.query||{})})});r.setState({form:e})}),0)}}),Object.defineProperty(r,"handleChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.values,s=(0,tslib_1.__rest)(e,["values"]),a=(0,tslib_1.__assign)((0,tslib_1.__assign)({},s),{values:(0,tslib_1.__assign)((0,tslib_1.__assign)({},t),{query:(0,utils_2.unescapeQueryParams)(t.query||{})})});r.setState({form:a}),(0,utils_2.updateStorage)(a),r.props.operation.setRequestValues(t)}}),Object.defineProperty(r,"handleTabChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.setState({activeTab:e})}}),Object.defineProperty(r,"handleServerChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.setState({server:e}),r.props.operation.setActiveServer(e)}}),Object.defineProperty(r,"handleExecute",{enumerable:!0,configurable:!0,writable:!0,value:function(){return(0,tslib_1.__awaiter)(r,void 0,void 0,(function(){var e,t,r,s,a,o,n,i,l,u,c,p,d,_,h,v,b,m,y,g,f,P,R,q,S,C,A,w,T,k,I,E,O,x,B,j,F,H,D,V,U,N=this;return(0,tslib_1.__generator)(this,(function(L){switch(L.label){case 0:if(e=this.props,t=e.store,r=e.operation,s=e.onResponse,a=this.state.form,o=a.values,n=a.invalid,null===(x=this.formApi)||void 0===x||x.submitForm(),n)return this.setState({shaking:!0}),setTimeout((function(){return N.setState({shaking:!1})}),1e3),null===(j=null===(B=null==t?void 0:t.options.events)||void 0===B?void 0:B.tryItSent)||void 0===j||j.call(B,{eventType:services_1.AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"ValidationFailed",operationId:r.operationId,operationPath:r.path,operationHttpVerb:r.httpVerb,operationSummary:r.description}),[2];if(i=this.props.operation.requestBody,l=i&&i.content&&i.content.active&&i.content.active.name||"",u=o.body,/json/.test(l))try{u=JSON.parse(u)}catch(e){console.error(e)}if(this.setState({loading:!0}),c=this.state.resolvedRawSpec,p=(r.httpVerb||"").toLowerCase(),!(d=(0,utils_1.get)(c,["paths",r.path,p,"servers"])||(0,utils_1.get)(c,["paths",r.path,"servers"])||(0,utils_1.get)(c,["servers"])))throw console.error("Servers are not specified in your OpenAPI file. You can't use Try It Out console without specifying servers. If you use OpenAPI 2, make sure you configured host and basepath"),new Error("Servers are not specified");_=d.find((function(e){return N.state.server.url.endsWith(e.url.endsWith("/")?e.url.substring(0,e.url.length-1):e.url)})),h=Date.now(),v=!!window.document.documentMode,m=o.auth,o.auth?(y=Object.keys(o.auth)[0],g=(0,utils_1.unescapeFormId)(y),b=(0,tslib_1.__assign)((0,tslib_1.__assign)({},c),{components:(0,tslib_1.__assign)((0,tslib_1.__assign)({},null==c?void 0:c.components),{securitySchemes:(0,tslib_1.__assign)((0,tslib_1.__assign)({},null==c?void 0:c.components.securitySchemes),(k={},k[g]=(0,tslib_1.__assign)((0,tslib_1.__assign)({},null==c?void 0:c.components.securitySchemes[g]),{type:"openIdConnect"===(null==c?void 0:c.components.securitySchemes[g].type)?"oauth2":null==c?void 0:c.components.securitySchemes[g].type}),k))})}),m=(0,tslib_1.__assign)((0,tslib_1.__assign)({},m),((I={})[g]=m[y],I))):b=(0,tslib_1.__assign)({},c),(f=t.options.corsProxyUrl)&&d.length&&(b.servers=d.map((function(e){return(0,tslib_1.__assign)((0,tslib_1.__assign)({},e),{url:f+normalizeUrlProtocol(e.url)})})),b.paths=(0,tslib_1.__assign)((0,tslib_1.__assign)({},b.paths),((E={})[r.path]=(0,tslib_1.__assign)((0,tslib_1.__assign)({},b.paths[r.path]),((O={})[p]=(0,tslib_1.__assign)((0,tslib_1.__assign)({},b.paths[r.path][p]),{servers:void 0}),O.servers=void 0,O)),E))),(P=(null===(H=null===(F=null==i?void 0:i.content)||void 0===F?void 0:F.active)||void 0===H?void 0:H.name)||null)&&u&&(0,helper_1.isFileUploadMime)(P)&&(R=Object.values(u),u=R.length>1?R:R[0]),q={userFetch:v&&require("cross-fetch").fetch,server:f?f+normalizeUrlProtocol(_.url):_.url,serverVariables:this.state.server.variables,spec:b,pathName:r.path,method:r.httpVerb,parameters:(0,tslib_1.__assign)((0,tslib_1.__assign)((0,tslib_1.__assign)((0,tslib_1.__assign)({},o.path),o.query),o.header),o.cookie),securities:{authorized:m},requestBody:u,requestContentType:P,responseContentType:(null===(D=o.header)||void 0===D?void 0:D.Accept)||null,requestInterceptor:(0,utils_2.makeRequestInterceptor)(t.options,r,null==m?void 0:m.Authorization)},L.label=1;case 1:return L.trys.push([1,5,8,9]),[4,swagger_client_1.default.execute(q)];case 2:return S=L.sent(),(C=null==S?void 0:S.data)instanceof Blob?((0,helper_1.isFileUploadMime)(C.type)&&(S.fileInfo={rawData:C,fileName:(0,utils_2.getFileNameFromHeaders)(S.headers)}),A=S,[4,C.text()]):[3,4];case 3:A.data=L.sent(),L.label=4;case 4:return null==s||s({request:q,response:S}),this.setState({response:S,error:void 0}),[3,9];case 5:return(w=L.sent())&&w.response&&w.response.data instanceof Blob?(T=w.response,[4,w.response.data.text()]):[3,7];case 6:T.data=L.sent(),null==s||s({request:q,response:w.response}),L.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()-h}),null===(U=null===(V=null==t?void 0:t.options.events)||void 0===V?void 0:V.tryItSent)||void 0===U||U.call(V,{eventType:services_1.AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"Sent",operationId:r.operationId,operationPath:r.path,operationHttpVerb:r.httpVerb,operationSummary:r.description}),[7];case 9:return[2]}}))}))}}),r.state={form:{values:{path:(0,utils_2.getParameters)(t.operation.parameters,"path"),cookie:(0,utils_2.getParameters)(t.operation.parameters,"cookie"),header:(0,utils_2.getParameters)(t.operation.parameters,"header"),query:(0,utils_2.getParameters)(t.operation.parameters,"query")}},shaking:!1,loading:!1,activeTab:0,server:{}},r}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e;return(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){var t,r,s,a;return(0,tslib_1.__generator)(this,(function(o){switch(o.label){case 0:return t=this.props,r=t.store,s=t.operation,[4,r.dereferenceSpecForTryIt(s)];case 1:return a=o.sent(),this.setState({resolvedRawSpec:a}),null===(e=this.formApi)||void 0===e||e.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,s=e.rootElement,a=this.state,o=a.shaking,n=a.activeTab,i=a.form,l=a.response,u=a.loading,c=a.error,p=!(!l&&!c);return React.createElement(ConsoleWrapHook,{shaking:o,className:r,rootElement:s},React.createElement(Panel_1.CodeHeader,null,React.createElement(ConsoleTabs_1.ConsoleTabs,{active:n,hasResponse:p,onChange:this.handleTabChange}),this.props.onClose&&React.createElement(styled_1.CloseButton,{onClick:this.props.onClose}," ✕ ")),React.createElement(styled_1.ConsoleBody,{hidden:0!==n,"data-cy":"console-request-body"},this.renderRequest()),React.createElement(styled_1.ConsoleBody,{hidden:1!==n,"data-cy":"console-response-body"},this.renderResponse()),React.createElement(ActionPanel_1.ActionPanel,{hasResponse:p,params:i.values,operation:t,loading:u,execute:this.handleExecute}))}}),Object.defineProperty(t.prototype,"renderRequest",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t=this.props,r=t.operation,s=t.store,a=t.properties,o=t.securityDefaults,n=this.state,i=n.form,l=n.resolvedRawSpec,u=n.server,c=i.errors||{},p=c.path||c.cookie||c.header||c.query,d=l&&redoc_lib_1.JsonPointer.get(l,r.pointer),_=i.values&&i.values.auth&&Object.keys(i.values.auth)[0];_&&i.values.auth[_]||(_=void 0),!_||void 0===i.values.auth[_].token&&void 0===i.values.auth[_].client_id&&void 0===i.values.auth[_].client_secret||i.values.auth[_].token&&i.values.auth[_].token.access_token||(_=void 0),_&&null!=i.values.auth[_].username&&(i.values.auth[_].username&&i.values.auth[_].password||(_=void 0));var h=r.parameters||[],v=null===(e=null==s?void 0:s.options.hooks)||void 0===e?void 0:e.ReplaceTryItSecurityPanel;return!l&&React.createElement(React.Fragment,null,"Loading...")||React.createElement(informed_1.Form,{onChange:this.handleChange,getApi:this.setFormApi,style:(0,tslib_1.__assign)((0,tslib_1.__assign)({},flexColumn),{margin:0})},React.createElement(ServersDropdown_1.ServersDropdown,{operation:r,onChange:this.handleServerChange}),React.createElement(Panel_1.Accordion,{initialActiveIdx:r.security.length&&_?1:0},r.security.length&&this.formApi&&React.createElement(TryItPanel_1.TryItPanel,{header:(0,Labels_1.l)("tryItAuth"),"data-cy":"security-trigger",renderChildrenHidden:!0,error:!_&&!!c.auth,success:!!_},v?React.createElement(AuthPanelHook,{field:"auth",validate:utils_2.requiredValidator},(function(e){return React.createElement(RenderHook_1.RenderHook,{Hook:v,props:{server:u,operation:r,onChange:e,OAuth2:OAuth2_1.OAuth2}})})):React.createElement(AuthPanel_1.AuthPanel,{formApi:this.formApi,form:i,operation:r,activeServer:u.url,authCorsProxyUrl:s.options.authCorsProxyUrl,securityDefaults:o}))||null,r.requestBody&&this.formApi&&React.createElement(TryItPanel_1.TryItPanel,{header:(0,Labels_1.l)("tryItBody"),"data-cy":"body-trigger",renderChildrenHidden:!0,error:!!c.body},React.createElement(RequestBody_1.RequestBody,{validate:allowBodyErrors,formApi:this.formApi,body:r.requestBody,id:r.id,resolvedBody:null==d?void 0:d.requestBody,properties:a}))||null,h.length&&React.createElement(TryItPanel_1.TryItPanel,{header:(0,Labels_1.l)("tryItParameters"),"data-cy":"parameters-trigger",error:p,renderChildrenHidden:!0},React.createElement(OperationParameters_1.OperationParameters,{operation:r,values:i.values,errors:i.errors||{}}))||null))}}),Object.defineProperty(t.prototype,"renderResponse",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.state,t=e.response,r=e.error,s=e.time;return React.createElement(ResponsePanel_1.ResponsePanel,{response:t,error:r,time:s})}}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.Component);function allowBodyErrors(){}function ConsoleWrapHook(e){var t=e.shaking,r=e.className,s=e.children,a=e.rootElement,o=(0,hooks_1.useDimensions)(a)[0],n=React.useContext(redoc_lib_1.StoreContext);return React.createElement(styled_1.ConsoleWrap,{scrollYOffset:null==n?void 0:n.options.scrollYOffset,shaking:t,className:r,"data-cy":"console",fullWidth:null==o?void 0:o.width},s)}function AuthPanelHook(e){var t=(0,informed_1.useField)((0,tslib_1.__assign)({},e)),r=t.fieldApi,s=t.render,a=t.userProps,o=r.setValue,n=a.children;return s(React.createElement(React.Fragment,null,n(o)))}exports.Console=Console;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Console=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),informed_1=require("informed"),mobx_react_1=require("mobx-react"),swagger_client_1=(0,tslib_1.__importDefault)(require("swagger-client")),utils_1=require("../../utils"),services_1=require("../../services"),redoc_lib_1=require("../../redoc-lib"),RenderHook_1=require("../../redoc-lib/src/components/RenderHook"),Labels_1=require("../../redoc-lib/src/services/Labels"),Panel_1=require("../Panel"),OAuth2_1=require("../../services/OAuth2"),helper_1=require("../common/FileUpload/helper"),OperationParameters_1=require("../OperationParameters"),hooks_1=require("../../hooks"),utils_2=require("./utils"),AuthPanel_1=require("./AuthPanel"),RequestBody_1=require("./RequestBody/RequestBody"),ResponsePanel_1=require("./ResponsePanel"),ActionPanel_1=require("./ActionPanel"),ServersDropdown_1=require("./ServersDropdown"),TryItPanel_1=require("./TryItPanel"),ConsoleTabs_1=require("./ConsoleTabs"),styled_1=require("./styled");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 s=t.values,a=(0,tslib_1.__rest)(t,["values"]);r.formApi=e,setTimeout((function(){var e=(0,tslib_1.__assign)((0,tslib_1.__assign)({},a),{values:(0,tslib_1.__assign)((0,tslib_1.__assign)({},s),{query:(0,utils_2.unescapeQueryParams)(s.query||{})})});r.setState({form:e})}),0)}}),Object.defineProperty(r,"handleChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.values,s=(0,tslib_1.__rest)(e,["values"]),a=(0,tslib_1.__assign)((0,tslib_1.__assign)({},s),{values:(0,tslib_1.__assign)((0,tslib_1.__assign)({},t),{query:(0,utils_2.unescapeQueryParams)(t.query||{})})});r.setState({form:a}),(0,utils_2.updateStorage)(a),r.props.operation.setRequestValues(t)}}),Object.defineProperty(r,"handleTabChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.setState({activeTab:e})}}),Object.defineProperty(r,"handleServerChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.setState({server:e}),r.props.operation.setActiveServer(e)}}),Object.defineProperty(r,"handleExecute",{enumerable:!0,configurable:!0,writable:!0,value:function(){return(0,tslib_1.__awaiter)(r,void 0,void 0,(function(){var e,t,r,s,a,o,n,i,l,u,c,p,d,_,h,v,b,m,y,g,f,P,R,q,S,A,C,w,T,k,I,E,O,x,B,j,F,D,H,V,U,N=this;return(0,tslib_1.__generator)(this,(function(L){switch(L.label){case 0:if(e=this.props,t=e.store,r=e.operation,s=e.onResponse,a=this.state.form,o=a.values,n=a.invalid,null===(x=this.formApi)||void 0===x||x.submitForm(),n)return this.setState({shaking:!0}),setTimeout((function(){return N.setState({shaking:!1})}),1e3),null===(j=null===(B=null==t?void 0:t.options.events)||void 0===B?void 0:B.tryItSent)||void 0===j||j.call(B,{eventType:services_1.AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"ValidationFailed",operationId:r.operationId,operationPath:r.path,operationHttpVerb:r.httpVerb,operationSummary:r.description}),[2];if(i=this.props.operation.requestBody,l=i&&i.content&&i.content.active&&i.content.active.name||"",u=o.body,/json/.test(l))try{u=JSON.parse(u)}catch(e){console.error(e)}if(this.setState({loading:!0}),c=this.state.resolvedRawSpec,p=(r.httpVerb||"").toLowerCase(),!(d=(0,utils_1.get)(c,["paths",r.path,p,"servers"])||(0,utils_1.get)(c,["paths",r.path,"servers"])||(0,utils_1.get)(c,["servers"])))throw console.error("Servers are not specified in your OpenAPI file. You can't use Try It Out console without specifying servers. If you use OpenAPI 2, make sure you configured host and basepath"),new Error("Servers are not specified");_=d.find((function(e){return N.state.server.url.endsWith(e.url.endsWith("/")?e.url.substring(0,e.url.length-1):e.url)})),h=Date.now(),v=!!window.document.documentMode,m=o.auth,o.auth?(y=Object.keys(o.auth)[0],g=(0,utils_1.unescapeFormId)(y),b=(0,tslib_1.__assign)((0,tslib_1.__assign)({},c),{components:(0,tslib_1.__assign)((0,tslib_1.__assign)({},null==c?void 0:c.components),{securitySchemes:(0,tslib_1.__assign)((0,tslib_1.__assign)({},null==c?void 0:c.components.securitySchemes),(k={},k[g]=(0,tslib_1.__assign)((0,tslib_1.__assign)({},null==c?void 0:c.components.securitySchemes[g]),{type:"openIdConnect"===(null==c?void 0:c.components.securitySchemes[g].type)?"oauth2":null==c?void 0:c.components.securitySchemes[g].type}),k))})}),m=(0,tslib_1.__assign)((0,tslib_1.__assign)({},m),((I={})[g]=m[y],I))):b=(0,tslib_1.__assign)({},c),(f=t.options.corsProxyUrl)&&d.length&&(b.servers=d.map((function(e){return(0,tslib_1.__assign)((0,tslib_1.__assign)({},e),{url:f+normalizeUrlProtocol(e.url)})})),b.paths=(0,tslib_1.__assign)((0,tslib_1.__assign)({},b.paths),((E={})[r.path]=(0,tslib_1.__assign)((0,tslib_1.__assign)({},b.paths[r.path]),((O={})[p]=(0,tslib_1.__assign)((0,tslib_1.__assign)({},b.paths[r.path][p]),{servers:void 0}),O.servers=void 0,O)),E))),(P=(null===(D=null===(F=null==i?void 0:i.content)||void 0===F?void 0:F.active)||void 0===D?void 0:D.name)||null)&&u&&(0,helper_1.isFileUploadMime)(P)&&(R=Object.values(u),u=R.length>1?R:R[0]),q={userFetch:v&&require("cross-fetch").fetch,server:f?f+normalizeUrlProtocol(_.url):_.url,serverVariables:this.state.server.variables,spec:b,pathName:r.path,method:r.httpVerb,parameters:(0,tslib_1.__assign)((0,tslib_1.__assign)((0,tslib_1.__assign)((0,tslib_1.__assign)({},o.path),o.query),o.header),o.cookie),securities:{authorized:m},requestBody:u,requestContentType:P,responseContentType:(null===(H=o.header)||void 0===H?void 0:H.Accept)||null,requestInterceptor:(0,utils_2.makeRequestInterceptor)(t.options,r,null==m?void 0:m.Authorization)},L.label=1;case 1:return L.trys.push([1,5,8,9]),[4,swagger_client_1.default.execute(q)];case 2:return S=L.sent(),(A=null==S?void 0:S.data)instanceof Blob?((0,helper_1.isFileUploadMime)(A.type)&&(S.fileInfo={rawData:A,fileName:(0,utils_2.getFileNameFromHeaders)(S.headers)}),C=S,[4,A.text()]):[3,4];case 3:C.data=L.sent(),L.label=4;case 4:return null==s||s({request:q,response:S}),this.setState({response:S,error:void 0}),[3,9];case 5:return(w=L.sent())&&w.response&&w.response.data instanceof Blob?(T=w.response,[4,w.response.data.text()]):[3,7];case 6:T.data=L.sent(),null==s||s({request:q,response:w.response}),L.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()-h}),null===(U=null===(V=null==t?void 0:t.options.events)||void 0===V?void 0:V.tryItSent)||void 0===U||U.call(V,{eventType:services_1.AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"Sent",operationId:r.operationId,operationPath:r.path,operationHttpVerb:r.httpVerb,operationSummary:r.description}),[7];case 9:return[2]}}))}))}}),r.state={form:{values:{path:(0,utils_2.getParameters)(t.operation.parameters,"path"),cookie:(0,utils_2.getParameters)(t.operation.parameters,"cookie"),header:(0,utils_2.getParameters)(t.operation.parameters,"header"),query:(0,utils_2.getParameters)(t.operation.parameters,"query")}},shaking:!1,loading:!1,activeTab:0,server:{}},r}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e;return(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){var t,r,s,a;return(0,tslib_1.__generator)(this,(function(o){switch(o.label){case 0:return t=this.props,r=t.store,s=t.operation,[4,r.dereferenceSpecForTryIt(s)];case 1:return a=o.sent(),this.setState({resolvedRawSpec:a}),null===(e=this.formApi)||void 0===e||e.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,s=e.rootElement,a=this.state,o=a.shaking,n=a.activeTab,i=a.form,l=a.response,u=a.loading,c=a.error,p=!(!l&&!c);return React.createElement(ConsoleWrapHook,{shaking:o,className:r,rootElement:s},React.createElement(Panel_1.StyledCodeHeader,null,React.createElement(ConsoleTabs_1.ConsoleTabs,{active:n,hasResponse:p,onChange:this.handleTabChange}),this.props.onClose&&React.createElement(styled_1.CloseButton,{onClick:this.props.onClose}," ✕ ")),React.createElement(styled_1.ConsoleBody,{hidden:0!==n,"data-cy":"console-request-body"},this.renderRequest()),React.createElement(styled_1.ConsoleBody,{hidden:1!==n,"data-cy":"console-response-body"},this.renderResponse()),React.createElement(ActionPanel_1.ActionPanel,{hasResponse:p,params:i.values,operation:t,loading:u,execute:this.handleExecute}))}}),Object.defineProperty(t.prototype,"renderRequest",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t=this.props,r=t.operation,s=t.store,a=t.properties,o=t.securityDefaults,n=this.state,i=n.form,l=n.resolvedRawSpec,u=n.server,c=i.errors||{},p=c.path||c.cookie||c.header||c.query,d=l&&redoc_lib_1.JsonPointer.get(l,r.pointer),_=i.values&&i.values.auth&&Object.keys(i.values.auth)[0];_&&i.values.auth[_]||(_=void 0),!_||void 0===i.values.auth[_].token&&void 0===i.values.auth[_].client_id&&void 0===i.values.auth[_].client_secret||i.values.auth[_].token&&i.values.auth[_].token.access_token||(_=void 0),_&&null!=i.values.auth[_].username&&(i.values.auth[_].username&&i.values.auth[_].password||(_=void 0));var h=r.parameters||[],v=null===(e=null==s?void 0:s.options.hooks)||void 0===e?void 0:e.ReplaceTryItSecurityPanel;return!l&&React.createElement(React.Fragment,null,"Loading...")||React.createElement(informed_1.Form,{onChange:this.handleChange,getApi:this.setFormApi,style:(0,tslib_1.__assign)((0,tslib_1.__assign)({},flexColumn),{margin:0})},React.createElement(ServersDropdown_1.ServersDropdown,{operation:r,onChange:this.handleServerChange}),React.createElement(Panel_1.Accordion,{initialActiveIdx:r.security.length&&_?1:0},r.security.length&&this.formApi&&React.createElement(TryItPanel_1.TryItPanel,{header:(0,Labels_1.l)("tryItAuth"),"data-cy":"security-trigger",error:!_&&!!c.auth,success:!!_},v?React.createElement(AuthPanelHook,{field:"auth",validate:utils_2.requiredValidator},(function(e){return React.createElement(RenderHook_1.RenderHook,{Hook:v,props:{server:u,operation:r,onChange:e,OAuth2:OAuth2_1.OAuth2}})})):React.createElement(AuthPanel_1.AuthPanel,{formApi:this.formApi,form:i,operation:r,activeServer:u.url,authCorsProxyUrl:s.options.authCorsProxyUrl,securityDefaults:o}))||null,r.requestBody&&this.formApi&&React.createElement(TryItPanel_1.TryItPanel,{header:(0,Labels_1.l)("tryItBody"),"data-cy":"body-trigger",error:!!c.body},React.createElement(RequestBody_1.RequestBody,{validate:allowBodyErrors,formApi:this.formApi,body:r.requestBody,id:r.id,resolvedBody:null==d?void 0:d.requestBody,properties:a}))||null,h.length&&React.createElement(TryItPanel_1.TryItPanel,{header:(0,Labels_1.l)("tryItParameters"),"data-cy":"parameters-trigger",error:p},React.createElement(OperationParameters_1.OperationParameters,{operation:r,values:i.values,errors:i.errors||{}}))||null))}}),Object.defineProperty(t.prototype,"renderResponse",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.state,t=e.response,r=e.error,s=e.time;return React.createElement(ResponsePanel_1.ResponsePanel,{response:t,error:r,time:s})}}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.Component);function allowBodyErrors(){}function ConsoleWrapHook(e){var t=e.shaking,r=e.className,s=e.children,a=e.rootElement,o=(0,hooks_1.useDimensions)(a)[0],n=React.useContext(redoc_lib_1.StoreContext);return React.createElement(styled_1.ConsoleWrap,{scrollYOffset:null==n?void 0:n.options.scrollYOffset,shaking:t,className:r,"data-cy":"console",fullWidth:null==o?void 0:o.width},s)}function AuthPanelHook(e){var t=(0,informed_1.useField)((0,tslib_1.__assign)({},e)),r=t.fieldApi,s=t.render,a=t.userProps,o=r.setValue,n=a.children;return s(React.createElement(React.Fragment,null,n(o)))}exports.Console=Console;
 //# sourceMappingURL=Console.js.map

package/lib/components/console/ConsoleTabs/styled.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=exports.TabsWrap=void 0;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importStar)(require("styled-components"));exports.TabsWrap=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: flex;\n  font-size: 12px;\n  button {\n    margin: 0;\n  }\n"],["\n  display: flex;\n  font-size: 12px;\n  button {\n    margin: 0;\n  }\n"]))),exports.Tab=styled_components_1.default.button(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  outline: none;\n  border: none;\n  background-color: var(--try-it-panel-tab-background-color);\n  text-align: center;\n  cursor: pointer;\n  color: var(--color-content-inverse);\n  min-width: 80px;\n  min-height: 30px;\n  border-radius: var(--global-border-radius);\n  font-size: 12px;\n  padding: 0 10px;\n  border-top: 4px solid transparent;\n  border-bottom: 4px solid transparent;\n\n  &:first-child {\n    border-radius: var(--global-border-radius) 0 0 var(--global-border-radius);\n  }\n\n  &:last-child {\n    border-radius: 0 var(--global-border-radius) var(--global-border-radius) 0;\n  }\n\n  ","\n\n  ","\n"],["\n  outline: none;\n  border: none;\n  background-color: var(--try-it-panel-tab-background-color);\n  text-align: center;\n  cursor: pointer;\n  color: var(--color-content-inverse);\n  min-width: 80px;\n  min-height: 30px;\n  border-radius: var(--global-border-radius);\n  font-size: 12px;\n  padding: 0 10px;\n  border-top: 4px solid transparent;\n  border-bottom: 4px solid transparent;\n\n  &:first-child {\n    border-radius: var(--global-border-radius) 0 0 var(--global-border-radius);\n  }\n\n  &:last-child {\n    border-radius: 0 var(--global-border-radius) var(--global-border-radius) 0;\n  }\n\n  ","\n\n  ","\n"])),(function(r){return r.active&&(0,styled_components_1.css)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n        border-bottom: 4px solid var(--try-it-panel-active-tab-border-color);\n        background-color: var(--try-it-panel-active-tab-background-color);\n      "],["\n        border-bottom: 4px solid var(--try-it-panel-active-tab-border-color);\n        background-color: var(--try-it-panel-active-tab-background-color);\n      "])))||""}),(function(r){return r.disabled&&(0,styled_components_1.css)(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n        cursor: default;\n        color: var(--try-it-panel-disabled-tab-color);\n      "],["\n        cursor: default;\n        color: var(--try-it-panel-disabled-tab-color);\n      "])))||""}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=exports.TabsWrap=void 0;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importStar)(require("styled-components"));exports.TabsWrap=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: flex;\n  font-size: 12px;\n  button {\n    margin: 0;\n  }\n"],["\n  display: flex;\n  font-size: 12px;\n  button {\n    margin: 0;\n  }\n"]))),exports.Tab=styled_components_1.default.button(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  outline: none;\n  border: none;\n  background-color: var(--panel-try-it-tabs-background-color);\n  text-align: center;\n  cursor: pointer;\n  color: var(--panel-try-it-tabs-text-color);\n  min-width: 80px;\n  min-height: 30px;\n  border-radius: var(--border-radius);\n  font-size: var(--panel-try-it-tabs-font-size);\n  font-family: var(--panel-try-it-tabs-font-family);\n  font-weight: var(--panel-try-it-tabs-font-weight);\n  padding: 0 10px;\n  border-bottom: 4px solid var(--panel-try-it-tabs-border-color);\n\n  &:first-child {\n    border-radius: var(--border-radius) 0 0 var(--border-radius);\n  }\n\n  &:last-child {\n    border-radius: 0 var(--border-radius) var(--border-radius) 0;\n  }\n\n  &:hover:not(:disabled) {\n    border-color: var(--panel-try-it-tabs-hover-border-color);\n    background-color: var(--panel-try-it-tabs-hover-background-color);\n  }\n\n  ","\n\n  ","\n"],["\n  outline: none;\n  border: none;\n  background-color: var(--panel-try-it-tabs-background-color);\n  text-align: center;\n  cursor: pointer;\n  color: var(--panel-try-it-tabs-text-color);\n  min-width: 80px;\n  min-height: 30px;\n  border-radius: var(--border-radius);\n  font-size: var(--panel-try-it-tabs-font-size);\n  font-family: var(--panel-try-it-tabs-font-family);\n  font-weight: var(--panel-try-it-tabs-font-weight);\n  padding: 0 10px;\n  border-bottom: 4px solid var(--panel-try-it-tabs-border-color);\n\n  &:first-child {\n    border-radius: var(--border-radius) 0 0 var(--border-radius);\n  }\n\n  &:last-child {\n    border-radius: 0 var(--border-radius) var(--border-radius) 0;\n  }\n\n  &:hover:not(:disabled) {\n    border-color: var(--panel-try-it-tabs-hover-border-color);\n    background-color: var(--panel-try-it-tabs-hover-background-color);\n  }\n\n  ","\n\n  ","\n"])),(function(r){return r.active&&(0,styled_components_1.css)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n        border-color: var(--panel-try-it-tabs-active-border-color);\n        background-color: var(--panel-try-it-tabs-active-background-color);\n      "],["\n        border-color: var(--panel-try-it-tabs-active-border-color);\n        background-color: var(--panel-try-it-tabs-active-background-color);\n      "])))||""}),(function(r){return r.disabled&&(0,styled_components_1.css)(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n        cursor: default;\n        border-color: var(--panel-try-it-tabs-disables-border-color)\n        background-color: var(--panel-try-it-tabs-disabled-background-color);\n        color: var(--panel-try-it-tabs-disabled-text-color);\n      "],["\n        cursor: default;\n        border-color: var(--panel-try-it-tabs-disables-border-color)\n        background-color: var(--panel-try-it-tabs-disabled-background-color);\n        color: var(--panel-try-it-tabs-disabled-text-color);\n      "])))||""}));
 //# sourceMappingURL=styled.js.map

package/lib/components/console/OAuth2Flow.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OAuth2Flow=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),theme_1=require("@redocly/theme"),redoc_lib_1=require("../../redoc-lib"),LinearProgress_1=require("../common/LinearProgress"),form_1=require("../common/form"),TextField_1=require("../common/TextField"),Checkbox_1=require("../common/Checkbox"),OAuth2_1=require("../../services/OAuth2"),utils_1=require("../../utils"),utils_2=require("../../services/utils"),utils_3=require("./utils"),Scope_1=(0,tslib_1.__importDefault)(require("./Scope"));function requiredValidator(e){if(!e)return"Field is required"}var OAuth2Flow=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:null,loading:!1,showPkceOptions:!1}}),Object.defineProperty(t,"clearToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.props.formApi.setValue("auth."+t.props.id+".token","")}}),Object.defineProperty(t,"togglePkceOptions",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.setState((function(e){return{showPkceOptions:!e.showPkceOptions}}))}}),Object.defineProperty(t,"handleCodeVerifierChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var l=e.target.value;return(0,tslib_1.__awaiter)(t,void 0,void 0,(function(){var e;return(0,tslib_1.__generator)(this,(function(t){switch(t.label){case 0:return[4,(0,OAuth2_1.deriveCodeChallenge)(l)];case 1:return e=t.sent(),this.setState({codeVerifier:l,validCodeChallenge:e}),[2]}}))}))}}),t}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"values",{get:function(){var e,t;return(null===(t=null===(e=this.props.form.values)||void 0===e?void 0:e.auth)||void 0===t?void 0:t[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,"pkceInputActionButtonProps",{get:function(){var e=this;if(void 0!==this.state.codeVerifier&&this.state.codeChallenge!==this.state.validCodeChallenge)return{label:"sync",onClick:function(){e.state.codeVerifier&&e.setState({codeChallenge:e.state.validCodeChallenge})}}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;if(this.props.usePkce){var t=(0,utils_2.randString)(43);(0,OAuth2_1.deriveCodeChallenge)(t).then((function(l){e.setState({codeVerifier:t,codeChallenge:l,validCodeChallenge:l})}))}}}),Object.defineProperty(t.prototype,"handleAuthorize",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this;if(e){this.props.formApi.validate();var l=this.props,r=l.flow,i=l.usePkce,n=l.id,o=l.tokenUrl,a=l.authCorsProxyUrl,c=l.tokenEndpointAuthMethod;if((0,utils_2.isEmptyObject)(this.errors)){this.setState({loading:!0,error:null});var s=a?a+(0,utils_3.normalizeUrlProtocol)(e):e,u=a&&o?a+(0,utils_3.normalizeUrlProtocol)(o):o,d=this.props.formApi.getValue("auth."+n+".scopes"),p={authorizationUrl:s.startsWith("http")?s:this.props.server+s,clientId:this.values.client_id,scopes:d,redirectUri:this.context.oAuth2RedirectURI,routingBasePath:this.context.routingBasePath,successCallback:function(e){t.props.formApi.setValue("auth."+t.props.id+".token",e),t.setState({loading:!1,error:null})},errorCallback:function(e){t.setState({loading:!1,error:(null==e?void 0:e.message)||"Failed to retrieve the access token"})}};"implicit"===r&&OAuth2_1.OAuth2.authorizeImplicit(p),(0,utils_3.validateTokenEndpointMethod)(c)?"authorizationCode"===r&&OAuth2_1.OAuth2.authorizeAuthorizationCode((0,tslib_1.__assign)((0,tslib_1.__assign)((0,tslib_1.__assign)({},p),{tokenUrl:(null==u?void 0:u.startsWith("http"))?u:this.props.server+u,clientSecret:this.values.client_secret,extraHeaders:(0,utils_3.getOAuth2TokenEndpointAuthHeader)({authMethod:c,clientId:this.values.client_id,clientSecret:this.values.client_secret})}),i&&{codeVerifier:this.state.codeVerifier,codeChallenge:this.state.codeChallenge})):console.log("Unsupported token endpoint auth method: "+c)}}}}),Object.defineProperty(t.prototype,"handleLogout",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.clearToken(),this.setState({error:null})}}),Object.defineProperty(t.prototype,"handleCancel",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.setState({loading:!1,error:null}),OAuth2_1.OAuth2.clearRedirectData(this.props.flow)}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.state,l=t.error,r=t.loading,i=this.props,n=i.id,o=i.scopes,a=i.authorizationUrl,c=i.flow,s=i.usePkce,u=i.defaultValues;if(!a)return React.createElement(form_1.FormError,null,"No flow info");var d=(0,utils_1.fromSessionStorage)("auth."+n+".token")||JSON.stringify(null==u?void 0:u.token);d=d?JSON.parse(d):"";var p=(0,utils_1.getSecurityDetailsOptions)(n,"client_id"),h={field:"auth."+n+".client_id",fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)("auth."+n+".client_id")||this.props.clientId||(null==u?void 0:u.client_id),initValue:(0,utils_1.fromSessionStorage)("auth."+n+".client_id")||this.props.clientId||(null==u?void 0:u.client_id),placeholder:"Your OAuth2 app Client ID",validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement("div",null,React.createElement(form_1.FormWrapper,null,React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Client ID: "),p?React.createElement(TextField_1.FormDropdown,(0,tslib_1.__assign)({},h,{options:p})):React.createElement(TextField_1.FormTextField,(0,tslib_1.__assign)({},h,{"data-cy":"client-id-input",panel:"try-it"}))),"authorizationCode"===c&&React.createElement(React.Fragment,null,(!(null==s?void 0:s.hideClientSecretInput)||!s)&&React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null,"Client Secret:"),React.createElement(TextField_1.FormTextField,{type:"password",fullWidth:!0,field:"auth."+n+".client_secret",initialValue:(0,utils_1.fromSessionStorage)("auth."+n+".client_secret")||(null==u?void 0:u.client_secret),validateOnBlur:!0,validateOnChange:!0,panel:"try-it","data-cy":"client-secret-input"})),s&&!s.disableManualConfiguration&&React.createElement(PkceOptionsWrapper,null,React.createElement(Checkbox_1.Checkbox,{id:"pkce-opitons-toggle",label:"Configure PKCE manually",checked:this.state.showPkceOptions,onChange:this.togglePkceOptions,"data-cy":"pkce-options-toggle"}),this.state.showPkceOptions&&React.createElement(PkceDetails,null,React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null,"Code Verifier"),React.createElement(TextField_1.TextField,{fullWidth:!0,value:this.state.codeVerifier,onChange:this.handleCodeVerifierChange,panel:"try-it","data-cy":"code-verifier-input"})),React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null,"Code Challenge"),React.createElement(TextField_1.TextField,{fullWidth:!0,value:this.state.codeChallenge,onChange:function(t){var l=t.target.value;e.setState({codeChallenge:l})},inputActionButton:this.pkceInputActionButtonProps,panel:"try-it","data-cy":"code-challenge-input"}))))),React.createElement(TextField_1.FormTextField,{fullWidth:!0,field:"auth."+n+".token",type:"hidden",initialValue:d,panel:"try-it"}),React.createElement(Scope_1.default,{id:n,scopes:o}),this.values.token&&this.values.token.access_token?React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Access Token: "),React.createElement(TextField_1.TextField,{disabled:!0,type:"password",fullWidth:!0,value:this.values.token.access_token,panel:"try-it"})):null),React.createElement(ButtonsWrapper,null,this.values.token&&this.values.token.access_token?React.createElement(theme_1.Button,{fullWidth:!0,onClick:function(){e.handleLogout()}},"Log out"):r?React.createElement(React.Fragment,null,React.createElement(theme_1.Button,{fullWidth:!0,onClick:function(){e.handleCancel()}},"Cancel"),React.createElement(LinearProgress_1.LinearProgress,null)):React.createElement(theme_1.Button,{fullWidth:!0,disabled:!(0,utils_2.isEmptyObject)(this.errors),onClick:function(){e.handleAuthorize(a)}},"Authorize")),r||l||!this.values.token||!this.values.token.access_token&&React.createElement(form_1.FormWrapper,null,React.createElement(form_1.FormControl,null,r?React.createElement(form_1.FormWarning,null,"Please, finish your authorization flow or cancel authorization."):l?React.createElement(React.Fragment,null,React.createElement(OriginalErrorMessage,null,React.createElement(form_1.FormError,null,l))):this.values.token&&this.values.token.access_token?null:React.createElement(form_1.FormWarning,null," No Access Token. Please, Authorize. "))))}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:redoc_lib_1.OptionsContext}),t}(React.Component);exports.OAuth2Flow=OAuth2Flow;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,OriginalErrorMessage=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  font-family: var(--font-family-monospaced);\n  margin-top: 10px;\n  line-height: 1;\n  padding-left: 10px;\n  border-left: 1px solid gray;\n"],["\n  font-family: var(--font-family-monospaced);\n  margin-top: 10px;\n  line-height: 1;\n  padding-left: 10px;\n  border-left: 1px solid gray;\n"]))),ButtonsWrapper=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: 15px;\n"],["\n  margin-bottom: 15px;\n"]))),PkceOptionsWrapper=styled_components_1.default.div(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  padding: 8px 0 20px;\n"],["\n  padding: 8px 0 20px;\n"]))),PkceDetails=styled_components_1.default.div(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  padding: 4px 0;\n"],["\n  padding: 4px 0;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OAuth2Flow=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),Button_1=require("@redocly/theme/Button"),redoc_lib_1=require("../../redoc-lib"),LinearProgress_1=require("../common/LinearProgress"),form_1=require("../common/form"),TextField_1=require("../common/TextField"),Checkbox_1=require("../common/Checkbox"),OAuth2_1=require("../../services/OAuth2"),utils_1=require("../../utils"),utils_2=require("../../services/utils"),utils_3=require("./utils"),Scope_1=(0,tslib_1.__importDefault)(require("./Scope"));function requiredValidator(e){if(!e)return"Field is required"}var OAuth2Flow=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:null,loading:!1,showPkceOptions:!1}}),Object.defineProperty(t,"clearToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.props.formApi.setValue("auth."+t.props.id+".token","")}}),Object.defineProperty(t,"togglePkceOptions",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.setState((function(e){return{showPkceOptions:!e.showPkceOptions}}))}}),Object.defineProperty(t,"handleCodeVerifierChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var l=e.target.value;return(0,tslib_1.__awaiter)(t,void 0,void 0,(function(){var e;return(0,tslib_1.__generator)(this,(function(t){switch(t.label){case 0:return[4,(0,OAuth2_1.deriveCodeChallenge)(l)];case 1:return e=t.sent(),this.setState({codeVerifier:l,validCodeChallenge:e}),[2]}}))}))}}),t}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"values",{get:function(){var e,t;return(null===(t=null===(e=this.props.form.values)||void 0===e?void 0:e.auth)||void 0===t?void 0:t[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,"pkceInputActionButtonProps",{get:function(){var e=this;if(void 0!==this.state.codeVerifier&&this.state.codeChallenge!==this.state.validCodeChallenge)return{label:"sync",onClick:function(){e.state.codeVerifier&&e.setState({codeChallenge:e.state.validCodeChallenge})}}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;if(this.props.usePkce){var t=(0,utils_2.randString)(43);(0,OAuth2_1.deriveCodeChallenge)(t).then((function(l){e.setState({codeVerifier:t,codeChallenge:l,validCodeChallenge:l})}))}}}),Object.defineProperty(t.prototype,"handleAuthorize",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this;if(e){this.props.formApi.validate();var l=this.props,r=l.flow,n=l.usePkce,i=l.id,o=l.tokenUrl,a=l.authCorsProxyUrl,c=l.tokenEndpointAuthMethod;if((0,utils_2.isEmptyObject)(this.errors)){this.setState({loading:!0,error:null});var s=a?a+(0,utils_3.normalizeUrlProtocol)(e):e,u=a&&o?a+(0,utils_3.normalizeUrlProtocol)(o):o,d=this.props.formApi.getValue("auth."+i+".scopes"),p={authorizationUrl:s.startsWith("http")?s:this.props.server+s,clientId:this.values.client_id,scopes:d,redirectUri:this.context.oAuth2RedirectURI,routingBasePath:this.context.routingBasePath,successCallback:function(e){t.props.formApi.setValue("auth."+t.props.id+".token",e),t.setState({loading:!1,error:null})},errorCallback:function(e){t.setState({loading:!1,error:(null==e?void 0:e.message)||"Failed to retrieve the access token"})}};"implicit"===r&&OAuth2_1.OAuth2.authorizeImplicit(p),(0,utils_3.validateTokenEndpointMethod)(c)?"authorizationCode"===r&&OAuth2_1.OAuth2.authorizeAuthorizationCode((0,tslib_1.__assign)((0,tslib_1.__assign)((0,tslib_1.__assign)({},p),{tokenUrl:(null==u?void 0:u.startsWith("http"))?u:this.props.server+u,clientSecret:this.values.client_secret,extraHeaders:(0,utils_3.getOAuth2TokenEndpointAuthHeader)({authMethod:c,clientId:this.values.client_id,clientSecret:this.values.client_secret})}),n&&{codeVerifier:this.state.codeVerifier,codeChallenge:this.state.codeChallenge})):console.log("Unsupported token endpoint auth method: "+c)}}}}),Object.defineProperty(t.prototype,"handleLogout",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.clearToken(),this.setState({error:null})}}),Object.defineProperty(t.prototype,"handleCancel",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.setState({loading:!1,error:null}),OAuth2_1.OAuth2.clearRedirectData(this.props.flow)}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.state,l=t.error,r=t.loading,n=this.props,i=n.id,o=n.scopes,a=n.authorizationUrl,c=n.flow,s=n.usePkce,u=n.defaultValues;if(!a)return React.createElement(form_1.FormError,null,"No flow info");var d=(0,utils_1.fromSessionStorage)("auth."+i+".token")||JSON.stringify(null==u?void 0:u.token);d=d?JSON.parse(d):"";var p=(0,utils_1.getSecurityDetailsOptions)(i,"client_id"),h={field:"auth."+i+".client_id",fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)("auth."+i+".client_id")||this.props.clientId||(null==u?void 0:u.client_id),initValue:(0,utils_1.fromSessionStorage)("auth."+i+".client_id")||this.props.clientId||(null==u?void 0:u.client_id),placeholder:"Your OAuth2 app Client ID",validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement("div",null,React.createElement(form_1.FormWrapper,null,React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Client ID: "),p?React.createElement(TextField_1.FormDropdown,(0,tslib_1.__assign)({},h,{options:p})):React.createElement(TextField_1.FormTextField,(0,tslib_1.__assign)({},h,{"data-cy":"client-id-input",panel:"try-it"}))),"authorizationCode"===c&&React.createElement(React.Fragment,null,(!(null==s?void 0:s.hideClientSecretInput)||!s)&&React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null,"Client Secret:"),React.createElement(TextField_1.FormTextField,{type:"password",fullWidth:!0,field:"auth."+i+".client_secret",initialValue:(0,utils_1.fromSessionStorage)("auth."+i+".client_secret")||(null==u?void 0:u.client_secret),validateOnBlur:!0,validateOnChange:!0,panel:"try-it","data-cy":"client-secret-input"})),s&&!s.disableManualConfiguration&&React.createElement(PkceOptionsWrapper,null,React.createElement(Checkbox_1.Checkbox,{id:"pkce-opitons-toggle",label:"Configure PKCE manually",checked:this.state.showPkceOptions,onChange:this.togglePkceOptions,"data-cy":"pkce-options-toggle"}),this.state.showPkceOptions&&React.createElement(PkceDetails,null,React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null,"Code Verifier"),React.createElement(TextField_1.TextField,{fullWidth:!0,value:this.state.codeVerifier,onChange:this.handleCodeVerifierChange,panel:"try-it","data-cy":"code-verifier-input"})),React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null,"Code Challenge"),React.createElement(TextField_1.TextField,{fullWidth:!0,value:this.state.codeChallenge,onChange:function(t){var l=t.target.value;e.setState({codeChallenge:l})},inputActionButton:this.pkceInputActionButtonProps,panel:"try-it","data-cy":"code-challenge-input"}))))),React.createElement(TextField_1.FormTextField,{fullWidth:!0,field:"auth."+i+".token",type:"hidden",initialValue:d,panel:"try-it"}),React.createElement(Scope_1.default,{id:i,scopes:o}),this.values.token&&this.values.token.access_token?React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Access Token: "),React.createElement(TextField_1.TextField,{disabled:!0,type:"password",fullWidth:!0,value:this.values.token.access_token,panel:"try-it"})):null),React.createElement(ButtonsWrapper,null,this.values.token&&this.values.token.access_token?React.createElement(Button_1.Button,{fullWidth:!0,onClick:function(){e.handleLogout()}},"Log out"):r?React.createElement(React.Fragment,null,React.createElement(Button_1.Button,{fullWidth:!0,onClick:function(){e.handleCancel()}},"Cancel"),React.createElement(LinearProgress_1.LinearProgress,null)):React.createElement(Button_1.Button,{fullWidth:!0,disabled:!(0,utils_2.isEmptyObject)(this.errors),onClick:function(){e.handleAuthorize(a)}},"Authorize")),r||l||!this.values.token||!this.values.token.access_token&&React.createElement(form_1.FormWrapper,null,React.createElement(form_1.FormControl,null,r?React.createElement(form_1.FormWarning,null,"Please, finish your authorization flow or cancel authorization."):l?React.createElement(React.Fragment,null,React.createElement(OriginalErrorMessage,null,React.createElement(form_1.FormError,null,l))):this.values.token&&this.values.token.access_token?null:React.createElement(form_1.FormWarning,null," No Access Token. Please, Authorize. "))))}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:redoc_lib_1.OptionsContext}),t}(React.Component);exports.OAuth2Flow=OAuth2Flow;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,OriginalErrorMessage=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  font-family: var(--font-family-monospaced);\n  margin-top: 10px;\n  line-height: 1;\n  padding-left: 10px;\n  border-left: 1px solid gray;\n"],["\n  font-family: var(--font-family-monospaced);\n  margin-top: 10px;\n  line-height: 1;\n  padding-left: 10px;\n  border-left: 1px solid gray;\n"]))),ButtonsWrapper=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: 15px;\n"],["\n  margin-bottom: 15px;\n"]))),PkceOptionsWrapper=styled_components_1.default.div(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  padding: 8px 0 20px;\n"],["\n  padding: 8px 0 20px;\n"]))),PkceDetails=styled_components_1.default.div(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  padding: 4px 0;\n"],["\n  padding: 4px 0;\n"])));
 //# sourceMappingURL=OAuth2Flow.js.map

package/lib/components/console/ParameterArray.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ParameterArray=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),form_1=require("../common/form"),ParameterArray=function(e){var t,n,r,a,o,l=e.name,i=e.param,c=e.place,s=e.renderParameter,m=React.useState([]),d=m[0],p=m[1],u=(null===(t=i.schema.items)||void 0===t?void 0:t.fields)?null===(n=i.schema.items)||void 0===n?void 0:n.fields:[{schema:(null===(r=i.schema.items)||void 0===r?void 0:r.schema)||i.schema.items,name:"",required:i.required,description:null===(a=i.schema.items)||void 0===a?void 0:a.description,externalDocs:null===(o=i.schema.items)||void 0===o?void 0:o.externalDocs,deprecated:!1,toggle:function(){return null},expanded:!1}];return React.createElement(React.Fragment,null,React.createElement(Row,null,React.createElement(form_1.FormLabel,{required:i.required},l,"(",d.length," items)"),React.createElement("span",{onClick:function(){p((0,tslib_1.__spreadArray)((0,tslib_1.__spreadArray)([],d,!0),[d.length?d[d.length-1]+1:0],!1))}},"Add item +")),null==d?void 0:d.map((function(e,t){return React.createElement(Row,{key:e},React.createElement(Delete,{onClick:function(){return t=e,void p(d.filter((function(e){return e!==t})));var t}},"delete"),u.map((function(n){return s(n,c,l+".["+e+"]","["+t+"]"+(n.name&&"."+n.name))})))})))};exports.ParameterArray=ParameterArray;var templateObject_1,templateObject_2,Row=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  margin-bottom: 10px;\n  label {\n    padding-bottom: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    line-height: 1.5;\n  }\n  span {\n    cursor: pointer;\n    margin-left: auto;\n    color: var(--color-content-secondary);\n    &:hover {\n      color: #fff;\n    }\n  }\n"],["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  margin-bottom: 10px;\n  label {\n    padding-bottom: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    line-height: 1.5;\n  }\n  span {\n    cursor: pointer;\n    margin-left: auto;\n    color: var(--color-content-secondary);\n    &:hover {\n      color: #fff;\n    }\n  }\n"]))),Delete=styled_components_1.default.span(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  position: relative;\n"],["\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  position: relative;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ParameterArray=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),form_1=require("../common/form"),ParameterArray=function(e){var t,n,r,a,o,l=e.name,i=e.param,c=e.place,s=e.renderParameter,m=React.useState([]),d=m[0],p=m[1],u=(null===(t=i.schema.items)||void 0===t?void 0:t.fields)?null===(n=i.schema.items)||void 0===n?void 0:n.fields:[{schema:(null===(r=i.schema.items)||void 0===r?void 0:r.schema)||i.schema.items,name:"",required:i.required,description:null===(a=i.schema.items)||void 0===a?void 0:a.description,externalDocs:null===(o=i.schema.items)||void 0===o?void 0:o.externalDocs,deprecated:!1,toggle:function(){return null},expanded:!1}];return React.createElement(React.Fragment,null,React.createElement(Row,null,React.createElement(form_1.FormLabel,{required:i.required},l,"(",d.length," items)"),React.createElement("span",{onClick:function(){p((0,tslib_1.__spreadArray)((0,tslib_1.__spreadArray)([],d,!0),[d.length?d[d.length-1]+1:0],!1))}},"Add item +")),null==d?void 0:d.map((function(e,t){return React.createElement(Row,{key:e},React.createElement(Delete,{onClick:function(){return t=e,void p(d.filter((function(e){return e!==t})));var t}},"delete"),u.map((function(n){return s(n,c,l+".["+e+"]","["+t+"]"+(n.name&&"."+n.name))})))})))};exports.ParameterArray=ParameterArray;var templateObject_1,templateObject_2,Row=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  margin-bottom: 10px;\n  label {\n    padding-bottom: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    line-height: 1.5;\n  }\n  span {\n    cursor: pointer;\n    margin-left: auto;\n    color: var(--text-color-secondary);\n    &:hover {\n      color: #fff;\n    }\n  }\n"],["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  margin-bottom: 10px;\n  label {\n    padding-bottom: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    line-height: 1.5;\n  }\n  span {\n    cursor: pointer;\n    margin-left: auto;\n    color: var(--text-color-secondary);\n    &:hover {\n      color: #fff;\n    }\n  }\n"]))),Delete=styled_components_1.default.span(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  position: relative;\n"],["\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  position: relative;\n"])));
 //# sourceMappingURL=ParameterArray.js.map

package/lib/components/console/RequestMimeLabel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestMimeLabel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),shared_1=require("../shared");exports.RequestMimeLabel=(0,styled_components_1.default)(shared_1.MimeLabel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  border-radius: var(--panels-border-radius);\n  margin-bottom: 10px;\n"],["\n  border-radius: var(--panels-border-radius);\n  margin-bottom: 10px;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestMimeLabel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),shared_1=require("../shared");exports.RequestMimeLabel=(0,styled_components_1.default)(shared_1.MimeLabel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  border-radius: var(--panel-border-radius);\n  margin-bottom: 10px;\n"],["\n  border-radius: var(--panel-border-radius);\n  margin-bottom: 10px;\n"])));
 //# sourceMappingURL=RequestMimeLabel.js.map

package/lib/components/console/ResponsePanel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponsePanel=void 0;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),ResponseBody_1=require("./ResponseBody"),ResponseHeadersList_1=require("./ResponseHeadersList"),ResponseBadges=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: 10px;\n"],["\n  margin-bottom: 10px;\n"]))),ResponseBadgeBase=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-block;\n  margin-right: 20px;\n  padding: 2px 0;\n  text-align: center;\n  color: var(--color-content-inverse);\n"],["\n  display: inline-block;\n  margin-right: 20px;\n  padding: 2px 0;\n  text-align: center;\n  color: var(--color-content-inverse);\n"]))),ResponseBadge=(0,styled_components_1.default)(ResponseBadgeBase)(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  color: ",";\n"],["\n  color: ",";\n"])),(function(e){var t=e.code;return t>=200&&t<300?"var(--response-success-text-color)":t>=300&&t<400?"var(--response-redirect-text-color)":t>400?"var(--response-error-text-color)":"var(--response-info-text-color)"})),ErrorHeader=styled_components_1.default.header(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  font-weight: bold;\n  margin-bottom: 10px;\n"],["\n  font-weight: bold;\n  margin-bottom: 10px;\n"]))),ErrorDetails=styled_components_1.default.code(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  border-left: 3px solid #ff4040;\n  padding-left: 5px;\n"],["\n  border-left: 3px solid #ff4040;\n  padding-left: 5px;\n"]))),ResponsePanel=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t=this.props,n=t.error,a=t.response,r=t.time,l=a||n&&n.response,s=l&&l.data&&l.data.length||0;return e=s>1e6?(s/1e6).toFixed(2)+" MB":s>1e3?(s/1e3).toFixed(2)+" KB":s+" B",n&&!n.response||!l?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")):l?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(ResponseHeadersList_1.ResponseHeadersList,{headers:l.headers}),React.createElement(ResponseBody_1.ResponseBody,{response:l}))):React.createElement(React.Fragment,null,"Something went wrong")}}),t}(React.PureComponent);exports.ResponsePanel=ResponsePanel;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponsePanel=void 0;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),ResponseBody_1=require("./ResponseBody"),ResponseHeadersList_1=require("./ResponseHeadersList"),ResponseBadges=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: 10px;\n"],["\n  margin-bottom: 10px;\n"]))),ResponseBadgeBase=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-block;\n  margin-right: 20px;\n  padding: 2px 0;\n  text-align: center;\n  color: var(--text-color-inverse);\n"],["\n  display: inline-block;\n  margin-right: 20px;\n  padding: 2px 0;\n  text-align: center;\n  color: var(--text-color-inverse);\n"]))),ResponseBadge=(0,styled_components_1.default)(ResponseBadgeBase)(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  color: ",";\n"],["\n  color: ",";\n"])),(function(e){var t=e.code;return t>=200&&t<300?"var(--response-success-text-color)":t>=300&&t<400?"var(--response-redirect-text-color)":t>400?"var(--response-error-text-color)":"var(--response-info-text-color)"})),ErrorHeader=styled_components_1.default.header(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  font-weight: bold;\n  margin-bottom: 10px;\n"],["\n  font-weight: bold;\n  margin-bottom: 10px;\n"]))),ErrorDetails=styled_components_1.default.code(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  border-left: 3px solid #ff4040;\n  padding-left: 5px;\n"],["\n  border-left: 3px solid #ff4040;\n  padding-left: 5px;\n"]))),ResponsePanel=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t=this.props,n=t.error,a=t.response,r=t.time,l=a||n&&n.response,s=l&&l.data&&l.data.length||0;return e=s>1e6?(s/1e6).toFixed(2)+" MB":s>1e3?(s/1e3).toFixed(2)+" KB":s+" B",n&&!n.response||!l?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")):l?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(ResponseHeadersList_1.ResponseHeadersList,{headers:l.headers}),React.createElement(ResponseBody_1.ResponseBody,{response:l}))):React.createElement(React.Fragment,null,"Something went wrong")}}),t}(React.PureComponent);exports.ResponsePanel=ResponsePanel;
 //# sourceMappingURL=ResponsePanel.js.map

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { PanelComponentProps } from '../Panel';
+import type { PanelComponentProps } from '@redocly/theme';
 export declare function TryItPanel({ header, error, success, ...rest }: React.PropsWithChildren<{
     header: string;
     error?: boolean;

package/lib/components/console/TryItPanel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TryItPanel=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),Panel_1=require("../Panel"),redoc_lib_1=require("../../redoc-lib"),PanelBody_1=require("../Panel/PanelBody");function TryItPanel(e){var r=e.header,n=e.error,t=e.success,l=(0,tslib_1.__rest)(e,["header","error","success"]);return react_1.default.createElement(StyledTryItPanel,(0,tslib_1.__assign)({},l,{header:function(e){var a=e.toggle,o=e.expanded;return react_1.default.createElement(Panel_1.Header,{onClick:a,isExpanded:o,"data-cy":l["data-cy"]},react_1.default.createElement(Panel_1.Trigger,null,react_1.default.createElement(Panel_1.Title,null,r),react_1.default.createElement(redoc_lib_1.ShelfIcon,{direction:o?"down":"right"})),n&&react_1.default.createElement(redoc_lib_1.CrossIcon,{size:"14px",color:"--color-error-500"})||null,t&&react_1.default.createElement(redoc_lib_1.LockIcon,{size:"14px",color:"--color-success-500"})||null)}}))}exports.TryItPanel=TryItPanel;var templateObject_1,StyledTryItPanel=(0,styled_components_1.default)(Panel_1.Panel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  "," {\n    color: white;\n    border: 1px solid ",";\n    padding: 10px;\n  }\n\n  "," path {\n    fill: white;\n  }\n\n  "," {\n    padding: 15px 10px;\n    background-color: #3e4c59;\n    border: 1px solid ",";\n    border-top: 0;\n  }\n"],["\n  "," {\n    color: white;\n    border: 1px solid ",";\n    padding: 10px;\n  }\n\n  "," path {\n    fill: white;\n  }\n\n  "," {\n    padding: 15px 10px;\n    background-color: #3e4c59;\n    border: 1px solid ",";\n    border-top: 0;\n  }\n"])),Panel_1.Header,(function(e){return e.error?"#ff908b":"#89949f"}),redoc_lib_1.ShelfIcon,PanelBody_1.PanelBody,(function(e){return e.error?"#ff908b":"#89949f"}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TryItPanel=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),theme_1=require("@redocly/theme"),Panel_1=require("../Panel"),redoc_lib_1=require("../../redoc-lib");function TryItPanel(e){var r=e.header,t=e.error,n=e.success,l=(0,tslib_1.__rest)(e,["header","error","success"]);return react_1.default.createElement(StyledTryItPanel,(0,tslib_1.__assign)({className:"panel-try-it-nested"},l,{header:function(e){var a=e.toggle,o=e.expanded,d=void 0!==o&&o;return react_1.default.createElement(theme_1.PanelHeader,{onClick:a,expanded:d,"data-cy":l["data-cy"]},react_1.default.createElement(Panel_1.Trigger,null,react_1.default.createElement(theme_1.PanelHeaderTitle,null,r),react_1.default.createElement(theme_1.ShelfIcon,{direction:d?"down":"right"})),t&&react_1.default.createElement(redoc_lib_1.CrossIcon,{size:"14px",color:"--color-error-500"})||null,n&&react_1.default.createElement(redoc_lib_1.LockIcon,{size:"14px",color:"--color-success-500"})||null)}}))}exports.TryItPanel=TryItPanel;var templateObject_1,StyledTryItPanel=(0,styled_components_1.default)(theme_1.Panel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  "," {\n    border: 1px solid\n      ",";\n    padding: 10px;\n  }\n\n  "," {\n    border: 1px solid\n      ",";\n    border-top: 0;\n  }\n"],["\n  "," {\n    border: 1px solid\n      ",";\n    padding: 10px;\n  }\n\n  "," {\n    border: 1px solid\n      ",";\n    border-top: 0;\n  }\n"])),theme_1.PanelHeader,(function(e){return e.error?"var(--color-error-300)":"var(--panel-try-it-nested-heading-border-color)"}),theme_1.PanelBody,(function(e){return e.error?"var(--color-error-300)":"var(--panel-try-it-nested-body-border-color)"}));
 //# sourceMappingURL=TryItPanel.js.map

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

@@ -10,7 +10,6 @@ export declare const ConsoleBody: import("styled-components").StyledComponent<"d
 export declare const CloseButton: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const invertedInputStyles: import("styled-components").FlattenSimpleInterpolation;
 export declare const TryItDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<DropdownProps>, any, DropdownProps & {
-    dense?: boolean | undefined;
     fullWidth?: boolean | undefined;
     variant?: "dark" | "light" | undefined;
 }, never>;

package/lib/components/console/styled.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FlowName=exports.ResponseHeader=exports.PanelPreCodeBlock=exports.TryItDropdown=exports.invertedInputStyles=exports.CloseButton=exports.ConsoleBody=exports.ConsoleWrap=exports.blink=void 0;var tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importStar)(require("styled-components")),theme_1=require("@redocly/theme"),Dropdown_1=require("../common/Dropdown"),shake=(0,styled_components_1.keyframes)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  10%, 90% {\n    transform: translate3d(-1px, 0, 0);\n  }\n\n  20%, 80% {\n    transform: translate3d(2px, 0, 0);\n  }\n\n  30%, 50%, 70% {\n    transform: translate3d(-4px, 0, 0);\n  }\n\n  40%, 60% {\n    transform: translate3d(4px, 0, 0);\n  }\n"],["\n  10%, 90% {\n    transform: translate3d(-1px, 0, 0);\n  }\n\n  20%, 80% {\n    transform: translate3d(2px, 0, 0);\n  }\n\n  30%, 50%, 70% {\n    transform: translate3d(-4px, 0, 0);\n  }\n\n  40%, 60% {\n    transform: translate3d(4px, 0, 0);\n  }\n"])));exports.blink=(0,styled_components_1.keyframes)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  0% {\n    background-color: #007abf;\n  }\n\n  50% {\n    background-color: #59C3FF;\n  }\n\n  100% {\n    background-color: #007abf;\n  }\n"],["\n  0% {\n    background-color: #007abf;\n  }\n\n  50% {\n    background-color: #59C3FF;\n  }\n\n  100% {\n    background-color: #007abf;\n  }\n"])));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11,shakeAnimation=(0,styled_components_1.css)(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  animation: "," 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\n"],["\n  animation: "," 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\n"])),shake);exports.ConsoleWrap=styled_components_1.default.div(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  background-color: var(--samples-panel-background-color);\n  color: var(--color-content-inverse);\n  font-family: var(--code-font-family);\n  border-radius: var(--panels-border-radius);\n  overflow: hidden;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n  max-height: calc(85vh - ","px);\n  margin-bottom: 10px;\n  ",";\n  > div:last-child {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n"],["\n  background-color: var(--samples-panel-background-color);\n  color: var(--color-content-inverse);\n  font-family: var(--code-font-family);\n  border-radius: var(--panels-border-radius);\n  overflow: hidden;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n  max-height: calc(85vh - ","px);\n  margin-bottom: 10px;\n  ",";\n  > div:last-child {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n"])),(function(n){var e=n.scrollYOffset;return e?e():0}),(function(n){return n.shaking&&shakeAnimation})),exports.ConsoleBody=styled_components_1.default.div(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  flex: 1;\n  padding: 20px 20px 15px;\n  overflow: auto;\n  display: ",";\n  flex-direction: column;\n  position: relative;\n  background-color: var(--samples-panel-background-color);\n"],["\n  flex: 1;\n  padding: 20px 20px 15px;\n  overflow: auto;\n  display: ",";\n  flex-direction: column;\n  position: relative;\n  background-color: var(--samples-panel-background-color);\n"])),(function(n){return n.hidden?"none":"flex"})),exports.CloseButton=styled_components_1.default.span(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n  cursor: pointer;\n  font-size: 24px;\n  font-weight: bold;\n  color: var(--color-content-inverse);\n"],["\n  cursor: pointer;\n  font-size: 24px;\n  font-weight: bold;\n  color: var(--color-content-inverse);\n"]))),exports.invertedInputStyles=(0,styled_components_1.css)(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(["\n  border: none;\n  outline: none;\n  padding: 8px;\n  border-radius: var(--global-border-radius);\n  background-color: var(--samples-panel-controls-background-color);\n  color: var(--color-content-inverse);\n  font-family: var(--code-font-family);\n  font-size: var(--font-size-base);\n\n  &::placeholder {\n    opacity: 0.6;\n    color: var(--color-content-inverse);\n  }\n\n  &:-webkit-autofill {\n    background-color: var(--samples-panel-background-color);\n  }\n"],["\n  border: none;\n  outline: none;\n  padding: 8px;\n  border-radius: var(--global-border-radius);\n  background-color: var(--samples-panel-controls-background-color);\n  color: var(--color-content-inverse);\n  font-family: var(--code-font-family);\n  font-size: var(--font-size-base);\n\n  &::placeholder {\n    opacity: 0.6;\n    color: var(--color-content-inverse);\n  }\n\n  &:-webkit-autofill {\n    background-color: var(--samples-panel-background-color);\n  }\n"]))),exports.TryItDropdown=(0,styled_components_1.default)(Dropdown_1.Dropdown)(templateObject_8||(templateObject_8=(0,tslib_1.__makeTemplateObject)(["\n  .dropdown-select,\n  label {\n    background-color: var(--try-it-panel-controls-background-color);\n    border-color: var(--try-it-panel-controls-background-color);\n  }\n"],["\n  .dropdown-select,\n  label {\n    background-color: var(--try-it-panel-controls-background-color);\n    border-color: var(--try-it-panel-controls-background-color);\n  }\n"]))),exports.PanelPreCodeBlock=(0,styled_components_1.default)(theme_1.PreformattedCodeBlock)(templateObject_9||(templateObject_9=(0,tslib_1.__makeTemplateObject)(["\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n"],["\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n"]))),exports.ResponseHeader=styled_components_1.default.div(templateObject_10||(templateObject_10=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: 10px;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n"],["\n  margin-bottom: 10px;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n"]))),exports.FlowName=styled_components_1.default.div(templateObject_11||(templateObject_11=(0,tslib_1.__makeTemplateObject)(["\n  margin-top: 5px;\n  margin-bottom: 10px;\n"],["\n  margin-top: 5px;\n  margin-bottom: 10px;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FlowName=exports.ResponseHeader=exports.PanelPreCodeBlock=exports.TryItDropdown=exports.invertedInputStyles=exports.CloseButton=exports.ConsoleBody=exports.ConsoleWrap=exports.blink=void 0;var tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importStar)(require("styled-components")),theme_1=require("@redocly/theme"),Dropdown_1=require("../common/Dropdown"),shake=(0,styled_components_1.keyframes)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  10%, 90% {\n    transform: translate3d(-1px, 0, 0);\n  }\n\n  20%, 80% {\n    transform: translate3d(2px, 0, 0);\n  }\n\n  30%, 50%, 70% {\n    transform: translate3d(-4px, 0, 0);\n  }\n\n  40%, 60% {\n    transform: translate3d(4px, 0, 0);\n  }\n"],["\n  10%, 90% {\n    transform: translate3d(-1px, 0, 0);\n  }\n\n  20%, 80% {\n    transform: translate3d(2px, 0, 0);\n  }\n\n  30%, 50%, 70% {\n    transform: translate3d(-4px, 0, 0);\n  }\n\n  40%, 60% {\n    transform: translate3d(4px, 0, 0);\n  }\n"])));exports.blink=(0,styled_components_1.keyframes)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  0% {\n    background-color: #007abf;\n  }\n\n  50% {\n    background-color: #59C3FF;\n  }\n\n  100% {\n    background-color: #007abf;\n  }\n"],["\n  0% {\n    background-color: #007abf;\n  }\n\n  50% {\n    background-color: #59C3FF;\n  }\n\n  100% {\n    background-color: #007abf;\n  }\n"])));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11,shakeAnimation=(0,styled_components_1.css)(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  animation: "," 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\n"],["\n  animation: "," 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\n"])),shake);exports.ConsoleWrap=styled_components_1.default.div(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  background-color: var(--panel-samples-background-color);\n  color: var(--panel-samples-text-color);\n  font-family: var(--panel-samples-font-family);\n  border-radius: var(--panel-border-radius);\n  overflow: hidden;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n  max-height: calc(85vh - ","px);\n  margin-bottom: 10px;\n  ",";\n  > div:last-child {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n"],["\n  background-color: var(--panel-samples-background-color);\n  color: var(--panel-samples-text-color);\n  font-family: var(--panel-samples-font-family);\n  border-radius: var(--panel-border-radius);\n  overflow: hidden;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n  max-height: calc(85vh - ","px);\n  margin-bottom: 10px;\n  ",";\n  > div:last-child {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n"])),(function(e){var n=e.scrollYOffset;return n?n():0}),(function(e){return e.shaking&&shakeAnimation})),exports.ConsoleBody=styled_components_1.default.div(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  flex: 1;\n  padding: var(--panel-samples-body-padding);\n  overflow: auto;\n  display: ",";\n  flex-direction: column;\n  position: relative;\n  background-color: var(--panel-samples-body-background-color);\n"],["\n  flex: 1;\n  padding: var(--panel-samples-body-padding);\n  overflow: auto;\n  display: ",";\n  flex-direction: column;\n  position: relative;\n  background-color: var(--panel-samples-body-background-color);\n"])),(function(e){return e.hidden?"none":"flex"})),exports.CloseButton=styled_components_1.default.span(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n  cursor: pointer;\n  font-size: 24px;\n  font-weight: bold;\n  color: var(--text-color-inverse);\n"],["\n  cursor: pointer;\n  font-size: 24px;\n  font-weight: bold;\n  color: var(--text-color-inverse);\n"]))),exports.invertedInputStyles=(0,styled_components_1.css)(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(["\n  border: none;\n  outline: none;\n  padding: 8px;\n  border-radius: var(--border-radius);\n  background-color: var(--panel-try-it-input-background-color);\n  color: var(--panel-try-it-input-text-color);\n  font-family: var(--code-font-family);\n  font-size: var(--font-size-base);\n  border: var(--panel-try-it-input-border);\n\n  &::placeholder {\n    opacity: 0.6;\n    color: var(--text-color-inverse);\n  }\n\n  &:-webkit-autofill {\n    background-color: var(--panel-samples-background-color);\n  }\n"],["\n  border: none;\n  outline: none;\n  padding: 8px;\n  border-radius: var(--border-radius);\n  background-color: var(--panel-try-it-input-background-color);\n  color: var(--panel-try-it-input-text-color);\n  font-family: var(--code-font-family);\n  font-size: var(--font-size-base);\n  border: var(--panel-try-it-input-border);\n\n  &::placeholder {\n    opacity: 0.6;\n    color: var(--text-color-inverse);\n  }\n\n  &:-webkit-autofill {\n    background-color: var(--panel-samples-background-color);\n  }\n"]))),exports.TryItDropdown=(0,styled_components_1.default)(Dropdown_1.Dropdown)(templateObject_8||(templateObject_8=(0,tslib_1.__makeTemplateObject)(["\n  .dropdown-select,\n  label {\n    background-color: var(--panel-try-it-dropdown-background-color);\n    border: var(--panel-try-it-dropdown-border);\n    color: var(--panel-try-it-dropdown-color);\n  }\n"],["\n  .dropdown-select,\n  label {\n    background-color: var(--panel-try-it-dropdown-background-color);\n    border: var(--panel-try-it-dropdown-border);\n    color: var(--panel-try-it-dropdown-color);\n  }\n"]))),exports.PanelPreCodeBlock=(0,styled_components_1.default)(theme_1.PreformattedCodeBlock)(templateObject_9||(templateObject_9=(0,tslib_1.__makeTemplateObject)(["\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n"],["\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n"]))),exports.ResponseHeader=styled_components_1.default.div(templateObject_10||(templateObject_10=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: 10px;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n"],["\n  margin-bottom: 10px;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n"]))),exports.FlowName=styled_components_1.default.div(templateObject_11||(templateObject_11=(0,tslib_1.__makeTemplateObject)(["\n  margin-top: 5px;\n  margin-bottom: 10px;\n"],["\n  margin-top: 5px;\n  margin-bottom: 10px;\n"])));
 //# sourceMappingURL=styled.js.map

package/lib/components/pluggable/PullRight.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PullRight=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),redoc_lib_1=require("../../redoc-lib"),CodePanel_1=require("../Panel/CodePanel"),MarkdownCodeBlock=(0,styled_components_1.default)(redoc_lib_1.Markdown)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    color: var(--samples-panel-heading-color, var(--samples-panel-text-color));\n  }\n\n  table {\n    color: #ffffff;\n    overflow-wrap: break-word;\n    word-break: break-word;\n\n    & tr {\n      td,\n      th {\n        background-color: var(--samples-panel-controls-background-color);\n      }\n    }\n\n    & tr:nth-child(2n) {\n      td,\n      th {\n        background-color: var(--samples-panel-markdown-background-color);\n      }\n    }\n\n    & thead tr th,\n    & tbody tr td {\n      background-color: var(--samples-panel-markdown-background-color);\n      border-color: var(--samples-panel-markdown-border-color);\n    }\n  }\n\n  code {\n    font-size: var(--code-block-font-size);\n    font-family: var(--code-block-font-family);\n    color: var(--code-block-color);\n    background-color: var(--code-block-background-color);\n  }\n\n  a,\n  a:visited {\n    color: var(--link-visited);\n  }\n\n  pre {\n    border: none;\n    padding: calc(var(--spacing-unit) * 4);\n    border-radius: var(--code-block-border-radius);\n    background: var(--code-block-preformatted-background-color);\n  }\n"],["\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    color: var(--samples-panel-heading-color, var(--samples-panel-text-color));\n  }\n\n  table {\n    color: #ffffff;\n    overflow-wrap: break-word;\n    word-break: break-word;\n\n    & tr {\n      td,\n      th {\n        background-color: var(--samples-panel-controls-background-color);\n      }\n    }\n\n    & tr:nth-child(2n) {\n      td,\n      th {\n        background-color: var(--samples-panel-markdown-background-color);\n      }\n    }\n\n    & thead tr th,\n    & tbody tr td {\n      background-color: var(--samples-panel-markdown-background-color);\n      border-color: var(--samples-panel-markdown-border-color);\n    }\n  }\n\n  code {\n    font-size: var(--code-block-font-size);\n    font-family: var(--code-block-font-family);\n    color: var(--code-block-color);\n    background-color: var(--code-block-background-color);\n  }\n\n  a,\n  a:visited {\n    color: var(--link-visited);\n  }\n\n  pre {\n    border: none;\n    padding: calc(var(--spacing-unit) * 4);\n    border-radius: var(--code-block-border-radius);\n    background: var(--code-block-preformatted-background-color);\n  }\n"])));function PullRight(n){var o=n.children;return react_1.default.createElement(StyledRightPanel,null,react_1.default.createElement(CodePanel_1.CodePanel,null,this.props.children&&react_1.default.createElement(MarkdownCodeBlock,{source:o})))}exports.PullRight=PullRight;var templateObject_1,templateObject_2,StyledRightPanel=(0,styled_components_1.default)(redoc_lib_1.SamplesPanel)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  float: right;\n  z-index: 1;\n  position: relative;\n  margin-bottom: 10px;\n"],["\n  float: right;\n  z-index: 1;\n  position: relative;\n  margin-bottom: 10px;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PullRight=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),redoc_lib_1=require("../../redoc-lib"),Panel_1=require("../Panel"),MarkdownCodeBlock=(0,styled_components_1.default)(redoc_lib_1.Markdown)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    color: var(--panel-samples-heading-text-color, var(--panel-samples-text-color));\n  }\n\n  table {\n    color: #ffffff;\n    overflow-wrap: break-word;\n    word-break: break-word;\n\n    & tr {\n      td,\n      th {\n        background-color: var(--samples-panel-controls-background-color);\n      }\n    }\n\n    & tr:nth-child(2n) {\n      td,\n      th {\n        background-color: var(--samples-panel-markdown-background-color);\n      }\n    }\n\n    & thead tr th,\n    & tbody tr td {\n      background-color: var(--samples-panel-markdown-background-color);\n      border-color: var(--samples-panel-markdown-border-color);\n    }\n  }\n\n  code {\n    font-size: var(--code-block-font-size);\n    font-family: var(--code-block-font-family);\n    color: var(--code-block-text-color);\n    background-color: var(--code-block-background-color);\n  }\n\n  a,\n  a:visited {\n    color: var(--link-visited);\n  }\n\n  pre {\n    border: none;\n    padding: calc(var(--spacing-unit) * 4);\n    border-radius: var(--code-block-border-radius);\n    background: var(--code-block-background-color);\n  }\n"],["\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    color: var(--panel-samples-heading-text-color, var(--panel-samples-text-color));\n  }\n\n  table {\n    color: #ffffff;\n    overflow-wrap: break-word;\n    word-break: break-word;\n\n    & tr {\n      td,\n      th {\n        background-color: var(--samples-panel-controls-background-color);\n      }\n    }\n\n    & tr:nth-child(2n) {\n      td,\n      th {\n        background-color: var(--samples-panel-markdown-background-color);\n      }\n    }\n\n    & thead tr th,\n    & tbody tr td {\n      background-color: var(--samples-panel-markdown-background-color);\n      border-color: var(--samples-panel-markdown-border-color);\n    }\n  }\n\n  code {\n    font-size: var(--code-block-font-size);\n    font-family: var(--code-block-font-family);\n    color: var(--code-block-text-color);\n    background-color: var(--code-block-background-color);\n  }\n\n  a,\n  a:visited {\n    color: var(--link-visited);\n  }\n\n  pre {\n    border: none;\n    padding: calc(var(--spacing-unit) * 4);\n    border-radius: var(--code-block-border-radius);\n    background: var(--code-block-background-color);\n  }\n"])));function PullRight(n){var o=n.children;return react_1.default.createElement(StyledRightPanel,null,react_1.default.createElement(Panel_1.CodePanel,null,this.props.children&&react_1.default.createElement(MarkdownCodeBlock,{source:o})))}exports.PullRight=PullRight;var templateObject_1,templateObject_2,StyledRightPanel=(0,styled_components_1.default)(redoc_lib_1.SamplesPanel)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  float: right;\n  z-index: 1;\n  position: relative;\n  margin-bottom: 10px;\n"],["\n  float: right;\n  z-index: 1;\n  position: relative;\n  margin-bottom: 10px;\n"])));
 //# sourceMappingURL=PullRight.js.map

package/lib/components/pluggable/styled.components.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FullWidthPanel=exports.ExamplesWrap=exports.SamplesWrap=void 0;var templateObject_1,templateObject_2,templateObject_3,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),redoc_lib_1=require("../../redoc-lib");exports.SamplesWrap=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  padding: calc(var(--spacing-unit) * 4);\n  border-radius: var(--panels-border-radius);\n  background-color: var(--samples-panel-background-color);\n"],["\n  padding: calc(var(--spacing-unit) * 4);\n  border-radius: var(--panels-border-radius);\n  background-color: var(--samples-panel-background-color);\n"]))),exports.ExamplesWrap=(0,styled_components_1.default)(exports.SamplesWrap)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  width: 100%;\n"],["\n  width: 100%;\n"]))),exports.FullWidthPanel=(0,styled_components_1.default)(redoc_lib_1.SamplesMiddlePanel)(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  padding-left: var(--spacing-horizontal);\n  padding-right: var(--spacing-horizontal);\n  width: 100%;\n"],["\n  padding-left: var(--spacing-horizontal);\n  padding-right: var(--spacing-horizontal);\n  width: 100%;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FullWidthPanel=exports.ExamplesWrap=exports.SamplesWrap=void 0;var templateObject_1,templateObject_2,templateObject_3,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),redoc_lib_1=require("../../redoc-lib");exports.SamplesWrap=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  padding: calc(var(--spacing-unit) * 4);\n  border-radius: var(--panel-border-radius);\n  background-color: var(--panel-samples-background-color);\n"],["\n  padding: calc(var(--spacing-unit) * 4);\n  border-radius: var(--panel-border-radius);\n  background-color: var(--panel-samples-background-color);\n"]))),exports.ExamplesWrap=(0,styled_components_1.default)(exports.SamplesWrap)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  width: 100%;\n"],["\n  width: 100%;\n"]))),exports.FullWidthPanel=(0,styled_components_1.default)(redoc_lib_1.SamplesMiddlePanel)(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  padding-left: var(--spacing-horizontal);\n  padding-right: var(--spacing-horizontal);\n  width: 100%;\n"],["\n  padding-left: var(--spacing-horizontal);\n  padding-right: var(--spacing-horizontal);\n  width: 100%;\n"])));
 //# sourceMappingURL=styled.components.js.map

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

@@ -1,4 +1,6 @@
 export declare const HttpVerb: import("styled-components").StyledComponent<"span", any, {
+    className: `operation-type ${string}`;
+    'data-component-name': string;
+} & {
     type: string;
-    compact?: boolean | undefined;
-}, never>;
+}, "className" | "data-component-name">;

package/lib/components/shared/HttpVerb.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HttpVerb=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components"));exports.HttpVerb=styled_components_1.default.span(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-block;\n  color: var(--http-badge-color);\n  text-transform: uppercase;\n  text-align: center;\n  font-family: var(--http-badge-font-family);\n  border-radius: var(--http-badge-border-radius);\n  background-color: ",";\n  min-width: 58px;\n  padding: 0 8px;\n  font-size: var(--http-badge-font-size);\n  line-height: var(--http-badge-line-height);\n  font-weight: var(--http-badge-font-weight);\n"],["\n  display: inline-block;\n  color: var(--http-badge-color);\n  text-transform: uppercase;\n  text-align: center;\n  font-family: var(--http-badge-font-family);\n  border-radius: var(--http-badge-border-radius);\n  background-color: ",";\n  min-width: 58px;\n  padding: 0 8px;\n  font-size: var(--http-badge-font-size);\n  line-height: var(--http-badge-line-height);\n  font-weight: var(--http-badge-font-weight);\n"])),(function(t){return"var(--color-http-"+t.type+", var(--color-http-basic))"}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HttpVerb=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),OperationBadge_1=require("@redocly/theme/OperationBadge");exports.HttpVerb=(0,styled_components_1.default)(OperationBadge_1.OperationBadge)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-block;\n  padding: 0 8px;\n"],["\n  display: inline-block;\n  padding: 0 8px;\n"])));
 //# sourceMappingURL=HttpVerb.js.map

package/lib/components/shared/MimeLabel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MimeLabel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components"));exports.MimeLabel=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  background-color: var(--samples-panel-controls-background-color);\n  color: var(--color-content-inverse);\n  font-family: var(--code-font-family);\n  margin-bottom: 0;\n  height: 30px;\n  padding: 7px 10px;\n  font-size: 14px;\n  line-height: 16px;\n  border-radius: var(--global-border-radius);\n"],["\n  background-color: var(--samples-panel-controls-background-color);\n  color: var(--color-content-inverse);\n  font-family: var(--code-font-family);\n  margin-bottom: 0;\n  height: 30px;\n  padding: 7px 10px;\n  font-size: 14px;\n  line-height: 16px;\n  border-radius: var(--global-border-radius);\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MimeLabel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components"));exports.MimeLabel=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  background-color: var(--panel-samples-dropdown-background-color);\n  color: var(---panel-samples-dropdown-color);\n  font-family: var(--code-font-family);\n  margin-bottom: 0;\n  height: 36px;\n  padding: var(--dropdown-padding);\n  font-size: 14px;\n  line-height: 16px;\n  border: var(--panel-samples-dropdown-border);\n  border-radius: var(--border-radius);\n"],["\n  background-color: var(--panel-samples-dropdown-background-color);\n  color: var(---panel-samples-dropdown-color);\n  font-family: var(--code-font-family);\n  margin-bottom: 0;\n  height: 36px;\n  padding: var(--dropdown-padding);\n  font-size: 14px;\n  line-height: 16px;\n  border: var(--panel-samples-dropdown-border);\n  border-radius: var(--border-radius);\n"])));
 //# sourceMappingURL=MimeLabel.js.map

package/lib/components/styled.elements.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ControlsWrap=exports.ChangeViewButton=exports.NextSectionButtonWrap=exports.BackgroundStubFix=exports.BackgroundStub=exports.ApiContentWrap=exports.RedocWrap=exports.ToggleRightPanelButton=exports.StyledToggleRightPanelButton=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),styled_components_1=(0,tslib_1.__importStar)(require("styled-components")),theme_1=require("@redocly/theme"),services_1=require("../services"),ShowRightPanelSVG=(0,styled_components_1.default)((function(){return React.createElement("svg",{width:"15",height:"10",viewBox:"0 0 15 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("path",{d:"M2.41421 5L5.70711 8.29289C6.09763 8.68342 6.09763 9.31658 5.7071 9.70711C5.31658 10.0976 4.68342 10.0976 4.29289 9.70711L0.292892 5.70711C-0.0976321 5.31658 -0.0976319 4.68342 0.292893 4.29289L4.29289 0.292894C4.68342 -0.0976302 5.31658 -0.09763 5.70711 0.292894C6.09763 0.683418 6.09763 1.31658 5.70711 1.70711L2.41421 5Z",fill:"#9AA6B1"}),React.createElement("path",{d:"M2 5C2 4.44772 2.44771 4 3 4L11 4C11.5523 4 12 4.44772 12 5C12 5.55229 11.5523 6 11 6L3 6C2.44771 6 2 5.55228 2 5Z",fill:"#9AA6B1"}),React.createElement("rect",{x:"15",y:"10",width:"2",height:"10",rx:"1",transform:"rotate(-180 15 10)",fill:"#9AA6B1"}))}))(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),HideRightPanelSVG=(0,styled_components_1.default)((function(){return React.createElement("svg",{width:"15",height:"10",viewBox:"0 0 15 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("path",{d:"M12.5858 5L9.29289 1.70711C8.90237 1.31658 8.90237 0.683417 9.29289 0.292893C9.68342 -0.097631 10.3166 -0.0976309 10.7071 0.292893L14.7071 4.29289C15.0976 4.68342 15.0976 5.31658 14.7071 5.70711L10.7071 9.70711C10.3166 10.0976 9.68342 10.0976 9.29289 9.70711C8.90237 9.31658 8.90237 8.68342 9.29289 8.29289L12.5858 5Z",fill:"#9AA6B1"}),React.createElement("path",{d:"M13 5C13 5.55229 12.5523 6 12 6L4 6C3.44772 6 3 5.55228 3 5C3 4.44771 3.44772 4 4 4L12 4C12.5523 4 13 4.44772 13 5Z",fill:"#9AA6B1"}),React.createElement("rect",{width:"2",height:"10",rx:"1",fill:"#9AA6B1"}))}))(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  position: absolute;\n"],["\n  position: absolute;\n"])));exports.StyledToggleRightPanelButton=styled_components_1.default.a(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  height: var(--layout-buttons-height);\n  width: var(--layout-buttons-width);\n  background: #e5e8eb;\n  border-radius: var(--global-border-radius);\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  height: var(--layout-buttons-height);\n  width: var(--layout-buttons-width);\n  background: #e5e8eb;\n  border-radius: var(--global-border-radius);\n"]))),exports.ToggleRightPanelButton=(0,mobx_react_1.observer)((function(e){var t=e.store,n=e.isVisible;return t.options.showRightPanelToggle&&n?React.createElement(theme_1.Tooltip,{tip:t.showRightPanel?"Hide samples":"Show samples",placement:"left"},React.createElement(exports.StyledToggleRightPanelButton,{onClick:function(){t.toggleRightPanel()}},t.showRightPanel?React.createElement(HideRightPanelSVG,null):React.createElement(ShowRightPanelSVG,null))):null})),exports.RedocWrap=styled_components_1.default.div(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  display: flex;\n  position: relative;\n  text-align: left;\n  tap-highlight-color: rgba(0, 0, 0, 0);\n  text-size-adjust: 100%;\n  text-rendering: var(--text-rendering, auto) !important;\n\n  font-family: var(--font-family-base);\n  font-size: var(--font-size-base);\n  line-height: var(--line-height-base);\n  font-weight: var(--font-weight-regular);\n  color: var(--color-content);\n  -webkit-font-smoothing: var(--smoothing);\n\n  * {\n    box-sizing: border-box;\n    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n  }\n"],["\n  display: flex;\n  position: relative;\n  text-align: left;\n  tap-highlight-color: rgba(0, 0, 0, 0);\n  text-size-adjust: 100%;\n  text-rendering: var(--text-rendering, auto) !important;\n\n  font-family: var(--font-family-base);\n  font-size: var(--font-size-base);\n  line-height: var(--line-height-base);\n  font-weight: var(--font-weight-regular);\n  color: var(--color-content);\n  -webkit-font-smoothing: var(--smoothing);\n\n  * {\n    box-sizing: border-box;\n    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n  }\n"]))),exports.ApiContentWrap=styled_components_1.default.div(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 0 auto;\n  width: auto;\n\n  ",";\n"],["\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 0 auto;\n  width: auto;\n\n  ",";\n"])),(function(e){var t=e.layout,n=void 0===t?services_1.LayoutVariant.THREE_PANEL:t,a=e.theme;return(0,styled_components_1.css)(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n      max-width: ",";\n\n      "," {\n        width: calc(100% - var(--sidebar-width));\n        max-width: var(--layout-","-small-max-width);\n      }\n\n      "," {\n        max-width: var(--layout-","-medium-max-width);\n      }\n\n      "," {\n        max-width: var(--layout-","-large-max-width);\n      }\n\n      "," {\n        width: 100%;\n        padding: 0;\n      }\n    "],["\n      max-width: ",";\n\n      "," {\n        width: calc(100% - var(--sidebar-width));\n        max-width: var(--layout-","-small-max-width);\n      }\n\n      "," {\n        max-width: var(--layout-","-medium-max-width);\n      }\n\n      "," {\n        max-width: var(--layout-","-large-max-width);\n      }\n\n      "," {\n        width: 100%;\n        padding: 0;\n      }\n    "])),n===services_1.LayoutVariant.THREE_PANEL?"100%":"",a.mediaQueries.small,n,a.mediaQueries.medium,n,a.mediaQueries.large,n,a.mediaQueries.print)})),exports.BackgroundStub=styled_components_1.default.div(templateObject_8||(templateObject_8=(0,tslib_1.__makeTemplateObject)(["\n  position: absolute;\n  display: none;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  background: var(--samples-panel-block-background-color);\n\n  ","\n"],["\n  position: absolute;\n  display: none;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  background: var(--samples-panel-block-background-color);\n\n  ","\n"])),(function(e){var t=e.theme;return(0,styled_components_1.css)(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(["\n    "," {\n      display: initial;\n      left: calc(100% - var(--samples-panel-width));\n    }\n\n    "," {\n      display: none;\n    }\n  "],["\n    "," {\n      display: initial;\n      left: calc(100% - var(--samples-panel-width));\n    }\n\n    "," {\n      display: none;\n    }\n  "])),t.mediaQueries[t.showAtBreakpoint.samplesPanel],t.mediaQueries.print)}));var getBackgroundStubFixWidth=function(e){return(0,styled_components_1.css)(templateObject_9||(templateObject_9=(0,tslib_1.__makeTemplateObject)(["\n  width: calc(\n    (\n        100% - min(100% - var(--sidebar-width) - var(--layout-buttons-width), var(",")) -\n          var(--sidebar-width) + var(--layout-buttons-width)\n      ) / 2 + 2px /* 2px to account for rounding errors */\n  );\n"],["\n  width: calc(\n    (\n        100% - min(100% - var(--sidebar-width) - var(--layout-buttons-width), var(",")) -\n          var(--sidebar-width) + var(--layout-buttons-width)\n      ) / 2 + 2px /* 2px to account for rounding errors */\n  );\n"])),e)};exports.BackgroundStubFix=styled_components_1.default.div(templateObject_11||(templateObject_11=(0,tslib_1.__makeTemplateObject)(["\n  position: absolute;\n  display: none;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  background: var(--samples-panel-block-background-color);\n  width: 0;\n\n  ","\n"],["\n  position: absolute;\n  display: none;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  background: var(--samples-panel-block-background-color);\n  width: 0;\n\n  ","\n"])),(function(e){var t=e.theme;return(0,styled_components_1.css)(templateObject_10||(templateObject_10=(0,tslib_1.__makeTemplateObject)(["\n    "," {\n      display: initial;\n      ",";\n    }\n\n    "," {\n      ",";\n    }\n\n    "," {\n      display: none;\n    }\n  "],["\n    "," {\n      display: initial;\n      ",";\n    }\n\n    "," {\n      ",";\n    }\n\n    "," {\n      display: none;\n    }\n  "])),t.mediaQueries[t.showAtBreakpoint.samplesPanel],getBackgroundStubFixWidth("--layout-three-panel-medium-max-width"),t.mediaQueries.large,getBackgroundStubFixWidth("--layout-three-panel-large-max-width"),t.mediaQueries.print)})),exports.NextSectionButtonWrap=styled_components_1.default.div(templateObject_12||(templateObject_12=(0,tslib_1.__makeTemplateObject)(["\n  padding-top: calc(var(--spacing-unit) * 4);\n  padding-bottom: calc(var(--spacing-unit) * 4);\n  padding-left: var(--spacing-horizontal);\n  padding-right: var(--spacing-horizontal);\n  align-self: flex-start;\n  text-align: right;\n\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n\n  "," {\n    width: calc(100% - var(--samples-panel-width));\n    padding-right: var(--samples-panel-gap, var(--spacing-horizontal));\n  }\n"],["\n  padding-top: calc(var(--spacing-unit) * 4);\n  padding-bottom: calc(var(--spacing-unit) * 4);\n  padding-left: var(--spacing-horizontal);\n  padding-right: var(--spacing-horizontal);\n  align-self: flex-start;\n  text-align: right;\n\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n\n  "," {\n    width: calc(100% - var(--samples-panel-width));\n    padding-right: var(--samples-panel-gap, var(--spacing-horizontal));\n  }\n"])),(function(e){var t=e.theme;return t.mediaQueries[t.showAtBreakpoint.samplesPanel]}));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11,templateObject_12,templateObject_13,templateObject_14,templateObject_15,templateObject_16,templateObject_17,ChangeViewSvgColumn=(0,styled_components_1.default)((function(){return React.createElement("svg",{width:"15",height:"20",viewBox:"0 0 15 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("line",{x1:"13.2858",y1:"5.28564",x2:"1.00005",y2:"5.28564",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("line",{x1:"13.2858",y1:"1",x2:"1.00005",y2:"0.999998",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("rect",{x:"14.2858",y:"20",width:"14.2857",height:"11.4286",rx:"1",transform:"rotate(-180 14.2858 20)",fill:"#9AA6B1"}))}))(templateObject_13||(templateObject_13=(0,tslib_1.__makeTemplateObject)(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),ChangeViewSvgRow=(0,styled_components_1.default)((function(){return React.createElement("svg",{width:"20",height:"16",viewBox:"0 0 20 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("line",{x1:"1",y1:"4",x2:"8",y2:"4",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("line",{x1:"1",y1:"8",x2:"8",y2:"8",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("line",{x1:"1",y1:"12",x2:"8",y2:"12",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("rect",{x:"11",width:"9",height:"16",rx:"1",fill:"#9AA6B1"}))}))(templateObject_14||(templateObject_14=(0,tslib_1.__makeTemplateObject)(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),StyledChangeViewButton=styled_components_1.default.a(templateObject_15||(templateObject_15=(0,tslib_1.__makeTemplateObject)(["\n  display: flex;\n  position: relative;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  height: var(--layout-buttons-height);\n  width: var(--layout-buttons-width);\n  background: #e5e8eb;\n  border-radius: var(--global-border-radius);\n"],["\n  display: flex;\n  position: relative;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  height: var(--layout-buttons-height);\n  width: var(--layout-buttons-width);\n  background: #e5e8eb;\n  border-radius: var(--global-border-radius);\n"]))),ChangeViewButton=function(e){var t=e.store,n=e.isVisible;return t.options.showChangeLayoutButton&&n?React.createElement(theme_1.Tooltip,{tip:"Change layout",placement:"left"},React.createElement(StyledChangeViewButton,{onClick:function(){t.toggleLayout(t.layout===services_1.LayoutVariant.STACKED?services_1.LayoutVariant.THREE_PANEL:services_1.LayoutVariant.STACKED)}},t.layout===services_1.LayoutVariant.STACKED?React.createElement(ChangeViewSvgRow,null):React.createElement(ChangeViewSvgColumn,null))):null};exports.ChangeViewButton=ChangeViewButton,exports.ControlsWrap=styled_components_1.default.span(templateObject_17||(templateObject_17=(0,tslib_1.__makeTemplateObject)(["\n  position: sticky;\n  display: none;\n  flex-direction: column;\n  justify-content: space-between;\n  top: var(--layout-buttons-top-offset);\n  right: 24px;\n  height: calc(var(--layout-buttons-height) * 2 + var(--spacing-unit) * 2);\n  z-index: 1;\n\n  ","\n"],["\n  position: sticky;\n  display: none;\n  flex-direction: column;\n  justify-content: space-between;\n  top: var(--layout-buttons-top-offset);\n  right: 24px;\n  height: calc(var(--layout-buttons-height) * 2 + var(--spacing-unit) * 2);\n  z-index: 1;\n\n  ","\n"])),(function(e){var t=e.theme;return(0,styled_components_1.css)(templateObject_16||(templateObject_16=(0,tslib_1.__makeTemplateObject)(["\n    "," {\n      display: flex;\n    }\n\n    "," {\n      display: none;\n    }\n  "],["\n    "," {\n      display: flex;\n    }\n\n    "," {\n      display: none;\n    }\n  "])),t.mediaQueries[t.showAtBreakpoint.samplesPanel],t.mediaQueries.print)}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ControlsWrap=exports.ChangeViewButton=exports.NextSectionButtonWrap=exports.BackgroundStubFix=exports.BackgroundStub=exports.ApiContentWrap=exports.RedocWrap=exports.ToggleRightPanelButton=exports.StyledToggleRightPanelButton=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),styled_components_1=(0,tslib_1.__importStar)(require("styled-components")),Tooltip_1=require("@redocly/theme/Tooltip"),services_1=require("../services"),ShowRightPanelSVG=(0,styled_components_1.default)((function(){return React.createElement("svg",{width:"15",height:"10",viewBox:"0 0 15 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("path",{d:"M2.41421 5L5.70711 8.29289C6.09763 8.68342 6.09763 9.31658 5.7071 9.70711C5.31658 10.0976 4.68342 10.0976 4.29289 9.70711L0.292892 5.70711C-0.0976321 5.31658 -0.0976319 4.68342 0.292893 4.29289L4.29289 0.292894C4.68342 -0.0976302 5.31658 -0.09763 5.70711 0.292894C6.09763 0.683418 6.09763 1.31658 5.70711 1.70711L2.41421 5Z",fill:"var(--color-emphasis-400)"}),React.createElement("path",{d:"M2 5C2 4.44772 2.44771 4 3 4L11 4C11.5523 4 12 4.44772 12 5C12 5.55229 11.5523 6 11 6L3 6C2.44771 6 2 5.55228 2 5Z",fill:"var(--color-emphasis-400)"}),React.createElement("rect",{x:"15",y:"10",width:"2",height:"10",rx:"1",transform:"rotate(-180 15 10)",fill:"var(--color-emphasis-400)"}))}))(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),HideRightPanelSVG=(0,styled_components_1.default)((function(){return React.createElement("svg",{width:"15",height:"10",viewBox:"0 0 15 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("path",{d:"M12.5858 5L9.29289 1.70711C8.90237 1.31658 8.90237 0.683417 9.29289 0.292893C9.68342 -0.097631 10.3166 -0.0976309 10.7071 0.292893L14.7071 4.29289C15.0976 4.68342 15.0976 5.31658 14.7071 5.70711L10.7071 9.70711C10.3166 10.0976 9.68342 10.0976 9.29289 9.70711C8.90237 9.31658 8.90237 8.68342 9.29289 8.29289L12.5858 5Z",fill:"var(--color-emphasis-400)"}),React.createElement("path",{d:"M13 5C13 5.55229 12.5523 6 12 6L4 6C3.44772 6 3 5.55228 3 5C3 4.44771 3.44772 4 4 4L12 4C12.5523 4 13 4.44772 13 5Z",fill:"var(--color-emphasis-400)"}),React.createElement("rect",{width:"2",height:"10",rx:"1",fill:"var(--color-emphasis-400)"}))}))(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  position: absolute;\n"],["\n  position: absolute;\n"])));exports.StyledToggleRightPanelButton=styled_components_1.default.a(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  height: var(--layout-controls-height);\n  width: var(--layout-controls-width);\n  background: var(--color-emphasis-100);\n  border-radius: var(--border-radius);\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  height: var(--layout-controls-height);\n  width: var(--layout-controls-width);\n  background: var(--color-emphasis-100);\n  border-radius: var(--border-radius);\n"]))),exports.ToggleRightPanelButton=(0,mobx_react_1.observer)((function(e){var t=e.store,n=e.isVisible;return t.options.showRightPanelToggle&&n?React.createElement(Tooltip_1.Tooltip,{tip:t.showRightPanel?"Hide samples":"Show samples",placement:"left"},React.createElement(exports.StyledToggleRightPanelButton,{onClick:function(){t.toggleRightPanel()}},t.showRightPanel?React.createElement(HideRightPanelSVG,null):React.createElement(ShowRightPanelSVG,null))):null})),exports.RedocWrap=styled_components_1.default.div(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  display: flex;\n  position: relative;\n  text-align: left;\n  tap-highlight-color: rgba(0, 0, 0, 0);\n  text-size-adjust: 100%;\n  text-rendering: var(--text-rendering, auto) !important;\n\n  font-family: var(--font-family-base);\n  font-size: var(--font-size-base);\n  line-height: var(--line-height-base);\n  font-weight: var(--font-weight-regular);\n  color: var(--text-color);\n  -webkit-font-text-smoothing: var(--text-smoothing);\n\n  * {\n    box-sizing: border-box;\n    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n  }\n"],["\n  display: flex;\n  position: relative;\n  text-align: left;\n  tap-highlight-color: rgba(0, 0, 0, 0);\n  text-size-adjust: 100%;\n  text-rendering: var(--text-rendering, auto) !important;\n\n  font-family: var(--font-family-base);\n  font-size: var(--font-size-base);\n  line-height: var(--line-height-base);\n  font-weight: var(--font-weight-regular);\n  color: var(--text-color);\n  -webkit-font-text-smoothing: var(--text-smoothing);\n\n  * {\n    box-sizing: border-box;\n    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n  }\n"]))),exports.ApiContentWrap=styled_components_1.default.div(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 0 auto;\n  width: auto;\n\n  ",";\n"],["\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 0 auto;\n  width: auto;\n\n  ",";\n"])),(function(e){var t=e.layout,n=void 0===t?services_1.LayoutVariant.THREE_PANEL:t,a=e.theme;return(0,styled_components_1.css)(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n      max-width: ",";\n\n      "," {\n        width: calc(100% - var(--sidebar-width));\n        max-width: var(--layout-","-small-max-width);\n      }\n\n      "," {\n        max-width: var(--layout-","-medium-max-width);\n      }\n\n      "," {\n        max-width: var(--layout-","-large-max-width);\n      }\n\n      "," {\n        width: 100%;\n        padding: 0;\n      }\n    "],["\n      max-width: ",";\n\n      "," {\n        width: calc(100% - var(--sidebar-width));\n        max-width: var(--layout-","-small-max-width);\n      }\n\n      "," {\n        max-width: var(--layout-","-medium-max-width);\n      }\n\n      "," {\n        max-width: var(--layout-","-large-max-width);\n      }\n\n      "," {\n        width: 100%;\n        padding: 0;\n      }\n    "])),n===services_1.LayoutVariant.THREE_PANEL?"100%":"",a.mediaQueries.small,n,a.mediaQueries.medium,n,a.mediaQueries.large,n,a.mediaQueries.print)})),exports.BackgroundStub=styled_components_1.default.div(templateObject_8||(templateObject_8=(0,tslib_1.__makeTemplateObject)(["\n  position: absolute;\n  display: none;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  background: var(--panel-samples-block-background-color);\n\n  ","\n"],["\n  position: absolute;\n  display: none;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  background: var(--panel-samples-block-background-color);\n\n  ","\n"])),(function(e){var t=e.theme;return(0,styled_components_1.css)(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(["\n    "," {\n      display: initial;\n      left: calc(100% - var(--panel-samples-width));\n    }\n\n    "," {\n      display: none;\n    }\n  "],["\n    "," {\n      display: initial;\n      left: calc(100% - var(--panel-samples-width));\n    }\n\n    "," {\n      display: none;\n    }\n  "])),t.mediaQueries[t.showAtBreakpoint.samplesPanel],t.mediaQueries.print)}));var getBackgroundStubFixWidth=function(e){return(0,styled_components_1.css)(templateObject_9||(templateObject_9=(0,tslib_1.__makeTemplateObject)(["\n  width: calc(\n    (\n        100% - min(100% - var(--sidebar-width) - var(--layout-controls-width), var(",")) -\n          var(--sidebar-width) + var(--layout-controls-width)\n      ) / 2 + 2px /* 2px to account for rounding errors */\n  );\n"],["\n  width: calc(\n    (\n        100% - min(100% - var(--sidebar-width) - var(--layout-controls-width), var(",")) -\n          var(--sidebar-width) + var(--layout-controls-width)\n      ) / 2 + 2px /* 2px to account for rounding errors */\n  );\n"])),e)};exports.BackgroundStubFix=styled_components_1.default.div(templateObject_11||(templateObject_11=(0,tslib_1.__makeTemplateObject)(["\n  position: absolute;\n  display: none;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  background: var(--panel-samples-block-background-color);\n  width: 0;\n\n  ","\n"],["\n  position: absolute;\n  display: none;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  background: var(--panel-samples-block-background-color);\n  width: 0;\n\n  ","\n"])),(function(e){var t=e.theme;return(0,styled_components_1.css)(templateObject_10||(templateObject_10=(0,tslib_1.__makeTemplateObject)(["\n    "," {\n      display: initial;\n      ",";\n    }\n\n    "," {\n      ",";\n    }\n\n    "," {\n      display: none;\n    }\n  "],["\n    "," {\n      display: initial;\n      ",";\n    }\n\n    "," {\n      ",";\n    }\n\n    "," {\n      display: none;\n    }\n  "])),t.mediaQueries[t.showAtBreakpoint.samplesPanel],getBackgroundStubFixWidth("--layout-three-panel-medium-max-width"),t.mediaQueries.large,getBackgroundStubFixWidth("--layout-three-panel-large-max-width"),t.mediaQueries.print)})),exports.NextSectionButtonWrap=styled_components_1.default.div(templateObject_12||(templateObject_12=(0,tslib_1.__makeTemplateObject)(["\n  padding-top: calc(var(--spacing-unit) * 4);\n  padding-bottom: calc(var(--spacing-unit) * 4);\n  padding-left: var(--spacing-horizontal);\n  padding-right: var(--spacing-horizontal);\n  align-self: flex-start;\n  text-align: right;\n\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n\n  "," {\n    width: calc(100% - var(--panel-samples-width));\n    padding-right: var(--panel-gap-vertical, var(--panel-gap-horizontal));\n  }\n"],["\n  padding-top: calc(var(--spacing-unit) * 4);\n  padding-bottom: calc(var(--spacing-unit) * 4);\n  padding-left: var(--spacing-horizontal);\n  padding-right: var(--spacing-horizontal);\n  align-self: flex-start;\n  text-align: right;\n\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n\n  "," {\n    width: calc(100% - var(--panel-samples-width));\n    padding-right: var(--panel-gap-vertical, var(--panel-gap-horizontal));\n  }\n"])),(function(e){var t=e.theme;return t.mediaQueries[t.showAtBreakpoint.samplesPanel]}));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11,templateObject_12,templateObject_13,templateObject_14,templateObject_15,templateObject_16,templateObject_17,ChangeViewSvgColumn=(0,styled_components_1.default)((function(){return React.createElement("svg",{width:"15",height:"20",viewBox:"0 0 15 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("line",{x1:"13.2858",y1:"5.28564",x2:"1.00005",y2:"5.28564",stroke:"var(--color-emphasis-400)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("line",{x1:"13.2858",y1:"1",x2:"1.00005",y2:"0.999998",stroke:"var(--color-emphasis-400)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("rect",{x:"14.2858",y:"20",width:"14.2857",height:"11.4286",rx:"1",transform:"rotate(-180 14.2858 20)",fill:"var(--color-emphasis-400)"}))}))(templateObject_13||(templateObject_13=(0,tslib_1.__makeTemplateObject)(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),ChangeViewSvgRow=(0,styled_components_1.default)((function(){return React.createElement("svg",{width:"20",height:"16",viewBox:"0 0 20 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("line",{x1:"1",y1:"4",x2:"8",y2:"4",stroke:"var(--color-emphasis-400)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("line",{x1:"1",y1:"8",x2:"8",y2:"8",stroke:"var(--color-emphasis-400)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("line",{x1:"1",y1:"12",x2:"8",y2:"12",stroke:"var(--color-emphasis-400)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("rect",{x:"11",width:"9",height:"16",rx:"1",fill:"var(--color-emphasis-400)"}))}))(templateObject_14||(templateObject_14=(0,tslib_1.__makeTemplateObject)(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),StyledChangeViewButton=styled_components_1.default.a(templateObject_15||(templateObject_15=(0,tslib_1.__makeTemplateObject)(["\n  display: flex;\n  position: relative;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  height: var(--layout-controls-height);\n  width: var(--layout-controls-width);\n  background: var(--color-emphasis-100);\n  border-radius: var(--border-radius);\n"],["\n  display: flex;\n  position: relative;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  height: var(--layout-controls-height);\n  width: var(--layout-controls-width);\n  background: var(--color-emphasis-100);\n  border-radius: var(--border-radius);\n"]))),ChangeViewButton=function(e){var t=e.store,n=e.isVisible;return t.options.showChangeLayoutButton&&n?React.createElement(Tooltip_1.Tooltip,{tip:"Change layout",placement:"left"},React.createElement(StyledChangeViewButton,{onClick:function(){t.toggleLayout(t.layout===services_1.LayoutVariant.STACKED?services_1.LayoutVariant.THREE_PANEL:services_1.LayoutVariant.STACKED)}},t.layout===services_1.LayoutVariant.STACKED?React.createElement(ChangeViewSvgRow,null):React.createElement(ChangeViewSvgColumn,null))):null};exports.ChangeViewButton=ChangeViewButton,exports.ControlsWrap=styled_components_1.default.span(templateObject_17||(templateObject_17=(0,tslib_1.__makeTemplateObject)(["\n  position: sticky;\n  display: none;\n  flex-direction: column;\n  justify-content: space-between;\n  top: var(--layout-controls-top-offset);\n  right: 24px;\n  height: calc(var(--layout-controls-height) * 2 + var(--spacing-unit) * 2);\n  z-index: 1;\n\n  ","\n"],["\n  position: sticky;\n  display: none;\n  flex-direction: column;\n  justify-content: space-between;\n  top: var(--layout-controls-top-offset);\n  right: 24px;\n  height: calc(var(--layout-controls-height) * 2 + var(--spacing-unit) * 2);\n  z-index: 1;\n\n  ","\n"])),(function(e){var t=e.theme;return(0,styled_components_1.css)(templateObject_16||(templateObject_16=(0,tslib_1.__makeTemplateObject)(["\n    "," {\n      display: flex;\n    }\n\n    "," {\n      display: none;\n    }\n  "],["\n    "," {\n      display: flex;\n    }\n\n    "," {\n      display: none;\n    }\n  "])),t.mediaQueries[t.showAtBreakpoint.samplesPanel],t.mediaQueries.print)}));
 //# sourceMappingURL=styled.elements.js.map

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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShareLinkToField=exports.LinkToField=void 0;var templateObject_1,tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),components_1=require("../components"),constants_1=require("../services/constants"),helpers_1=require("../../../services/history/helpers"),linkify_1=require("./linkify"),icons_1=require("./icons"),LinkToField=function(e){var n,i,t,o=react_1.default.useContext(components_1.StoreContext),l=react_1.default.useState(!1),r=l[0],s=l[1],a=(null==o?void 0:o.menu.history.linkForId(null===(i=e.field.deps.operation)||void 0===i?void 0:i.id))||"",c=(0,helpers_1.constructFieldDeepFragment)(e.field),u=o&&c?o.menu.history.generateDeepLink(c,a):null,d=o?((n={})[constants_1.SECTION_ATTR]=(null===(t=e.field.deps.operation)||void 0===t?void 0:t.id)+o.options.deepLinkPrefix+c,n.id=u&&u.split("#")[1]||void 0,n):null;return react_1.default.useEffect((function(){if(o&&d)return s(o.menu.history.currentId===d[constants_1.SECTION_ATTR]),o.menu.history.subscribe((function(e){s(e===d[constants_1.SECTION_ATTR])}))}),[null==o?void 0:o.menu.history,null==d?void 0:d[constants_1.SECTION_ATTR]]),c&&o&&u?react_1.default.createElement("a",(0,tslib_1.__assign)({className:e.className+(r?" active":""),href:u,onClick:function(e){return function(e,n,i){n.defaultPrevented||(0,linkify_1.userIsForcingNavigation)(n)||(n.preventDefault(),e.replaceForField(i))}(null==o?void 0:o.menu.history,e,u),e.stopPropagation(),e.preventDefault(),o.options.onDeepLinkClick&&o.options.onDeepLinkClick(u),!1}},d),react_1.default.createElement(icons_1.LinkIcon,null),e.children):react_1.default.createElement(react_1.default.Fragment,null,e.children||null)};exports.LinkToField=LinkToField,exports.ShareLinkToField=(0,styled_components_1.default)(exports.LinkToField)(templateObject_1||(templateObject_1=(0,tslib_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"])),(0,linkify_1.linkifyMixin)("&","13px"),icons_1.LinkIcon,icons_1.LinkIcon,icons_1.LinkIcon);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShareLinkToField=exports.LinkToField=void 0;var templateObject_1,tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),components_1=require("../components"),constants_1=require("../services/constants"),helpers_1=require("../../../services/history/helpers"),linkify_1=require("./linkify"),icons_1=require("./icons"),LinkToField=function(e){var n,i,t,o=react_1.default.useContext(components_1.StoreContext),r=react_1.default.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=(0,helpers_1.constructFieldDeepFragment)(e.field),u=o&&c?o.menu.history.generateDeepLink(c,a):null,d=o?((n={})[constants_1.SECTION_ATTR]=(null===(t=e.field.deps.operation)||void 0===t?void 0:t.id)+o.options.deepLinkPrefix+c,n.id=u&&u.split("#")[1]||void 0,n):null;return react_1.default.useEffect((function(){if(o&&d)return s(o.menu.history.currentId===d[constants_1.SECTION_ATTR]),o.menu.history.subscribe((function(e){s(e===d[constants_1.SECTION_ATTR])}))}),[null==o?void 0:o.menu.history,null==d?void 0:d[constants_1.SECTION_ATTR]]),c&&o&&u?react_1.default.createElement("a",(0,tslib_1.__assign)({className:e.className+(l?" active":""),href:u,onClick:function(e){return function(e,n,i){n.defaultPrevented||(0,linkify_1.userIsForcingNavigation)(n)||(n.preventDefault(),e.replaceForField(i))}(null==o?void 0:o.menu.history,e,u),e.stopPropagation(),e.preventDefault(),o.options.onDeepLinkClick&&o.options.onDeepLinkClick(u),!1}},d),react_1.default.createElement(icons_1.DeepLinkIcon,null),e.children):react_1.default.createElement(react_1.default.Fragment,null,e.children||null)};exports.LinkToField=LinkToField,exports.ShareLinkToField=(0,styled_components_1.default)(exports.LinkToField)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  ","\n\n  color: var(--schema-property-deep-link-icon-color);\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  color: var(--schema-property-deep-link-icon-color);\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"])),(0,linkify_1.linkifyMixin)("&","13px"),icons_1.LinkIcon,icons_1.LinkIcon,icons_1.LinkIcon);
 //# sourceMappingURL=LinkToField.js.map

package/lib/redoc-lib/src/common-elements/fields-layout.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PropertiesTable=exports.PropertiesTableWrap=exports.InnerPropertiesWrap=exports.PropertyBullet=exports.PropertyDetailsCell=exports.PropertyNameCell=exports.PropertyCellWithInner=exports.PropertyCell=exports.PropertiesTableCaption=void 0;var tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importStar)(require("styled-components")),theme_helpers_1=require("../utils/theme-helpers"),utils_1=require("../utils"),mixins_1=require("./mixins");exports.PropertiesTableCaption=styled_components_1.default.caption(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  text-align: right;\n  font-size: 0.9em;\n  font-weight: normal;\n  color: var(--color-content-secondary);\n"],["\n  text-align: right;\n  font-size: 0.9em;\n  font-weight: normal;\n  color: var(--color-content-secondary);\n"])));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11,templateObject_12,repeatingGradient=(0,styled_components_1.css)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  repeating-linear-gradient(0deg,\n  var(--schema-lines-color),\n  var(--schema-lines-color) 3px,\n  transparent 3px,\n  transparent 5px,\n  var(--schema-lines-color) 5px);\n"],["\n  repeating-linear-gradient(0deg,\n  var(--schema-lines-color),\n  var(--schema-lines-color) 3px,\n  transparent 3px,\n  transparent 5px,\n  var(--schema-lines-color) 5px);\n"])));exports.PropertyCell=styled_components_1.default.td(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  box-sizing: border-box;\n  position: relative;\n  background-image: ",";\n  background-repeat: no-repeat;\n  background-size: 1px 100%;\n  display: block;\n  overflow: hidden;\n  padding: 0 20px;\n  margin-bottom: 2px;\n\n  "," {\n    display: table-cell;\n    overflow: initial;\n    padding: 10px;\n    margin-bottom: 0;\n  }\n\n  tr:first-of-type > & {\n    background-image: ",";\n    background-position: 0 10px;\n    padding-top: 0;\n  }\n\n  tr.last > & {\n    background-image: ",";\n    padding-bottom: 0;\n    background-size: 0.9px 100%;\n\n    "," {\n      background-size: 0.9px 22px;\n    }\n  }\n\n  tr.last + tr > & {\n    background: none;\n  }\n\n  tr.last:first-child > & {\n    background-image: ",";\n    background-size: 0.9px 100%;\n    background-position: 0 20px;\n\n    "," {\n      background-size: 0.9px 22px;\n      background-position: 0 0;\n    }\n  }\n"],["\n  box-sizing: border-box;\n  position: relative;\n  background-image: ",";\n  background-repeat: no-repeat;\n  background-size: 1px 100%;\n  display: block;\n  overflow: hidden;\n  padding: 0 20px;\n  margin-bottom: 2px;\n\n  "," {\n    display: table-cell;\n    overflow: initial;\n    padding: 10px;\n    margin-bottom: 0;\n  }\n\n  tr:first-of-type > & {\n    background-image: ",";\n    background-position: 0 10px;\n    padding-top: 0;\n  }\n\n  tr.last > & {\n    background-image: ",";\n    padding-bottom: 0;\n    background-size: 0.9px 100%;\n\n    "," {\n      background-size: 0.9px 22px;\n    }\n  }\n\n  tr.last + tr > & {\n    background: none;\n  }\n\n  tr.last:first-child > & {\n    background-image: ",";\n    background-size: 0.9px 100%;\n    background-position: 0 20px;\n\n    "," {\n      background-size: 0.9px 22px;\n      background-position: 0 0;\n    }\n  }\n"])),repeatingGradient,(function(n){return n.theme.mediaQueries.small}),repeatingGradient,repeatingGradient,(function(n){return n.theme.mediaQueries.small}),repeatingGradient,(function(n){return n.theme.mediaQueries.small})),exports.PropertyCellWithInner=(0,styled_components_1.default)(exports.PropertyCell)(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  padding: 0;\n"],["\n  padding: 0;\n"]))),exports.PropertyNameCell=(0,styled_components_1.default)(exports.PropertyCell)(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(["\n  vertical-align: top;\n  line-height: 23px;\n  white-space: nowrap;\n  font-size: 14px;\n  font-family: var(--field-name-font-family);\n\n  &.deprecated {\n    ",";\n  }\n\n  ","\n\n  ",";\n\n  .field-name {\n    display: inline-flex;\n    align-items: center;\n  }\n"],["\n  vertical-align: top;\n  line-height: 23px;\n  white-space: nowrap;\n  font-size: 14px;\n  font-family: var(--field-name-font-family);\n\n  &.deprecated {\n    ",";\n  }\n\n  ","\n\n  ",";\n\n  .field-name {\n    display: inline-flex;\n    align-items: center;\n  }\n"])),mixins_1.deprecatedCss,(function(n){return"patternProperties"===n.kind&&(0,styled_components_1.css)(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n      span.field-name {\n        white-space: break-spaces;\n        text-align: left;\n        display: inline-table;\n        line-height: 1.5;\n      }\n    "],["\n      span.field-name {\n        white-space: break-spaces;\n        text-align: left;\n        display: inline-table;\n        line-height: 1.5;\n      }\n    "])))}),(function(){var n=(0,utils_1.getCssVariable)("--schema-field-name-word-break");if(["break-all","break-word"].includes(n)){var e="\n      && span:last-child {\n        white-space: normal;\n        word-break: "+n+";\n        vertical-align: top;\n        max-width: calc(100% - 21px);\n        display: inline-flex;\n      }\n    ";return(0,styled_components_1.css)(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n        ","\n        ","\n      "],["\n        ","\n        ","\n      "])),(0,theme_helpers_1.typography)("field-name"),e)}return(0,theme_helpers_1.typography)("field-name")})),exports.PropertyDetailsCell=styled_components_1.default.td(templateObject_8||(templateObject_8=(0,tslib_1.__makeTemplateObject)(["\n  box-sizing: border-box;\n  vertical-align: top;\n\n  tr.expanded & {\n    border-bottom: none;\n  }\n\n  tr.last > & {\n    border: none;\n    background-position: top left;\n    background-repeat: no-repeat;\n    background-size: 1px 100%;\n    padding-bottom: 0;\n\n    /* workaround for discriminator dropdown oveflowing scrolling container,\n    fixes the issue for the last item in the schema only */\n    & > div > div.dropdown > .dropdown-selector-content {\n      position: relative;\n    }\n  }\n\n  tr:first-of-type > & {\n    padding-top: 0;\n  }\n\n  border-bottom: none;\n  border-left: 1px solid var(--schema-lines-color);\n  padding: 0 20px;\n  width: var(--schema-default-details-width);\n  min-width: 200px;\n\n  "," {\n    border-bottom: 1px solid var(--global-border-color);\n    border-left: none;\n    padding: 10px 0;\n  }\n"],["\n  box-sizing: border-box;\n  vertical-align: top;\n\n  tr.expanded & {\n    border-bottom: none;\n  }\n\n  tr.last > & {\n    border: none;\n    background-position: top left;\n    background-repeat: no-repeat;\n    background-size: 1px 100%;\n    padding-bottom: 0;\n\n    /* workaround for discriminator dropdown oveflowing scrolling container,\n    fixes the issue for the last item in the schema only */\n    & > div > div.dropdown > .dropdown-selector-content {\n      position: relative;\n    }\n  }\n\n  tr:first-of-type > & {\n    padding-top: 0;\n  }\n\n  border-bottom: none;\n  border-left: 1px solid var(--schema-lines-color);\n  padding: 0 20px;\n  width: var(--schema-default-details-width);\n  min-width: 200px;\n\n  "," {\n    border-bottom: 1px solid var(--global-border-color);\n    border-left: none;\n    padding: 10px 0;\n  }\n"])),(function(n){return n.theme.mediaQueries.small})),exports.PropertyBullet=styled_components_1.default.span(templateObject_9||(templateObject_9=(0,tslib_1.__makeTemplateObject)(["\n  margin-right: 10px;\n  color: var(--schema-lines-color);\n  font-family: var(--code-font-family);\n  width: var(--schema-default-details-width);\n  border-left: 1px dashed var(--schema-lines-color);\n  padding: 5px 10px;\n\n  "," {\n    border-left: none;\n    padding: 10px;\n  }\n\n  &::before {\n    content: '';\n    display: inline-block;\n    vertical-align: middle;\n    width: 10px;\n    height: 1px;\n    background: var(--schema-lines-color);\n  }\n"],["\n  margin-right: 10px;\n  color: var(--schema-lines-color);\n  font-family: var(--code-font-family);\n  width: var(--schema-default-details-width);\n  border-left: 1px dashed var(--schema-lines-color);\n  padding: 5px 10px;\n\n  "," {\n    border-left: none;\n    padding: 10px;\n  }\n\n  &::before {\n    content: '';\n    display: inline-block;\n    vertical-align: middle;\n    width: 10px;\n    height: 1px;\n    background: var(--schema-lines-color);\n  }\n"])),(function(n){return n.theme.mediaQueries.small})),exports.InnerPropertiesWrap=styled_components_1.default.div(templateObject_10||(templateObject_10=(0,tslib_1.__makeTemplateObject)(["\n  padding: var(--schema-nesting-spacing);\n"],["\n  padding: var(--schema-nesting-spacing);\n"]))),exports.PropertiesTableWrap=styled_components_1.default.div(templateObject_11||(templateObject_11=(0,tslib_1.__makeTemplateObject)(["\n  display: block;\n  overflow-x: auto;\n  padding: 5px; /* hack to show overflown anchor icons */\n  margin: -5px;\n"],["\n  display: block;\n  overflow-x: auto;\n  padding: 5px; /* hack to show overflown anchor icons */\n  margin: -5px;\n"]))),exports.PropertiesTable=styled_components_1.default.table(templateObject_12||(templateObject_12=(0,tslib_1.__makeTemplateObject)(["\n  border-collapse: separate;\n  border-radius: var(--global-border-radius);\n  width: 100%;\n  font-size: var(--font-size-base);\n  display: block;\n\n  "," {\n    display: table;\n  }\n\n  > tr,\n  > tbody > tr {\n    display: block;\n    margin-bottom: 2px;\n    border-spacing: 0;\n\n    "," {\n      display: table-row;\n      margin-bottom: 0;\n      border-spacing: 0 2px;\n    }\n  }\n\n  > tr {\n    vertical-align: middle;\n  }\n\n  @media screen and (max-width: ",") and (-ms-high-contrast: none) {\n    td {\n      float: left;\n      width: 100%;\n    }\n  }\n\n  &\n    ",",\n    &\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    "," {\n    margin-left: var(--schema-nesting-spacing);\n    margin-bottom: var(--schema-nesting-spacing);\n    background: var(--schema-nested-background-color);\n    border-radius: var(--panels-border-radius);\n  }\n\n  &\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    ","\n    "," {\n    background: var(--panels-background-color, #fff);\n  }\n"],["\n  border-collapse: separate;\n  border-radius: var(--global-border-radius);\n  width: 100%;\n  font-size: var(--font-size-base);\n  display: block;\n\n  "," {\n    display: table;\n  }\n\n  > tr,\n  > tbody > tr {\n    display: block;\n    margin-bottom: 2px;\n    border-spacing: 0;\n\n    "," {\n      display: table-row;\n      margin-bottom: 0;\n      border-spacing: 0 2px;\n    }\n  }\n\n  > tr {\n    vertical-align: middle;\n  }\n\n  @media screen and (max-width: ",") and (-ms-high-contrast: none) {\n    td {\n      float: left;\n      width: 100%;\n    }\n  }\n\n  &\n    ",",\n    &\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    "," {\n    margin-left: var(--schema-nesting-spacing);\n    margin-bottom: var(--schema-nesting-spacing);\n    background: var(--schema-nested-background-color);\n    border-radius: var(--panels-border-radius);\n  }\n\n  &\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    ","\n    "," {\n    background: var(--panels-background-color, #fff);\n  }\n"])),(function(n){return n.theme.mediaQueries.small}),(function(n){return n.theme.mediaQueries.small}),(function(n){return n.theme.mediaQueries.small}),exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PropertiesTable=exports.PropertiesTableWrap=exports.InnerPropertiesWrap=exports.PropertyBullet=exports.PropertyDetailsCell=exports.PropertyNameCell=exports.PropertyCellWithInner=exports.PropertyCell=exports.PropertiesTableCaption=void 0;var tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importStar)(require("styled-components")),theme_helpers_1=require("../utils/theme-helpers"),utils_1=require("../utils"),mixins_1=require("./mixins");exports.PropertiesTableCaption=styled_components_1.default.caption(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  text-align: right;\n  font-size: 0.9em;\n  font-weight: normal;\n  color: var(--text-color-secondary);\n"],["\n  text-align: right;\n  font-size: 0.9em;\n  font-weight: normal;\n  color: var(--text-color-secondary);\n"])));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11,templateObject_12,repeatingGradient=(0,styled_components_1.css)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  repeating-linear-gradient(0deg,\n  var(--schemas-lines-color),\n  var(--schemas-lines-color) 3px,\n  transparent 3px,\n  transparent 5px,\n  var(--schemas-lines-color) 5px);\n"],["\n  repeating-linear-gradient(0deg,\n  var(--schemas-lines-color),\n  var(--schemas-lines-color) 3px,\n  transparent 3px,\n  transparent 5px,\n  var(--schemas-lines-color) 5px);\n"])));exports.PropertyCell=styled_components_1.default.td(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  box-sizing: border-box;\n  position: relative;\n  background-image: ",";\n  background-repeat: no-repeat;\n  background-size: 1px 100%;\n  display: block;\n  overflow: hidden;\n  padding: 0 20px;\n  margin-bottom: 2px;\n\n  "," {\n    display: table-cell;\n    overflow: initial;\n    padding: 10px;\n    margin-bottom: 0;\n  }\n\n  tr:first-of-type > & {\n    background-image: ",";\n    background-position: 0 10px;\n    padding-top: 0;\n  }\n\n  tr.last > & {\n    background-image: ",";\n    padding-bottom: 0;\n    background-size: 0.9px 100%;\n\n    "," {\n      background-size: 0.9px 22px;\n    }\n  }\n\n  tr.last + tr > & {\n    background: none;\n  }\n\n  tr.last:first-child > & {\n    background-image: ",";\n    background-size: 0.9px 100%;\n    background-position: 0 20px;\n\n    "," {\n      background-size: 0.9px 22px;\n      background-position: 0 0;\n    }\n  }\n"],["\n  box-sizing: border-box;\n  position: relative;\n  background-image: ",";\n  background-repeat: no-repeat;\n  background-size: 1px 100%;\n  display: block;\n  overflow: hidden;\n  padding: 0 20px;\n  margin-bottom: 2px;\n\n  "," {\n    display: table-cell;\n    overflow: initial;\n    padding: 10px;\n    margin-bottom: 0;\n  }\n\n  tr:first-of-type > & {\n    background-image: ",";\n    background-position: 0 10px;\n    padding-top: 0;\n  }\n\n  tr.last > & {\n    background-image: ",";\n    padding-bottom: 0;\n    background-size: 0.9px 100%;\n\n    "," {\n      background-size: 0.9px 22px;\n    }\n  }\n\n  tr.last + tr > & {\n    background: none;\n  }\n\n  tr.last:first-child > & {\n    background-image: ",";\n    background-size: 0.9px 100%;\n    background-position: 0 20px;\n\n    "," {\n      background-size: 0.9px 22px;\n      background-position: 0 0;\n    }\n  }\n"])),repeatingGradient,(function(n){return n.theme.mediaQueries.small}),repeatingGradient,repeatingGradient,(function(n){return n.theme.mediaQueries.small}),repeatingGradient,(function(n){return n.theme.mediaQueries.small})),exports.PropertyCellWithInner=(0,styled_components_1.default)(exports.PropertyCell)(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  padding: 0;\n"],["\n  padding: 0;\n"]))),exports.PropertyNameCell=(0,styled_components_1.default)(exports.PropertyCell)(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(["\n  vertical-align: top;\n  line-height: 23px;\n  white-space: nowrap;\n  font-size: 14px;\n  font-family: var(--field-name-font-family);\n\n  &.deprecated {\n    ",";\n  }\n\n  ","\n\n  ",";\n\n  .field-name {\n    display: inline-flex;\n    align-items: center;\n  }\n"],["\n  vertical-align: top;\n  line-height: 23px;\n  white-space: nowrap;\n  font-size: 14px;\n  font-family: var(--field-name-font-family);\n\n  &.deprecated {\n    ",";\n  }\n\n  ","\n\n  ",";\n\n  .field-name {\n    display: inline-flex;\n    align-items: center;\n  }\n"])),mixins_1.deprecatedCss,(function(n){return"patternProperties"===n.kind&&(0,styled_components_1.css)(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n      span.field-name {\n        white-space: break-spaces;\n        text-align: left;\n        display: inline-table;\n        line-height: 1.5;\n      }\n    "],["\n      span.field-name {\n        white-space: break-spaces;\n        text-align: left;\n        display: inline-table;\n        line-height: 1.5;\n      }\n    "])))}),(function(){var n=(0,utils_1.getCssVariable)("--schema-field-name-word-break");if(["break-all","break-word"].includes(n)){var e="\n      && span:last-child {\n        white-space: normal;\n        word-break: "+n+";\n        vertical-align: top;\n        max-width: calc(100% - 21px);\n        display: inline-flex;\n      }\n    ";return(0,styled_components_1.css)(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n        ","\n        ","\n      "],["\n        ","\n        ","\n      "])),(0,theme_helpers_1.typography)("schemas-property-name"),e)}return(0,theme_helpers_1.typography)("schemas-property-name")})),exports.PropertyDetailsCell=styled_components_1.default.td(templateObject_8||(templateObject_8=(0,tslib_1.__makeTemplateObject)(["\n  box-sizing: border-box;\n  vertical-align: top;\n\n  tr.expanded & {\n    border-bottom: none;\n  }\n\n  tr.last > & {\n    border: none;\n    background-position: top left;\n    background-repeat: no-repeat;\n    background-size: 1px 100%;\n    padding-bottom: 0;\n\n    /* workaround for discriminator dropdown oveflowing scrolling container,\n    fixes the issue for the last item in the schema only */\n    & > div > div.dropdown > .dropdown-selector-content {\n      position: relative;\n    }\n  }\n\n  tr:first-of-type > & {\n    padding-top: 0;\n  }\n\n  border-bottom: none;\n  border-left: 1px solid var(--schemas-lines-color);\n  padding: 0 20px;\n  width: var(--schema-default-details-width);\n  min-width: 200px;\n\n  "," {\n    border-bottom: 1px solid var(--border-color);\n    border-left: none;\n    padding: 10px 0;\n  }\n"],["\n  box-sizing: border-box;\n  vertical-align: top;\n\n  tr.expanded & {\n    border-bottom: none;\n  }\n\n  tr.last > & {\n    border: none;\n    background-position: top left;\n    background-repeat: no-repeat;\n    background-size: 1px 100%;\n    padding-bottom: 0;\n\n    /* workaround for discriminator dropdown oveflowing scrolling container,\n    fixes the issue for the last item in the schema only */\n    & > div > div.dropdown > .dropdown-selector-content {\n      position: relative;\n    }\n  }\n\n  tr:first-of-type > & {\n    padding-top: 0;\n  }\n\n  border-bottom: none;\n  border-left: 1px solid var(--schemas-lines-color);\n  padding: 0 20px;\n  width: var(--schema-default-details-width);\n  min-width: 200px;\n\n  "," {\n    border-bottom: 1px solid var(--border-color);\n    border-left: none;\n    padding: 10px 0;\n  }\n"])),(function(n){return n.theme.mediaQueries.small})),exports.PropertyBullet=styled_components_1.default.span(templateObject_9||(templateObject_9=(0,tslib_1.__makeTemplateObject)(["\n  margin-right: 10px;\n  color: var(--schemas-lines-color);\n  font-family: var(--code-font-family);\n  width: var(--schema-default-details-width);\n  border-left: 1px dashed var(--schemas-lines-color);\n  padding: 5px 10px;\n\n  "," {\n    border-left: none;\n    padding: 10px;\n  }\n\n  &::before {\n    content: '';\n    display: inline-block;\n    vertical-align: middle;\n    width: 10px;\n    height: 1px;\n    background: var(--schemas-lines-color);\n  }\n"],["\n  margin-right: 10px;\n  color: var(--schemas-lines-color);\n  font-family: var(--code-font-family);\n  width: var(--schema-default-details-width);\n  border-left: 1px dashed var(--schemas-lines-color);\n  padding: 5px 10px;\n\n  "," {\n    border-left: none;\n    padding: 10px;\n  }\n\n  &::before {\n    content: '';\n    display: inline-block;\n    vertical-align: middle;\n    width: 10px;\n    height: 1px;\n    background: var(--schemas-lines-color);\n  }\n"])),(function(n){return n.theme.mediaQueries.small})),exports.InnerPropertiesWrap=styled_components_1.default.div(templateObject_10||(templateObject_10=(0,tslib_1.__makeTemplateObject)(["\n  padding: var(--schema-nested-offset);\n"],["\n  padding: var(--schema-nested-offset);\n"]))),exports.PropertiesTableWrap=styled_components_1.default.div(templateObject_11||(templateObject_11=(0,tslib_1.__makeTemplateObject)(["\n  display: block;\n  overflow-x: auto;\n  padding: 5px; /* hack to show overflown anchor icons */\n  margin: -5px;\n"],["\n  display: block;\n  overflow-x: auto;\n  padding: 5px; /* hack to show overflown anchor icons */\n  margin: -5px;\n"]))),exports.PropertiesTable=styled_components_1.default.table(templateObject_12||(templateObject_12=(0,tslib_1.__makeTemplateObject)(["\n  border-collapse: separate;\n  border-radius: var(--border-radius);\n  width: 100%;\n  font-size: var(--font-size-base);\n  display: block;\n\n  "," {\n    display: table;\n  }\n\n  > tr,\n  > tbody > tr {\n    display: block;\n    margin-bottom: 2px;\n    border-spacing: 0;\n\n    "," {\n      display: table-row;\n      margin-bottom: 0;\n      border-spacing: 0 2px;\n    }\n  }\n\n  > tr {\n    vertical-align: middle;\n  }\n\n  @media screen and (max-width: ",") and (-ms-high-contrast: none) {\n    td {\n      float: left;\n      width: 100%;\n    }\n  }\n\n  &\n    ",",\n    &\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    "," {\n    margin-left: var(--schema-nested-offset);\n    margin-bottom: var(--schema-nested-offset);\n    background: var(--schema-nested-background-color);\n    border-radius: var(--panel-border-radius);\n  }\n\n  &\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    ","\n    "," {\n    background: var(--panel-background-color, #fff);\n  }\n"],["\n  border-collapse: separate;\n  border-radius: var(--border-radius);\n  width: 100%;\n  font-size: var(--font-size-base);\n  display: block;\n\n  "," {\n    display: table;\n  }\n\n  > tr,\n  > tbody > tr {\n    display: block;\n    margin-bottom: 2px;\n    border-spacing: 0;\n\n    "," {\n      display: table-row;\n      margin-bottom: 0;\n      border-spacing: 0 2px;\n    }\n  }\n\n  > tr {\n    vertical-align: middle;\n  }\n\n  @media screen and (max-width: ",") and (-ms-high-contrast: none) {\n    td {\n      float: left;\n      width: 100%;\n    }\n  }\n\n  &\n    ",",\n    &\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    "," {\n    margin-left: var(--schema-nested-offset);\n    margin-bottom: var(--schema-nested-offset);\n    background: var(--schema-nested-background-color);\n    border-radius: var(--panel-border-radius);\n  }\n\n  &\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    ","\n    "," {\n    background: var(--panel-background-color, #fff);\n  }\n"])),(function(n){return n.theme.mediaQueries.small}),(function(n){return n.theme.mediaQueries.small}),(function(n){return n.theme.mediaQueries.small}),exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap);
 //# sourceMappingURL=fields-layout.js.map

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

@@ -6,9 +6,14 @@ export declare const TypePrefix: import("styled-components").StyledComponent<"sp
 export declare const TypeName: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const TypeTitle: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const TypeFormat: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const RequiredLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const PropertyLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const RequiredLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AdditionalPropertiesLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AccessLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FieldValueLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const RecursiveLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const EnumValue: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const DefaultValue: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const ExampleValue: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const ExtensionValue: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const ConstraintItem: import("styled-components").StyledComponent<"span", any, {}, never>;