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

package/lib/components/NextSectionButton.d.ts

@@ -5,7 +5,7 @@ import type { RedocProNormalizedOptions } from '../services/ProStore';
 export declare const NextSectionButton: import("styled-components").StyledComponent<React.FC<ButtonProps>, any, {
     className: string;
 }, "className">;
-export declare const NextSectionButtonLink: import("styled-components").StyledComponent<"a", any, ButtonProps, never>;
+export declare const NextSectionButtonLink: import("styled-components").StyledComponent<React.FC<ButtonProps>, any, ButtonProps, never>;
 interface ContinueButtonProps {
     pagination?: RedocProNormalizedOptions['pagination'];
     menu: ProMenu;

package/lib/components/NextSectionButton.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContinueButton=exports.NextSectionButtonLink=exports.NextSectionButton=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"),linkify_1=require("../redoc-lib/src/common-elements/linkify"),styled_elements_1=require("./styled.elements");exports.NextSectionButton=(0,styled_components_1.default)(Button_1.Button).attrs({className:"next-section-button"})(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  font-size: 14px;\n  margin-left: auto;\n"],["\n  font-size: 14px;\n  margin-left: auto;\n"]))),exports.NextSectionButtonLink=(0,styled_components_1.default)(Button_1.Button.withComponent("a"))(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  font-size: 14px;\n  margin-left: auto;\n"],["\n  font-size: 14px;\n  margin-left: auto;\n"])));var templateObject_1,templateObject_2,ContinueButton=function(e){var t=e.pagination,n=e.menu;if(!t||"none"===t)return null;var o=getNext(t,n),i=o.nextItem,l=o.nextLabel;return i?React.createElement(styled_elements_1.NextSectionButtonWrap,null,React.createElement(exports.NextSectionButtonLink,{extraClass:"next-section-button",color:"secondary",onClick:function(e){var t;e.defaultPrevented||(0,linkify_1.userIsForcingNavigation)(e)||(e.preventDefault(),t=i,redoc_lib_1.IS_BROWSER&&window.scrollTo(0,0),n.activateAndScroll(t),setTimeout((function(){return n.activateAndScroll(t)})))},href:i.href},"➔ Next to ",React.createElement("strong",null,l))):null};function getNext(e,t){var n,o,i,l=t.renderItems,r=t.flatItems,a=void 0;if(-1===t.activeRenderItemIdx)return a=r.find((function(e){return e.id.startsWith("tag")})),{nextItem:a,nextLabel:null==a?void 0:a.name};if(!l.length)return"group"===(a=r[0]).type&&(a=a.items[0]),{nextItem:a,nextLabel:i=a.name};if("section"===e)return(a=nextItemOfDepth(l[l.length-1],r))?{nextItem:a,nextLabel:i=null==a?void 0:a.name}:{};if("item"===e){switch(l[0].type){case"tag":i=null==(a=nextOperationOrTagItem(l[0],r))?void 0:a.name;break;case"section":i=null==(a=nextItemOfDepth(l[l.length-1],r))?void 0:a.name;break;case"operation":case"schema":i=null==(a=getNextForOperation(l[0],r))?void 0:a.name;break;default:return{}}return"tag"===(null==a?void 0:a.type)&&!(null==a?void 0:a.description)&&(null==a?void 0:a.items.length)&&(i=(null===(n=null==(a=null==a?void 0:a.items[0])?void 0:a.parent)||void 0===n?void 0:n.name)+" / "+(null==a?void 0:a.name)),a&&a.parent&&0===a.parent.items.indexOf(a)&&(i=(null===(o=a.parent)||void 0===o?void 0:o.name)+" / "+a.name),{nextItem:a,nextLabel:i}}return{}}function nextItemOfDepth(e,t){for(var n,o=(null!==(n=null==e?void 0:e.absoluteIdx)&&void 0!==n?n:0)+1;o<t.length;o++)if(t[o].depth===e.depth)return t[o]}function nextOperationOrTagItem(e,t){for(var n,o=(null!==(n=null==e?void 0:e.absoluteIdx)&&void 0!==n?n:0)+1;o<t.length;o++)if("operation"===t[o].type||"tag"===t[o].type||"schema"===t[o].type)return t[o]}function getNextForOperation(e,t){for(var n,o,i=(null!==(n=null==e?void 0:e.absoluteIdx)&&void 0!==n?n:0)+1;i<t.length;i++)if("tag"===(o=t[i]).type||"operation"===o.type||"section"===o.type||"schema"===o.type)return o}exports.ContinueButton=ContinueButton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContinueButton=exports.NextSectionButtonLink=exports.NextSectionButton=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"),linkify_1=require("../redoc-lib/src/common-elements/linkify"),styled_elements_1=require("./styled.elements");exports.NextSectionButton=(0,styled_components_1.default)(Button_1.Button).attrs({className:"next-section-button"})(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  font-size: 14px;\n  margin-left: auto;\n"],["\n  font-size: 14px;\n  margin-left: auto;\n"]))),exports.NextSectionButtonLink=(0,styled_components_1.default)(Button_1.Button)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  font-size: 14px;\n  margin-left: auto;\n"],["\n  font-size: 14px;\n  margin-left: auto;\n"])));var templateObject_1,templateObject_2,ContinueButton=function(e){var t=e.pagination,n=e.menu;if(!t||"none"===t)return null;var o=getNext(t,n),i=o.nextItem,l=o.nextLabel;return i?React.createElement(styled_elements_1.NextSectionButtonWrap,null,React.createElement(exports.NextSectionButtonLink,{extraClass:"next-section-button",color:"secondary",onClick:function(e){var t;e.defaultPrevented||(0,linkify_1.userIsForcingNavigation)(e)||(e.preventDefault(),t=i,redoc_lib_1.IS_BROWSER&&window.scrollTo(0,0),n.activateAndScroll(t),setTimeout((function(){return n.activateAndScroll(t)})))},to:i.href},"➔ Next to ",React.createElement("strong",null,l))):null};function getNext(e,t){var n,o,i,l=t.renderItems,r=t.flatItems,a=void 0;if(-1===t.activeRenderItemIdx)return a=r.find((function(e){return e.id.startsWith("tag")})),{nextItem:a,nextLabel:null==a?void 0:a.name};if(!l.length)return"group"===(a=r[0]).type&&(a=a.items[0]),{nextItem:a,nextLabel:i=a.name};if("section"===e)return(a=nextItemOfDepth(l[l.length-1],r))?{nextItem:a,nextLabel:i=null==a?void 0:a.name}:{};if("item"===e){switch(l[0].type){case"tag":i=null==(a=nextOperationOrTagItem(l[0],r))?void 0:a.name;break;case"section":i=null==(a=nextItemOfDepth(l[l.length-1],r))?void 0:a.name;break;case"operation":case"schema":i=null==(a=getNextForOperation(l[0],r))?void 0:a.name;break;default:return{}}return"tag"===(null==a?void 0:a.type)&&!(null==a?void 0:a.description)&&(null==a?void 0:a.items.length)&&(i=(null===(n=null==(a=null==a?void 0:a.items[0])?void 0:a.parent)||void 0===n?void 0:n.name)+" / "+(null==a?void 0:a.name)),a&&a.parent&&0===a.parent.items.indexOf(a)&&(i=(null===(o=a.parent)||void 0===o?void 0:o.name)+" / "+a.name),{nextItem:a,nextLabel:i}}return{}}function nextItemOfDepth(e,t){for(var n,o=(null!==(n=null==e?void 0:e.absoluteIdx)&&void 0!==n?n:0)+1;o<t.length;o++)if(t[o].depth===e.depth)return t[o]}function nextOperationOrTagItem(e,t){for(var n,o=(null!==(n=null==e?void 0:e.absoluteIdx)&&void 0!==n?n:0)+1;o<t.length;o++)if("operation"===t[o].type||"tag"===t[o].type||"schema"===t[o].type)return t[o]}function getNextForOperation(e,t){for(var n,o,i=(null!==(n=null==e?void 0:e.absoluteIdx)&&void 0!==n?n:0)+1;i<t.length;i++)if("tag"===(o=t[i]).type||"operation"===o.type||"section"===o.type||"schema"===o.type)return o}exports.ContinueButton=ContinueButton;
 //# sourceMappingURL=NextSectionButton.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/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;
+"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,d,p,_,h,v,b,m,y,g,f,P,R,q,S,C,w,A,T,k,I,E,O,x,B,j,F,H,D,V,U,N,L=this;return(0,tslib_1.__generator)(this,(function(W){switch(W.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===(B=this.formApi)||void 0===B||B.submitForm(),n)return this.setState({shaking:!0}),setTimeout((function(){return L.setState({shaking:!1})}),1e3),null===(F=null===(j=null==t?void 0:t.options.events)||void 0===j?void 0:j.tryItSent)||void 0===F||F.call(j,{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,l=i.servers,u=i.requestBody,c=u&&u.content&&u.content.active&&u.content.active.name||"",d=o.body,/json/.test(c))try{d=JSON.parse(d)}catch(e){console.error(e)}if(this.setState({loading:!0}),p=this.state.resolvedRawSpec,_=(r.httpVerb||"").toLowerCase(),!l)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");h=l.find((function(e){return L.state.server.url.endsWith(e.url.endsWith("/")?e.url.substring(0,e.url.length-1):e.url)})),v=Date.now(),b=!!window.document.documentMode,y=o.auth,o.auth?(g=Object.keys(o.auth)[0],f=(0,utils_1.unescapeFormId)(g),m=(0,tslib_1.__assign)((0,tslib_1.__assign)({},p),{components:(0,tslib_1.__assign)((0,tslib_1.__assign)({},null==p?void 0:p.components),{securitySchemes:(0,tslib_1.__assign)((0,tslib_1.__assign)({},null==p?void 0:p.components.securitySchemes),(I={},I[f]=(0,tslib_1.__assign)((0,tslib_1.__assign)({},null==p?void 0:p.components.securitySchemes[f]),{type:"openIdConnect"===(null==p?void 0:p.components.securitySchemes[f].type)?"oauth2":null==p?void 0:p.components.securitySchemes[f].type}),I))})}),y=(0,tslib_1.__assign)((0,tslib_1.__assign)({},y),((E={})[f]=y[g],E))):m=(0,tslib_1.__assign)({},p),m.servers=l,(P=t.options.corsProxyUrl)&&l.length&&(m.servers=l.map((function(e){return(0,tslib_1.__assign)((0,tslib_1.__assign)({},e),{url:P+normalizeUrlProtocol(e.url)})})),m.paths=(0,tslib_1.__assign)((0,tslib_1.__assign)({},m.paths),((O={})[r.path]=(0,tslib_1.__assign)((0,tslib_1.__assign)({},m.paths[r.path]),((x={})[_]=(0,tslib_1.__assign)((0,tslib_1.__assign)({},m.paths[r.path][_]),{servers:void 0}),x.servers=void 0,x)),O))),(R=(null===(D=null===(H=null==u?void 0:u.content)||void 0===H?void 0:H.active)||void 0===D?void 0:D.name)||null)&&d&&(0,helper_1.isFileUploadMime)(R)&&(q=Object.values(d),d=q.length>1?q:q[0]),S={userFetch:b&&require("cross-fetch").fetch,server:P?P+normalizeUrlProtocol(h.url):h.url,serverVariables:this.state.server.variables,spec:m,pathName:r.path,method:r.httpVerb,parameters:(0,tslib_1.__assign)((0,tslib_1.__assign)((0,tslib_1.__assign)((0,tslib_1.__assign)({},o.path),o.query),o.header),o.cookie),securities:{authorized:y},requestBody:d,requestContentType:R,responseContentType:(null===(V=o.header)||void 0===V?void 0:V.Accept)||null,requestInterceptor:(0,utils_2.makeRequestInterceptor)(t.options,r,null==y?void 0:y.Authorization)},W.label=1;case 1:return W.trys.push([1,5,8,9]),[4,swagger_client_1.default.execute(S)];case 2:return C=W.sent(),(w=null==C?void 0:C.data)instanceof Blob?((0,helper_1.isFileUploadMime)(w.type)&&(C.fileInfo={rawData:w,fileName:(0,utils_2.getFileNameFromHeaders)(C.headers)}),A=C,[4,w.text()]):[3,4];case 3:A.data=W.sent(),W.label=4;case 4:return null==s||s({request:S,response:C}),this.setState({response:C,error:void 0}),[3,9];case 5:return(T=W.sent())&&T.response&&T.response.data instanceof Blob?(k=T.response,[4,T.response.data.text()]):[3,7];case 6:k.data=W.sent(),null==s||s({request:S,response:T.response}),W.label=7;case 7:return this.setState({response:void 0,error:T}),[3,9];case 8:return this.setState({loading:!1,activeTab:1,time:Date.now()-v}),null===(N=null===(U=null==t?void 0:t.options.events)||void 0===U?void 0:U.tryItSent)||void 0===N||N.call(U,{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,d=!(!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:d,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:d,params:i.values,operation:t,loading:u,execute:this.handleExecute}))}}),Object.defineProperty(t.prototype,"renderRequest",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t=this.props,r=t.operation,s=t.store,a=t.properties,o=t.securityDefaults,n=this.state,i=n.form,l=n.resolvedRawSpec,u=n.server,c=i.errors||{},d=c.path||c.cookie||c.header||c.query,p=l&&redoc_lib_1.JsonPointer.get(l,r.pointer),_=i.values&&i.values.auth&&Object.keys(i.values.auth)[0];_&&i.values.auth[_]||(_=void 0),!_||void 0===i.values.auth[_].token&&void 0===i.values.auth[_].client_id&&void 0===i.values.auth[_].client_secret||i.values.auth[_].token&&i.values.auth[_].token.access_token||(_=void 0),_&&null!=i.values.auth[_].username&&(i.values.auth[_].username&&i.values.auth[_].password||(_=void 0));var h=r.parameters||[],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:!!_,renderChildrenHidden:!0},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&&React.createElement(TryItPanel_1.TryItPanel,{header:(0,Labels_1.l)("tryItBody"),"data-cy":"body-trigger",error:!!c.body,renderChildrenHidden:!0},React.createElement(RequestBody_1.RequestBody,{validate:allowBodyErrors,formApi:this.formApi,body:r.requestBody,id:r.id,resolvedBody:null==p?void 0:p.requestBody,properties:a}))||null,h.length&&React.createElement(TryItPanel_1.TryItPanel,{header:(0,Labels_1.l)("tryItParameters"),"data-cy":"parameters-trigger",error:d,renderChildrenHidden:!0},React.createElement(OperationParameters_1.OperationParameters,{operation:r,values:i.values,errors:i.errors||{}}))||null))}}),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/RequestBody/RequestBody.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestBody=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),deepmerge_1=(0,tslib_1.__importDefault)(require("deepmerge")),redoc_lib_1=require("../../../redoc-lib"),Samples_1=require("../../Samples"),utils_1=require("../../../services/utils"),helper_1=require("../../common/FileUpload/helper"),types_1=require("../../../types"),Dropdown_1=require("../../common/Dropdown"),RequestBodyForm_1=require("../RequestBodyForm"),RequestMimeLabel_1=require("../RequestMimeLabel"),CodemirrorInput_1=(0,tslib_1.__importDefault)(require("../CodemirrorInput")),utils_2=require("../utils"),utils_3=require("../../../utils"),RequestBodyComponent=(0,mobx_react_1.observer)((function(e){var t,r=e.body,a=e.formApi,o=e.resolvedBody,l=e.properties,i=e.id,n=e.validate,u=r.content,s=function(e){var t;if(!u||!u.hasSample)return"";var r=null===(t=u.active)||void 0===t?void 0:t.examples;if(!(null==r?void 0:r[e]))return"";var a=null==r?void 0:r[e].value,o=l?(0,deepmerge_1.default)(a,l,{arrayMerge:utils_1.arrayMergeStrategy}):a;return JSON.stringify(o,null,2)},d=null===(t=null==u?void 0:u.operation)||void 0===t?void 0:t.activeExampleName,m=function(e){var t;null===(t=null==u?void 0:u.operation)||void 0===t||t.activateExampleName(e),a.setValue("body",s(e))},_=function(e,t){(0,a.setValue)("body."+e,t)};(0,react_1.useEffect)((function(){!1!==d?a.setValue("body",(0,utils_3.fromSessionStorage)(i+"_"+(d||""))||s(d||"")):a.setValue("body",JSON.stringify(l||{},null,2))}),[d]);var c=(0,react_1.useCallback)((function(e){return function(t){(0,utils_3.toSessionStorage)(i+"_"+e,t)}}),[i]);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(redoc_lib_1.MediaTypesSwitch,{content:r.content,renderDropdown:function(e){return react_1.default.createElement(redoc_lib_1.DropdownOrLabel,(0,tslib_1.__assign)({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel_1.RequestMimeLabel,Dropdown:Dropdown_1.Dropdown}))}},(function(e){var t=e.examples||{},r=Object.keys(t),u=e.schema,s=(0,helper_1.isRootFileUpload)(u||{},e.name)||e.name===types_1.MediaTypes.MULTIPART||e.name===types_1.MediaTypes.URL_ENCODED,d=(0,Samples_1.useExampleKey)(e.operation,t).exampleKey,p=(0,utils_3.fromSessionStorage)(i+"_"+d)||(0,utils_2.encodeSample)(t[d],l);return react_1.default.createElement(react_1.default.Fragment,null,r.length&&1!==r.length&&react_1.default.createElement(Samples_1.ExampleSwitch,{examples:t,onChange:m,exampleKey:d,panel:"try-it"})||null,s?react_1.default.createElement(RequestBodyForm_1.RequestBodyForm,{mediaType:e,formApi:a,onChange:_}):react_1.default.createElement(CodemirrorInput_1.default,{id:"body"+i,field:"body",initialValue:p,schema:((null==o?void 0:o.content[e.name])||{}).schema,mode:e.name,validate:n,onChange:c(d)}))})))}));exports.RequestBody=(0,react_1.memo)(RequestBodyComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestBody=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),deepmerge_1=(0,tslib_1.__importDefault)(require("deepmerge")),redoc_lib_1=require("../../../redoc-lib"),Samples_1=require("../../Samples"),utils_1=require("../../../services/utils"),helper_1=require("../../common/FileUpload/helper"),types_1=require("../../../types"),Dropdown_1=require("../../common/Dropdown"),RequestBodyForm_1=require("../RequestBodyForm"),RequestMimeLabel_1=require("../RequestMimeLabel"),CodemirrorInput_1=(0,tslib_1.__importDefault)(require("../CodemirrorInput")),utils_2=require("../utils"),utils_3=require("../../../utils"),RequestBodyComponent=(0,mobx_react_1.observer)((function(e){var t,r,a=e.body,l=e.formApi,o=e.resolvedBody,i=e.properties,n=e.id,u=e.validate,d=a.content,s=function(e){var t;if(!d||!d.hasSample)return"";var r=null===(t=d.active)||void 0===t?void 0:t.examples;if(!(null==r?void 0:r[e]))return"";var a=null==r?void 0:r[e].value,l=i?(0,deepmerge_1.default)(a,i,{arrayMerge:utils_1.arrayMergeStrategy}):a;return JSON.stringify(l,null,2)},m=null===(t=null==d?void 0:d.operation)||void 0===t?void 0:t.activeExampleName,_=function(e){null==d||d.activateExampleName(e),null==l||l.setValue("body",s(e))},p=function(e,t){null==l||l.setValue("body."+e,t)};(0,react_1.useEffect)((function(){var e,t;if(null===(e=null==d?void 0:d.operation)||void 0===e?void 0:e.activeMimeName){var r=(0,utils_2.getStorageExampleKey)(n,d.operation.activeMimeName,m,null===(t=null==d?void 0:d.active)||void 0===t?void 0:t.examples);null==l||l.setValue("body",(0,utils_3.fromSessionStorage)(r)||s(m||""))}else null==l||l.setValue("body",JSON.stringify(i||{},null,2))}),[m,null===(r=null==d?void 0:d.operation)||void 0===r?void 0:r.activeMimeName,null==d?void 0:d.active]);var c=(0,react_1.useCallback)((function(e,t,r){return void 0===e&&(e=""),void 0===t&&(t=""),void 0===r&&(r=[]),function(a){(0,utils_3.toSessionStorage)((0,utils_2.getStorageExampleKey)(n,e,t,r),a)}}),[n]);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(redoc_lib_1.MediaTypesSwitch,{content:a.content,renderDropdown:function(e){return react_1.default.createElement(redoc_lib_1.DropdownOrLabel,(0,tslib_1.__assign)({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel_1.RequestMimeLabel,Dropdown:Dropdown_1.Dropdown}))}},(function(e){var t=e.examples||{},r=Object.keys(t),a=e.schema,d=(0,helper_1.isRootFileUpload)(a||{},e.name)||e.name===types_1.MediaTypes.MULTIPART||e.name===types_1.MediaTypes.URL_ENCODED,s=(0,Samples_1.useExampleKey)(e.operation,t).exampleKey,m=(0,utils_3.fromSessionStorage)((0,utils_2.getStorageExampleKey)(n,e.name,s,t))||(0,utils_2.encodeSample)(t[s],i);return react_1.default.createElement(react_1.default.Fragment,null,r.length&&1!==r.length&&react_1.default.createElement(Samples_1.ExampleSwitch,{examples:t,onChange:_,exampleKey:s,panel:"try-it"})||null,d?react_1.default.createElement(RequestBodyForm_1.RequestBodyForm,{mediaType:e,formApi:l,onChange:p}):react_1.default.createElement(CodemirrorInput_1.default,{id:"body"+n,field:"body",initialValue:m,schema:((null==o?void 0:o.content[e.name])||{}).schema,mode:e.name,validate:u,onChange:c(e.name,s,t)}))})))}));exports.RequestBody=(0,react_1.memo)(RequestBodyComponent);
 //# sourceMappingURL=RequestBody.js.map

package/lib/components/console/RequestBody/types.d.ts

@@ -4,7 +4,7 @@ export interface RequestBodyProps {
     body: RequestBodyModel;
     resolvedBody: OpenAPIRequestBody;
     validate: () => string | undefined;
-    formApi: FormApi;
+    formApi?: FormApi;
     id: string;
     properties: any;
 }

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(--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;
+"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 send 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/ServerVariable.d.ts

@@ -7,5 +7,5 @@ interface ServerVariableProps {
     description?: string;
     defaultValue: string;
 }
-export default function ServerVariable(props: ServerVariableProps): JSX.Element;
+export default function ServerVariable({ name, value, description, variableEnum, onChange, defaultValue, }: ServerVariableProps): JSX.Element;
 export {};

package/lib/components/console/ServerVariable.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!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"),TextField_1=require("../common/TextField"),styled_1=require("./styled");function ServerVariable(e){var t=e.name,l=e.value,r=e.description,n=e.variableEnum,a=e.onChange,o=e.defaultValue,i=n?n.map((function(e,t){return{value:e,idx:t}})):[];return React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null,t,":"),i&&i.length?React.createElement(styled_1.TryItDropdown,{fullWidth:!0,variant:"dark",value:l,options:i,onChange:function(e){return a(e.value)}}):React.createElement(TextField_1.TextField,{fullWidth:!0,value:l,onChange:function(e){return a(e.target.value)},placeholder:o,panel:"try-it"}),r&&React.createElement(Description,null,r))}exports.default=ServerVariable;var templateObject_1,Description=styled_components_1.default.small(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-block;\n  margin-top: 5px;\n  color: #d0d0d0;\n"],["\n  display: inline-block;\n  margin-top: 5px;\n  color: #d0d0d0;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),redoc_lib_1=require("../../redoc-lib"),form_1=require("../common/form"),TextField_1=require("../common/TextField"),styled_1=require("./styled");function ServerVariable(e){var t=e.name,r=e.value,l=e.description,a=e.variableEnum,n=e.onChange,o=e.defaultValue,u=(0,react_1.useCallback)((function(e){return n(e.target.value)}),[n]),c=(0,react_1.useCallback)((function(e){return n(e.value)}),[n]),d=a?a.map((function(e,t){return{value:e,idx:t}})):[];return react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null,t,":"),d&&d.length?react_1.default.createElement(styled_1.TryItDropdown,{fullWidth:!0,variant:"dark",value:r,options:d,onChange:c}):react_1.default.createElement(TextField_1.TextField,{fullWidth:!0,value:r,onChange:u,placeholder:o,panel:"try-it"}),l&&react_1.default.createElement(StyledMarkdown,{compact:!0,source:l}))}exports.default=ServerVariable;var templateObject_1,StyledMarkdown=(0,styled_components_1.default)(redoc_lib_1.Markdown)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-top: 5px;\n  color: #d0d0d0;\n"],["\n  margin-top: 5px;\n  color: #d0d0d0;\n"])));
 //# sourceMappingURL=ServerVariable.js.map

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

@@ -22,3 +22,6 @@ export declare const getOAuth2TokenEndpointAuthHeader: ({ authMethod, clientId,
     clientSecret: string;
 }) => Record<'Authorization', string> | GenericObject;
 export declare function encodeSample(sample: ExampleModel, properties: RequestBodyProps['properties']): string;
+export declare const getStorageExampleKey: (operationId: string, activeMimeType: string, activeExample?: string | false | undefined, examples?: {
+    [name: string]: ExampleModel;
+} | undefined) => string;

package/lib/components/console/utils.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.encodeSample=exports.getOAuth2TokenEndpointAuthHeader=exports.validateTokenEndpointMethod=exports.fromCookie=exports.requiredValidator=exports.makeRequestInterceptor=exports.getFileNameFromHeaders=exports.unescapeQueryParams=exports.updateVariablesStorage=exports.getDefaultOrStoredVariables=exports.expandDefaultServerVariables=exports.expandVariables=exports.getInitialServerWithVariables=exports.getServerWithVariables=exports.getParameters=exports.updateStorage=exports.normalizeUrlProtocol=void 0;var tslib_1=require("tslib"),deepmerge_1=(0,tslib_1.__importDefault)(require("deepmerge")),types_1=require("../../types"),utils_1=require("../../services/utils"),utils_2=require("../../utils");function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}function updateStorage(e){if(e.values.auth)for(var r=0,t=Object.keys(e.values.auth);r<t.length;r++){var a=t[r],i=e.values.auth[a];(0,utils_2.setSecurityDetails)(a,i)}updateParameterStorage(e)}function updateParameterStorage(e){for(var r,t=0,a=["path","query","header","cookie"];t<a.length;t++){var i=a[t];if(null===(r=e.values)||void 0===r?void 0:r[i])for(var o=0,n=Object.keys(e.values[i]);o<n.length;o++){var s=n[o];(0,utils_2.setParameterValue)(i,s,e.values[i][s])}}}exports.normalizeUrlProtocol=normalizeUrlProtocol,exports.updateStorage=updateStorage;var getParameters=function(e,r){return e.filter((function(e){return e.in===r})).reduce((function(e,r){var t=r.in,a=r.name;return e[a]=(0,utils_2.getParameterValue)(t||"",a),e}),{})};exports.getParameters=getParameters;var pathTemplateRegExp=/(?:{)(\w+)(?:})/g;function getServerWithVariables(e,r){void 0===r&&(r=0);var t=e[r],a=getDefaultOrStoredVariables(t);return(0,tslib_1.__assign)((0,tslib_1.__assign)({},t),{variables:a})}function getInitialServerWithVariables(e){var r=(0,utils_2.fromSessionStorage)("serverUrl"),t=e.find((function(e){return e.url===r}))||e[0],a=getDefaultOrStoredVariables(t);return(0,tslib_1.__assign)((0,tslib_1.__assign)({},t),{variables:a})}function expandVariables(e,r){return void 0===r&&(r={}),e.replace(pathTemplateRegExp,(function(e,t){return r[t]||e}))}function expandDefaultServerVariables(e,r){return void 0===r&&(r={}),e.replace(pathTemplateRegExp,(function(e,t){return r[t]&&r[t].default||e}))}function getDefaultOrStoredVariables(e){if(!(null==e?void 0:e.variables))return{};var r=(0,utils_2.fromSessionStorage)("variables"),t=r&&JSON.parse(r)||{},a={};return Object.entries(e.variables||{}).forEach((function(e){var r=e[0],i=e[1];a[r]=t[r]||i.default||""})),a}function updateVariablesStorage(e,r){var t,a=(0,utils_2.fromSessionStorage)("variables"),i=a&&JSON.parse(a)||{};(0,utils_2.toSessionStorage)("variables",JSON.stringify((0,tslib_1.__assign)((0,tslib_1.__assign)({},i),((t={})[e]=r,t))))}function unescapeQueryParams(e){return Object.entries(e).reduce((function(e,r){var t=r[0],a=r[1];return e[(0,utils_2.unescapeFormId)(t)]=a,e}),{})}function getFileNameFromHeaders(e){for(var r="filename=",t=0,a=Object.entries(e);t<a.length;t++){var i=a[t],o=i[0],n=i[1];if("content-disposition"===o.toLowerCase()){var s=n.split(";").find((function(e){return e.trim().startsWith(r)}));if(s)return s.split(r)[1]}}return""}exports.getServerWithVariables=getServerWithVariables,exports.getInitialServerWithVariables=getInitialServerWithVariables,exports.expandVariables=expandVariables,exports.expandDefaultServerVariables=expandDefaultServerVariables,exports.getDefaultOrStoredVariables=getDefaultOrStoredVariables,exports.updateVariablesStorage=updateVariablesStorage,exports.unescapeQueryParams=unescapeQueryParams,exports.getFileNameFromHeaders=getFileNameFromHeaders;var makeRequestInterceptor=function(e,r,t){var a=e.requestInterceptor,i=e.sendXUserAgentInTryIt,o=e.disableTryItRequestUrlEncoding;return function(e){var n,s,u,l;o&&(e=(0,tslib_1.__assign)((0,tslib_1.__assign)({},e),{url:decodeURIComponent(e.url)})),i&&(e.headers["X-User-Agent"]="Redocly Try it API console");var d=(null===(s=null===(n=null==r?void 0:r.requestValues)||void 0===n?void 0:n.header)||void 0===s?void 0:s.authorization)||(null===(l=null===(u=null==r?void 0:r.requestValues)||void 0===u?void 0:u.header)||void 0===l?void 0:l.Authorization);return!t&&d&&(e.headers.Authorization=d),a?a(e,r):e}};function requiredValidator(e){if(!e)return"Field is required"}exports.makeRequestInterceptor=makeRequestInterceptor,exports.requiredValidator=requiredValidator;var getCookie=function(e){var r=document.cookie.match("\\b"+e+"=([^;]*)\\b");return r?r[1]:void 0};function fromCookie(e){if("cookie"===e.in)return getCookie(e.name||"")}exports.fromCookie=fromCookie;var validateTokenEndpointMethod=function(e){if(!e)return!0;var r=Array.isArray(e)?e:[e];return!(r.length&&!r.includes("none")&&!r.includes("client_secret_basic"))};exports.validateTokenEndpointMethod=validateTokenEndpointMethod;var getOAuth2TokenEndpointAuthHeader=function(e){var r=e.authMethod,t=e.clientId,a=e.clientSecret;return"client_secret_basic"===r||Array.isArray(r)&&r.includes("client_secret_basic")?{Authorization:"Basic "+btoa(t+":"+a)}:{}};function encodeSample(e,r){if(!e)return"";if(e.mime===types_1.MediaTypes.URL_ENCODED)return e.value;var t=e.value,a=r?(0,deepmerge_1.default)(t,r,{arrayMerge:utils_1.arrayMergeStrategy}):t;return JSON.stringify(a,null,2)}exports.getOAuth2TokenEndpointAuthHeader=getOAuth2TokenEndpointAuthHeader,exports.encodeSample=encodeSample;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getStorageExampleKey=exports.encodeSample=exports.getOAuth2TokenEndpointAuthHeader=exports.validateTokenEndpointMethod=exports.fromCookie=exports.requiredValidator=exports.makeRequestInterceptor=exports.getFileNameFromHeaders=exports.unescapeQueryParams=exports.updateVariablesStorage=exports.getDefaultOrStoredVariables=exports.expandDefaultServerVariables=exports.expandVariables=exports.getInitialServerWithVariables=exports.getServerWithVariables=exports.getParameters=exports.updateStorage=exports.normalizeUrlProtocol=void 0;var tslib_1=require("tslib"),deepmerge_1=(0,tslib_1.__importDefault)(require("deepmerge")),types_1=require("../../types"),utils_1=require("../../services/utils"),utils_2=require("../../utils");function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}function updateStorage(e){if(e.values.auth)for(var r=0,t=Object.keys(e.values.auth);r<t.length;r++){var a=t[r],i=e.values.auth[a];(0,utils_2.setSecurityDetails)(a,i)}updateParameterStorage(e)}function updateParameterStorage(e){for(var r,t=0,a=["path","query","header","cookie"];t<a.length;t++){var i=a[t];if(null===(r=e.values)||void 0===r?void 0:r[i])for(var o=0,n=Object.keys(e.values[i]);o<n.length;o++){var s=n[o];(0,utils_2.setParameterValue)(i,s,e.values[i][s])}}}exports.normalizeUrlProtocol=normalizeUrlProtocol,exports.updateStorage=updateStorage;var getParameters=function(e,r){return e.filter((function(e){return e.in===r})).reduce((function(e,r){var t=r.in,a=r.name;return e[a]=(0,utils_2.getParameterValue)(t||"",a),e}),{})};exports.getParameters=getParameters;var pathTemplateRegExp=/(?:{)(\w+)(?:})/g;function getServerWithVariables(e,r){void 0===r&&(r=0);var t=e[r],a=getDefaultOrStoredVariables(t);return(0,tslib_1.__assign)((0,tslib_1.__assign)({},t),{variables:a})}function getInitialServerWithVariables(e){var r=(0,utils_2.fromSessionStorage)("serverUrl"),t=e.find((function(e){return e.url===r}))||e[0],a=getDefaultOrStoredVariables(t);return(0,tslib_1.__assign)((0,tslib_1.__assign)({},t),{variables:a})}function expandVariables(e,r){return void 0===r&&(r={}),e.replace(pathTemplateRegExp,(function(e,t){return r[t]||e}))}function expandDefaultServerVariables(e,r){return void 0===r&&(r={}),e.replace(pathTemplateRegExp,(function(e,t){return r[t]&&r[t].default||e}))}function getDefaultOrStoredVariables(e){if(!(null==e?void 0:e.variables))return{};var r=(0,utils_2.fromSessionStorage)("variables"),t=r&&JSON.parse(r)||{},a={};return Object.entries(e.variables||{}).forEach((function(e){var r=e[0],i=e[1];a[r]=t[r]||i.default||""})),a}function updateVariablesStorage(e,r){var t,a=(0,utils_2.fromSessionStorage)("variables"),i=a&&JSON.parse(a)||{};(0,utils_2.toSessionStorage)("variables",JSON.stringify((0,tslib_1.__assign)((0,tslib_1.__assign)({},i),((t={})[e]=r,t))))}function unescapeQueryParams(e){return Object.entries(e).reduce((function(e,r){var t=r[0],a=r[1];return e[(0,utils_2.unescapeFormId)(t)]=a,e}),{})}function getFileNameFromHeaders(e){for(var r="filename=",t=0,a=Object.entries(e);t<a.length;t++){var i=a[t],o=i[0],n=i[1];if("content-disposition"===o.toLowerCase()){var s=n.split(";").find((function(e){return e.trim().startsWith(r)}));if(s)return s.split(r)[1]}}return""}exports.getServerWithVariables=getServerWithVariables,exports.getInitialServerWithVariables=getInitialServerWithVariables,exports.expandVariables=expandVariables,exports.expandDefaultServerVariables=expandDefaultServerVariables,exports.getDefaultOrStoredVariables=getDefaultOrStoredVariables,exports.updateVariablesStorage=updateVariablesStorage,exports.unescapeQueryParams=unescapeQueryParams,exports.getFileNameFromHeaders=getFileNameFromHeaders;var makeRequestInterceptor=function(e,r,t){var a=e.requestInterceptor,i=e.sendXUserAgentInTryIt,o=e.disableTryItRequestUrlEncoding;return function(e){var n,s,u,l;o&&(e=(0,tslib_1.__assign)((0,tslib_1.__assign)({},e),{url:decodeURIComponent(e.url)})),i&&(e.headers["X-User-Agent"]="Redocly Try it API console");var d=(null===(s=null===(n=null==r?void 0:r.requestValues)||void 0===n?void 0:n.header)||void 0===s?void 0:s.authorization)||(null===(l=null===(u=null==r?void 0:r.requestValues)||void 0===u?void 0:u.header)||void 0===l?void 0:l.Authorization);return!t&&d&&(e.headers.Authorization=d),a?a(e,r):e}};function requiredValidator(e){if(!e)return"Field is required"}exports.makeRequestInterceptor=makeRequestInterceptor,exports.requiredValidator=requiredValidator;var getCookie=function(e){var r=document.cookie.match("\\b"+e+"=([^;]*)\\b");return r?r[1]:void 0};function fromCookie(e){if("cookie"===e.in)return getCookie(e.name||"")}exports.fromCookie=fromCookie;var validateTokenEndpointMethod=function(e){if(!e)return!0;var r=Array.isArray(e)?e:[e];return!(r.length&&!r.includes("none")&&!r.includes("client_secret_basic"))};exports.validateTokenEndpointMethod=validateTokenEndpointMethod;var getOAuth2TokenEndpointAuthHeader=function(e){var r=e.authMethod,t=e.clientId,a=e.clientSecret;return"client_secret_basic"===r||Array.isArray(r)&&r.includes("client_secret_basic")?{Authorization:"Basic "+btoa(t+":"+a)}:{}};function encodeSample(e,r){if(!e)return"";if(e.mime===types_1.MediaTypes.URL_ENCODED)return e.value;var t=e.value,a=r?(0,deepmerge_1.default)(t,r,{arrayMerge:utils_1.arrayMergeStrategy}):t;return JSON.stringify(a,null,2)}exports.getOAuth2TokenEndpointAuthHeader=getOAuth2TokenEndpointAuthHeader,exports.encodeSample=encodeSample;var getStorageExampleKey=function(e,r,t,a){var i=e+"_"+r;return t&&a&&Object.keys(a).includes(t)&&(i+="_"+t),i};exports.getStorageExampleKey=getStorageExampleKey;
 //# sourceMappingURL=utils.js.map

package/lib/redoc-lib/src/components/DiscriminatorDropdown/DiscriminatorDropdown.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { DropdownOption } from '../../../../components/common/Dropdown';
+import type { SchemaModel } from '../../services/models';
+interface DiscriminatorDropdownProps {
+    parent: SchemaModel;
+    enumValues: string[];
+    onChange?: (idx: number) => void;
+}
+export declare const DiscriminatorDropdown: ({ parent, enumValues, onChange }: DiscriminatorDropdownProps) => JSX.Element | null;
+export declare function sortOptions(options: DropdownOption[], enumValues: string[]): DropdownOption[];
+export {};

package/lib/redoc-lib/src/components/DiscriminatorDropdown/DiscriminatorDropdown.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.sortOptions=exports.DiscriminatorDropdown=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),react_1=(0,tslib_1.__importStar)(require("react")),string_1=require("../../utils/string"),Dropdown_1=require("../../../../components/common/Dropdown");function sortOptions(e,r){if(0===r.length)return e;var t={};return r.forEach((function(e,r){t[e]=r})),e.sort((function(e,r){return t[e.value]>t[r.value]?1:-1}))}exports.DiscriminatorDropdown=(0,mobx_react_1.observer)((function(e){var r=e.parent,t=e.enumValues,o=e.onChange;if(void 0===r.oneOf)return null;var n=r.oneOf.map((function(e,r){return{value:e.schema.deprecated?(0,string_1.strikethroughText)(e.title)+" (deprecated)":e.title,idx:r}})),i=(0,react_1.useCallback)((function(e){var t=e.idx;void 0!==t&&(o?o(t):r.activateOneOf(t))}),[o,r]),a=(0,react_1.useMemo)((function(){return sortOptions(n,t)}),[t,n]),s=a[r.activeOneOf].value;return react_1.default.createElement(Dropdown_1.SchemaDiscriminatorDropdown,{className:"discriminator-dropdown",dense:!0,value:s,options:a,onChange:i,ariaLabel:"Example"})})),exports.sortOptions=sortOptions;
+//# sourceMappingURL=DiscriminatorDropdown.js.map

package/lib/redoc-lib/src/components/DiscriminatorDropdown/index.d.ts

@@ -0,0 +1 @@
+export { DiscriminatorDropdown } from './DiscriminatorDropdown';

package/lib/redoc-lib/src/components/DiscriminatorDropdown/index.js

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

package/lib/redoc-lib/src/components/Fields/FieldDetails.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldDetails=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.__importDefault)(require("styled-components")),fields_1=require("../../common-elements/fields"),utils_1=require("../../utils"),ExternalDocumentation_1=require("../ExternalDocumentation/ExternalDocumentation"),Markdown_1=require("../Markdown"),common_elements_1=require("../../common-elements/"),Labels_1=require("../../services/Labels"),OptionsProvider_1=require("../OptionsProvider"),FieldDetail_1=require("./FieldDetail"),FieldContstraints_1=require("./FieldContstraints"),Extensions_1=require("./Extensions"),EnumValues_1=require("./EnumValues"),MAX_PATTERN_LENGTH=45,FieldDetails=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:{patternShown:!1}}),Object.defineProperty(t,"togglePattern",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.setState({patternShown:!t.state.patternShown})}}),t}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.showExamples,a=e.field,l=e.renderDiscriminatorSwitch,n=this.state.patternShown,i=this.context,r=i.enumSkipQuotes,s=i.hideSchemaTitles,c=i.hideSchemaPattern,o=a.schema,m=a.description,p=a.example,u=a.deprecated,_=a.examples,d=!!r||"header"===a.in,b=null;if(t&&(void 0!==p||void 0!==_))if(void 0!==_)b=React.createElement(Examples,{field:a});else{var E=!!a.in;b=React.createElement(FieldDetail_1.FieldDetail,{label:"example",value:getSerializedValue(a,a.example),raw:E})}return React.createElement("div",null,React.createElement(TypeWrapper,null,React.createElement(fields_1.TypePrefix,null,o.typePrefix),React.createElement(fields_1.TypeName,null,o.displayType),o.displayFormat&&React.createElement(fields_1.TypeFormat,null," ","<",o.displayFormat,">"," "),o.contentEncoding&&React.createElement(fields_1.TypeFormat,null," ","<",o.contentEncoding,">"," "),o.contentMediaType&&React.createElement(fields_1.TypeFormat,null," ","<",o.contentMediaType,">"," "),o.title&&!s&&React.createElement(fields_1.TypeTitle,null," (",o.title,") "),React.createElement(FieldContstraints_1.ConstraintsView,{constraints:o.constraints}),o.pattern&&!c&&React.createElement(React.Fragment,null,React.createElement(fields_1.PatternLabel,null,n||o.pattern.length<MAX_PATTERN_LENGTH?o.pattern:o.pattern.substr(0,MAX_PATTERN_LENGTH)+"..."),o.pattern.length>MAX_PATTERN_LENGTH&&React.createElement(fields_1.ToggleButton,{onClick:this.togglePattern},n?"Hide pattern":"Show pattern"))," ",o.isCircular&&React.createElement(fields_1.RecursiveLabel,null,(0,Labels_1.l)("recursive"))),u&&React.createElement("div",null,React.createElement(common_elements_1.Badge,{deprecated:!0,style:{marginLeft:0}}," ",(0,Labels_1.l)("deprecated")," ")),React.createElement(FieldDetail_1.FieldDetail,{raw:d,label:"default",value:o.default}),React.createElement("div",null,React.createElement(Markdown_1.Markdown,{compact:!0,source:m})),!l&&React.createElement(EnumValues_1.EnumValues,{type:o.type,values:o["x-enumDescriptions"]||o.enum})," ",b,React.createElement(Extensions_1.Extensions,{extensions:(0,tslib_1.__assign)((0,tslib_1.__assign)({},a.extensions),o.extensions)}),o.externalDocs&&React.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:o.externalDocs,compact:!0}),l&&l(this.props)||null,a.const&&React.createElement(FieldDetail_1.FieldDetail,{label:"const",value:a.const})||null)}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsProvider_1.OptionsContext}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.PureComponent);function Examples(e){var t=e.field;return t.examples?React.createElement(React.Fragment,null,React.createElement(fields_1.FieldLabel,null," ",(0,Labels_1.l)("examples"),": "),React.createElement(ExamplesList,null,Object.entries(t.examples).map((function(e){var a=e[0],l=e[1];return React.createElement(ExampleWrap,{key:a},React.createElement(ExampleSummary,null,l.summary||a," "),l.description&&React.createElement(ExampleDescription,null,l.description," "),React.createElement(fields_1.ExampleValue,null,getSerializedValue(t,l.value)))})))):null}function getSerializedValue(e,t){return e.in?decodeURIComponent((0,utils_1.serializeParameterValue)(e,t)):t}exports.FieldDetails=FieldDetails;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,ExampleDescription=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)([""],[""]))),ExampleSummary=styled_components_1.default.label(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  display: block;\n  font-size: inherit;\n  margin-bottom: 0.2em;\n  font-weight: var(--font-weight-bold);\n"],["\n  display: block;\n  font-size: inherit;\n  margin-bottom: 0.2em;\n  font-weight: var(--font-weight-bold);\n"]))),ExampleWrap=styled_components_1.default.div(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  margin-top: 1em;\n  font-size: var(--field-name-font-size);\n"],["\n  margin-top: 1em;\n  font-size: var(--field-name-font-size);\n"]))),ExamplesList=styled_components_1.default.div(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  padding-left: 1.5em;\n  margin-bottom: 1em;\n"],["\n  padding-left: 1.5em;\n  margin-bottom: 1em;\n"]))),TypeWrapper=styled_components_1.default.div(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  line-height: 20px;\n"],["\n  line-height: 20px;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldDetails=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.__importDefault)(require("styled-components")),fields_1=require("../../common-elements/fields"),utils_1=require("../../utils"),ExternalDocumentation_1=require("../ExternalDocumentation/ExternalDocumentation"),Markdown_1=require("../Markdown"),common_elements_1=require("../../common-elements/"),Labels_1=require("../../services/Labels"),OptionsProvider_1=require("../OptionsProvider"),FieldDetail_1=require("./FieldDetail"),FieldContstraints_1=require("./FieldContstraints"),Extensions_1=require("./Extensions"),EnumValues_1=require("./EnumValues"),MAX_PATTERN_LENGTH=45,FieldDetails=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:{patternShown:!1}}),Object.defineProperty(t,"togglePattern",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.setState({patternShown:!t.state.patternShown})}}),t}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.showExamples,a=e.field,l=e.renderDiscriminatorSwitch,n=this.state.patternShown,i=this.context,r=i.enumSkipQuotes,s=i.hideSchemaTitles,c=i.hideSchemaPattern,o=a.schema,m=a.description,p=a.example,u=a.deprecated,_=a.examples,d=!!r||"header"===a.in,b=null;if(t&&(void 0!==p||void 0!==_))if(void 0!==_)b=React.createElement(Examples,{field:a});else{var E=!!a.in;b=React.createElement(FieldDetail_1.FieldDetail,{label:"example",value:getSerializedValue(a,a.example),raw:E})}return React.createElement("div",null,React.createElement(TypeWrapper,null,React.createElement(fields_1.TypePrefix,null,o.typePrefix),React.createElement(fields_1.TypeName,null,o.displayType),o.displayFormat&&React.createElement(fields_1.TypeFormat,null," ","<",o.displayFormat,">"," "),o.contentEncoding&&React.createElement(fields_1.TypeFormat,null," ","<",o.contentEncoding,">"," "),o.contentMediaType&&React.createElement(fields_1.TypeFormat,null," ","<",o.contentMediaType,">"," "),o.title&&!s&&React.createElement(fields_1.TypeTitle,null," (",o.title,") "),React.createElement(FieldContstraints_1.ConstraintsView,{constraints:o.constraints}),o.pattern&&!c&&React.createElement(React.Fragment,null,React.createElement(fields_1.PatternLabel,null,n||o.pattern.length<MAX_PATTERN_LENGTH?o.pattern:o.pattern.substr(0,MAX_PATTERN_LENGTH)+"..."),o.pattern.length>MAX_PATTERN_LENGTH&&React.createElement(fields_1.ToggleButton,{onClick:this.togglePattern},n?"Hide pattern":"Show pattern"))," ",o.isCircular&&React.createElement(fields_1.RecursiveLabel,null,(0,Labels_1.l)("recursive"))),u&&React.createElement("div",null,React.createElement(common_elements_1.Badge,{deprecated:!0,style:{marginLeft:0}}," ",(0,Labels_1.l)("deprecated")," ")),React.createElement(FieldDetail_1.FieldDetail,{raw:d,label:"default",value:o.default}),React.createElement("div",null,React.createElement(Markdown_1.Markdown,{compact:!0,source:m})),!l&&React.createElement(EnumValues_1.EnumValues,{type:o.type,values:o["x-enumDescriptions"]||o.enum})," ",b,React.createElement(Extensions_1.Extensions,{extensions:(0,tslib_1.__assign)((0,tslib_1.__assign)({},a.extensions),o.extensions)}),o.externalDocs&&React.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:o.externalDocs,compact:!0}),null==l?void 0:l(this.props),a.const&&React.createElement(FieldDetail_1.FieldDetail,{label:"const",value:a.const})||null)}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsProvider_1.OptionsContext}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.PureComponent);function Examples(e){var t=e.field;return t.examples?React.createElement(React.Fragment,null,React.createElement(fields_1.FieldLabel,null," ",(0,Labels_1.l)("examples"),": "),React.createElement(ExamplesList,null,Object.entries(t.examples).map((function(e){var a=e[0],l=e[1];return React.createElement(ExampleWrap,{key:a},React.createElement(ExampleSummary,null,l.summary||a," "),l.description&&React.createElement(ExampleDescription,null,l.description," "),React.createElement(fields_1.ExampleValue,null,getSerializedValue(t,l.value)))})))):null}function getSerializedValue(e,t){return e.in?decodeURIComponent((0,utils_1.serializeParameterValue)(e,t)):t}exports.FieldDetails=FieldDetails;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,ExampleDescription=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)([""],[""]))),ExampleSummary=styled_components_1.default.label(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  display: block;\n  font-size: inherit;\n  margin-bottom: 0.2em;\n  font-weight: var(--font-weight-bold);\n"],["\n  display: block;\n  font-size: inherit;\n  margin-bottom: 0.2em;\n  font-weight: var(--font-weight-bold);\n"]))),ExampleWrap=styled_components_1.default.div(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  margin-top: 1em;\n  font-size: var(--field-name-font-size);\n"],["\n  margin-top: 1em;\n  font-size: var(--field-name-font-size);\n"]))),ExamplesList=styled_components_1.default.div(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  padding-left: 1.5em;\n  margin-bottom: 1em;\n"],["\n  padding-left: 1.5em;\n  margin-bottom: 1em;\n"]))),TypeWrapper=styled_components_1.default.div(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  line-height: 20px;\n"],["\n  line-height: 20px;\n"])));
 //# sourceMappingURL=FieldDetails.js.map

package/lib/redoc-lib/src/components/Parameters/Parameters.d.ts

@@ -1,13 +1,10 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { FieldModel, RequestBodyModel, MediaContentModel } from '../../services/models';
 export interface ParametersProps {
     parameters?: FieldModel[];
     body?: RequestBodyModel;
 }
-export declare class Parameters extends React.PureComponent<ParametersProps> {
-    orderParams(params: FieldModel[]): Record<string, FieldModel[]>;
-    render(): JSX.Element | null;
-}
+export declare const Parameters: ({ body, parameters }: ParametersProps) => JSX.Element | null;
 export declare function BodyContent({ content, description, }: {
     content: MediaContentModel;
     description?: string;

package/lib/redoc-lib/src/components/Parameters/Parameters.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BodyContent=exports.Parameters=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),DropdownOrLabel_1=require("../DropdownOrLabel/DropdownOrLabel"),common_elements_1=require("../../common-elements"),MediaTypesSwitch_1=require("../MediaTypeSwitch/MediaTypesSwitch"),Schema_1=require("../Schema"),Markdown_1=require("../Markdown"),FieldContstraints_1=require("../Fields/FieldContstraints"),styled_1=require("../../../../components/common/Dropdown/styled"),ParametersGroup_1=require("./ParametersGroup");function safePush(e,t,r){e[t]||(e[t]=[]),e[t].push(r)}var PARAM_PLACES=["path","query","cookie","header"],Parameters=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"orderParams",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t={};return e.forEach((function(e){safePush(t,e.in,e)})),t}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.body,r=e.parameters,n=void 0===r?[]:r;if(void 0===t&&void 0===n)return null;var a=this.orderParams(n),o=n.length>0?PARAM_PLACES:[],i=t&&t.content,c=t&&t.description;return React.createElement(React.Fragment,null,o.map((function(e){return React.createElement(ParametersGroup_1.ParametersGroup,{key:e,place:e,parameters:a[e]})})),i&&React.createElement(BodyContent,{content:i,description:c}))}}),t}(React.PureComponent);function DropdownWithinHeader(e){return React.createElement(common_elements_1.FieldsGroupHeader,{key:"header","data-cy":"request-body-header"},"Request Body schema: ",React.createElement(DropdownOrLabel_1.DropdownOrLabel,(0,tslib_1.__assign)({},e,{Dropdown:styled_1.SchemaMimeTypeDropdown})))}function BodyContent(e){var t=e.content,r=e.description,n=t.isRequestType;return React.createElement(MediaTypesSwitch_1.MediaTypesSwitch,{content:t,renderDropdown:DropdownWithinHeader},(function(e){var t=e.schema;return React.createElement(React.Fragment,null,(void 0!==r||(null==t?void 0:t.constraints))&&React.createElement(Description,null,void 0!==r&&React.createElement(Markdown_1.Markdown,{source:r}),"object"===(null==t?void 0:t.type)&&React.createElement(FieldContstraints_1.ConstraintsView,{constraints:(null==t?void 0:t.constraints)||[]})),React.createElement(Schema_1.Schema,{skipReadOnly:n,skipWriteOnly:!n,key:"schema",schema:t}))}))}exports.Parameters=Parameters,exports.BodyContent=BodyContent;var templateObject_1,Description=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: calc(var(--spacing-unit) * 4);\n"],["\n  margin-bottom: calc(var(--spacing-unit) * 4);\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BodyContent=exports.Parameters=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")),DropdownOrLabel_1=require("../DropdownOrLabel/DropdownOrLabel"),common_elements_1=require("../../common-elements"),MediaTypesSwitch_1=require("../MediaTypeSwitch/MediaTypesSwitch"),Schema_1=require("../Schema"),Markdown_1=require("../Markdown"),FieldContstraints_1=require("../Fields/FieldContstraints"),styled_1=require("../../../../components/common/Dropdown/styled"),ParametersGroup_1=require("./ParametersGroup");function safePush(e,t,r){e[t]||(e[t]=[]),e[t].push(r)}var PARAM_PLACES=["path","query","cookie","header"],Parameters=function(e){var t=e.body,r=e.parameters,a=void 0===r?[]:r;if(void 0===t&&void 0===a)return null;var n,o=(n={},a.forEach((function(e){safePush(n,e.in,e)})),n),i=a.length>0?PARAM_PLACES:[],c=t&&t.content,s=t&&t.description;return react_1.default.createElement(react_1.default.Fragment,null,i.map((function(e){return react_1.default.createElement(ParametersGroup_1.ParametersGroup,{key:e,place:e,parameters:o[e]})})),c&&react_1.default.createElement(BodyContent,{content:c,description:s}))};function DropdownWithinHeader(e){return react_1.default.createElement(common_elements_1.FieldsGroupHeader,{key:"header","data-cy":"request-body-header"},"Request Body schema: ",react_1.default.createElement(DropdownOrLabel_1.DropdownOrLabel,(0,tslib_1.__assign)({},e,{Dropdown:styled_1.SchemaMimeTypeDropdown})))}function BodyContent(e){var t=e.content,r=e.description,a=t.isRequestType;return react_1.default.createElement(MediaTypesSwitch_1.MediaTypesSwitch,{content:t,renderDropdown:DropdownWithinHeader},(function(e){var t=e.schema,n=e.examples,o=e.operation;return react_1.default.createElement(react_1.default.Fragment,null,(void 0!==r||(null==t?void 0:t.constraints))&&react_1.default.createElement(Description,null,void 0!==r&&react_1.default.createElement(Markdown_1.Markdown,{source:r}),"object"===(null==t?void 0:t.type)&&react_1.default.createElement(FieldContstraints_1.ConstraintsView,{constraints:(null==t?void 0:t.constraints)||[]})),react_1.default.createElement(Schema_1.Schema,{skipReadOnly:a,skipWriteOnly:!a,key:"schema",schema:t,examples:n,operation:o}))}))}exports.Parameters=Parameters,exports.BodyContent=BodyContent;var templateObject_1,Description=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: calc(var(--spacing-unit) * 4);\n"],["\n  margin-bottom: calc(var(--spacing-unit) * 4);\n"])));
 //# sourceMappingURL=Parameters.js.map

package/lib/redoc-lib/src/components/PayloadSamples/MediaTypeSamples.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import type { MediaTypeSamplesProps } from './types';
-export declare const MediaTypeSamples: ({ mediaType, onlyDefaultSample, properties }: MediaTypeSamplesProps) => JSX.Element;
+export declare const MediaTypeSamples: ({ mediaType, onlyDefaultSample, properties, onChange }: MediaTypeSamplesProps) => JSX.Element;

package/lib/redoc-lib/src/components/PayloadSamples/MediaTypeSamples.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaTypeSamples=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),deepmerge_1=(0,tslib_1.__importDefault)(require("deepmerge")),mobx_react_1=require("mobx-react"),shared_1=require("../../../../components/shared"),Samples_1=require("../../../../components/Samples"),utils_1=require("../../../../services/utils"),Markdown_1=require("../Markdown"),Example_1=require("./Example"),styled_1=require("./styled");exports.MediaTypeSamples=(0,mobx_react_1.observer)((function(e){var a=e.mediaType,r=e.onlyDefaultSample,t=e.properties,l=a.examples||{},m=a.name,p=Object.keys(l),i=(0,Samples_1.useExampleKey)(a.operation,l),u=i.exampleKey,n=i.defaultExampleName,s=1===p.length?Object.values(l)[0]:l[u];if(!p.length)return react_1.default.createElement(shared_1.NoSampleLabel,null,"No sample");var _=t?(0,tslib_1.__assign)((0,tslib_1.__assign)({},s),{value:(0,deepmerge_1.default)(s.value,t,{arrayMerge:utils_1.arrayMergeStrategy})}):s,c=_.description;if(n&&r)return react_1.default.createElement(react_1.default.Fragment,null,_.description&&react_1.default.createElement(Markdown_1.Markdown,{source:_.description}),react_1.default.createElement(Example_1.Example,{example:_,mimeType:m}));return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Samples_1.ExampleSwitch,{examples:l,exampleKey:u,onChange:function(e){var r;return null===(r=a.operation)||void 0===r?void 0:r.activateExampleName(e)}}),react_1.default.createElement(styled_1.ExampleWrapper,null,c&&react_1.default.createElement(Markdown_1.Markdown,{source:c}),react_1.default.createElement(Example_1.Example,{example:_,mimeType:m})))}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaTypeSamples=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),deepmerge_1=(0,tslib_1.__importDefault)(require("deepmerge")),mobx_react_1=require("mobx-react"),shared_1=require("../../../../components/shared"),Samples_1=require("../../../../components/Samples"),utils_1=require("../../../../services/utils"),Markdown_1=require("../Markdown"),Example_1=require("./Example"),styled_1=require("./styled");exports.MediaTypeSamples=(0,mobx_react_1.observer)((function(e){var a=e.mediaType,r=e.onlyDefaultSample,t=e.properties,l=e.onChange,m=a.examples||{},p=a.name,s=Object.keys(m),_=(0,Samples_1.useExampleKey)(a.operation,m),u=_.exampleKey,n=_.defaultExampleName,i=1===s.length?Object.values(m)[0]:m[u];if(!s.length)return react_1.default.createElement(shared_1.NoSampleLabel,null,"No sample");var c=t?(0,tslib_1.__assign)((0,tslib_1.__assign)({},i),{value:(0,deepmerge_1.default)(i.value,t,{arrayMerge:utils_1.arrayMergeStrategy})}):i,d=c.description;return n&&r?react_1.default.createElement(react_1.default.Fragment,null,c.description&&react_1.default.createElement(Markdown_1.Markdown,{source:c.description}),react_1.default.createElement(Example_1.Example,{example:c,mimeType:p})):react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Samples_1.ExampleSwitch,{examples:m,exampleKey:u,onChange:l}),react_1.default.createElement(styled_1.ExampleWrapper,null,d&&react_1.default.createElement(Markdown_1.Markdown,{source:d}),react_1.default.createElement(Example_1.Example,{example:c,mimeType:p})))}));
 //# sourceMappingURL=MediaTypeSamples.js.map

package/lib/redoc-lib/src/components/PayloadSamples/PayloadSamples.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PayloadSamples=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),react_1=(0,tslib_1.__importDefault)(require("react")),DropdownOrLabel_1=require("../DropdownOrLabel/DropdownOrLabel"),MediaTypesSwitch_1=require("../MediaTypeSwitch/MediaTypesSwitch"),shared_1=require("../../../../components/shared"),Dropdown_1=require("../../../../components/common/Dropdown"),MediaTypeSamples_1=require("./MediaTypeSamples"),styled_1=require("./styled");exports.PayloadSamples=(0,mobx_react_1.observer)((function(e){var r=e.onlyDefaultMimeType,t=e.operation,a=e.content,o=(0,tslib_1.__rest)(e,["onlyDefaultMimeType","operation","content"]),n=r&&(null==t?void 0:t.defaultMimeType);return react_1.default.createElement(MediaTypesSwitch_1.MediaTypesSwitch,{content:a,renderDropdown:n?function(){return null}:function(e){return react_1.default.createElement(styled_1.DropdownWrapper,null,react_1.default.createElement(DropdownOrLabel_1.DropdownOrLabel,(0,tslib_1.__assign)({Label:shared_1.MimeLabel,Dropdown:Dropdown_1.Dropdown,variant:"dark",fullWidth:!0},e)))}},(function(e){return react_1.default.createElement(MediaTypeSamples_1.MediaTypeSamples,(0,tslib_1.__assign)({key:"samples",mediaType:e},o))}))}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PayloadSamples=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),react_1=(0,tslib_1.__importDefault)(require("react")),DropdownOrLabel_1=require("../DropdownOrLabel/DropdownOrLabel"),MediaTypesSwitch_1=require("../MediaTypeSwitch/MediaTypesSwitch"),shared_1=require("../../../../components/shared"),Dropdown_1=require("../../../../components/common/Dropdown"),MediaTypeSamples_1=require("./MediaTypeSamples"),styled_1=require("./styled");exports.PayloadSamples=(0,mobx_react_1.observer)((function(e){var r=e.onlyDefaultMimeType,t=e.operation,a=e.content,o=(0,tslib_1.__rest)(e,["onlyDefaultMimeType","operation","content"]),n=r&&(null==t?void 0:t.defaultMimeType),i=function(e){return a.activateExampleName(e)};return react_1.default.createElement(MediaTypesSwitch_1.MediaTypesSwitch,{content:a,renderDropdown:n?function(){return null}:function(e){return react_1.default.createElement(styled_1.DropdownWrapper,null,react_1.default.createElement(DropdownOrLabel_1.DropdownOrLabel,(0,tslib_1.__assign)({Label:shared_1.MimeLabel,Dropdown:Dropdown_1.Dropdown,variant:"dark",fullWidth:!0},e)))}},(function(e){return react_1.default.createElement(MediaTypeSamples_1.MediaTypeSamples,(0,tslib_1.__assign)({key:"samples",mediaType:e},o,{onChange:i}))}))}));
 //# sourceMappingURL=PayloadSamples.js.map

package/lib/redoc-lib/src/components/PayloadSamples/types.d.ts

@@ -15,6 +15,7 @@ export interface MediaTypeSamplesProps {
     mediaType: MediaTypeModel;
     onlyDefaultSample?: boolean;
     properties?: GenericObject;
+    onChange: (key: any) => void;
 }
 export interface PayloadSamplesProps extends Pick<MediaTypeSamplesProps, 'properties'> {
     content: MediaContentModel;

package/lib/redoc-lib/src/components/RequestSamples/CodeSample.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodeSample=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),SourceCode_1=require("@redocly/theme/SourceCode"),DropdownOrLabel_1=require("../DropdownOrLabel/DropdownOrLabel"),MediaTypesSwitch_1=require("../MediaTypeSwitch/MediaTypesSwitch"),shared_1=require("../../../../components/shared"),Dropdown_1=require("../../../../components/common/Dropdown"),PayloadSamples_1=require("../../../src/components/PayloadSamples"),Samples_1=require("../../../../components/Samples");exports.CodeSample=(0,mobx_react_1.observer)((function(e){var r,a=e.onlyDefaultSample,t=e.onlyDefaultMimeType,o=e.content,n=(0,tslib_1.__rest)(e,["onlyDefaultSample","onlyDefaultMimeType","content"]),l=function(e){return n.source?React.createElement(SourceCode_1.SourceCode,{lang:n.lang,source:n.source,withCopyButton:!0}):React.createElement(SourceCode_1.SourceCode,{lang:n.lang,externalSource:{sample:n.externalSample,exampleName:e,operation:n.operation,pathParams:n.pathParams,properties:n.properties},withCopyButton:!0})};if(void 0===o||null!=n.source)return l();var p=t&&(null===(r=n.operation)||void 0===r?void 0:r.defaultMimeType),i=o&&o.mediaTypes.length>1&&!p,c=function(e){var r;return null===(r=n.operation)||void 0===r?void 0:r.activateExampleName(e)};return React.createElement(MediaTypesSwitch_1.MediaTypesSwitch,{content:o,renderDropdown:i?function(e){return React.createElement(PayloadSamples_1.DropdownWrapper,null,React.createElement(DropdownOrLabel_1.DropdownOrLabel,(0,tslib_1.__assign)({Label:shared_1.MimeLabel,Dropdown:Dropdown_1.Dropdown,variant:"dark",fullWidth:!0},e)))}:function(){return null}},(function(e){var r=e.examples||{},t=Object.keys(r),o=(0,Samples_1.useExampleKey)(e.operation,r),n=o.exampleKey,p=o.defaultExampleName;return t.length&&1!==t.length?p&&a?l(n):React.createElement(React.Fragment,null,React.createElement(Samples_1.ExampleSwitch,{examples:r,exampleKey:n,onChange:c}),l(n)):l()}))}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodeSample=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),SourceCode_1=require("@redocly/theme/SourceCode"),DropdownOrLabel_1=require("../DropdownOrLabel/DropdownOrLabel"),MediaTypesSwitch_1=require("../MediaTypeSwitch/MediaTypesSwitch"),shared_1=require("../../../../components/shared"),Dropdown_1=require("../../../../components/common/Dropdown"),PayloadSamples_1=require("../../../src/components/PayloadSamples"),Samples_1=require("../../../../components/Samples");exports.CodeSample=(0,mobx_react_1.observer)((function(e){var r,a=e.onlyDefaultSample,t=e.onlyDefaultMimeType,o=e.content,n=(0,tslib_1.__rest)(e,["onlyDefaultSample","onlyDefaultMimeType","content"]),l=function(e){return n.source?React.createElement(SourceCode_1.SourceCode,{lang:n.lang,source:n.source,withCopyButton:!0}):React.createElement(SourceCode_1.SourceCode,{lang:n.lang,externalSource:{sample:n.externalSample,exampleName:e,operation:n.operation,pathParams:n.pathParams,properties:n.properties},withCopyButton:!0})};if(void 0===o||null!=n.source)return l();var p=t&&(null===(r=n.operation)||void 0===r?void 0:r.defaultMimeType),c=o&&o.mediaTypes.length>1&&!p,i=function(e){return o.activateExampleName(e)};return React.createElement(MediaTypesSwitch_1.MediaTypesSwitch,{content:o,renderDropdown:c?function(e){return React.createElement(PayloadSamples_1.DropdownWrapper,null,React.createElement(DropdownOrLabel_1.DropdownOrLabel,(0,tslib_1.__assign)({Label:shared_1.MimeLabel,Dropdown:Dropdown_1.Dropdown,variant:"dark",fullWidth:!0},e)))}:function(){return null}},(function(e){var r=e.examples||{},t=Object.keys(r),o=(0,Samples_1.useExampleKey)(e.operation,r),n=o.exampleKey,p=o.defaultExampleName;return t.length&&1!==t.length?p&&a?l(n):React.createElement(React.Fragment,null,React.createElement(Samples_1.ExampleSwitch,{examples:r,exampleKey:n,onChange:i}),l(n)):l()}))}));
 //# sourceMappingURL=CodeSample.js.map

package/lib/redoc-lib/src/components/Schema/ObjectSchema.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ObjectSchema=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),fields_layout_1=require("../../common-elements/fields-layout"),Field_1=require("../Fields/Field"),utils_1=require("../../utils"),OptionsProvider_1=require("../OptionsProvider"),DiscriminatorDropdown_1=require("./DiscriminatorDropdown");exports.ObjectSchema=(0,mobx_react_1.observer)((function(e){var t=e.schema,r=t.fields,i=void 0===r?[]:r,a=t.title,l=e.showTitle,n=e.discriminator,o=e.level,s=e.skipWriteOnly,c=e.skipReadOnly,d=React.useContext(OptionsProvider_1.OptionsContext),m=d.expandSingleSchemaField,u=d.showObjectSchemaExamples,p=d.schemaExpansionLevel,_=c||s?i.filter((function(e){return!(c&&e.schema.readOnly||s&&e.schema.writeOnly)})):i,h=m&&1===_.length||p>=o;return React.createElement(fields_layout_1.PropertiesTableWrap,null,React.createElement(fields_layout_1.PropertiesTable,null,l&&React.createElement(fields_layout_1.PropertiesTableCaption,null,a),React.createElement("tbody",null,(0,utils_1.mapWithLast)(_,(function(e,t){return React.createElement(Field_1.Field,{key:e.name,isLast:t,field:e,expandByDefault:h,renderDiscriminatorSwitch:(null==n?void 0:n.fieldName)===e.name&&function(){return React.createElement(React.Fragment,null,n.parentSchema?React.createElement(DiscriminatorDropdown_1.DiscriminatorDropdown,{parent:null==n?void 0:n.parentSchema,enumValues:e.schema.enum}):null)}||void 0,className:e.expanded?"expanded":void 0,showExamples:u,skipReadOnly:c,skipWriteOnly:s,showTitle:l,level:o})})))))}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ObjectSchema=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),fields_layout_1=require("../../common-elements/fields-layout"),Field_1=require("../Fields/Field"),utils_1=require("../../utils"),OptionsProvider_1=require("../OptionsProvider"),DiscriminatorDropdown_1=require("../DiscriminatorDropdown");exports.ObjectSchema=(0,mobx_react_1.observer)((function(e){var t=e.schema,r=t.fields,i=void 0===r?[]:r,a=t.title,l=e.showTitle,n=e.discriminator,o=e.level,s=e.skipWriteOnly,d=e.skipReadOnly,c=(0,react_1.useContext)(OptionsProvider_1.OptionsContext),u=c.expandSingleSchemaField,m=c.showObjectSchemaExamples,_=c.schemaExpansionLevel,p=d||s?i.filter((function(e){return!(d&&e.schema.readOnly||s&&e.schema.writeOnly)})):i,f=u&&1===p.length||_>=o;return react_1.default.createElement(fields_layout_1.PropertiesTableWrap,null,react_1.default.createElement(fields_layout_1.PropertiesTable,null,l&&react_1.default.createElement(fields_layout_1.PropertiesTableCaption,null,a),react_1.default.createElement("tbody",null,(0,utils_1.mapWithLast)(p,(function(e,t){return react_1.default.createElement(Field_1.Field,{key:e.name,isLast:t,field:e,expandByDefault:f,renderDiscriminatorSwitch:(null==n?void 0:n.fieldName)===e.name&&(null==n?void 0:n.parentSchema)?function(){return react_1.default.createElement(DiscriminatorDropdown_1.DiscriminatorDropdown,{parent:n.parentSchema,enumValues:e.schema.enum,onChange:null==n?void 0:n.onChange})}:void 0,className:e.expanded?"expanded":void 0,showExamples:m,skipReadOnly:d,skipWriteOnly:s,showTitle:l,level:o})})))))}));
 //# sourceMappingURL=ObjectSchema.js.map

package/lib/redoc-lib/src/components/Schema/OneOfSchema.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OneOfSchema=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),schema_1=require("../../common-elements/schema"),OptionsProvider_1=require("../OptionsProvider"),Markdown_1=require("../Markdown"),FieldContstraints_1=require("../Fields/FieldContstraints"),Schema_1=require("./Schema");exports.OneOfSchema=(0,mobx_react_1.observer)((function(e){var t=e.schema.oneOf,r=e.schema,a=(0,tslib_1.__rest)(e,["schema","schema"]);if(void 0===t)return null;var n=React.useContext(OptionsProvider_1.OptionsContext).hideOneOfDescription,c=t[r.activeOneOf];return React.createElement("div",null,React.createElement(schema_1.Wrapper,null,React.createElement("span",null,r.oneOfType,":"),React.createElement(schema_1.OneOfList,null,t.map((function(e,t){return React.createElement(schema_1.OneOfButton,{key:e.pointer,selected:t===r.activeOneOf,deprecated:e.deprecated,onClick:function(){return r.activateOneOf(t)},"data-cy":"oneOf"+e.title||e.typePrefix+e.displayType},e.title||e.typePrefix+e.displayType)})))),c.deprecated&&React.createElement(schema_1.BadgeStyle,{deprecated:!0},"Deprecated"),React.createElement(schema_1.Wrapper,null,!n&&c.description&&React.createElement(Markdown_1.Markdown,{compact:!0,source:c.description}),React.createElement(FieldContstraints_1.ConstraintsView,{constraints:c.constraints})),React.createElement(Schema_1.Schema,(0,tslib_1.__assign)({},a,{schema:c})))}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OneOfSchema=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),schema_1=require("../../common-elements/schema"),OptionsProvider_1=require("../OptionsProvider"),Markdown_1=require("../Markdown"),FieldContstraints_1=require("../Fields/FieldContstraints"),Schema_1=require("./Schema");exports.OneOfSchema=(0,mobx_react_1.observer)((function(e){var t=e.schema.oneOf,r=e.schema,a=(0,tslib_1.__rest)(e,["schema","schema"]);if(void 0===t)return null;var n=react_1.default.useContext(OptionsProvider_1.OptionsContext).hideOneOfDescription,c=t[r.activeOneOf],i=(0,react_1.useCallback)((function(e){var t;null===(t=null==r?void 0:r.oneOf)||void 0===t||t.forEach((function(t){t.discriminatorProp===c.discriminatorProp&&t.activateOneOf(e)}))}),[c.discriminatorProp,null==r?void 0:r.oneOf]);return react_1.default.createElement("div",null,react_1.default.createElement(schema_1.Wrapper,null,react_1.default.createElement("span",null,r.oneOfType,":"),react_1.default.createElement(schema_1.OneOfList,null,t.map((function(e,t){return react_1.default.createElement(schema_1.OneOfButton,{key:e.pointer,selected:t===r.activeOneOf,deprecated:e.deprecated,onClick:function(){return r.activateOneOf(t)},"data-cy":"oneOf"+e.title||e.typePrefix+e.displayType},e.title||e.typePrefix+e.displayType)})))),c.deprecated&&react_1.default.createElement(schema_1.BadgeStyle,{deprecated:!0},"Deprecated"),react_1.default.createElement(schema_1.Wrapper,null,!n&&c.description&&react_1.default.createElement(Markdown_1.Markdown,{compact:!0,source:c.description}),react_1.default.createElement(FieldContstraints_1.ConstraintsView,{constraints:c.constraints})),react_1.default.createElement(Schema_1.Schema,(0,tslib_1.__assign)({},a,{schema:c,onDiscriminatorChange:i})))}));
 //# sourceMappingURL=OneOfSchema.js.map

package/lib/redoc-lib/src/components/Schema/Schema.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import type { SchemaProps } from './types';
-export declare const Schema: ({ schema, ...rest }: Partial<SchemaProps>) => JSX.Element | null;
+export declare const Schema: ({ schema, onDiscriminatorChange, ...rest }: Partial<SchemaProps>) => JSX.Element | null;

package/lib/redoc-lib/src/components/Schema/Schema.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Schema=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),FieldDetails_1=require("../Fields/FieldDetails"),ArraySchema_1=require("./ArraySchema"),ObjectSchema_1=require("./ObjectSchema"),OneOfSchema_1=require("./OneOfSchema"),RecursiveSchema_1=require("./RecursiveSchema");exports.Schema=(0,mobx_react_1.observer)((function(e){var r,a=e.schema,t=(0,tslib_1.__rest)(e,["schema"]);if(!a)return React.createElement("em",null," Schema not provided ");var i=a.type,c=a.oneOf,l=a.discriminatorProp,n=a.isCircular,s=(t.level||0)+1;if(n)return React.createElement(RecursiveSchema_1.RecursiveSchema,{schema:a});if(void 0!==l){if(!c||!c.length)return console.warn("Looks like you are using discriminator wrong: you don't have any definition inherited from the "+a.title),null;var m=c[a.activeOneOf];return m.isCircular?React.createElement(RecursiveSchema_1.RecursiveSchema,{schema:m}):React.createElement(ObjectSchema_1.ObjectSchema,(0,tslib_1.__assign)({},t,{level:s,schema:m,discriminator:{fieldName:l,parentSchema:a}}))}if(void 0!==c)return React.createElement(OneOfSchema_1.OneOfSchema,(0,tslib_1.__assign)({},t,{schema:a}));var u=Array.isArray(i)?i:[i];if(u.includes("object")){if(null===(r=a.fields)||void 0===r?void 0:r.length)return React.createElement(ObjectSchema_1.ObjectSchema,(0,tslib_1.__assign)({},t,{level:s,schema:a}))}else if(u.includes("array"))return React.createElement(ArraySchema_1.ArraySchema,(0,tslib_1.__assign)({},t,{level:s,schema:a}));var o={schema:a,name:"",required:!1,description:a.description,externalDocs:a.externalDocs,deprecated:!1,toggle:function(){return null},expanded:!1};return React.createElement("div",null,React.createElement(FieldDetails_1.FieldDetails,{field:o}))}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Schema=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),FieldDetails_1=require("../Fields/FieldDetails"),ArraySchema_1=require("./ArraySchema"),ObjectSchema_1=require("./ObjectSchema"),OneOfSchema_1=require("./OneOfSchema"),RecursiveSchema_1=require("./RecursiveSchema");exports.Schema=(0,mobx_react_1.observer)((function(e){var r,a=e.schema,t=e.onDiscriminatorChange,i=(0,tslib_1.__rest)(e,["schema","onDiscriminatorChange"]);if(!a)return React.createElement("em",null," Schema not provided ");var c=a.type,n=a.oneOf,s=a.discriminatorProp,l=a.isCircular,m=(i.level||0)+1;if(l)return React.createElement(RecursiveSchema_1.RecursiveSchema,{schema:a});if(void 0!==s){if(!n||!n.length)return console.warn("Looks like you are using discriminator wrong: you don't have any definition inherited from the "+a.title),null;var o=n[a.activeOneOf];return o.isCircular?React.createElement(RecursiveSchema_1.RecursiveSchema,{schema:o}):React.createElement(ObjectSchema_1.ObjectSchema,(0,tslib_1.__assign)({},i,{level:m,schema:o,discriminator:{fieldName:s,parentSchema:a,onChange:t}}))}if(void 0!==n)return React.createElement(OneOfSchema_1.OneOfSchema,(0,tslib_1.__assign)({},i,{schema:a}));var h=Array.isArray(c)?c:[c];if(h.includes("object")){if(null===(r=a.fields)||void 0===r?void 0:r.length)return React.createElement(ObjectSchema_1.ObjectSchema,(0,tslib_1.__assign)({},i,{level:m,schema:a}))}else if(h.includes("array"))return React.createElement(ArraySchema_1.ArraySchema,(0,tslib_1.__assign)({},i,{level:m,schema:a}));var u={schema:a,name:"",required:!1,description:a.description,externalDocs:a.externalDocs,deprecated:!1,toggle:function(){return null},expanded:!1};return React.createElement("div",null,React.createElement(FieldDetails_1.FieldDetails,{field:u}))}));
 //# sourceMappingURL=Schema.js.map

package/lib/redoc-lib/src/components/Schema/index.d.ts

@@ -2,4 +2,3 @@ export * from './Schema';
 export * from './ObjectSchema';
 export * from './OneOfSchema';
 export * from './ArraySchema';
-export * from './DiscriminatorDropdown';

package/lib/redoc-lib/src/components/Schema/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=require("tslib");(0,tslib_1.__exportStar)(require("./Schema"),exports),(0,tslib_1.__exportStar)(require("./ObjectSchema"),exports),(0,tslib_1.__exportStar)(require("./OneOfSchema"),exports),(0,tslib_1.__exportStar)(require("./ArraySchema"),exports),(0,tslib_1.__exportStar)(require("./DiscriminatorDropdown"),exports);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=require("tslib");(0,tslib_1.__exportStar)(require("./Schema"),exports),(0,tslib_1.__exportStar)(require("./ObjectSchema"),exports),(0,tslib_1.__exportStar)(require("./OneOfSchema"),exports),(0,tslib_1.__exportStar)(require("./ArraySchema"),exports);
 //# sourceMappingURL=index.js.map

package/lib/redoc-lib/src/components/Schema/types.d.ts

@@ -1,16 +1,22 @@
-import type { SchemaModel } from '../../services/models';
+import type { ExampleModel, OperationModel, SchemaModel } from '../../services/models';
 export interface SchemaOptions {
     showTitle?: boolean;
     skipReadOnly?: boolean;
     skipWriteOnly?: boolean;
     level?: number;
+    examples?: {
+        [name: string]: ExampleModel;
+    };
+    operation?: OperationModel;
 }
 export interface SchemaProps extends SchemaOptions {
     schema: SchemaModel;
+    onDiscriminatorChange?: (idx: number) => void;
 }
-export interface ObjectSchemaProps extends SchemaProps {
+export interface ObjectSchemaProps extends Omit<SchemaProps, 'onDiscriminatorChange'> {
     discriminator?: {
         fieldName: string;
         parentSchema: SchemaModel;
+        onChange?: (idx: number) => void;
     };
 }

package/lib/redoc-lib/src/components/SchemaDefinition/SchemaDefinition.d.ts

@@ -16,5 +16,6 @@ export declare class SchemaDefinition extends React.PureComponent<ObjectDescript
     private static getMediaType;
     private _mediaModel;
     private get mediaModel();
+    handleMediaTypeChange(key: string): void;
     render(): JSX.Element;
 }

package/lib/redoc-lib/src/components/SchemaDefinition/SchemaDefinition.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SchemaDefinition=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"),common_elements_1=require("../../common-elements"),services_1=require("../../services"),MediaTypeSamples_1=require("../PayloadSamples/MediaTypeSamples"),Schema_1=require("../Schema"),Panel_1=require("../../../../components/Panel"),store_types_1=require("../../../../services/store-types"),Markdown_1=require("../Markdown"),SchemaDefinition=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"_mediaModel",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),t}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t,"getMediaType",{enumerable:!1,configurable:!0,writable:!0,value:function(e,t){if(!e)return{};var a={schema:{$ref:e}};return t&&(a.examples={example:{$ref:t}}),a}}),Object.defineProperty(t.prototype,"mediaModel",{get:function(){var e=this.props,a=e.parser,n=e.schemaRef,r=e.exampleRef,l=e.options;return this._mediaModel||(this._mediaModel=new services_1.MediaTypeModel(a,"json",!1,t.getMediaType(n,r),l)),this._mediaModel},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t,a=this.props,n=a.showReadOnly,r=void 0===n||n,l=a.showWriteOnly,i=void 0!==l&&l,o=a.layout,m=a.showRightPanel;return React.createElement(common_elements_1.Section,null,React.createElement(common_elements_1.Row,{layout:o},React.createElement(common_elements_1.SamplesMiddlePanel,{isStacked:o===store_types_1.LayoutVariant.STACKED},(null===(e=this.mediaModel.schema)||void 0===e?void 0:e.description)&&React.createElement(Description,null,React.createElement(Markdown_1.Markdown,{source:null===(t=this.mediaModel.schema)||void 0===t?void 0:t.description})),React.createElement(StyledPanelBody,null,React.createElement(Schema_1.Schema,{skipWriteOnly:!i,skipReadOnly:!r,schema:this.mediaModel.schema}))),m?React.createElement(common_elements_1.SamplesPanel,null,React.createElement(Panel_1.CodePanel,{className:"panel-response-samples"},React.createElement(MediaTypeSamples_1.MediaTypeSamples,{mediaType:this.mediaModel}))):null))}}),t}(React.PureComponent);exports.SchemaDefinition=SchemaDefinition;var templateObject_1,templateObject_2,Description=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: var(--spacing-vertical);\n"],["\n  margin-bottom: var(--spacing-vertical);\n"]))),StyledPanelBody=(0,styled_components_1.default)(theme_1.PanelBody)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  padding: var(--panel-body-padding);\n  border: var(--panel-border);\n"],["\n  padding: var(--panel-body-padding);\n  border: var(--panel-border);\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SchemaDefinition=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"),common_elements_1=require("../../common-elements"),services_1=require("../../services"),MediaTypeSamples_1=require("../PayloadSamples/MediaTypeSamples"),Schema_1=require("../Schema"),Panel_1=require("../../../../components/Panel"),store_types_1=require("../../../../services/store-types"),Markdown_1=require("../Markdown"),SchemaDefinition=function(e){function a(){var a=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(a,"_mediaModel",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),a}return(0,tslib_1.__extends)(a,e),Object.defineProperty(a,"getMediaType",{enumerable:!1,configurable:!0,writable:!0,value:function(e,a){if(!e)return{};var t={schema:{$ref:e}};return a&&(t.examples={example:{$ref:a}}),t}}),Object.defineProperty(a.prototype,"mediaModel",{get:function(){var e=this.props,t=e.parser,n=e.schemaRef,l=e.exampleRef,i=e.options;return this._mediaModel||(this._mediaModel=new services_1.MediaTypeModel(t,"json",!1,a.getMediaType(n,l),i)),this._mediaModel},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"handleMediaTypeChange",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var a,t,n,l,i,o,r=null===(a=this.mediaModel.schema)||void 0===a?void 0:a.oneOf;if(r&&(null===(t=this.mediaModel)||void 0===t?void 0:t.examples)&&Object.keys(null===(n=this.mediaModel)||void 0===n?void 0:n.examples).includes(e)){var d=r.findIndex((function(a){return a.title===e}));-1!==d&&(null===(l=this.mediaModel.schema)||void 0===l||l.activateOneOf(d))}(null===(i=this.mediaModel.operation)||void 0===i?void 0:i.activeExampleName)!==e&&(null===(o=this.mediaModel.operation)||void 0===o||o.activateExampleName(e))}}),Object.defineProperty(a.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,a,t=this.props,n=t.showReadOnly,l=void 0===n||n,i=t.showWriteOnly,o=void 0!==i&&i,r=t.layout,d=t.showRightPanel;return React.createElement(common_elements_1.Section,null,React.createElement(common_elements_1.Row,{layout:r},React.createElement(common_elements_1.SamplesMiddlePanel,{isStacked:r===store_types_1.LayoutVariant.STACKED},(null===(e=this.mediaModel.schema)||void 0===e?void 0:e.description)&&React.createElement(Description,null,React.createElement(Markdown_1.Markdown,{source:null===(a=this.mediaModel.schema)||void 0===a?void 0:a.description})),React.createElement(StyledPanelBody,{className:"panel-default"},React.createElement(Schema_1.Schema,{skipWriteOnly:!o,skipReadOnly:!l,schema:this.mediaModel.schema}))),d?React.createElement(common_elements_1.SamplesPanel,null,React.createElement(Panel_1.CodePanel,{className:"panel-response-samples"},React.createElement(MediaTypeSamples_1.MediaTypeSamples,{mediaType:this.mediaModel,onChange:this.handleMediaTypeChange}))):null))}}),a}(React.PureComponent);exports.SchemaDefinition=SchemaDefinition;var templateObject_1,templateObject_2,Description=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: var(--spacing-vertical);\n"],["\n  margin-bottom: var(--spacing-vertical);\n"]))),StyledPanelBody=(0,styled_components_1.default)(theme_1.PanelBody)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  --panel-schemas-body-padding: var(--panel-body-padding);\n  --panel-body-border-local: var(--panel-border);\n"],["\n  --panel-schemas-body-padding: var(--panel-body-padding);\n  --panel-body-border-local: var(--panel-border);\n"])));
 //# sourceMappingURL=SchemaDefinition.js.map

package/lib/redoc-lib/src/components/index.d.ts

@@ -3,6 +3,7 @@ export { OperationItem } from './OperationItem';
 export { SectionItem } from './SectionItem';
 export { ContentItem } from './ContentItem';
 export { ContentItems } from './ContentItems';
+export { DiscriminatorDropdown } from './DiscriminatorDropdown';
 export * from './Schema/';
 export * from './SearchBox/SearchBox';
 export * from './Operation/Operation';

package/lib/redoc-lib/src/components/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DropdownWrapper=exports.Example=exports.ExampleValue=exports.PayloadSamples=exports.ContentItems=exports.ContentItem=exports.SectionItem=exports.OperationItem=void 0;var tslib_1=require("tslib");(0,tslib_1.__exportStar)(require("./ApiInfo/ApiInfo"),exports);var OperationItem_1=require("./OperationItem");Object.defineProperty(exports,"OperationItem",{enumerable:!0,get:function(){return OperationItem_1.OperationItem}});var SectionItem_1=require("./SectionItem");Object.defineProperty(exports,"SectionItem",{enumerable:!0,get:function(){return SectionItem_1.SectionItem}});var ContentItem_1=require("./ContentItem");Object.defineProperty(exports,"ContentItem",{enumerable:!0,get:function(){return ContentItem_1.ContentItem}});var ContentItems_1=require("./ContentItems");Object.defineProperty(exports,"ContentItems",{enumerable:!0,get:function(){return ContentItems_1.ContentItems}}),(0,tslib_1.__exportStar)(require("./Schema/"),exports),(0,tslib_1.__exportStar)(require("./SearchBox/SearchBox"),exports),(0,tslib_1.__exportStar)(require("./Operation/Operation"),exports),(0,tslib_1.__exportStar)(require("./Loading/Loading"),exports),(0,tslib_1.__exportStar)(require("./Markdown"),exports),(0,tslib_1.__exportStar)(require("./SecuritySchemes/SecuritySchemes"),exports),(0,tslib_1.__exportStar)(require("./Responses/Response"),exports),(0,tslib_1.__exportStar)(require("./Responses/ResponseDetails"),exports),(0,tslib_1.__exportStar)(require("./Responses/ResponseHeaders"),exports),(0,tslib_1.__exportStar)(require("./Responses/ResponsesList"),exports),(0,tslib_1.__exportStar)(require("./Responses/ResponseSummary"),exports),(0,tslib_1.__exportStar)(require("./ResponseSamples/ResponseSamples"),exports);var PayloadSamples_1=require("./PayloadSamples");Object.defineProperty(exports,"PayloadSamples",{enumerable:!0,get:function(){return PayloadSamples_1.PayloadSamples}}),Object.defineProperty(exports,"ExampleValue",{enumerable:!0,get:function(){return PayloadSamples_1.ExampleValue}}),Object.defineProperty(exports,"Example",{enumerable:!0,get:function(){return PayloadSamples_1.Example}}),Object.defineProperty(exports,"DropdownWrapper",{enumerable:!0,get:function(){return PayloadSamples_1.DropdownWrapper}}),(0,tslib_1.__exportStar)(require("./MediaTypeSwitch/MediaTypesSwitch"),exports),(0,tslib_1.__exportStar)(require("./Parameters/Parameters"),exports),(0,tslib_1.__exportStar)(require("./DropdownOrLabel/DropdownOrLabel"),exports),(0,tslib_1.__exportStar)(require("./ErrorBoundary"),exports),(0,tslib_1.__exportStar)(require("./StoreBuilder"),exports),(0,tslib_1.__exportStar)(require("./OptionsProvider"),exports),(0,tslib_1.__exportStar)(require("./SideMenu/"),exports),(0,tslib_1.__exportStar)(require("./StickySidebar/StickyResponsiveSidebar"),exports),(0,tslib_1.__exportStar)(require("./SchemaDefinition/SchemaDefinition"),exports),(0,tslib_1.__exportStar)(require("./SourceCodeWithFile/SourceCodeWithFile"),exports),(0,tslib_1.__exportStar)(require("./RequestSamples/RequestSamples"),exports);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DropdownWrapper=exports.Example=exports.ExampleValue=exports.PayloadSamples=exports.DiscriminatorDropdown=exports.ContentItems=exports.ContentItem=exports.SectionItem=exports.OperationItem=void 0;var tslib_1=require("tslib");(0,tslib_1.__exportStar)(require("./ApiInfo/ApiInfo"),exports);var OperationItem_1=require("./OperationItem");Object.defineProperty(exports,"OperationItem",{enumerable:!0,get:function(){return OperationItem_1.OperationItem}});var SectionItem_1=require("./SectionItem");Object.defineProperty(exports,"SectionItem",{enumerable:!0,get:function(){return SectionItem_1.SectionItem}});var ContentItem_1=require("./ContentItem");Object.defineProperty(exports,"ContentItem",{enumerable:!0,get:function(){return ContentItem_1.ContentItem}});var ContentItems_1=require("./ContentItems");Object.defineProperty(exports,"ContentItems",{enumerable:!0,get:function(){return ContentItems_1.ContentItems}});var DiscriminatorDropdown_1=require("./DiscriminatorDropdown");Object.defineProperty(exports,"DiscriminatorDropdown",{enumerable:!0,get:function(){return DiscriminatorDropdown_1.DiscriminatorDropdown}}),(0,tslib_1.__exportStar)(require("./Schema/"),exports),(0,tslib_1.__exportStar)(require("./SearchBox/SearchBox"),exports),(0,tslib_1.__exportStar)(require("./Operation/Operation"),exports),(0,tslib_1.__exportStar)(require("./Loading/Loading"),exports),(0,tslib_1.__exportStar)(require("./Markdown"),exports),(0,tslib_1.__exportStar)(require("./SecuritySchemes/SecuritySchemes"),exports),(0,tslib_1.__exportStar)(require("./Responses/Response"),exports),(0,tslib_1.__exportStar)(require("./Responses/ResponseDetails"),exports),(0,tslib_1.__exportStar)(require("./Responses/ResponseHeaders"),exports),(0,tslib_1.__exportStar)(require("./Responses/ResponsesList"),exports),(0,tslib_1.__exportStar)(require("./Responses/ResponseSummary"),exports),(0,tslib_1.__exportStar)(require("./ResponseSamples/ResponseSamples"),exports);var PayloadSamples_1=require("./PayloadSamples");Object.defineProperty(exports,"PayloadSamples",{enumerable:!0,get:function(){return PayloadSamples_1.PayloadSamples}}),Object.defineProperty(exports,"ExampleValue",{enumerable:!0,get:function(){return PayloadSamples_1.ExampleValue}}),Object.defineProperty(exports,"Example",{enumerable:!0,get:function(){return PayloadSamples_1.Example}}),Object.defineProperty(exports,"DropdownWrapper",{enumerable:!0,get:function(){return PayloadSamples_1.DropdownWrapper}}),(0,tslib_1.__exportStar)(require("./MediaTypeSwitch/MediaTypesSwitch"),exports),(0,tslib_1.__exportStar)(require("./Parameters/Parameters"),exports),(0,tslib_1.__exportStar)(require("./DropdownOrLabel/DropdownOrLabel"),exports),(0,tslib_1.__exportStar)(require("./ErrorBoundary"),exports),(0,tslib_1.__exportStar)(require("./StoreBuilder"),exports),(0,tslib_1.__exportStar)(require("./OptionsProvider"),exports),(0,tslib_1.__exportStar)(require("./SideMenu/"),exports),(0,tslib_1.__exportStar)(require("./StickySidebar/StickyResponsiveSidebar"),exports),(0,tslib_1.__exportStar)(require("./SchemaDefinition/SchemaDefinition"),exports),(0,tslib_1.__exportStar)(require("./SourceCodeWithFile/SourceCodeWithFile"),exports),(0,tslib_1.__exportStar)(require("./RequestSamples/RequestSamples"),exports);
 //# sourceMappingURL=index.js.map

package/lib/redoc-lib/src/services/models/MediaContent.d.ts

@@ -25,6 +25,7 @@ export declare class MediaContentModel {
      * @param name media type name
      */
     activate(name?: string): void;
+    activateExampleName(name?: string): void;
     get active(): MediaTypeModel;
     get hasSample(): boolean;
 }

package/lib/redoc-lib/src/services/models/MediaContent.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaContentModel=void 0;var tslib_1=require("tslib"),mobx_1=require("mobx"),utils_1=require("../../utils"),MediaType_1=require("./MediaType"),MediaContentModel=function(){function e(e,t,i,r,o){var a=void 0===o?{}:o,n=a.operation,l=a.type,u=a.response;Object.defineProperty(this,"isRequestType",{enumerable:!0,configurable:!0,writable:!0,value:i}),Object.defineProperty(this,"mediaTypes",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"operation",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),this.operation=n,r.unstable_ignoreMimeParameters&&(t=(0,utils_1.mergeSimilarMediaTypes)(t)),this.mediaTypes=Object.keys(t).map((function(o){var a=t[o];return new MediaType_1.MediaTypeModel(e,o,i,a,r,{operation:n,type:l,response:u})}))}return Object.defineProperty(e.prototype,"activate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t;null===(t=this.operation)||void 0===t||t.activateMimeName(e)}}),Object.defineProperty(e.prototype,"active",{get:function(){var e=this;return this.mediaTypes.find((function(t){var i;return t.name===(null===(i=e.operation)||void 0===i?void 0:i.activeMimeName)}))||this.mediaTypes[0]},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"hasSample",{get:function(){return this.mediaTypes.filter((function(e){return!!e.examples})).length>0},enumerable:!1,configurable:!0}),(0,tslib_1.__decorate)([mobx_1.action],e.prototype,"activate",null),(0,tslib_1.__decorate)([mobx_1.computed],e.prototype,"active",null),e}();exports.MediaContentModel=MediaContentModel;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaContentModel=void 0;var tslib_1=require("tslib"),mobx_1=require("mobx"),utils_1=require("../../utils"),MediaType_1=require("./MediaType"),MediaContentModel=function(){function e(e,t,i,a,o){var r=void 0===o?{}:o,n=r.operation,l=r.type,u=r.response;Object.defineProperty(this,"isRequestType",{enumerable:!0,configurable:!0,writable:!0,value:i}),Object.defineProperty(this,"mediaTypes",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"operation",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),this.operation=n,a.unstable_ignoreMimeParameters&&(t=(0,utils_1.mergeSimilarMediaTypes)(t)),this.mediaTypes=Object.keys(t).map((function(o){var r=t[o];return new MediaType_1.MediaTypeModel(e,o,i,r,a,{operation:n,type:l,response:u})}))}return Object.defineProperty(e.prototype,"activate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t;null===(t=this.operation)||void 0===t||t.activateMimeName(e)}}),Object.defineProperty(e.prototype,"activateExampleName",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t,i,a,o,r;if(null===(t=this.operation)||void 0===t||t.activateExampleName(e),e&&this.active.examples&&(null===(i=this.active.schema)||void 0===i?void 0:i.oneOf)&&Object.keys(this.active.examples).includes(e)){var n=null===(o=null===(a=this.active.schema)||void 0===a?void 0:a.oneOf)||void 0===o?void 0:o.findIndex((function(t){return t.title===e}));-1!==n&&(null===(r=this.active.schema)||void 0===r||r.activateOneOf(n))}}}),Object.defineProperty(e.prototype,"active",{get:function(){var e=this;return this.mediaTypes.find((function(t){var i;return t.name===(null===(i=e.operation)||void 0===i?void 0:i.activeMimeName)}))||this.mediaTypes[0]},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"hasSample",{get:function(){return this.mediaTypes.filter((function(e){return!!e.examples})).length>0},enumerable:!1,configurable:!0}),(0,tslib_1.__decorate)([mobx_1.action],e.prototype,"activate",null),(0,tslib_1.__decorate)([mobx_1.action],e.prototype,"activateExampleName",null),(0,tslib_1.__decorate)([mobx_1.computed],e.prototype,"active",null),e}();exports.MediaContentModel=MediaContentModel;
 //# sourceMappingURL=MediaContent.js.map