@redocly/reference-docs 2.2.3 → 2.4.0-rc.3

package/lib/components/Endpoint/Endpoint.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Endpoint=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),OptionsProvider_1=require("../../redoc-lib/src/components/OptionsProvider"),StoreBuilder_1=require("../../redoc-lib/src/components/StoreBuilder"),ConsoleLazy_1=require("../console/ConsoleLazy"),Panel_1=require("../Panel"),ServerList_1=require("./ServerList"),Summary_1=require("./Summary"),react_2=require("react"),store_types_1=require("../../services/store-types"),Endpoint=function(e){var t=e.operation,r=e.hideHostname,o=(0,react_1.useState)(!1),n=o[0],a=o[1],i=(0,react_2.useContext)(StoreBuilder_1.StoreContext),l=function(){var e,r;a(!n),null===(r=null===(e=null==i?void 0:i.options.events)||void 0===e?void 0:e.tryItOpen)||void 0===r||r.call(e,{eventType:store_types_1.AnalyticsEventType.TryItOpen,resource:"Redocly_OperationTryIt",action:(null==i?void 0:i.options.unstable_tryItButtonOverride)?"NavigatedOverrideLink":"Opened",operationId:t.operationId,operationPath:t.path,operationHttpVerb:t.httpVerb,operationSummary:t.description})};return react_1.default.createElement(react_1.default.Fragment,null,n?react_1.default.createElement(StoreBuilder_1.StoreConsumer,null,(function(e){return react_1.default.createElement(ConsoleLazy_1.Console,{store:e,operation:t,onClose:l})})):react_1.default.createElement(Panel_1.CodePanel,{header:function(e){var r=e.toggle,o=e.expanded;return react_1.default.createElement(Summary_1.Summary,{operation:t,expanded:o,toggle:r,showConsole:!!(null==i?void 0:i.options.showConsole),onToggleConsole:l,tryItOverride:null==i?void 0:i.options.unstable_tryItButtonOverride})},collapsed:!0},react_1.default.createElement(OptionsProvider_1.OptionsConsumer,null,(function(e){return react_1.default.createElement(ServerList_1.ServerList,{operation:t,expandVariables:e.expandDefaultServerVariables,hideHostname:r||e.hideHostname})}))))};exports.Endpoint=Endpoint;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Endpoint=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),OptionsProvider_1=require("../../redoc-lib/src/components/OptionsProvider"),StoreBuilder_1=require("../../redoc-lib/src/components/StoreBuilder"),ConsoleLazy_1=require("../console/ConsoleLazy"),Panel_1=require("../Panel"),ServerList_1=require("./ServerList"),Summary_1=require("./Summary"),react_2=require("react"),store_types_1=require("../../services/store-types"),Endpoint=function(e){var t=e.operation,r=e.hideHostname,o=(0,react_1.useState)(!1),n=o[0],a=o[1],i=(0,react_2.useContext)(StoreBuilder_1.StoreContext),l=function(){var e,r;a(!n),null===(r=null===(e=null==i?void 0:i.options.events)||void 0===e?void 0:e.tryItOpen)||void 0===r||r.call(e,{eventType:store_types_1.AnalyticsEventType.TryItOpen,resource:"Redocly_OperationTryIt",action:(null==i?void 0:i.options.unstable_tryItButtonOverride)?"NavigatedOverrideLink":"Opened",operationId:t.operationId,operationPath:t.path,operationHttpVerb:t.httpVerb,operationSummary:t.description})},s=function(e){var r=e.toggle,o=e.expanded;return react_1.default.createElement(Summary_1.Summary,{operation:t,expanded:o,toggle:r,showConsole:!!(null==i?void 0:i.options.showConsole),onToggleConsole:l,tryItOverride:null==i?void 0:i.options.unstable_tryItButtonOverride})};return react_1.default.createElement(react_1.default.Fragment,null,n?react_1.default.createElement(StoreBuilder_1.StoreConsumer,null,(function(e){return react_1.default.createElement(ConsoleLazy_1.Console,{store:e,operation:t,onClose:l})})):react_1.default.createElement(OptionsProvider_1.OptionsConsumer,null,(function(e){return react_1.default.createElement(Panel_1.CodePanel,{header:s,collapsed:!e.expandServers},react_1.default.createElement(ServerList_1.ServerList,{operation:t,expandVariables:e.expandDefaultServerVariables,hideHostname:r||e.hideHostname}))})))};exports.Endpoint=Endpoint;
 //# sourceMappingURL=Endpoint.js.map

package/lib/components/Overlay.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Overlay=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../redoc-lib"),INVALID_KEY="Invalid license key",INVALID_KEY_MISSING=INVALID_KEY+": missing key",EXPIRED="Invalid license key: expired",TRIAL_EXPIRED=EXPIRED,INVALID_HOST="Invalid license key: host not allowed",Overlay=function(e){var n=e.l,t=React.useState(null),i=t[0],a=t[1],l=React.useState(-1),r=l[0],o=l[1],c=React.useState(!1),s=c[0],d=c[1];return React.useEffect((function(){(0,tslib_1.__awaiter)(void 0,void 0,void 0,(function(){var e,t;return(0,tslib_1.__generator)(this,(function(i){switch(i.label){case 0:return[4,n];case 1:return(e=i.sent()).local?(d(!0),[2]):(e.valid?e.allowed?e.expired&&a(e.t?EXPIRED:TRIAL_EXPIRED):a(INVALID_HOST):a(!1===e.valid?INVALID_KEY+(e.cryptoMissing?": works only with https":""):INVALID_KEY_MISSING),e.t&&o(Math.ceil(((null!==(t=null==e?void 0:e.e)&&void 0!==t?t:0)-Date.now()/1e3)/60/60/24)),[2])}}))}))}),[n]),s?React.createElement(TrialWrap,null,React.createElement("a",{href:"https://redoc.ly"},"Redocly API reference docs")," preview"):!i&&r>-1?React.createElement(TrialWrap,null," Trial version: ",r," days remaining "):i?React.createElement(Flash,null,React.createElement("span",null,i," ",React.createElement("br",null),React.createElement("small",null,"Please contact ",React.createElement("a",{href:"mailto:team@redoc.ly"},"team@redoc.ly")," to remedy the problem."," "))):null};exports.Overlay=Overlay;var templateObject_1,templateObject_2,TrialWrap=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  padding: 10px 40px;\n  position: fixed;\n  text-align: right;\n  width: 100%;\n  box-sizing: border-box;\n  color: orange;\n  z-index: 10;\n  opacity: 0.6;\n\n  > a,\n  a:visited {\n    color: orange;\n  }\n"],["\n  padding: 10px 40px;\n  position: fixed;\n  text-align: right;\n  width: 100%;\n  box-sizing: border-box;\n  color: orange;\n  z-index: 10;\n  opacity: 0.6;\n\n  > a,\n  a:visited {\n    color: orange;\n  }\n"]))),Flash=redoc_lib_1.styled.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  font-size: 1.5em;\n  position: fixed;\n  z-index: 100;\n  background: rgba(38, 50, 56, 0.93);\n  margin: 0;\n  padding: 1em;\n  width: 100%;\n  color: white;\n  height: 100vh;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  text-align: center;\n  box-sizing: border-box;\n\n  > span {\n    display: inline-block;\n    line-height: 1.5;\n  }\n\n  a,\n  a:hover,\n  a:visited {\n    color: white;\n  }\n"],["\n  font-size: 1.5em;\n  position: fixed;\n  z-index: 100;\n  background: rgba(38, 50, 56, 0.93);\n  margin: 0;\n  padding: 1em;\n  width: 100%;\n  color: white;\n  height: 100vh;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  text-align: center;\n  box-sizing: border-box;\n\n  > span {\n    display: inline-block;\n    line-height: 1.5;\n  }\n\n  a,\n  a:hover,\n  a:visited {\n    color: white;\n  }\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Overlay=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../redoc-lib"),INVALID_KEY="Invalid license key",INVALID_KEY_MISSING=INVALID_KEY+": missing key",EXPIRED="Invalid license key: expired",TRIAL_EXPIRED=EXPIRED,INVALID_HOST="Invalid license key: host not allowed",Overlay=function(e){var n=e.l,t=React.useState(null),i=t[0],a=t[1],l=React.useState(-1),r=l[0],o=l[1],c=React.useState(!1),s=c[0],d=c[1],p=React.useContext(redoc_lib_1.StoreContext);if(React.useEffect((function(){(0,tslib_1.__awaiter)(void 0,void 0,void 0,(function(){var e,t;return(0,tslib_1.__generator)(this,(function(i){switch(i.label){case 0:return[4,n];case 1:return(e=i.sent()).local?(d(!0),[2]):(e.valid?e.allowed?e.expired&&a(e.t?EXPIRED:TRIAL_EXPIRED):a(INVALID_HOST):a(!1===e.valid?INVALID_KEY+(e.cryptoMissing?": works only with https":""):INVALID_KEY_MISSING),e.t&&o(Math.ceil(((null!==(t=null==e?void 0:e.e)&&void 0!==t?t:0)-Date.now()/1e3)/60/60/24)),[2])}}))}))}),[n]),s)return React.createElement(TrialWrap,null,React.createElement("a",{href:"https://redoc.ly"},"Redocly API reference docs")," preview");if(!i&&r>-1)return React.createElement(TrialWrap,null," Trial version: ",r," days remaining ");var _=(null==p?void 0:p.options.customLicenseErrorMessage)?React.createElement("div",{dangerouslySetInnerHTML:{__html:p.options.customLicenseErrorMessage}}):React.createElement(React.Fragment,null,i," ",React.createElement("br",null),React.createElement("small",null,"Please contact ",React.createElement("a",{href:"mailto:team@redoc.ly"},"team@redoc.ly")," to remedy the problem."," "));return i?React.createElement(Flash,null,React.createElement("span",null,_)):null};exports.Overlay=Overlay;var templateObject_1,templateObject_2,TrialWrap=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  padding: 10px 40px;\n  position: fixed;\n  text-align: right;\n  width: 100%;\n  box-sizing: border-box;\n  color: orange;\n  z-index: 10;\n  opacity: 0.6;\n\n  > a,\n  a:visited {\n    color: orange;\n  }\n"],["\n  padding: 10px 40px;\n  position: fixed;\n  text-align: right;\n  width: 100%;\n  box-sizing: border-box;\n  color: orange;\n  z-index: 10;\n  opacity: 0.6;\n\n  > a,\n  a:visited {\n    color: orange;\n  }\n"]))),Flash=redoc_lib_1.styled.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  font-size: 1.5em;\n  position: fixed;\n  z-index: 100;\n  background: rgba(38, 50, 56, 0.93);\n  margin: 0;\n  padding: 1em;\n  width: 100%;\n  color: white;\n  height: 100vh;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  text-align: center;\n  box-sizing: border-box;\n\n  > span {\n    display: inline-block;\n    line-height: 1.5;\n  }\n\n  a,\n  a:hover,\n  a:visited {\n    color: white;\n  }\n"],["\n  font-size: 1.5em;\n  position: fixed;\n  z-index: 100;\n  background: rgba(38, 50, 56, 0.93);\n  margin: 0;\n  padding: 1em;\n  width: 100%;\n  color: white;\n  height: 100vh;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  text-align: center;\n  box-sizing: border-box;\n\n  > span {\n    display: inline-block;\n    line-height: 1.5;\n  }\n\n  a,\n  a:hover,\n  a:visited {\n    color: white;\n  }\n"])));
 //# sourceMappingURL=Overlay.js.map

package/lib/components/Panel/ResponsePanel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponsePanel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components")),common_elements_1=require("../../redoc-lib/src/common-elements"),Panel_1=require("./Panel"),Header_1=require("./Header"),Trigger_1=require("./Trigger"),Title_1=require("./Title");exports.ResponsePanel=(0,styled_components_1.default)(Panel_1.Panel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  border: 1px solid ",";\n  background-color: ",";\n\n  > "," {\n    padding: 10px 20px;\n    font-size: 14px;\n    line-height: 20px;\n\n    "," {\n      font-weight: 600;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      line-height: normal;\n      color: ",";\n\n      span + span {\n        margin-left: 4px;\n      }\n    }\n\n    "," {\n      flex: 1;\n      max-width: 100%;\n      justify-content: space-between;\n    }\n\n    "," {\n      fill: ",";\n    }\n  }\n\n  "," {\n    &:first-child {\n      margin-top: 0;\n    }\n  }\n"],["\n  border: 1px solid ",";\n  background-color: ",";\n\n  > "," {\n    padding: 10px 20px;\n    font-size: 14px;\n    line-height: 20px;\n\n    "," {\n      font-weight: 600;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      line-height: normal;\n      color: ",";\n\n      span + span {\n        margin-left: 4px;\n      }\n    }\n\n    "," {\n      flex: 1;\n      max-width: 100%;\n      justify-content: space-between;\n    }\n\n    "," {\n      fill: ",";\n    }\n  }\n\n  "," {\n    &:first-child {\n      margin-top: 0;\n    }\n  }\n"])),(function(e){var n=e.theme,r=e.type;return n.colors.responses[r].borderColor}),(function(e){var n=e.theme,r=e.type;return n.colors.responses[r].backgroundColor}),Header_1.Header,Title_1.Title,(function(e){var n=e.theme,r=e.type;return n.colors.responses[r].color||n.colors.text.primary}),Trigger_1.Trigger,common_elements_1.ShelfIcon,(function(e){return e.theme.colors.text.primary}),common_elements_1.FieldsGroupHeader);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponsePanel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components")),common_elements_1=require("../../redoc-lib/src/common-elements"),styled_elements_1=require("../../redoc-lib/src/components/Markdown/styled.elements"),Panel_1=require("./Panel"),Header_1=require("./Header"),Trigger_1=require("./Trigger"),Title_1=require("./Title");exports.ResponsePanel=(0,styled_components_1.default)(Panel_1.Panel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  border: 1px solid ",";\n  background-color: ",";\n\n  > "," {\n    padding: 10px 20px;\n    font-size: 14px;\n    line-height: 20px;\n    white-space: normal;\n\n    "," {\n      font-weight: 600;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      line-height: normal;\n      color: ",";\n\n      > span + "," > p:first-child {\n        margin-left: 4px;\n        display: inline;\n      }\n    }\n\n    "," {\n      flex: 1;\n      max-width: 100%;\n      justify-content: space-between;\n    }\n\n    "," {\n      fill: ",";\n    }\n  }\n\n  "," {\n    &:first-child {\n      margin-top: 0;\n    }\n  }\n"],["\n  border: 1px solid ",";\n  background-color: ",";\n\n  > "," {\n    padding: 10px 20px;\n    font-size: 14px;\n    line-height: 20px;\n    white-space: normal;\n\n    "," {\n      font-weight: 600;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      line-height: normal;\n      color: ",";\n\n      > span + "," > p:first-child {\n        margin-left: 4px;\n        display: inline;\n      }\n    }\n\n    "," {\n      flex: 1;\n      max-width: 100%;\n      justify-content: space-between;\n    }\n\n    "," {\n      fill: ",";\n    }\n  }\n\n  "," {\n    &:first-child {\n      margin-top: 0;\n    }\n  }\n"])),(function(e){var n=e.theme,r=e.type;return n.colors.responses[r].borderColor}),(function(e){var n=e.theme,r=e.type;return n.colors.responses[r].backgroundColor}),Header_1.Header,Title_1.Title,(function(e){var n=e.theme,r=e.type;return n.colors.responses[r].color||n.colors.text.primary}),styled_elements_1.StyledMarkdownSpan,Trigger_1.Trigger,common_elements_1.ShelfIcon,(function(e){return e.theme.colors.text.primary}),common_elements_1.FieldsGroupHeader);
 //# sourceMappingURL=ResponsePanel.js.map

package/lib/components/RedoclyReferenceDocs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedoclyReferenceDocsMultiStandalone=exports.RedoclyReferenceDocsStandalone=exports.RedoclyReferenceDocs=exports.CssFixes=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),mobx_1=require("mobx"),redoc_lib_1=require("../redoc-lib"),Search_1=require("./Search"),NextSectionButton_1=require("./NextSectionButton"),StoreProvider_1=require("./StoreProvider"),store_types_1=require("../services/store-types"),ConsoleLazy_1=require("./console/ConsoleLazy"),MultipleSpecsStore_1=require("../services/MultipleSpecsStore"),ProProviders_1=require("./ProProviders"),Overlay_1=require("./Overlay"),VersionedSpecStore_1=require("../services/VersionedSpecStore"),VersionSwitcher_1=require("./VersionSwitcher"),styled_elements_1=require("./styled.elements");(0,mobx_1.configure)({useProxies:"ifavailable"}),exports.CssFixes=(0,redoc_lib_1.createGlobalStyle)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(['\n  div[data-section-id]::after {\n    content: " ";\n    display: block;\n    height: 0;\n    clear: both;\n    visibility: hidden;\n  }\n\n  ',"  {\n    ","\n  }\n\n  ",", ","  {\n    ","\n  }\n\n  ",", "," {\n    ","\n  }\n\n  "," {\n    ",";\n  }\n"],['\n  div[data-section-id]::after {\n    content: " ";\n    display: block;\n    height: 0;\n    clear: both;\n    visibility: hidden;\n  }\n\n  ',"  {\n    ","\n  }\n\n  ",", ","  {\n    ","\n  }\n\n  ",", "," {\n    ","\n  }\n\n  "," {\n    ",";\n  }\n"])),redoc_lib_1.RightPanel,(function(e){var t,o=e.theme,r=e.showRightPanel,n=e.layout;return(0,redoc_lib_1.mediaCSS)({width:n===store_types_1.LayoutVariant.STACKED?"100%":"",paddingLeft:n===store_types_1.LayoutVariant.STACKED?o.spacing.sectionHorizontal:"",display:r?"":(t={},t[redoc_lib_1.ZERO_BREAKPOINT]="",t[o.rightPanel.showAtBreakpoint]="none",t)})}),styled_elements_1.BackgroundStub,styled_elements_1.BackgroundStubFix,(function(e){var t,o=e.theme,r=e.showRightPanel,n=e.layout;return(0,redoc_lib_1.mediaCSS)({display:r&&n!==store_types_1.LayoutVariant.STACKED?"":(t={},t[redoc_lib_1.ZERO_BREAKPOINT]="",t[o.rightPanel.showAtBreakpoint]="none",t)})}),redoc_lib_1.MiddlePanel,styled_elements_1.NextSectionButtonWrap,(function(e){var t,o=e.theme,r=e.showRightPanel,n=e.layout;return(0,redoc_lib_1.mediaCSS)({paddingRight:n===store_types_1.LayoutVariant.STACKED?o.spacing.sectionHorizontal:"",width:r&&n===store_types_1.LayoutVariant.THREE_PANEL?"":(t={},t[redoc_lib_1.ZERO_BREAKPOINT]="",t[o.rightPanel.showAtBreakpoint]="100%",t)})}),styled_elements_1.ApiContentWrap,(function(e){var t,o,r=e.theme,n=e.showRightPanel,a=e.layout;return(0,redoc_lib_1.mediaCSS)({width:(t={},t[redoc_lib_1.ZERO_BREAKPOINT]="none",t.small="calc(100% - "+r.sidebar.width+")",t),maxWidth:(0,tslib_1.__assign)((o={},o[redoc_lib_1.ZERO_BREAKPOINT]="",o),r.layout[a===store_types_1.LayoutVariant.THREE_PANEL&&n?store_types_1.LayoutVariant.THREE_PANEL:store_types_1.LayoutVariant.STACKED].maxWidth)})}));var RedoclyReferenceDocs=function(e){function t(t){var o=e.call(this,t)||this;return Object.defineProperty(o,"_observer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"_updatedItems",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(o,"rootElementRef",{enumerable:!0,configurable:!0,writable:!0,value:React.createRef()}),Object.defineProperty(o,"handleClose",{enumerable:!0,configurable:!0,writable:!0,value:function(){return o.props.store.tryItOut()}}),o.state={searchPopUpShown:!1,searchPopUpValue:""},o}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;this.props.store.onDidMount(),this._observer=(0,mobx_1.reaction)((function(){return e.props.store.menu.renderItems}),(function(){e._updatedItems=!0}))}}),Object.defineProperty(t.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(){this._updatedItems&&(this._updatedItems=!1,this.props.store.menu.scrollToActive())}}),Object.defineProperty(t.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.store.dispose(),this._observer()}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props.store,o=t.definition,r=t.menu,n=t.options,a=t.search,i=t.marker,l=this.props.store,s=r.renderItems,c=!n.hideInfoSection&&("none"===n.pagination||l.menu.activeRenderItemIdx<=0);return c&&"none"!==n.pagination&&n.disableSidebar&&s[0]&&"section"!==s[0].type&&(c=!1),o instanceof MultipleSpecsStore_1.MultipleSpecsStore&&(c=!1),this.props._forceRenderInfo&&(c=!0),React.createElement(ProProviders_1.ProProviders,{store:l},React.createElement(styled_elements_1.RedocWrap,{className:"redoc-wrap",ref:this.rootElementRef},React.createElement(Overlay_1.Overlay,{l:l.l}),React.createElement(exports.CssFixes,{whiteLabel:n.whiteLabel,showRightPanel:l.showRightPanel,layout:l.layout}),l.tryItOperation&&React.createElement(ConsoleLazy_1.Console,{rootElement:this.rootElementRef.current,store:l,operation:l.tryItOperation,onClose:this.handleClose,specIdx:l.tryItOperation.specIdx}),!n.disableSidebar&&React.createElement(redoc_lib_1.StickyResponsiveSidebar,{menu:r,className:"menu-content"},!l.options.hideLogo&&React.createElement(redoc_lib_1.ApiLogo,{info:o.info}),o instanceof VersionedSpecStore_1.VersionedSpecStore&&React.createElement(VersionSwitcher_1.VersionSwitcher,{spec:o,onChange:function(e){o.changeVersion(e.idx),r.updateItemsByVersionChange(!0),l.tryItOut(void 0)}}),!l.options.disableSearch&&React.createElement(Search_1.SearchField,{showPopUp:function(){return e.setState({searchPopUpShown:!0})},searchValue:this.state.searchPopUpValue,marker:i,setSearchValue:function(t){return e.setState({searchPopUpValue:t})}}),React.createElement(redoc_lib_1.SideMenu,{menu:r})),React.createElement(styled_elements_1.ApiContentWrap,{className:(l.isLoading?"loading ":"")+"api-content",layout:l.layout===store_types_1.LayoutVariant.THREE_PANEL&&l.showRightPanel?store_types_1.LayoutVariant.THREE_PANEL:store_types_1.LayoutVariant.STACKED},n.theme.layout.showDarkRightPanel&&l.showRightPanel&&l.layout!==store_types_1.LayoutVariant.STACKED&&React.createElement(styled_elements_1.BackgroundStub,null),c&&React.createElement(redoc_lib_1.ApiInfo,{store:l}),React.createElement(redoc_lib_1.ContentItems,{items:s,store:l}),n.showNextButton&&React.createElement(NextSectionButton_1.ContinueButton,{pagination:n.pagination,menu:r}),this.props.children),React.createElement(styled_elements_1.ControlsWrap,null,React.createElement(styled_elements_1.ToggleRightPanelButton,{store:l,isVisible:l.layout===store_types_1.LayoutVariant.THREE_PANEL}),React.createElement(styled_elements_1.ChangeViewButton,{store:l,isVisible:l.showRightPanel})),React.createElement(Search_1.ProSearchBox,{search:a,marker:i,menu:r,onActivate:r.activateAndScroll.bind(r),options:n,shown:this.state.searchPopUpShown,hidePopUp:function(){return e.setState({searchPopUpShown:!1})},showPopUp:function(){return e.setState({searchPopUpShown:!0})},setSearchValue:function(t){return e.setState({searchPopUpValue:t})},searchValue:this.state.searchPopUpValue}),n.theme.layout.showDarkRightPanel&&l.showRightPanel&&l.layout!==store_types_1.LayoutVariant.STACKED&&React.createElement(styled_elements_1.BackgroundStubFix,null)))}}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.Component);function RedoclyReferenceDocsStandalone(e){var t=e.definition,o=e.definitionUrl,r=e.options,n=void 0===r?{}:r,a=e.activeItemId,i=e.activeSampleLanguage,l=e.activeDeepLink,s=(0,redoc_lib_1.argValueToBoolean)(n.hideLoading,!1),c=new redoc_lib_1.RedocNormalizedOptions(n),d=React.createElement(StoreProvider_1.ProStoreProvider,{definition:t,definitionUrl:o,options:n,activeItemId:a,activeSampleLanguage:i,activeDeepLink:l},(function(e){var t=e.loading,o=e.store;return t?s?null:React.createElement(redoc_lib_1.Loading,{color:c.theme.colors.primary.main}):React.createElement(RedoclyReferenceDocs,{store:o})}));return n.disableErrorBoundary?d:React.createElement(redoc_lib_1.ErrorBoundary,null,d)}exports.RedoclyReferenceDocs=RedoclyReferenceDocs,exports.RedoclyReferenceDocsStandalone=RedoclyReferenceDocsStandalone;var templateObject_1,RedoclyReferenceDocsMultiStandalone=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.definitions,o=e.options,r=void 0===o?{}:o,n=(0,redoc_lib_1.argValueToBoolean)(r.hideLoading,!1),a=new redoc_lib_1.RedocNormalizedOptions(r);return React.createElement(redoc_lib_1.ErrorBoundary,null,React.createElement(StoreProvider_1.ProStoreProvider,{definitions:t,options:r},(function(e){var t=e.loading,o=e.store;return t?n?null:React.createElement(redoc_lib_1.Loading,{color:a.theme.colors.primary.main}):React.createElement(RedoclyReferenceDocs,{store:o})})))}}),t}(React.Component);exports.RedoclyReferenceDocsMultiStandalone=RedoclyReferenceDocsMultiStandalone;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedoclyReferenceDocsMultiStandalone=exports.RedoclyReferenceDocsStandalone=exports.RedoclyReferenceDocs=exports.CssFixes=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),mobx_1=require("mobx"),redoc_lib_1=require("../redoc-lib"),Search_1=require("./Search"),NextSectionButton_1=require("./NextSectionButton"),StoreProvider_1=require("./StoreProvider"),store_types_1=require("../services/store-types"),ConsoleLazy_1=require("./console/ConsoleLazy"),MultipleSpecsStore_1=require("../services/MultipleSpecsStore"),ProProviders_1=require("./ProProviders"),Overlay_1=require("./Overlay"),VersionedSpecStore_1=require("../services/VersionedSpecStore"),VersionSwitcher_1=require("./VersionSwitcher"),styled_elements_1=require("./styled.elements");(0,mobx_1.configure)({useProxies:"ifavailable"}),exports.CssFixes=(0,redoc_lib_1.createGlobalStyle)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(['\n  div[data-section-id]::after {\n    content: " ";\n    display: block;\n    height: 0;\n    clear: both;\n    visibility: hidden;\n  }\n\n  ',"  {\n    ","\n  }\n\n  ",", ","  {\n    ","\n  }\n\n  ",", "," {\n    ","\n  }\n\n  "," {\n    ",";\n  }\n"],['\n  div[data-section-id]::after {\n    content: " ";\n    display: block;\n    height: 0;\n    clear: both;\n    visibility: hidden;\n  }\n\n  ',"  {\n    ","\n  }\n\n  ",", ","  {\n    ","\n  }\n\n  ",", "," {\n    ","\n  }\n\n  "," {\n    ",";\n  }\n"])),redoc_lib_1.RightPanel,(function(e){var t,o=e.theme,r=e.showRightPanel,n=e.layout;return(0,redoc_lib_1.mediaCSS)({width:n===store_types_1.LayoutVariant.STACKED?"100%":"",paddingLeft:n===store_types_1.LayoutVariant.STACKED?o.spacing.sectionHorizontal:"",display:r?"":(t={},t[redoc_lib_1.ZERO_BREAKPOINT]="",t[o.rightPanel.showAtBreakpoint]="none",t)})}),styled_elements_1.BackgroundStub,styled_elements_1.BackgroundStubFix,(function(e){var t,o=e.theme,r=e.showRightPanel,n=e.layout;return(0,redoc_lib_1.mediaCSS)({display:r&&n!==store_types_1.LayoutVariant.STACKED?"":(t={},t[redoc_lib_1.ZERO_BREAKPOINT]="",t[o.rightPanel.showAtBreakpoint]="none",t)})}),redoc_lib_1.MiddlePanel,styled_elements_1.NextSectionButtonWrap,(function(e){var t,o=e.theme,r=e.showRightPanel,n=e.layout;return(0,redoc_lib_1.mediaCSS)({paddingRight:n===store_types_1.LayoutVariant.STACKED?o.spacing.sectionHorizontal:"",width:r&&n===store_types_1.LayoutVariant.THREE_PANEL?"":(t={},t[redoc_lib_1.ZERO_BREAKPOINT]="",t[o.rightPanel.showAtBreakpoint]="100%",t)})}),styled_elements_1.ApiContentWrap,(function(e){var t,o,r=e.theme,n=e.showRightPanel,a=e.layout;return(0,redoc_lib_1.mediaCSS)({width:(t={},t[redoc_lib_1.ZERO_BREAKPOINT]="none",t.small="calc(100% - "+r.sidebar.width+")",t),maxWidth:(0,tslib_1.__assign)((o={},o[redoc_lib_1.ZERO_BREAKPOINT]="",o),r.layout[a===store_types_1.LayoutVariant.THREE_PANEL&&n?store_types_1.LayoutVariant.THREE_PANEL:store_types_1.LayoutVariant.STACKED].maxWidth)})}));var RedoclyReferenceDocs=function(e){function t(t){var o=e.call(this,t)||this;return Object.defineProperty(o,"_observer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"_updatedItems",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(o,"rootElementRef",{enumerable:!0,configurable:!0,writable:!0,value:React.createRef()}),Object.defineProperty(o,"handleClose",{enumerable:!0,configurable:!0,writable:!0,value:function(){return o.props.store.tryItOut()}}),o.state={searchPopUpShown:!1,searchPopUpValue:""},o}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;this.props.store.onDidMount(),this._observer=(0,mobx_1.reaction)((function(){return e.props.store.menu.renderItems}),(function(){e._updatedItems=!0}))}}),Object.defineProperty(t.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(){this._updatedItems&&(this._updatedItems=!1,this.props.store.menu.scrollToActive())}}),Object.defineProperty(t.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e;this.props.store.dispose(),null===(e=this._observer)||void 0===e||e.call(this)}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props.store,o=t.definition,r=t.menu,n=t.options,a=t.search,i=t.marker,l=this.props.store,s=r.renderItems,c=!n.hideInfoSection&&("none"===n.pagination||l.menu.activeRenderItemIdx<=0);return c&&"none"!==n.pagination&&n.disableSidebar&&s[0]&&"section"!==s[0].type&&(c=!1),o instanceof MultipleSpecsStore_1.MultipleSpecsStore&&(c=!1),this.props._forceRenderInfo&&(c=!0),React.createElement(ProProviders_1.ProProviders,{store:l},React.createElement(styled_elements_1.RedocWrap,{className:"redoc-wrap",ref:this.rootElementRef},React.createElement(Overlay_1.Overlay,{l:l.l}),React.createElement(exports.CssFixes,{whiteLabel:n.whiteLabel,showRightPanel:l.showRightPanel,layout:l.layout}),l.tryItOperation&&React.createElement(ConsoleLazy_1.Console,{rootElement:this.rootElementRef.current,store:l,operation:l.tryItOperation,onClose:this.handleClose,specIdx:l.tryItOperation.specIdx}),!n.disableSidebar&&React.createElement(redoc_lib_1.StickyResponsiveSidebar,{menu:r,className:"menu-content"},!l.options.hideLogo&&React.createElement(redoc_lib_1.ApiLogo,{info:o.info}),o instanceof VersionedSpecStore_1.VersionedSpecStore&&React.createElement(VersionSwitcher_1.VersionSwitcher,{spec:o,onChange:function(e){o.changeVersion(e.idx),r.updateItemsByVersionChange(!0),l.tryItOut(void 0)}}),!l.options.disableSearch&&React.createElement(Search_1.SearchField,{showPopUp:function(){return e.setState({searchPopUpShown:!0})},searchValue:this.state.searchPopUpValue,marker:i,setSearchValue:function(t){return e.setState({searchPopUpValue:t})}}),React.createElement(redoc_lib_1.SideMenu,{menu:r})),React.createElement(styled_elements_1.ApiContentWrap,{className:(l.isLoading?"loading ":"")+"api-content",layout:l.layout===store_types_1.LayoutVariant.THREE_PANEL&&l.showRightPanel?store_types_1.LayoutVariant.THREE_PANEL:store_types_1.LayoutVariant.STACKED},n.theme.layout.showDarkRightPanel&&l.showRightPanel&&l.layout!==store_types_1.LayoutVariant.STACKED&&React.createElement(styled_elements_1.BackgroundStub,null),c&&React.createElement(redoc_lib_1.ApiInfo,{store:l}),React.createElement(redoc_lib_1.ContentItems,{items:s,store:l}),n.showNextButton&&React.createElement(NextSectionButton_1.ContinueButton,{pagination:n.pagination,menu:r}),this.props.children),React.createElement(styled_elements_1.ControlsWrap,null,React.createElement(styled_elements_1.ToggleRightPanelButton,{store:l,isVisible:l.layout===store_types_1.LayoutVariant.THREE_PANEL}),React.createElement(styled_elements_1.ChangeViewButton,{store:l,isVisible:l.showRightPanel})),React.createElement(Search_1.ProSearchBox,{search:a,marker:i,menu:r,onActivate:r.activateAndScroll.bind(r),options:n,shown:this.state.searchPopUpShown,hidePopUp:function(){return e.setState({searchPopUpShown:!1})},showPopUp:function(){return e.setState({searchPopUpShown:!0})},setSearchValue:function(t){return e.setState({searchPopUpValue:t})},searchValue:this.state.searchPopUpValue}),n.theme.layout.showDarkRightPanel&&l.showRightPanel&&l.layout!==store_types_1.LayoutVariant.STACKED&&React.createElement(styled_elements_1.BackgroundStubFix,null)))}}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.Component);function RedoclyReferenceDocsStandalone(e){var t=e.definition,o=e.definitionUrl,r=e.options,n=void 0===r?{}:r,a=e.activeItemId,i=e.activeSampleLanguage,l=e.activeDeepLink,s=(0,redoc_lib_1.argValueToBoolean)(n.hideLoading,!1),c=new redoc_lib_1.RedocNormalizedOptions(n),d=React.createElement(StoreProvider_1.ProStoreProvider,{definition:t,definitionUrl:o,options:n,activeItemId:a,activeSampleLanguage:i,activeDeepLink:l},(function(e){var t=e.loading,o=e.store;return t?s?null:React.createElement(redoc_lib_1.Loading,{color:c.theme.colors.primary.main}):React.createElement(RedoclyReferenceDocs,{store:o})}));return n.disableErrorBoundary?d:React.createElement(redoc_lib_1.ErrorBoundary,null,d)}exports.RedoclyReferenceDocs=RedoclyReferenceDocs,exports.RedoclyReferenceDocsStandalone=RedoclyReferenceDocsStandalone;var templateObject_1,RedoclyReferenceDocsMultiStandalone=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.definitions,o=e.options,r=void 0===o?{}:o,n=(0,redoc_lib_1.argValueToBoolean)(r.hideLoading,!1),a=new redoc_lib_1.RedocNormalizedOptions(r);return React.createElement(redoc_lib_1.ErrorBoundary,null,React.createElement(StoreProvider_1.ProStoreProvider,{definitions:t,options:r},(function(e){var t=e.loading,o=e.store;return t?n?null:React.createElement(redoc_lib_1.Loading,{color:a.theme.colors.primary.main}):React.createElement(RedoclyReferenceDocs,{store:o})})))}}),t}(React.Component);exports.RedoclyReferenceDocsMultiStandalone=RedoclyReferenceDocsMultiStandalone;
 //# sourceMappingURL=RedoclyReferenceDocs.js.map

package/lib/components/Search/ProSearchBox.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ProSearchBox=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),hotkeys_js_1=(0,tslib_1.__importDefault)(require("hotkeys-js")),utils_1=require("../../utils"),perfect_scrollbar_1=require("../../redoc-lib/src/common-elements/perfect-scrollbar"),MenuItemProSearch_1=require("./MenuItemProSearch"),styled_1=require("./styled");function expandDeep(e,t){if(e)for(var r=function(e){var r=t.find((function(t){return t.name===e}));if(!r)return"break";r.expand(),t=getFields(r.schema)},a=0,n=e;a<n.length;a++){if("break"===r(n[a]))break}}function getFields(e){return e?e.oneOf?getFields(e.oneOf[e.activeOneOf]):e.items?getFields(e.items):e.fields||[]:[]}function enhanceResults(e,t){var r={};e.forEach((function(e){var a=e.meta,n=e.score,l=a.menuId,o=r[l];if(n=a.boost?n*a.boost:n,o){if(o.score=Math.max(n,o.score),a.place&&o.count++,a.place){var i=o.places.find((function(e){return e.place===a.place}));i&&a.path?i.paths.find((function(e){var t;return(e&&e.join("->"))===(null===(t=a.path)||void 0===t?void 0:t.join("->"))}))||i.paths.push(a.path):o.places.push({place:a.place,paths:[a.path]})}}else r[l]={item:t(l),places:a.place?[{place:a.place,paths:[a.path]}]:[],score:n,count:a.place?1:0}}));var a=Object.keys(r).map((function(e){return r[e]}));return a.forEach((function(e,t){return e.index=t})),a.sort((function(e,t){return t.score-e.score})),a}function expandResults(e){for(var t=function(t){if("request fields"===t.place)for(var r=e.item.requestBody,a=getFields(r&&r.content&&r.content.active&&r.content.active.schema),n=0,l=t.paths;n<l.length;n++){if(!(u=l[n]))return{value:void 0};expandDeep(u.slice(0,u.length-1),a)}else if(t.place.startsWith("response ")){var o=t.place.split(" ")[1],i=e.item.responses.find((function(e){return e.code===o}));i&&(i.expanded=!0);a=getFields(i&&i.content&&i.content.active&&i.content.active.schema);for(var c=0,s=t.paths;c<s.length;c++){var u;if(!(u=s[c]))return{value:void 0};expandDeep(u.slice(0,u.length-1),a)}}},r=0,a=e.places;r<a.length;r++){var n=t(a[r]);if("object"==typeof n)return n.value}}var ProSearchBox=function(e){function t(t){var r=e.call(this,t)||this;return Object.defineProperty(r,"activeItemRef",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(r,"prevCancel",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(r,"loadingTimer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(r,"inputRef",{enumerable:!0,configurable:!0,writable:!0,value:React.createRef()}),Object.defineProperty(r,"clear",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.setState({results:null,term:"",activeItemIdx:-1}),r.props.setSearchValue(""),r.props.marker.unmark()}}),Object.defineProperty(r,"handleKeyDown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){if(27===e.keyCode&&r.inputRef.current&&(r.inputRef.current.blur(),r.props.hidePopUp()),r.state.results&&(27===e.keyCode&&r.clear(),40===e.keyCode&&(r.setState({activeItemIdx:Math.min(r.state.activeItemIdx+1,r.state.results.length-1)}),e.preventDefault()),38===e.keyCode&&(r.setState({activeItemIdx:Math.max(0,r.state.activeItemIdx-1)}),e.preventDefault()),13===e.keyCode)){var t=r.state.results[r.state.activeItemIdx];t&&r.onActivate(t)}}}),Object.defineProperty(r,"_queryWorker",{enumerable:!0,configurable:!0,writable:!0,value:(0,utils_1.debounce)((function(e,t){r.props.search.search(e).then((function(e){t(e)}))}),200,!0)}),Object.defineProperty(r,"search",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.target.value;if(t.length<3)return r.clearResults(t),void r.props.setSearchValue("");r.updateSearchTerm(t),r.prevCancel&&r.prevCancel(),r.prevCancel=r.queryWorker(t)}}),Object.defineProperty(r,"onActivate",{enumerable:!0,configurable:!0,writable:!0,value:function(e){if(r.props.hidePopUp(),r.props.onActivate(e.item),r.props.options.searchAutoExpand)try{expandResults(e)}catch(e){console.warn("Failed to autoexpand schema:",e.message)}}}),Object.defineProperty(r,"closeByWrapper",{enumerable:!0,configurable:!0,writable:!0,value:function(e){"search"===e.target.getAttribute("role")&&(r.clear(),r.props.hidePopUp())}}),Object.defineProperty(r,"closeByButton",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.clear(),r.props.hidePopUp()}}),r.state={results:null,term:"",activeItemIdx:-1,loading:!1},r}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this.props,r=t.search,a=t.shown,n=t.searchValue,l=e.search!==r,o=!e.shown&&a&&!n&&this.state.term;(l||o)&&this.clearResults("")}}),Object.defineProperty(t.prototype,"clearResults",{enumerable:!1,configurable:!0,writable:!0,value:function(e){this.loadingTimer&&(clearTimeout(this.loadingTimer),this.loadingTimer=null),this.setState({results:null,term:e,loading:!1}),this.props.marker.unmark()}}),Object.defineProperty(t.prototype,"setResults",{enumerable:!1,configurable:!0,writable:!0,value:function(e){this.loadingTimer&&(clearTimeout(this.loadingTimer),this.loadingTimer=null),this.setState({results:enhanceResults(e,this.props.menu.getItemById),loading:!1})}}),Object.defineProperty(t.prototype,"updateSearchTerm",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this;this.setState({term:e}),this.props.setSearchValue(e),this.loadingTimer&&(clearTimeout(this.loadingTimer),this.loadingTimer=null),this.loadingTimer=setTimeout((function(){t.setState({loading:!0})}),500),this.props.marker.mark(e)}}),Object.defineProperty(t.prototype,"queryWorker",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this,r=!1;return this._queryWorker(e,(function(a){e.length<3&&t.clearResults(e),r||t.state.term===e&&t.setResults(a)})),function(){r=!0}}}),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;this.props.options.ctrlFHijack&&(0,hotkeys_js_1.default)("cmd+f,ctrl+f",(function(t){return t.preventDefault(),t.stopPropagation(),e.props.options.disableSearch||e.props.showPopUp(),!1}))}}),Object.defineProperty(t.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){hotkeys_js_1.default.unbind("cmd+f,ctrl+f")}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.state,r=t.activeItemIdx,a=t.loading,n=t.results,l=this.props,o=l.shown,i=l.menu;return o?React.createElement(styled_1.SearchPopUpBG,{role:"search",onClick:this.closeByWrapper},React.createElement(styled_1.SearchPopUpWrap,null,React.createElement(styled_1.SearchPopUpHeader,null,React.createElement(styled_1.SearchInput,{ref:this.inputRef,value:this.state.term,onKeyDown:this.handleKeyDown,placeholder:"Search...",type:"text",onChange:this.search,autoFocus:!0}),React.createElement(styled_1.SearchIcon,null),this.state.term&&React.createElement(styled_1.ButtonClear,{onClick:this.clear},"Clear"),React.createElement(styled_1.ButtonClose,{onClick:this.closeByButton},React.createElement(styled_1.CrossIcon,null))),React.createElement(styled_1.SearchResultsBox,{"data-role":"search:results"},a&&React.createElement(styled_1.TextContainer,null,"Loading..."),!a&&!(null==n?void 0:n.length)&&React.createElement(styled_1.TextContainer,null,"No results found"),(null==n?void 0:n.length)?React.createElement(perfect_scrollbar_1.PerfectScrollbarWrap,{options:{wheelPropagation:!1}},React.createElement(styled_1.SearchResultsItems,null,n.slice(0,50).map((function(t,a){return React.createElement(MenuItemProSearch_1.MenuItemPro,{key:t.index+t.item.id,result:t,active:a===r,onActivate:e.onActivate,term:e.state.term,history:i.history})})))):null))):null}}),t}(React.PureComponent);exports.ProSearchBox=ProSearchBox;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ProSearchBox=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),hotkeys_js_1=(0,tslib_1.__importDefault)(require("hotkeys-js")),utils_1=require("../../utils"),perfect_scrollbar_1=require("../../redoc-lib/src/common-elements/perfect-scrollbar"),MenuItemProSearch_1=require("./MenuItemProSearch"),styled_1=require("./styled"),Labels_1=require("../../redoc-lib/src/services/Labels");function expandDeep(e,t){if(e)for(var r=function(e){var r=t.find((function(t){return t.name===e}));if(!r)return"break";r.expand(),t=getFields(r.schema)},a=0,n=e;a<n.length;a++){if("break"===r(n[a]))break}}function getFields(e){return e?e.oneOf?getFields(e.oneOf[e.activeOneOf]):e.items?getFields(e.items):e.fields||[]:[]}function enhanceResults(e,t){var r={};e.forEach((function(e){var a=e.meta,n=e.score,l=a.menuId,o=r[l];if(n=a.boost?n*a.boost:n,o){if(o.score=Math.max(n,o.score),a.place&&o.count++,a.place){var i=o.places.find((function(e){return e.place===a.place}));i&&a.path?i.paths.find((function(e){var t;return(e&&e.join("->"))===(null===(t=a.path)||void 0===t?void 0:t.join("->"))}))||i.paths.push(a.path):o.places.push({place:a.place,paths:[a.path]})}}else r[l]={item:t(l),places:a.place?[{place:a.place,paths:[a.path]}]:[],score:n,count:a.place?1:0}}));var a=Object.keys(r).map((function(e){return r[e]}));return a.forEach((function(e,t){return e.index=t})),a.sort((function(e,t){return t.score-e.score})),a}function expandResults(e){for(var t=function(t){if("request fields"===t.place)for(var r=e.item.requestBody,a=getFields(r&&r.content&&r.content.active&&r.content.active.schema),n=0,l=t.paths;n<l.length;n++){if(!(u=l[n]))return{value:void 0};expandDeep(u.slice(0,u.length-1),a)}else if(t.place.startsWith("response ")){var o=t.place.split(" ")[1],i=e.item.responses.find((function(e){return e.code===o}));i&&(i.expanded=!0);a=getFields(i&&i.content&&i.content.active&&i.content.active.schema);for(var c=0,s=t.paths;c<s.length;c++){var u;if(!(u=s[c]))return{value:void 0};expandDeep(u.slice(0,u.length-1),a)}}},r=0,a=e.places;r<a.length;r++){var n=t(a[r]);if("object"==typeof n)return n.value}}var ProSearchBox=function(e){function t(t){var r=e.call(this,t)||this;return Object.defineProperty(r,"activeItemRef",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(r,"prevCancel",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(r,"loadingTimer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(r,"inputRef",{enumerable:!0,configurable:!0,writable:!0,value:React.createRef()}),Object.defineProperty(r,"clear",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.setState({results:null,term:"",activeItemIdx:-1}),r.props.setSearchValue(""),r.props.marker.unmark()}}),Object.defineProperty(r,"handleKeyDown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){if(27===e.keyCode&&r.inputRef.current&&(r.inputRef.current.blur(),r.props.hidePopUp()),r.state.results&&(27===e.keyCode&&r.clear(),40===e.keyCode&&(r.setState({activeItemIdx:Math.min(r.state.activeItemIdx+1,r.state.results.length-1)}),e.preventDefault()),38===e.keyCode&&(r.setState({activeItemIdx:Math.max(0,r.state.activeItemIdx-1)}),e.preventDefault()),13===e.keyCode)){var t=r.state.results[r.state.activeItemIdx];t&&r.onActivate(t)}}}),Object.defineProperty(r,"_queryWorker",{enumerable:!0,configurable:!0,writable:!0,value:(0,utils_1.debounce)((function(e,t){r.props.search.search(e).then((function(e){t(e)}))}),200,!0)}),Object.defineProperty(r,"search",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.target.value;if(t.length<3)return r.clearResults(t),void r.props.setSearchValue("");r.updateSearchTerm(t),r.prevCancel&&r.prevCancel(),r.prevCancel=r.queryWorker(t)}}),Object.defineProperty(r,"onActivate",{enumerable:!0,configurable:!0,writable:!0,value:function(e){if(r.props.hidePopUp(),r.props.onActivate(e.item),r.props.options.searchAutoExpand)try{expandResults(e)}catch(e){console.warn("Failed to autoexpand schema:",e.message)}}}),Object.defineProperty(r,"closeByWrapper",{enumerable:!0,configurable:!0,writable:!0,value:function(e){"search"===e.target.getAttribute("role")&&(r.clear(),r.props.hidePopUp())}}),Object.defineProperty(r,"closeByButton",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.clear(),r.props.hidePopUp()}}),r.state={results:null,term:"",activeItemIdx:-1,loading:!1},r}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this.props,r=t.search,a=t.shown,n=t.searchValue,l=e.search!==r,o=!e.shown&&a&&!n&&this.state.term;(l||o)&&this.clearResults("")}}),Object.defineProperty(t.prototype,"clearResults",{enumerable:!1,configurable:!0,writable:!0,value:function(e){this.loadingTimer&&(clearTimeout(this.loadingTimer),this.loadingTimer=null),this.setState({results:null,term:e,loading:!1}),this.props.marker.unmark()}}),Object.defineProperty(t.prototype,"setResults",{enumerable:!1,configurable:!0,writable:!0,value:function(e){this.loadingTimer&&(clearTimeout(this.loadingTimer),this.loadingTimer=null),this.setState({results:enhanceResults(e,this.props.menu.getItemById),loading:!1})}}),Object.defineProperty(t.prototype,"updateSearchTerm",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this;this.setState({term:e}),this.props.setSearchValue(e),this.loadingTimer&&(clearTimeout(this.loadingTimer),this.loadingTimer=null),this.loadingTimer=setTimeout((function(){t.setState({loading:!0})}),500),this.props.marker.mark(e)}}),Object.defineProperty(t.prototype,"queryWorker",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this,r=!1;return this._queryWorker(e,(function(a){e.length<3&&t.clearResults(e),r||t.state.term===e&&t.setResults(a)})),function(){r=!0}}}),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;this.props.options.ctrlFHijack&&(0,hotkeys_js_1.default)("cmd+f,ctrl+f",(function(t){return t.preventDefault(),t.stopPropagation(),e.props.options.disableSearch||e.props.showPopUp(),!1}))}}),Object.defineProperty(t.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){hotkeys_js_1.default.unbind("cmd+f,ctrl+f")}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.state,r=t.activeItemIdx,a=t.loading,n=t.results,l=this.props,o=l.shown,i=l.menu;return o?React.createElement(styled_1.SearchPopUpBG,{role:"search",onClick:this.closeByWrapper},React.createElement(styled_1.SearchPopUpWrap,null,React.createElement(styled_1.SearchPopUpHeader,null,React.createElement(styled_1.SearchInput,{ref:this.inputRef,value:this.state.term,onKeyDown:this.handleKeyDown,placeholder:(0,Labels_1.l)("search")+"...",type:"text",onChange:this.search,autoFocus:!0}),React.createElement(styled_1.SearchIcon,null),this.state.term&&React.createElement(styled_1.ButtonClear,{onClick:this.clear},"Clear"),React.createElement(styled_1.ButtonClose,{onClick:this.closeByButton},React.createElement(styled_1.CrossIcon,null))),React.createElement(styled_1.SearchResultsBox,{"data-role":"search:results"},a&&React.createElement(styled_1.TextContainer,null,"Loading..."),!a&&!(null==n?void 0:n.length)&&React.createElement(styled_1.TextContainer,null,"No results found"),(null==n?void 0:n.length)?React.createElement(perfect_scrollbar_1.PerfectScrollbarWrap,{options:{wheelPropagation:!1}},React.createElement(styled_1.SearchResultsItems,null,n.slice(0,50).map((function(t,a){return React.createElement(MenuItemProSearch_1.MenuItemPro,{key:t.index+t.item.id,result:t,active:a===r,onActivate:e.onActivate,term:e.state.term,history:i.history})})))):null))):null}}),t}(React.PureComponent);exports.ProSearchBox=ProSearchBox;
 //# sourceMappingURL=ProSearchBox.js.map

package/lib/components/Search/SearchField.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SearchField=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_1=require("./styled"),SearchField=function(e){var t=e.showPopUp,r=e.searchValue,a=e.marker,l=e.setSearchValue,c=!!r;return React.createElement(styled_1.SearchFieldWrap,{onClick:t},React.createElement("span",null),r||"Search",React.createElement(styled_1.SearchIcon,null),c&&React.createElement(styled_1.ButtonClear,{onClick:function(e){e.stopPropagation(),a.unmark(),l("")}},React.createElement(styled_1.CrossIcon,null)))};exports.SearchField=SearchField;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SearchField=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_1=require("./styled"),Labels_1=require("../../redoc-lib/src/services/Labels"),SearchField=function(e){var r=e.showPopUp,t=e.searchValue,a=e.marker,l=e.setSearchValue,c=!!t;return React.createElement(styled_1.SearchFieldWrap,{onClick:r},React.createElement("span",null),t||(0,Labels_1.l)("search"),React.createElement(styled_1.SearchIcon,null),c&&React.createElement(styled_1.ButtonClear,{onClick:function(e){e.stopPropagation(),a.unmark(),l("")}},React.createElement(styled_1.CrossIcon,null)))};exports.SearchField=SearchField;
 //# sourceMappingURL=SearchField.js.map

package/lib/components/Search/styled.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SearchInput=exports.SearchResultsItems=exports.SearchResultsBox=exports.TextContainer=exports.SearchPopUpHeader=exports.SearchPopUpWrap=exports.SearchPopUpBG=exports.SearchFieldWrap=exports.SearchIcon=exports.ButtonClear=exports.ButtonClose=exports.CrossIcon=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),polished_1=require("polished"),redoc_lib_1=require("../../redoc-lib"),CrossIcon=function(){return React.createElement("svg",{version:"1.1",viewBox:"0 0 12 12",width:"12",height:"12",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:"clear-icon"},React.createElement("path",{d:"M11 1L6 6L11 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("path",{d:"M1 1L6 6L1 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))};exports.CrossIcon=CrossIcon,exports.ButtonClose=redoc_lib_1.styled.i.attrs((function(){return{className:"button-close"}}))(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  cursor: pointer;\n  position: absolute;\n  right: 15px;\n  color: ",";\n"],["\n  cursor: pointer;\n  position: absolute;\n  right: 15px;\n  color: ",";\n"])),(function(e){return e.theme.colors.text.primary})),exports.ButtonClear=redoc_lib_1.styled.i.attrs((function(){return{className:"button-clear"}}))(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  cursor: pointer;\n  position: absolute;\n"],["\n  cursor: pointer;\n  position: absolute;\n"])));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,SearchIcon=function(){return React.createElement("svg",{version:"1.1",viewBox:"0 0 15 16",width:"15",height:"16",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:"search-icon"},React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.5 14C11.0899 14 14 11.0899 14 7.5C14 3.91015 11.0899 1 7.5 1C3.91015 1 1 3.91015 1 7.5C1 11.0899 3.91015 14 7.5 14Z",stroke:"currentColor",strokeWidth:"2"}),React.createElement("path",{d:"M7.5 5C6.11929 5 5 6.11929 5 7.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),React.createElement("path",{d:"M1 15L3 13",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))};exports.SearchIcon=SearchIcon,exports.SearchFieldWrap=redoc_lib_1.styled.button.attrs((function(){return{className:"button-field-search"}}))(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  cursor: text;\n  margin: 10px 20px 13px;\n  padding: 0 18px 0 3px;\n  border: 0;\n  position: relative;\n  border-bottom: 1px solid ",";\n  background-color: transparent;\n  height: 37px;\n  color: ",";\n  text-align: left;\n  font-family: ",";\n  font-size: 12px;\n  font-weight: 600;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex: 0 0 auto;\n\n  span {\n    display: block;\n    position: absolute;\n    right: 0;\n    width: 18px;\n    height: 37px;\n    background-color: ",";\n    z-index: 2;\n  }\n\n  .search-icon {\n    margin-left: 6px;\n    position: relative;\n    top: 2px;\n    z-index: 1;\n  }\n\n  .button-clear {\n    padding: 3px;\n    right: 0;\n    margin-top: 4px;\n    z-index: 3;\n  }\n"],["\n  cursor: text;\n  margin: 10px 20px 13px;\n  padding: 0 18px 0 3px;\n  border: 0;\n  position: relative;\n  border-bottom: 1px solid ",";\n  background-color: transparent;\n  height: 37px;\n  color: ",";\n  text-align: left;\n  font-family: ",";\n  font-size: 12px;\n  font-weight: 600;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex: 0 0 auto;\n\n  span {\n    display: block;\n    position: absolute;\n    right: 0;\n    width: 18px;\n    height: 37px;\n    background-color: ",";\n    z-index: 2;\n  }\n\n  .search-icon {\n    margin-left: 6px;\n    position: relative;\n    top: 2px;\n    z-index: 1;\n  }\n\n  .button-clear {\n    padding: 3px;\n    right: 0;\n    margin-top: 4px;\n    z-index: 3;\n  }\n"])),(function(e){return e.theme.colors.border.light}),(function(e){return e.theme.sidebar.textColor}),(function(e){return e.theme.typography.fontFamily}),(function(e){return e.theme.sidebar.backgroundColor})),exports.SearchPopUpBG=redoc_lib_1.styled.div.attrs((function(){return{className:"search-popup"}}))(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 100;\n  background: rgba(0, 0, 0, 0.45);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"],["\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 100;\n  background: rgba(0, 0, 0, 0.45);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"]))),exports.SearchPopUpWrap=redoc_lib_1.styled.div(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  width: 100%;\n  max-width: 500px;\n  height: 445px;\n"],["\n  width: 100%;\n  max-width: 500px;\n  height: 445px;\n"]))),exports.SearchPopUpHeader=redoc_lib_1.styled.div(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n  background-color: ",";\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  height: 45px;\n  display: flex;\n  align-items: center;\n  position: relative;\n\n  .search-icon {\n    position: absolute;\n    left: 15px;\n  }\n\n  .button-clear {\n    right: 45px;\n    font-style: normal;\n    font-weight: 600;\n    font-size: 0.8em;\n    background-color: ",";\n    padding: 4px 16px;\n    border-radius: ",";\n    &:hover {\n      background-color: ",";\n    }\n  }\n"],["\n  background-color: ",";\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  height: 45px;\n  display: flex;\n  align-items: center;\n  position: relative;\n\n  .search-icon {\n    position: absolute;\n    left: 15px;\n  }\n\n  .button-clear {\n    right: 45px;\n    font-style: normal;\n    font-weight: 600;\n    font-size: 0.8em;\n    background-color: ",";\n    padding: 4px 16px;\n    border-radius: ",";\n    &:hover {\n      background-color: ",";\n    }\n  }\n"])),(function(e){return e.theme.colors.secondary.light}),(function(e){return e.theme.components.panels.borderRadius}),(function(e){return e.theme.components.panels.borderRadius}),(function(e){return e.theme.colors.secondary.main}),(function(e){return e.theme.shape.borderRadius}),(function(e){var n=e.theme;return(0,polished_1.darken)(.1,n.colors.secondary.main)})),exports.TextContainer=redoc_lib_1.styled.div(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(["\n  padding: 30px 20px;\n"],["\n  padding: 30px 20px;\n"]))),exports.SearchResultsBox=redoc_lib_1.styled.div(templateObject_8||(templateObject_8=(0,tslib_1.__makeTemplateObject)(["\n  padding: 10px;\n  background-color: #fff;\n  min-height: 100px;\n  max-height: 400px;\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n\n  "," {\n    margin-right: 30px;\n    border-radius: ",";\n\n    svg {\n      display: none;\n    }\n  }\n"],["\n  padding: 10px;\n  background-color: #fff;\n  min-height: 100px;\n  max-height: 400px;\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n\n  "," {\n    margin-right: 30px;\n    border-radius: ",";\n\n    svg {\n      display: none;\n    }\n  }\n"])),(function(e){return e.theme.components.panels.borderRadius}),(function(e){return e.theme.components.panels.borderRadius}),redoc_lib_1.MenuItemLabel,(function(e){return e.theme.shape.borderRadius})),exports.SearchResultsItems=redoc_lib_1.styled.div(templateObject_9||(templateObject_9=(0,tslib_1.__makeTemplateObject)(["\n  max-height: 372px;\n"],["\n  max-height: 372px;\n"]))),exports.SearchInput=redoc_lib_1.styled.input.attrs((function(){return{className:"search-input"}}))(templateObject_10||(templateObject_10=(0,tslib_1.__makeTemplateObject)(["\n  padding: 0 35px;\n  outline: none;\n  border: 0;\n  background-color: transparent;\n  width: 100%;\n  margin-top: 2px;\n"],["\n  padding: 0 35px;\n  outline: none;\n  border: 0;\n  background-color: transparent;\n  width: 100%;\n  margin-top: 2px;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SearchInput=exports.SearchResultsItems=exports.SearchResultsBox=exports.TextContainer=exports.SearchPopUpHeader=exports.SearchPopUpWrap=exports.SearchPopUpBG=exports.SearchFieldWrap=exports.SearchIcon=exports.ButtonClear=exports.ButtonClose=exports.CrossIcon=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),polished_1=require("polished"),redoc_lib_1=require("../../redoc-lib"),CrossIcon=function(){return React.createElement("svg",{version:"1.1",viewBox:"0 0 12 12",width:"12",height:"12",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:"clear-icon"},React.createElement("path",{d:"M11 1L6 6L11 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("path",{d:"M1 1L6 6L1 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))};exports.CrossIcon=CrossIcon,exports.ButtonClose=redoc_lib_1.styled.i.attrs((function(){return{className:"button-close"}}))(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  cursor: pointer;\n  position: absolute;\n  right: 15px;\n  color: ",";\n"],["\n  cursor: pointer;\n  position: absolute;\n  right: 15px;\n  color: ",";\n"])),(function(e){return e.theme.colors.text.primary})),exports.ButtonClear=redoc_lib_1.styled.i.attrs((function(){return{className:"button-clear"}}))(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  cursor: pointer;\n  position: absolute;\n"],["\n  cursor: pointer;\n  position: absolute;\n"])));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,SearchIcon=function(){return React.createElement("svg",{version:"1.1",viewBox:"0 0 15 16",width:"15",height:"16",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:"search-icon"},React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.5 14C11.0899 14 14 11.0899 14 7.5C14 3.91015 11.0899 1 7.5 1C3.91015 1 1 3.91015 1 7.5C1 11.0899 3.91015 14 7.5 14Z",stroke:"currentColor",strokeWidth:"2"}),React.createElement("path",{d:"M7.5 5C6.11929 5 5 6.11929 5 7.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),React.createElement("path",{d:"M1 15L3 13",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))};exports.SearchIcon=SearchIcon,exports.SearchFieldWrap=redoc_lib_1.styled.button.attrs((function(){return{className:"button-field-search"}}))(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  cursor: text;\n  margin: 10px 20px 13px;\n  padding: 0 18px 0 3px;\n  border: 0;\n  position: relative;\n  border-bottom: 1px solid ",";\n  background-color: transparent;\n  height: 37px;\n  color: ",";\n  text-align: left;\n  font-family: ",";\n  font-size: 12px;\n  font-weight: 600;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex: 0 0 auto;\n\n  span {\n    display: block;\n    position: absolute;\n    right: 0;\n    width: 18px;\n    height: 37px;\n    background-color: ",";\n    z-index: 2;\n  }\n\n  .search-icon {\n    margin-left: 6px;\n    position: relative;\n    top: 2px;\n    z-index: 1;\n  }\n\n  .button-clear {\n    padding: 3px;\n    right: 0;\n    margin-top: 4px;\n    z-index: 3;\n  }\n"],["\n  cursor: text;\n  margin: 10px 20px 13px;\n  padding: 0 18px 0 3px;\n  border: 0;\n  position: relative;\n  border-bottom: 1px solid ",";\n  background-color: transparent;\n  height: 37px;\n  color: ",";\n  text-align: left;\n  font-family: ",";\n  font-size: 12px;\n  font-weight: 600;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex: 0 0 auto;\n\n  span {\n    display: block;\n    position: absolute;\n    right: 0;\n    width: 18px;\n    height: 37px;\n    background-color: ",";\n    z-index: 2;\n  }\n\n  .search-icon {\n    margin-left: 6px;\n    position: relative;\n    top: 2px;\n    z-index: 1;\n  }\n\n  .button-clear {\n    padding: 3px;\n    right: 0;\n    margin-top: 4px;\n    z-index: 3;\n  }\n"])),(function(e){return e.theme.colors.border.light}),(function(e){return e.theme.sidebar.textColor}),(function(e){return e.theme.typography.fontFamily}),(function(e){return e.theme.sidebar.backgroundColor})),exports.SearchPopUpBG=redoc_lib_1.styled.div.attrs((function(){return{className:"search-popup"}}))(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 100;\n  background: rgba(0, 0, 0, 0.45);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"],["\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 100;\n  background: rgba(0, 0, 0, 0.45);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"]))),exports.SearchPopUpWrap=redoc_lib_1.styled.div(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  width: 100%;\n  max-width: 500px;\n  height: 445px;\n"],["\n  width: 100%;\n  max-width: 500px;\n  height: 445px;\n"]))),exports.SearchPopUpHeader=redoc_lib_1.styled.div(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n  background-color: ",";\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  height: 45px;\n  display: flex;\n  align-items: center;\n  position: relative;\n\n  .search-icon {\n    position: absolute;\n    left: 15px;\n  }\n\n  .button-clear {\n    right: 45px;\n    font-style: normal;\n    font-weight: 600;\n    font-size: 0.8em;\n    background-color: ",";\n    padding: 4px 16px;\n    border-radius: ",";\n    &:hover {\n      background-color: ",";\n    }\n  }\n"],["\n  background-color: ",";\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  height: 45px;\n  display: flex;\n  align-items: center;\n  position: relative;\n\n  .search-icon {\n    position: absolute;\n    left: 15px;\n  }\n\n  .button-clear {\n    right: 45px;\n    font-style: normal;\n    font-weight: 600;\n    font-size: 0.8em;\n    background-color: ",";\n    padding: 4px 16px;\n    border-radius: ",";\n    &:hover {\n      background-color: ",";\n    }\n  }\n"])),(function(e){return e.theme.colors.secondary.light}),(function(e){return e.theme.components.panels.borderRadius}),(function(e){return e.theme.components.panels.borderRadius}),(function(e){return e.theme.colors.secondary.main}),(function(e){return e.theme.shape.borderRadius}),(function(e){var n=e.theme;return(0,polished_1.darken)(.1,n.colors.secondary.main)})),exports.TextContainer=redoc_lib_1.styled.div(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(["\n  padding: 30px 20px;\n"],["\n  padding: 30px 20px;\n"]))),exports.SearchResultsBox=redoc_lib_1.styled.div(templateObject_8||(templateObject_8=(0,tslib_1.__makeTemplateObject)(["\n  padding: 10px;\n  background-color: #fff;\n  min-height: 100px;\n  max-height: 400px;\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n\n  "," {\n    margin-right: 30px;\n    border-radius: ",";\n\n    svg {\n      display: none;\n    }\n  }\n"],["\n  padding: 10px;\n  background-color: #fff;\n  min-height: 100px;\n  max-height: 400px;\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n\n  "," {\n    margin-right: 30px;\n    border-radius: ",";\n\n    svg {\n      display: none;\n    }\n  }\n"])),(function(e){return e.theme.components.panels.borderRadius}),(function(e){return e.theme.components.panels.borderRadius}),redoc_lib_1.MenuItemLabel,(function(e){return e.theme.shape.borderRadius})),exports.SearchResultsItems=redoc_lib_1.styled.div(templateObject_9||(templateObject_9=(0,tslib_1.__makeTemplateObject)(["\n  max-height: 372px;\n"],["\n  max-height: 372px;\n"]))),exports.SearchInput=redoc_lib_1.styled.input.attrs((function(){return{className:"search-input"}}))(templateObject_10||(templateObject_10=(0,tslib_1.__makeTemplateObject)(["\n  & {\n    padding: 0 35px;\n    outline: none;\n    border: 0;\n    background-color: transparent;\n    width: 100%;\n    margin: 2px 0 0 0;\n    height: auto;\n  }\n"],["\n  & {\n    padding: 0 35px;\n    outline: none;\n    border: 0;\n    background-color: transparent;\n    width: 100%;\n    margin: 2px 0 0 0;\n    height: auto;\n  }\n"])));
 //# sourceMappingURL=styled.js.map

package/lib/components/StoreProvider.js

@@ -1,2 +1,2 @@
-"use strict";var _a;Object.defineProperty(exports,"__esModule",{value:!0}),exports.loadSpecs=exports.ProStoreProvider=exports.Consumer=exports.Provider=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../redoc-lib"),ProStore_1=require("../services/ProStore"),slugify_1=(0,tslib_1.__importDefault)(require("slugify")),fast_deep_equal_1=(0,tslib_1.__importDefault)(require("fast-deep-equal")),services_1=require("../services");exports.Provider=(_a=React.createContext(void 0)).Provider,exports.Consumer=_a.Consumer;var ProStoreProvider=function(e){var t=e.definitions,r=e.options,n=e.definitionUrl,i=e.definition,o=e.activeItemId,s=e.activeSampleLanguage,a=e.activeDeepLink,u=e.children,c=React.useState()[1],l=React.useState(!0),d=l[0],f=l[1],p=React.useState(null),v=p[0],_=p[1];React.useEffect((function(){!function(){(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){var e,o,s;return(0,tslib_1.__generator)(this,(function(a){switch(a.label){case 0:f(!0),a.label=1;case 1:return a.trys.push([1,6,,7]),e=_,t?[4,loadMany(t)]:[3,3];case 2:return o=a.sent(),[3,5];case 3:return[4,loadSingle(i,n,r)];case 4:o=a.sent(),a.label=5;case 5:return e.apply(void 0,[o]),[3,7];case 6:return s=a.sent(),c((function(){throw s})),[3,7];case 7:return[2]}}))}))}()}),[t,i,n,r]);var b=React.useMemo((function(){var e,t,i;if(v){var o=new ProStore_1.ProStore(v,n,r);return(null===(e=o.options.hooks)||void 0===e?void 0:e.onInit)&&(null===(i=null===(t=o.options.hooks)||void 0===t?void 0:t.onInit)||void 0===i||i.call(t,{store:o})),o}}),useDeepCompareMemoize([v,r]));return React.useEffect((function(){if(b)return f(!1),function(){return b.dispose()}}),[b]),React.useEffect((function(){var e;if(b&&o){var t=(null==o?void 0:o.split(b.options.deepLinkPrefix)[0])||(null===(e=b.menu.flatItems[b.menu.activeItemIdx])||void 0===e?void 0:e.id),r=b.menu.flatItems.find((function(e){return e.id===t})),n=a?t+b.options.deepLinkPrefix+a:void 0;n&&b.menu.history instanceof services_1.FakeHistoryService&&b.menu.history.replaceForField(n),b.menu.activateAndScroll(r,!0,!1,n)}}),[o,a,b]),React.useEffect((function(){b&&s&&b.setActiveSampleLanguage(s)}),[s,b]),u({loading:d,store:b})};function fixSpec(e){for(var t=e.components&&e.components.securitySchemes||{},r=0,n=Object.keys(t);r<n.length;r++){var i=t[n[r]];i["x-type"]&&(i.type=i["x-type"]),i["x-scheme"]&&(i.scheme=i["x-scheme"])}}function loadMany(e){return(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){return(0,tslib_1.__generator)(this,(function(t){switch(t.label){case 0:return[4,loadSpecs(e||[])];case 1:return t.sent(),[2,e]}}))}))}function loadSingle(e,t,r){return(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){var n,i,o,s;return(0,tslib_1.__generator)(this,(function(a){switch(a.label){case 0:if(!(null==r?void 0:r.skipBundleAndConvert))return[3,1];if(!e)throw new Error('spec must be specified when using "skipBundleAndConvert"');return n=e,[3,3];case 1:return[4,(0,redoc_lib_1.loadAndBundleDefinition)(e||t)];case 2:n=a.sent(),a.label=3;case 3:if(!(i=null==r?void 0:r.unstable_externalDescription))return[3,8];a.label=4;case 4:return a.trys.push([4,7,,8]),[4,fetch(i)];case 5:return[4,a.sent().text()];case 6:return o=a.sent(),n.info.description=o,[3,8];case 7:return s=a.sent(),console.warn("Failed to load external description from "+i+": "+s.message),[3,8];case 8:try{fixSpec(n)}catch(e){}return[2,n]}}))}))}function loadAndBundleSpecOrMd(e,t){return e.endsWith(".md")?(0,redoc_lib_1.loadAndBundleDefinition)({openapi:"3.0.0",info:{title:t||"",version:"1.0",description:{$ref:e}},paths:{}}):(0,redoc_lib_1.loadAndBundleDefinition)(e)}function loadSpecs(e){return(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){var t,r,n,i,o,s,a,u,c,l,d,f,p;return(0,tslib_1.__generator)(this,(function(v){switch(v.label){case 0:if(!Array.isArray(e))return[3,8];t=0,r=e,v.label=1;case 1:return t<r.length?((n=r[t]).id=n.id||(0,slugify_1.default)(n.title),n.url?(i=n,[4,loadAndBundleSpecOrMd(n.url,n.title)]):[3,3]):[3,8];case 2:return i.definition=v.sent(),[3,7];case 3:o=0,s=n.items||[],v.label=4;case 4:return o<s.length?(a=s[o]).url?(u=a,[4,loadAndBundleSpecOrMd(a.url,n.title)]):[3,6]:[3,7];case 5:u.definition=v.sent(),v.label=6;case 6:return o++,[3,4];case 7:return t++,[3,1];case 8:if(c=e.versions,!Array.isArray(c))return[3,12];l=0,d=c,v.label=9;case 9:return l<d.length?(f=d[l]).url?(p=f,[4,loadAndBundleSpecOrMd(f.url)]):[3,11]:[3,12];case 10:p.spec=v.sent(),v.label=11;case 11:return l++,[3,9];case 12:return[2]}}))}))}function useDeepCompareMemoize(e){var t=React.useRef(),r=React.useRef(0);return(0,fast_deep_equal_1.default)(e,t.current)||(t.current=e,r.current+=1),[r.current]}exports.ProStoreProvider=ProStoreProvider,exports.loadSpecs=loadSpecs;
+"use strict";var _a;Object.defineProperty(exports,"__esModule",{value:!0}),exports.loadSpecs=exports.ProStoreProvider=exports.Consumer=exports.Provider=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../redoc-lib"),ProStore_1=require("../services/ProStore"),slugify_1=(0,tslib_1.__importDefault)(require("slugify")),fast_deep_equal_1=(0,tslib_1.__importDefault)(require("fast-deep-equal")),services_1=require("../services");exports.Provider=(_a=React.createContext(void 0)).Provider,exports.Consumer=_a.Consumer;var ProStoreProvider=function(e){var t=e.definitions,r=e.options,n=e.definitionUrl,i=e.definition,o=e.activeItemId,s=e.activeSampleLanguage,a=e.activeDeepLink,c=e.children,l=React.useState()[1],u=React.useState(!0),d=u[0],f=u[1],p=React.useState(null),v=p[0],_=p[1];React.useEffect((function(){!function(){(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){var e,o,s;return(0,tslib_1.__generator)(this,(function(a){switch(a.label){case 0:f(!0),a.label=1;case 1:return a.trys.push([1,6,,7]),e=_,t?[4,loadMany(t)]:[3,3];case 2:return o=a.sent(),[3,5];case 3:return[4,loadSingle(i,n,r)];case 4:o=a.sent(),a.label=5;case 5:return e.apply(void 0,[o]),[3,7];case 6:return s=a.sent(),l((function(){throw s})),[3,7];case 7:return[2]}}))}))}()}),[t,i,n,r]);var m=React.useMemo((function(){var e,t,i;if(v){var o=new ProStore_1.ProStore(v,n,r);return(null===(e=o.options.hooks)||void 0===e?void 0:e.onInit)&&(null===(i=null===(t=o.options.hooks)||void 0===t?void 0:t.onInit)||void 0===i||i.call(t,{store:o})),o}}),useDeepCompareMemoize([v,r]));return React.useEffect((function(){var e,t;if(m)return f(!1),null===(t=(e=m.options.events).loadingCompleted)||void 0===t||t.call(e,{eventType:services_1.AnalyticsEventType.LoadingCompleted,action:"Loaded",resource:"Redocly_ReferenceDocs"}),function(){return m.dispose()}}),[m]),React.useEffect((function(){var e;if(m&&o){var t=(null==o?void 0:o.split(m.options.deepLinkPrefix)[0])||(null===(e=m.menu.flatItems[m.menu.activeItemIdx])||void 0===e?void 0:e.id),r=m.menu.flatItems.find((function(e){return e.id===t})),n=a?t+m.options.deepLinkPrefix+a:void 0;n&&m.menu.history instanceof services_1.FakeHistoryService&&m.menu.history.replaceForField(n),m.menu.activateAndScroll(r,!0,!1,n)}}),[o,a,m]),React.useEffect((function(){m&&s&&m.setActiveSampleLanguage(s)}),[s,m]),c({loading:d,store:m})};function fixSpec(e){for(var t=e.components&&e.components.securitySchemes||{},r=0,n=Object.keys(t);r<n.length;r++){var i=t[n[r]];i["x-type"]&&(i.type=i["x-type"]),i["x-scheme"]&&(i.scheme=i["x-scheme"])}}function loadMany(e){return(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){return(0,tslib_1.__generator)(this,(function(t){switch(t.label){case 0:return[4,loadSpecs(e||[])];case 1:return t.sent(),[2,e]}}))}))}function loadSingle(e,t,r){return(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){var n,i,o,s;return(0,tslib_1.__generator)(this,(function(a){switch(a.label){case 0:if(!(null==r?void 0:r.skipBundleAndConvert))return[3,1];if(!e)throw new Error('spec must be specified when using "skipBundleAndConvert"');return n=e,[3,3];case 1:return[4,(0,redoc_lib_1.loadAndBundleDefinition)(e||t)];case 2:n=a.sent(),a.label=3;case 3:if(!(i=null==r?void 0:r.unstable_externalDescription))return[3,8];a.label=4;case 4:return a.trys.push([4,7,,8]),[4,fetch(i)];case 5:return[4,a.sent().text()];case 6:return o=a.sent(),n.info.description=o,[3,8];case 7:return s=a.sent(),console.warn("Failed to load external description from "+i+": "+s.message),[3,8];case 8:try{fixSpec(n)}catch(e){}return[2,n]}}))}))}function loadAndBundleSpecOrMd(e,t){return e.endsWith(".md")?(0,redoc_lib_1.loadAndBundleDefinition)({openapi:"3.0.0",info:{title:t||"",version:"1.0",description:{$ref:e}},paths:{}}):(0,redoc_lib_1.loadAndBundleDefinition)(e)}function loadSpecs(e){return(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){var t,r,n,i,o,s,a,c,l,u,d,f,p;return(0,tslib_1.__generator)(this,(function(v){switch(v.label){case 0:if(!Array.isArray(e))return[3,8];t=0,r=e,v.label=1;case 1:return t<r.length?((n=r[t]).id=n.id||(0,slugify_1.default)(n.title),n.url?(i=n,[4,loadAndBundleSpecOrMd(n.url,n.title)]):[3,3]):[3,8];case 2:return i.definition=v.sent(),[3,7];case 3:o=0,s=n.items||[],v.label=4;case 4:return o<s.length?(a=s[o]).url?(c=a,[4,loadAndBundleSpecOrMd(a.url,n.title)]):[3,6]:[3,7];case 5:c.definition=v.sent(),v.label=6;case 6:return o++,[3,4];case 7:return t++,[3,1];case 8:if(l=e.versions,!Array.isArray(l))return[3,12];u=0,d=l,v.label=9;case 9:return u<d.length?(f=d[u]).url?(p=f,[4,loadAndBundleSpecOrMd(f.url)]):[3,11]:[3,12];case 10:p.spec=v.sent(),v.label=11;case 11:return u++,[3,9];case 12:return[2]}}))}))}function useDeepCompareMemoize(e){var t=React.useRef(),r=React.useRef(0);return(0,fast_deep_equal_1.default)(e,t.current)||(t.current=e,r.current+=1),[r.current]}exports.ProStoreProvider=ProStoreProvider,exports.loadSpecs=loadSpecs;
 //# sourceMappingURL=StoreProvider.js.map

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

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { FormApi, FormState } from 'informed';
 import { OperationModel } from '../../redoc-lib';
-import { SecurityDetails } from '../../utils';
 export declare function requiredValidator(value: any): "Field is required" | undefined;
 export interface AuthPanelProps {
     operation: OperationModel;
@@ -9,7 +8,6 @@ export interface AuthPanelProps {
     formApi: FormApi;
     activeServer: string;
     authCorsProxyUrl: Maybe<string>;
-    securityDefaults?: Record<string, SecurityDetails | string>;
 }
 export interface AuthPanelState {
     activeScheme: number;

package/lib/components/console/AuthPanel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AuthPanel=exports.requiredValidator=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),utils_1=require("../../utils"),OAuth2TokenInput_1=(0,tslib_1.__importDefault)(require("./OAuth2TokenInput")),OAuth2Flow_1=require("./OAuth2Flow"),OpenIDConnect_1=require("./OpenIDConnect"),TextField_1=require("../common/TextField"),form_1=require("../common/form"),Labels_1=require("../../redoc-lib/src/services/Labels");function requiredValidator(e){if(!e)return"Field is required"}exports.requiredValidator=requiredValidator;var getCookie=function(e){var t=document.cookie.match("\\b"+e+"=([^;]*)\\b");return t?t[1]:void 0};function fromCookie(e){if("cookie"===e.in)return getCookie(e.name)}var AuthPanel=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:{activeScheme:0}}),Object.defineProperty(t,"handleSchemeChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.setState({activeScheme:e.idx}),(0,utils_1.toStorage)("securityRequirementName",e.value)}}),t}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t,"getDerivedStateFromProps",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=e.operation.security.map((function(e){return e.schemes.map((function(e){return e.id})).join(" and ")})),r=(0,utils_1.fromStorage)("securityRequirementName"),l=t.findIndex((function(e){return e===r}));return{activeScheme:l<0?0:l}}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props.securityDefaults,r=this.state.activeScheme,l=this.props.operation.security,a=l.map((function(e){return e.schemes.map((function(e){return e.id})).join(" and ")})).map((function(e,t){return{value:e,idx:t}}));return 0===a.length?null:React.createElement(React.Fragment,null,React.createElement(form_1.FormWrapper,null,a.length>1&&React.createElement(form_1.FormControl,null,React.createElement(redoc_lib_1.Dropdown,{variant:"dark",fullWidth:!0,prefix:"Security scheme: ",options:a,value:a[r].value,onChange:this.handleSchemeChange}))||null,l[r].schemes.map((function(r){var l,a,o,i,n,u,s,c=(0,utils_1.escapeFormId)(r.id);if("apiKey"===r.type){var d=(0,utils_1.getSecurityDetailsOptions)(c,""),m={field:"auth."+c,fullWidth:!0,initialValue:fromCookie(r)||(0,utils_1.fromStorage)("auth."+c)||(null==t?void 0:t[c]),initValue:fromCookie(r)||(0,utils_1.fromStorage)("auth."+c)||(null==t?void 0:t[c]),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(form_1.FormControl,{key:c},React.createElement(form_1.FormLabel,null," ",r.name,": "),d?React.createElement(TextField_1.FormDropdown,(0,tslib_1.__assign)({},m,{options:d})):React.createElement(TextField_1.FormTextField,(0,tslib_1.__assign)({},m,{type:"password","data-cy":"apiKey-auth-password"})))}if("http"===r.type){if("basic"===r.scheme){var p=(0,utils_1.getSecurityDetailsOptions)(c,"username");m={field:"auth."+c+".username",fullWidth:!0,initialValue:(0,utils_1.fromStorage)("auth."+c+".username")||(null===(l=null==t?void 0:t[c])||void 0===l?void 0:l.username),initValue:(0,utils_1.fromStorage)("auth."+c+".username")||(null===(a=null==t?void 0:t[c])||void 0===a?void 0:a.username),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(React.Fragment,{key:c},React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," ",(0,Labels_1.l)("tryItAuthBasicUsername"),": "),p?React.createElement(TextField_1.FormDropdown,(0,tslib_1.__assign)({},m,{options:p})):React.createElement(TextField_1.FormTextField,(0,tslib_1.__assign)({},m))),React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," ",(0,Labels_1.l)("tryItAuthBasicPassword"),": "),React.createElement(TextField_1.FormTextField,{type:"password","data-cy":"http-auth-password",fullWidth:!0,field:"auth."+c+".password",validate:requiredValidator,initialValue:(0,utils_1.fromStorage)("auth."+c+".password")||(null===(o=null==t?void 0:t[c])||void 0===o?void 0:o.password),validateOnBlur:!0,validateOnChange:!0})))}if("bearer"===r.scheme){var f=(0,utils_1.getSecurityDetailsOptions)(c,"");m={field:"auth."+c,fullWidth:!0,initialValue:(0,utils_1.fromStorage)("auth."+c)||(null==t?void 0:t[c]),initValue:(0,utils_1.fromStorage)("auth."+c)||(null==t?void 0:t[c]),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(React.Fragment,{key:c},React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Bearer Token: "),f?React.createElement(TextField_1.FormDropdown,(0,tslib_1.__assign)({},m,{options:f})):React.createElement(TextField_1.FormTextField,(0,tslib_1.__assign)({},m,{type:"password",placeholder:"(without 'Bearer')"}))))}}else{if("oauth2"===r.type&&r.flows&&r.flows.clientCredentials)return React.createElement(OAuth2TokenInput_1.default,{key:c,flow:r.flows.clientCredentials,server:e.props.activeServer,authCorsProxyUrl:e.props.authCorsProxyUrl,id:c,form:e.props.form,formApi:e.props.formApi,clientId:r.flows.clientCredentials["x-defaultClientId"]||r["x-defaultClientId"],defaultValues:null==t?void 0:t[c]});if("oauth2"===r.type&&r.flows&&r.flows.implicit)return React.createElement(OAuth2Flow_1.OAuth2Flow,{key:c,authorizationUrl:r.flows.implicit.authorizationUrl,authCorsProxyUrl:e.props.authCorsProxyUrl,scopes:Object.keys((null===(n=null===(i=null==r?void 0:r.flows)||void 0===i?void 0:i.implicit)||void 0===n?void 0:n.scopes)||{}),server:e.props.activeServer,id:c,form:e.props.form,formApi:e.props.formApi,clientId:r.flows.implicit["x-defaultClientId"]||r["x-defaultClientId"],flow:"implicit",defaultValues:null==t?void 0:t[c]});if("oauth2"===r.type&&r.flows&&r.flows.authorizationCode)return React.createElement(OAuth2Flow_1.OAuth2Flow,{key:c,authorizationUrl:r.flows.authorizationCode.authorizationUrl,tokenUrl:r.flows.authorizationCode.tokenUrl,authCorsProxyUrl:e.props.authCorsProxyUrl,scopes:Object.keys((null===(u=r.flows.authorizationCode)||void 0===u?void 0:u.scopes)||{}),server:e.props.activeServer,id:c,form:e.props.form,formApi:e.props.formApi,clientId:r.flows.authorizationCode["x-defaultClientId"]||r["x-defaultClientId"],flow:"authorizationCode",defaultValues:null==t?void 0:t[c]});if("oauth2"===r.type){var h=(0,utils_1.fromStorage)("auth."+c+".token")||JSON.stringify(null===(s=null==t?void 0:t[c])||void 0===s?void 0:s.token);return h=h?JSON.parse(h):{},React.createElement(React.Fragment,{key:c},React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Access Token Type: "),React.createElement(TextField_1.FormTextField,{fullWidth:!0,field:"auth."+c+".token.token_type",initialValue:h.token_type||"Bearer"})),React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Access Token: "),React.createElement(TextField_1.FormTextField,{type:"password",fullWidth:!0,field:"auth."+c+".token.access_token",validate:requiredValidator,initialValue:h.access_token,validateOnBlur:!0,validateOnChange:!0})))}if("openIdConnect"===r.type)return React.createElement(OpenIDConnect_1.OpenIDConnect,{key:c,server:e.props.activeServer,authCorsProxyUrl:e.props.authCorsProxyUrl,id:c,form:e.props.form,formApi:e.props.formApi,scheme:r,clientId:r["x-defaultClientId"],defaultValues:null==t?void 0:t[c]})}}))),React.createElement("small",null,React.createElement("strong",null,"Note"),": Your credentials will be saved until the end of the browser session"))}}),t}(React.Component);exports.AuthPanel=AuthPanel;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AuthPanel=exports.requiredValidator=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),utils_1=require("../../utils"),OAuth2TokenInput_1=(0,tslib_1.__importDefault)(require("./OAuth2TokenInput")),OAuth2Flow_1=require("./OAuth2Flow"),OpenIDConnect_1=require("./OpenIDConnect"),TextField_1=require("../common/TextField"),form_1=require("../common/form"),Labels_1=require("../../redoc-lib/src/services/Labels");function requiredValidator(e){if(!e)return"Field is required"}exports.requiredValidator=requiredValidator;var getCookie=function(e){var t=document.cookie.match("\\b"+e+"=([^;]*)\\b");return t?t[1]:void 0};function fromCookie(e){if("cookie"===e.in)return getCookie(e.name)}var AuthPanel=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:{activeScheme:0}}),Object.defineProperty(t,"handleSchemeChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.setState({activeScheme:e.idx}),(0,utils_1.toStorage)("securityRequirementName",e.value)}}),t}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t,"getDerivedStateFromProps",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=e.operation.security.map((function(e){return e.schemes.map((function(e){return e.id})).join(" and ")})),r=(0,utils_1.fromStorage)("securityRequirementName"),a=t.findIndex((function(e){return e===r}));return{activeScheme:a<0?0:a}}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.state.activeScheme,r=this.props.operation.security,a=r.map((function(e){return e.schemes.map((function(e){return e.id})).join(" and ")})).map((function(e,t){return{value:e,idx:t}}));return 0===a.length?null:React.createElement(React.Fragment,null,React.createElement(form_1.FormWrapper,null,a.length>1&&React.createElement(form_1.FormControl,null,React.createElement(redoc_lib_1.Dropdown,{variant:"dark",fullWidth:!0,prefix:"Security scheme: ",options:a,value:a[t].value,onChange:this.handleSchemeChange}))||null,r[t].schemes.map((function(t){var r,a,o,l=(0,utils_1.escapeFormId)(t.id);if("apiKey"===t.type){var i=(0,utils_1.getSecurityDetailsOptions)(l,""),n={field:"auth."+l,fullWidth:!0,initialValue:fromCookie(t)||(0,utils_1.fromStorage)("auth."+l),initValue:fromCookie(t)||(0,utils_1.fromStorage)("auth."+l),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(form_1.FormControl,{key:l},React.createElement(form_1.FormLabel,null," ",t.name,": "),i?React.createElement(TextField_1.FormDropdown,(0,tslib_1.__assign)({},n,{options:i})):React.createElement(TextField_1.FormTextField,(0,tslib_1.__assign)({},n,{type:"password","data-cy":"apiKey-auth-password"})))}if("http"===t.type){if("basic"===t.scheme){var u=(0,utils_1.getSecurityDetailsOptions)(l,"username");n={field:"auth."+l+".username",fullWidth:!0,initialValue:(0,utils_1.fromStorage)("auth."+l+".username"),initValue:(0,utils_1.fromStorage)("auth."+l+".username"),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(React.Fragment,{key:l},React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," ",(0,Labels_1.l)("tryItAuthBasicUsername"),": "),u?React.createElement(TextField_1.FormDropdown,(0,tslib_1.__assign)({},n,{options:u})):React.createElement(TextField_1.FormTextField,(0,tslib_1.__assign)({},n))),React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," ",(0,Labels_1.l)("tryItAuthBasicPassword"),": "),React.createElement(TextField_1.FormTextField,{type:"password","data-cy":"http-auth-password",fullWidth:!0,field:"auth."+l+".password",validate:requiredValidator,initialValue:(0,utils_1.fromStorage)("auth."+l+".password"),validateOnBlur:!0,validateOnChange:!0})))}if("bearer"===t.scheme){var s=(0,utils_1.getSecurityDetailsOptions)(l,"");n={field:"auth."+l,fullWidth:!0,initialValue:(0,utils_1.fromStorage)("auth."+l),initValue:(0,utils_1.fromStorage)("auth."+l),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(React.Fragment,{key:l},React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Bearer Token: "),s?React.createElement(TextField_1.FormDropdown,(0,tslib_1.__assign)({},n,{options:s})):React.createElement(TextField_1.FormTextField,(0,tslib_1.__assign)({},n,{type:"password",placeholder:"(without 'Bearer')"}))))}}else{if("oauth2"===t.type&&t.flows&&t.flows.clientCredentials)return React.createElement(OAuth2TokenInput_1.default,{key:l,flow:t.flows.clientCredentials,server:e.props.activeServer,authCorsProxyUrl:e.props.authCorsProxyUrl,id:l,form:e.props.form,formApi:e.props.formApi,clientId:t.flows.clientCredentials["x-defaultClientId"]||t["x-defaultClientId"]});if("oauth2"===t.type&&t.flows&&t.flows.implicit)return React.createElement(OAuth2Flow_1.OAuth2Flow,{key:l,authorizationUrl:t.flows.implicit.authorizationUrl,authCorsProxyUrl:e.props.authCorsProxyUrl,scopes:Object.keys((null===(a=null===(r=null==t?void 0:t.flows)||void 0===r?void 0:r.implicit)||void 0===a?void 0:a.scopes)||{}),server:e.props.activeServer,id:l,form:e.props.form,formApi:e.props.formApi,clientId:t.flows.implicit["x-defaultClientId"]||t["x-defaultClientId"],flow:"implicit"});if("oauth2"===t.type&&t.flows&&t.flows.authorizationCode)return React.createElement(OAuth2Flow_1.OAuth2Flow,{key:l,authorizationUrl:t.flows.authorizationCode.authorizationUrl,tokenUrl:t.flows.authorizationCode.tokenUrl,authCorsProxyUrl:e.props.authCorsProxyUrl,scopes:Object.keys((null===(o=t.flows.authorizationCode)||void 0===o?void 0:o.scopes)||{}),server:e.props.activeServer,id:l,form:e.props.form,formApi:e.props.formApi,clientId:t.flows.authorizationCode["x-defaultClientId"]||t["x-defaultClientId"],flow:"authorizationCode"});if("oauth2"===t.type){var c=(0,utils_1.fromStorage)("auth."+l+".token");return c=c?JSON.parse(c):{},React.createElement(React.Fragment,{key:l},React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Access Token Type: "),React.createElement(TextField_1.FormTextField,{fullWidth:!0,field:"auth."+l+".token.token_type",initialValue:c.token_type||"Bearer"})),React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Access Token: "),React.createElement(TextField_1.FormTextField,{type:"password",fullWidth:!0,field:"auth."+l+".token.access_token",validate:requiredValidator,initialValue:c.access_token,validateOnBlur:!0,validateOnChange:!0})))}if("openIdConnect"===t.type)return React.createElement(OpenIDConnect_1.OpenIDConnect,{key:l,server:e.props.activeServer,authCorsProxyUrl:e.props.authCorsProxyUrl,id:l,form:e.props.form,formApi:e.props.formApi,scheme:t,clientId:t["x-defaultClientId"]})}}))),React.createElement("small",null,React.createElement("strong",null,"Note"),": Your credentials will be saved until the end of the browser session"))}}),t}(React.Component);exports.AuthPanel=AuthPanel;
 //# sourceMappingURL=AuthPanel.js.map

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

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { Editor } from 'codemirror';
+import 'codemirror/mode/xml/xml';
 import './codemirror-helpers';
 export interface CodemirrorInputBase {
     forwardedRef?: React.Ref<any>;

package/lib/components/console/CodemirrorInput.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodemirrorInput=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),informed_1=require("informed"),react_codemirror2_1=require("react-codemirror2");require("./codemirror-helpers");var templateObject_1,CodeMirrorStyles=(0,redoc_lib_1.createGlobalStyle)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  .cm-s-material.CodeMirror {\n    background-color: ","!important;\n    color: ","!important;\n    font-family: ",";\n    line-height: 18px;\n    padding: 10px;\n  }\n\n  .CodeMirror-lint-mark-error {\n    background-size: 4px;\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n  }\n\n  .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n    background: rgba(255, 255, 255, 0.3) !important;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string.cm-property {\n    color: #9EFAA7;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string {\n    color: #FEE39E;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-atom {\n    color: ",";\n  }\n\n  div .cm-s-material .CodeMirror-matchingbracket {\n    outline: 1px solid grey;\n    text-decoration: none;\n  }\n\n  .react-codemirror2 {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: ",";\n    border-bottom-left-radius: ",";\n    overflow: hidden;\n\n    flex: 1;\n  }\n\n  .CodeMirror {\n    flex: 1;\n    max-height: 65vh !important; /* it fixes performance bug if we pass big data to CodeMirror */\n    border-radius: ",";\n  }\n"],["\n  .cm-s-material.CodeMirror {\n    background-color: ","!important;\n    color: ","!important;\n    font-family: ",";\n    line-height: 18px;\n    padding: 10px;\n  }\n\n  .CodeMirror-lint-mark-error {\n    background-size: 4px;\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n  }\n\n  .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n    background: rgba(255, 255, 255, 0.3) !important;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string.cm-property {\n    color: #9EFAA7;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string {\n    color: #FEE39E;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-atom {\n    color: ",";\n  }\n\n  div .cm-s-material .CodeMirror-matchingbracket {\n    outline: 1px solid grey;\n    text-decoration: none;\n  }\n\n  .react-codemirror2 {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: ",";\n    border-bottom-left-radius: ",";\n    overflow: hidden;\n\n    flex: 1;\n  }\n\n  .CodeMirror {\n    flex: 1;\n    max-height: 65vh !important; /* it fixes performance bug if we pass big data to CodeMirror */\n    border-radius: ",";\n  }\n"])),(function(e){return e.theme.rightPanel.panelControlsBackgroundColor}),(function(e){return e.theme.colors.text.light}),(function(e){return e.theme.typography.code.fontFamily}),(function(e){return e.theme.colors.text.light}),(function(e){return e.theme.components.panels.borderRadius}),(function(e){return e.theme.components.panels.borderRadius}),(function(e){return e.theme.components.panels.borderRadius})),CodemirrorInput=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"editor",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(r,"_onKeyUp",{enumerable:!0,configurable:!0,writable:!0,value:function(e,t){/^[a-zA-Z0-9_":]$/.test(t.key)&&r.editor.execCommand("autocomplete")}}),Object.defineProperty(r,"initEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.editor=e,e.on("keyup",r._onKeyUp)}}),Object.defineProperty(r,"refreshEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.editor.refresh()}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;setTimeout((function(){e.editor.refresh()}),0),document.addEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){document.removeEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.props.fieldState.value,t=this.props.fieldApi,o=t.setValue,n=t.setTouched,i=t.setError,a=this.props,d=a.onChange,c=a.onBlur,l=a.forwardedRef;return React.createElement(React.Fragment,null,React.createElement(CodeMirrorStyles,null),React.createElement(react_codemirror2_1.Controlled,{editorDidMount:this.initEditor,value:r||"",ref:l||void 0,onBeforeChange:function(e,r,t){o(t),d&&d(t)},onBlur:function(e){n(),c&&c(e)},options:{mode:this.props.mode||"application/json",theme:"material",matchBrackets:!0,autoCloseBrackets:!0,tabSize:2,foldGutter:!0,extraKeys:{"Cmd-Space":function(){return e.editor.showHint({completeSingle:!0})},"Ctrl-Space":function(){return e.editor.showHint({completeSingle:!0})}},hintOptions:{id:this.props.id,completeSingle:!1,schema:this.props.schema},lint:{id:this.props.id,schema:this.props.schema,setError:i}}}))}}),r}(React.Component);exports.CodemirrorInput=CodemirrorInput,exports.default=(0,informed_1.asField)(CodemirrorInput);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodemirrorInput=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),informed_1=require("informed"),react_codemirror2_1=require("react-codemirror2");require("codemirror/mode/xml/xml"),require("./codemirror-helpers");var templateObject_1,CodeMirrorStyles=(0,redoc_lib_1.createGlobalStyle)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  .cm-s-material.CodeMirror {\n    background-color: ","!important;\n    color: ","!important;\n    font-family: ",";\n    line-height: 18px;\n    padding: 10px;\n  }\n\n  .CodeMirror-lint-mark-error {\n    background-size: 4px;\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n  }\n\n  .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n    background: rgba(255, 255, 255, 0.3) !important;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string.cm-property {\n    color: #9EFAA7;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string {\n    color: #FEE39E;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-tag {\n    color: #9efaa7;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-atom {\n    color: ",";\n  }\n\n  div .cm-s-material .CodeMirror-matchingbracket {\n    outline: 1px solid grey;\n    text-decoration: none;\n  }\n\n  .react-codemirror2 {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: ",";\n    border-bottom-left-radius: ",";\n    overflow: hidden;\n\n    flex: 1;\n  }\n\n  .CodeMirror {\n    flex: 1;\n    max-height: 65vh !important; /* it fixes performance bug if we pass big data to CodeMirror */\n    border-radius: ",";\n  }\n"],["\n  .cm-s-material.CodeMirror {\n    background-color: ","!important;\n    color: ","!important;\n    font-family: ",";\n    line-height: 18px;\n    padding: 10px;\n  }\n\n  .CodeMirror-lint-mark-error {\n    background-size: 4px;\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n  }\n\n  .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n    background: rgba(255, 255, 255, 0.3) !important;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string.cm-property {\n    color: #9EFAA7;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string {\n    color: #FEE39E;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-tag {\n    color: #9efaa7;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-atom {\n    color: ",";\n  }\n\n  div .cm-s-material .CodeMirror-matchingbracket {\n    outline: 1px solid grey;\n    text-decoration: none;\n  }\n\n  .react-codemirror2 {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: ",";\n    border-bottom-left-radius: ",";\n    overflow: hidden;\n\n    flex: 1;\n  }\n\n  .CodeMirror {\n    flex: 1;\n    max-height: 65vh !important; /* it fixes performance bug if we pass big data to CodeMirror */\n    border-radius: ",";\n  }\n"])),(function(e){return e.theme.rightPanel.panelControlsBackgroundColor}),(function(e){return e.theme.colors.text.light}),(function(e){return e.theme.typography.code.fontFamily}),(function(e){return e.theme.colors.text.light}),(function(e){return e.theme.components.panels.borderRadius}),(function(e){return e.theme.components.panels.borderRadius}),(function(e){return e.theme.components.panels.borderRadius})),CodemirrorInput=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"editor",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(r,"_onKeyUp",{enumerable:!0,configurable:!0,writable:!0,value:function(e,o){/^[a-zA-Z0-9_":]$/.test(o.key)&&r.editor.execCommand("autocomplete")}}),Object.defineProperty(r,"initEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.editor=e,e.on("keyup",r._onKeyUp)}}),Object.defineProperty(r,"refreshEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.editor.refresh()}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;setTimeout((function(){e.editor.refresh()}),0),document.addEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){document.removeEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.props.fieldState.value,o=this.props.fieldApi,t=o.setValue,n=o.setTouched,i=o.setError,a=this.props,c=a.onChange,d=a.onBlur,l=a.forwardedRef;return React.createElement(React.Fragment,null,React.createElement(CodeMirrorStyles,null),React.createElement(react_codemirror2_1.Controlled,{editorDidMount:this.initEditor,value:r||"",ref:l||void 0,onBeforeChange:function(e,r,o){t(o),c&&c(o)},onBlur:function(e){n(),d&&d(e)},options:{mode:this.props.mode||"application/json",theme:"material",matchBrackets:!0,autoCloseBrackets:!0,tabSize:2,foldGutter:!0,extraKeys:{"Cmd-Space":function(){return e.editor.showHint({completeSingle:!0})},"Ctrl-Space":function(){return e.editor.showHint({completeSingle:!0})}},hintOptions:{id:this.props.id,completeSingle:!1,schema:this.props.schema},lint:{id:this.props.id,schema:this.props.schema,setError:i}}}))}}),r}(React.Component);exports.CodemirrorInput=CodemirrorInput,exports.default=(0,informed_1.asField)(CodemirrorInput);
 //# sourceMappingURL=CodemirrorInput.js.map

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

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { SecurityDetails } from '../../utils';
 import { OpenApiResponseData } from './ResponsePanel';
 import { ProStore } from '../../services';
 import { OperationModel, Server } from '../../redoc-lib';
@@ -11,11 +10,7 @@ export interface ConsoleProps {
     rootElement?: HTMLElement | null;
     onClose?: () => any;
     properties?: any;
-    securityDefaults?: Record<string, SecurityDetails | string>;
-    onResponse?: (arg: {
-        request: Record<string, unknown>;
-        response: OpenApiResponseData;
-    }) => void;
+    onResponse?: (response: OpenApiResponseData) => void;
 }
 export interface ConsoleState {
     form: any;

package/lib/components/console/Console.js

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

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

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { SecurityDetails } from '../../utils';
 import { FormApi, FormState } from 'informed';
 import { RedocProNormalizedOptions } from '../../services';
 export interface OAuth2FlowProps {
@@ -13,7 +12,6 @@ export interface OAuth2FlowProps {
     formApi: FormApi;
     flow: 'implicit' | 'authorizationCode';
     clientId?: string;
-    defaultValues?: SecurityDetails;
 }
 interface OAuth2FlowState {
     error: string | null;

package/lib/components/console/OAuth2Flow.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OAuth2Flow=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),LinearProgress_1=require("../common/LinearProgress"),form_1=require("../common/form"),OAuth2_1=require("../../services/OAuth2"),utils_1=require("../../utils"),Scope_1=(0,tslib_1.__importDefault)(require("./Scope")),shared_1=require("../shared"),TextField_1=require("../common/TextField"),utils_2=require("./utils");function requiredValidator(e){if(!e)return"Field is required"}var OAuth2Flow=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"state",{enumerable:!0,configurable:!0,writable:!0,value:{error:null,loading:!1}}),Object.defineProperty(t,"clearToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.props.formApi.setValue("auth."+t.props.id+".token","")}}),t}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"values",{get:function(){return this.props.form.values&&this.props.form.values.auth&&this.props.form.values.auth[this.props.id]||{}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"errors",{get:function(){return this.props.form.errors&&this.props.form.errors.auth&&this.props.form.errors.auth[this.props.id]||{}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"handleAuthorize",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this;if(e){this.props.formApi.validate();var r=this.props,l=r.flow,i=r.id,o=r.tokenUrl,a=r.authCorsProxyUrl;if(this.values.client_id&&("authorizationCode"!==l||this.values.client_secret)){this.setState({loading:!0,error:null});var n=a?a+(0,utils_2.normalizeUrlProtocol)(e):e,s=a&&o?a+(0,utils_2.normalizeUrlProtocol)(o):o,u=this.props.formApi.getValue("auth."+i+".scopes"),c={authorizationUrl:n.startsWith("http")?n:this.props.server+n,clientId:this.values.client_id,scopes:u,redirectUri:this.context.oAuth2RedirectURI,routingBasePath:this.context.routingBasePath,successCallback:function(e){t.props.formApi.setValue("auth."+t.props.id+".token",e),t.setState({loading:!1,error:null})},errorCallback:function(e){t.setState({loading:!1,error:(null==e?void 0:e.message)||"Failed to retrieve the access token"})}};"implicit"===l&&OAuth2_1.OAuth2.authorizeImplicit(c),"authorizationCode"===l&&OAuth2_1.OAuth2.authorizeAuthorizationCode((0,tslib_1.__assign)((0,tslib_1.__assign)({},c),{tokenUrl:(null==s?void 0:s.startsWith("http"))?s:this.props.server+s,clientSecret:this.values.client_secret}))}}}}),Object.defineProperty(t.prototype,"handleLogout",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.clearToken(),this.setState({error:null})}}),Object.defineProperty(t.prototype,"handleCancel",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.setState({loading:!1,error:null}),OAuth2_1.OAuth2.clearRedirectData(this.props.flow)}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t,r=this,l=this.state,i=l.error,o=l.loading,a=this.props,n=a.id,s=a.scopes,u=a.authorizationUrl,c=a.flow,d=a.defaultValues;if(!u)return React.createElement(form_1.FormError,null,"No flow info");var p=(0,utils_1.fromStorage)("auth."+n+".token")||JSON.stringify(null==d?void 0:d.token);p=p?JSON.parse(p):"";var h=(0,utils_1.getSecurityDetailsOptions)(n,"client_id"),m={field:"auth."+n+".client_id",fullWidth:!0,initialValue:(0,utils_1.fromStorage)("auth."+n+".client_id")||this.props.clientId||(null==d?void 0:d.client_id),initValue:(0,utils_1.fromStorage)("auth."+n+".client_id")||this.props.clientId||(null==d?void 0:d.client_id),placeholder:"Your OAuth2 app Client ID",validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement("div",null,React.createElement(form_1.FormWrapper,null,React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Client ID: "),h?React.createElement(TextField_1.FormDropdown,(0,tslib_1.__assign)({},m,{options:h})):React.createElement(TextField_1.FormTextField,(0,tslib_1.__assign)({},m,{"data-cy":"client-id-input"}))),"authorizationCode"===c&&React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null,"Client Secret:"),React.createElement(TextField_1.FormTextField,{type:"password",fullWidth:!0,field:"auth."+n+".client_secret",initialValue:(0,utils_1.fromStorage)("auth."+n+".client_secret")||(null==d?void 0:d.client_secret),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0,"data-cy":"client-secret-input"})),React.createElement(TextField_1.FormTextField,{fullWidth:!0,field:"auth."+n+".token",type:"hidden",initialValue:p,validate:requiredValidator}),React.createElement(Scope_1.default,{id:n,scopes:s}),this.values.token&&this.values.token.access_token?React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Access Token: "),React.createElement(TextField_1.TextField,{disabled:!0,type:"password",fullWidth:!0,value:this.values.token.access_token})):null),React.createElement(ButtonsWrapper,null,this.values.token&&this.values.token.access_token?React.createElement(shared_1.Button,{fullWidth:!0,onClick:function(){r.handleLogout()}},"Log out"):React.createElement(React.Fragment,null,o?React.createElement(React.Fragment,null,React.createElement(shared_1.Button,{fullWidth:!0,onClick:function(){r.handleCancel()}},"Cancel"),React.createElement(LinearProgress_1.LinearProgress,null)):React.createElement(shared_1.Button,{fullWidth:!0,disabled:(null===(t=null===(e=this.props)||void 0===e?void 0:e.formApi)||void 0===t?void 0:t.getTouched("auth."+n+".client_id"))&&!this.values.client_id,onClick:function(){r.handleAuthorize(u)}},"Authorize"))),o||i||!this.values.token||!this.values.token.access_token&&React.createElement(form_1.FormWrapper,null,React.createElement(form_1.FormControl,null,o?React.createElement(form_1.FormWarning,null,"Please, finish your authorization flow or cancel authorization."):i?React.createElement(React.Fragment,null,React.createElement(OriginalErrorMessage,null,React.createElement(form_1.FormError,null,i))):this.values.token&&this.values.token.access_token?null:React.createElement(form_1.FormWarning,null," No Access Token. Please, Authorize. "))))}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:redoc_lib_1.OptionsContext}),t}(React.Component);exports.OAuth2Flow=OAuth2Flow;var templateObject_1,templateObject_2,OriginalErrorMessage=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  font-family: monospace;\n  margin-top: 10px;\n  line-height: 1;\n  padding-left: 10px;\n  border-left: 1px solid gray;\n"],["\n  font-family: monospace;\n  margin-top: 10px;\n  line-height: 1;\n  padding-left: 10px;\n  border-left: 1px solid gray;\n"]))),ButtonsWrapper=redoc_lib_1.styled.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: 15px;\n"],["\n  margin-bottom: 15px;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OAuth2Flow=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),LinearProgress_1=require("../common/LinearProgress"),form_1=require("../common/form"),OAuth2_1=require("../../services/OAuth2"),utils_1=require("../../utils"),Scope_1=(0,tslib_1.__importDefault)(require("./Scope")),shared_1=require("../shared"),TextField_1=require("../common/TextField"),utils_2=require("./utils");function requiredValidator(e){if(!e)return"Field is required"}var OAuth2Flow=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"state",{enumerable:!0,configurable:!0,writable:!0,value:{error:null,loading:!1}}),Object.defineProperty(t,"clearToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.props.formApi.setValue("auth."+t.props.id+".token","")}}),t}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"values",{get:function(){return this.props.form.values&&this.props.form.values.auth&&this.props.form.values.auth[this.props.id]||{}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"errors",{get:function(){return this.props.form.errors&&this.props.form.errors.auth&&this.props.form.errors.auth[this.props.id]||{}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"handleAuthorize",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this;if(e){this.props.formApi.validate();var r=this.props,l=r.flow,i=r.id,o=r.tokenUrl,a=r.authCorsProxyUrl;if(this.values.client_id&&("authorizationCode"!==l||this.values.client_secret)){this.setState({loading:!0,error:null});var n=a?a+(0,utils_2.normalizeUrlProtocol)(e):e,s=a&&o?a+(0,utils_2.normalizeUrlProtocol)(o):o,u=this.props.formApi.getValue("auth."+i+".scopes"),c={authorizationUrl:n.startsWith("http")?n:this.props.server+n,clientId:this.values.client_id,scopes:u,redirectUri:this.context.oAuth2RedirectURI,routingBasePath:this.context.routingBasePath,successCallback:function(e){t.props.formApi.setValue("auth."+t.props.id+".token",e),t.setState({loading:!1,error:null})},errorCallback:function(e){t.setState({loading:!1,error:(null==e?void 0:e.message)||"Failed to retrieve the access token"})}};"implicit"===l&&OAuth2_1.OAuth2.authorizeImplicit(c),"authorizationCode"===l&&OAuth2_1.OAuth2.authorizeAuthorizationCode((0,tslib_1.__assign)((0,tslib_1.__assign)({},c),{tokenUrl:(null==s?void 0:s.startsWith("http"))?s:this.props.server+s,clientSecret:this.values.client_secret}))}}}}),Object.defineProperty(t.prototype,"handleLogout",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.clearToken(),this.setState({error:null})}}),Object.defineProperty(t.prototype,"handleCancel",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.setState({loading:!1,error:null}),OAuth2_1.OAuth2.clearRedirectData(this.props.flow)}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t,r=this,l=this.state,i=l.error,o=l.loading,a=this.props,n=a.id,s=a.scopes,u=a.authorizationUrl,c=a.flow;if(!u)return React.createElement(form_1.FormError,null,"No flow info");var p=(0,utils_1.fromStorage)("auth."+n+".token");p=p?JSON.parse(p):"";var d=(0,utils_1.getSecurityDetailsOptions)(n,"client_id"),h={field:"auth."+n+".client_id",fullWidth:!0,initialValue:(0,utils_1.fromStorage)("auth."+n+".client_id")||this.props.clientId,initValue:(0,utils_1.fromStorage)("auth."+n+".client_id")||this.props.clientId,placeholder:"Your OAuth2 app Client ID",validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement("div",null,React.createElement(form_1.FormWrapper,null,React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Client ID: "),d?React.createElement(TextField_1.FormDropdown,(0,tslib_1.__assign)({},h,{options:d})):React.createElement(TextField_1.FormTextField,(0,tslib_1.__assign)({},h))),"authorizationCode"===c&&React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null,"Client Secret:"),React.createElement(TextField_1.FormTextField,{type:"password",fullWidth:!0,field:"auth."+n+".client_secret",initialValue:(0,utils_1.fromStorage)("auth."+n+".client_secret"),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0})),React.createElement(TextField_1.FormTextField,{fullWidth:!0,field:"auth."+n+".token",type:"hidden",initialValue:p,validate:requiredValidator}),React.createElement(Scope_1.default,{id:n,scopes:s}),this.values.token&&this.values.token.access_token?React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Access Token: "),React.createElement(TextField_1.TextField,{disabled:!0,type:"password",fullWidth:!0,value:this.values.token.access_token})):null),React.createElement(ButtonsWrapper,null,this.values.token&&this.values.token.access_token?React.createElement(shared_1.Button,{fullWidth:!0,onClick:function(){r.handleLogout()}},"Log out"):React.createElement(React.Fragment,null,o?React.createElement(React.Fragment,null,React.createElement(shared_1.Button,{fullWidth:!0,onClick:function(){r.handleCancel()}},"Cancel"),React.createElement(LinearProgress_1.LinearProgress,null)):React.createElement(shared_1.Button,{fullWidth:!0,disabled:(null===(t=null===(e=this.props)||void 0===e?void 0:e.formApi)||void 0===t?void 0:t.getTouched("auth."+n+".client_id"))&&!this.values.client_id,onClick:function(){r.handleAuthorize(u)}},"Authorize"))),o||i||!this.values.token||!this.values.token.access_token&&React.createElement(form_1.FormWrapper,null,React.createElement(form_1.FormControl,null,o?React.createElement(form_1.FormWarning,null,"Please, finish your authorization flow or cancel authorization."):i?React.createElement(React.Fragment,null,React.createElement(OriginalErrorMessage,null,React.createElement(form_1.FormError,null,i))):this.values.token&&this.values.token.access_token?null:React.createElement(form_1.FormWarning,null," No Access Token. Please, Authorize. "))))}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:redoc_lib_1.OptionsContext}),t}(React.Component);exports.OAuth2Flow=OAuth2Flow;var templateObject_1,templateObject_2,OriginalErrorMessage=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  font-family: monospace;\n  margin-top: 10px;\n  line-height: 1;\n  padding-left: 10px;\n  border-left: 1px solid gray;\n"],["\n  font-family: monospace;\n  margin-top: 10px;\n  line-height: 1;\n  padding-left: 10px;\n  border-left: 1px solid gray;\n"]))),ButtonsWrapper=redoc_lib_1.styled.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: 15px;\n"],["\n  margin-bottom: 15px;\n"])));
 //# sourceMappingURL=OAuth2Flow.js.map

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

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { SecurityDetails } from '../../utils';
 export interface OAuth2TokenInputProps {
     flow: {
         refreshUrl?: string;
@@ -15,7 +14,6 @@ export interface OAuth2TokenInputProps {
     };
     formApi: any;
     clientId?: string;
-    defaultValues?: SecurityDetails;
 }
 interface OAuth2TokenInputState {
     error: string;

package/lib/components/console/OAuth2TokenInput.js

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

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

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import { FormApi, FormState } from 'informed';
 import { SecurityScheme } from '../../redoc-lib';
-import { SecurityDetails } from '../../utils';
 export interface OpenIDConnectProps {
     server: string;
     authCorsProxyUrl: Maybe<string>;
@@ -10,6 +9,5 @@ export interface OpenIDConnectProps {
     formApi: FormApi;
     scheme: SecurityScheme;
     clientId?: string;
-    defaultValues?: SecurityDetails;
 }
 export declare function OpenIDConnect(props: OpenIDConnectProps): JSX.Element;

package/lib/components/console/OpenIDConnect.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OpenIDConnect=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),OpenIDConnect_1=require("../../services/OpenIDConnect"),OAuth2Flow_1=require("./OAuth2Flow"),LinearProgress_1=require("../common/LinearProgress"),form_1=require("../common/form");function OpenIDConnect(e){var t,r=this,n=e.scheme,o=e.defaultValues,a=React.useState({}),l=a[0],c=a[1],i=React.useState(),s=i[0],u=i[1],m=React.useState(!1),p=m[0],d=m[1];React.useEffect((function(){_(n.openIdConnectUrl)}),[n.openIdConnectUrl]);var _=function(e){return(0,tslib_1.__awaiter)(r,void 0,void 0,(function(){var t,r;return(0,tslib_1.__generator)(this,(function(n){switch(n.label){case 0:d(!0),u(""),n.label=1;case 1:return n.trys.push([1,3,,4]),[4,(0,OpenIDConnect_1.discoverOpenIDConnect)(e)];case 2:return t=n.sent(),c(t),[3,4];case 3:return r=n.sent(),u(r.message),[3,4];case 4:return d(!1),[2]}}))}))};return React.createElement("div",null,p?React.createElement("div",null,React.createElement("div",null,"Fetching OpenID Connect metadata..."),React.createElement(LinearProgress_1.LinearProgress,null)):React.createElement("div",null,s?React.createElement(form_1.FormError,null,s):(null===(t=null==l?void 0:l.response_types_supported)||void 0===t?void 0:t.includes("token"))?React.createElement(React.Fragment,null,React.createElement(FlowName,null,"OAuth2 Implicit Flow"),React.createElement(OAuth2Flow_1.OAuth2Flow,{key:e.id,authorizationUrl:l.authorization_endpoint,authCorsProxyUrl:e.authCorsProxyUrl,scopes:l.scopes_supported,server:e.server,id:e.id,form:e.form,formApi:e.formApi,clientId:e.clientId,flow:"implicit",defaultValues:o})):React.createElement("div",null,"Unsupported flow")))}exports.OpenIDConnect=OpenIDConnect;var templateObject_1,FlowName=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-top: 5px;\n  margin-bottom: 10px;\n"],["\n  margin-top: 5px;\n  margin-bottom: 10px;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OpenIDConnect=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),OpenIDConnect_1=require("../../services/OpenIDConnect"),OAuth2Flow_1=require("./OAuth2Flow"),LinearProgress_1=require("../common/LinearProgress"),form_1=require("../common/form");function OpenIDConnect(e){var t,r=this,n=e.scheme,o=React.useState({}),a=o[0],c=o[1],l=React.useState(),i=l[0],s=l[1],u=React.useState(!1),m=u[0],p=u[1];React.useEffect((function(){_(n.openIdConnectUrl)}),[n.openIdConnectUrl]);var _=function(e){return(0,tslib_1.__awaiter)(r,void 0,void 0,(function(){var t,r;return(0,tslib_1.__generator)(this,(function(n){switch(n.label){case 0:p(!0),s(""),n.label=1;case 1:return n.trys.push([1,3,,4]),[4,(0,OpenIDConnect_1.discoverOpenIDConnect)(e)];case 2:return t=n.sent(),c(t),[3,4];case 3:return r=n.sent(),s(r.message),[3,4];case 4:return p(!1),[2]}}))}))};return React.createElement("div",null,m?React.createElement("div",null,React.createElement("div",null,"Fetching OpenID Connect metadata..."),React.createElement(LinearProgress_1.LinearProgress,null)):React.createElement("div",null,i?React.createElement(form_1.FormError,null,i):(null===(t=null==a?void 0:a.response_types_supported)||void 0===t?void 0:t.includes("token"))?React.createElement(React.Fragment,null,React.createElement(FlowName,null,"OAuth2 Implicit Flow"),React.createElement(OAuth2Flow_1.OAuth2Flow,{key:e.id,authorizationUrl:a.authorization_endpoint,authCorsProxyUrl:e.authCorsProxyUrl,scopes:a.scopes_supported,server:e.server,id:e.id,form:e.form,formApi:e.formApi,clientId:e.clientId,flow:"implicit"})):React.createElement("div",null,"Unsupported flow")))}exports.OpenIDConnect=OpenIDConnect;var templateObject_1,FlowName=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-top: 5px;\n  margin-bottom: 10px;\n"],["\n  margin-top: 5px;\n  margin-bottom: 10px;\n"])));
 //# sourceMappingURL=OpenIDConnect.js.map

package/lib/components/console/RequestBody.js

@@ -1,2 +1,2 @@
-"use strict";var _this=this;Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestBody=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),react_1=require("react"),mobx_react_1=require("mobx-react"),deepmerge_1=(0,tslib_1.__importDefault)(require("deepmerge")),redoc_lib_1=require("../../redoc-lib"),CodemirrorInput_1=(0,tslib_1.__importDefault)(require("./CodemirrorInput")),RequestMimeLabel_1=require("./RequestMimeLabel"),Samples_1=require("../Samples"),utils_1=require("../../services/utils"),RequestBodyForm_1=require("./RequestBodyForm"),helper_1=require("../common/FileUpload/helper"),models_1=require("../../models");exports.RequestBody=(0,mobx_react_1.observer)((function(e){var r,t,a=e.properties,o=void 0===a?{}:a,i=(0,tslib_1.__rest)(e,["properties"]),l=function(e){var r,t=i.body.content;if(!t||!t.hasSample)return"";var a=null===(r=t.active)||void 0===r?void 0:r.examples;if(!(null==a?void 0:a[e]))return"";var l=(0,deepmerge_1.default)(null==a?void 0:a[e].value,o,{arrayMerge:utils_1.arrayMerge});return JSON.stringify(l,null,2)},n=null===(t=null===(r=i.body.content)||void 0===r?void 0:r.operation)||void 0===t?void 0:t.activeExampleName,u=function(e){var r,t;null===(t=null===(r=i.body.content)||void 0===r?void 0:r.operation)||void 0===t||t.activateExampleName(e),i.console.formApi.setValue("body",l(e))},d=function(e){if(!e)return"";if("application/x-www-form-urlencoded"===e.mime)return e.value;var r=(0,deepmerge_1.default)(e.value,o,{arrayMerge:utils_1.arrayMerge});return JSON.stringify(r,null,2)},s=function(e,r){return(0,tslib_1.__awaiter)(void 0,void 0,void 0,(function(){var t;return(0,tslib_1.__generator)(this,(function(a){return t=i.console.formApi,(0,t.setValue)("body."+e,r),[2]}))}))};(0,react_1.useEffect)((function(){n&&i.console.formApi.setValue("body",l(n))}),[n]);var m=i.validate,c=i.body;return React.createElement(React.Fragment,null,React.createElement(redoc_lib_1.MediaTypesSwitch,{content:c.content,renderDropdown:function(e){return React.createElement(redoc_lib_1.DropdownOrLabel,(0,tslib_1.__assign)({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel_1.RequestMimeLabel,Dropdown:redoc_lib_1.Dropdown}))}},(function(e){var r,t=e.examples||{},a=Object.keys(t);i.resolvedBody&&(r=(i.resolvedBody.content[e.name]||{}).schema);var o=(0,helper_1.isRootFileUpload)(r,e.name)||e.name===models_1.MediaTypes.MULTIPART||e.name===models_1.MediaTypes.URL_ENCODED,l=(0,Samples_1.useExampleKey)(e.operation,t).exampleKey,n=t[l];return React.createElement(React.Fragment,null,a.length&&1!==a.length&&React.createElement(Samples_1.ExampleSwitch,{examples:t,onChange:u,exampleKey:l})||null,o?React.createElement(RequestBodyForm_1.RequestBodyForm,{schema:r,mediaType:e,onChange:s.bind(_this)}):React.createElement(CodemirrorInput_1.default,{id:"body"+i.id,field:"body",initialValue:d(n),schema:r,mode:e.name,validate:m}))})))}));
+"use strict";var _this=this;Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestBody=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),react_1=require("react"),mobx_react_1=require("mobx-react"),deepmerge_1=(0,tslib_1.__importDefault)(require("deepmerge")),redoc_lib_1=require("../../redoc-lib"),form_1=require("../common/form"),CodemirrorInput_1=(0,tslib_1.__importDefault)(require("./CodemirrorInput")),RequestMimeLabel_1=require("./RequestMimeLabel"),Samples_1=require("../Samples"),utils_1=require("../../services/utils"),RequestBodyForm_1=require("./RequestBodyForm"),helper_1=require("../common/FileUpload/helper"),models_1=require("../../models");exports.RequestBody=(0,mobx_react_1.observer)((function(e){var r,t,o=e.properties,a=void 0===o?{}:o,i=(0,tslib_1.__rest)(e,["properties"]),l=React.useCallback((function(e){var r,t=i.body.content;if(!t||!t.hasSample)return"";var o=null===(r=t.active)||void 0===r?void 0:r.examples;if(!(null==o?void 0:o[e]))return"";var l=(0,deepmerge_1.default)(null==o?void 0:o[e].value,a,{arrayMerge:utils_1.arrayMerge});return JSON.stringify(l,null,2)}),[a,i.body.content]),n=null===(t=null===(r=i.body.content)||void 0===r?void 0:r.operation)||void 0===t?void 0:t.activeExampleName,u=function(e){var r,t;null===(t=null===(r=i.body.content)||void 0===r?void 0:r.operation)||void 0===t||t.activateExampleName(e),i.console.formApi.setValue("body",l(e))},d=function(e){if(!e)return"";if("application/x-www-form-urlencoded"===e.mime||(0,redoc_lib_1.isXmlLike)(e.mime))return e.value;var r=(0,deepmerge_1.default)(e.value,a,{arrayMerge:utils_1.arrayMerge});return JSON.stringify(r,null,2)},m=function(e,r){return(0,tslib_1.__awaiter)(void 0,void 0,void 0,(function(){var t;return(0,tslib_1.__generator)(this,(function(o){return t=i.console.formApi,(0,t.setValue)("body."+e,r),[2]}))}))};(0,react_1.useEffect)((function(){n&&i.console.formApi.setValue("body",l(n))}),[n,l,i.console.formApi]);var s=i.validate,c=i.body;return React.createElement(React.Fragment,null,React.createElement(redoc_lib_1.MediaTypesSwitch,{content:c.content,renderDropdown:function(e){return React.createElement(form_1.FormControl,null,React.createElement(redoc_lib_1.DropdownOrLabel,(0,tslib_1.__assign)({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel_1.RequestMimeLabel,Dropdown:redoc_lib_1.Dropdown})))}},(function(e){var r,t=e.examples||{},o=Object.keys(t);i.resolvedBody&&(r=(i.resolvedBody.content[e.name]||{}).schema);var a=(0,helper_1.isRootFileUpload)(r,e.name)||e.name===models_1.MediaTypes.MULTIPART||e.name===models_1.MediaTypes.URL_ENCODED,l=(0,Samples_1.useExampleKey)(e.operation,t).exampleKey,n=t[l];return React.createElement(React.Fragment,null,o.length&&1!==o.length&&React.createElement(Samples_1.ExampleSwitch,{examples:t,onChange:u,exampleKey:l})||null,a?React.createElement(RequestBodyForm_1.RequestBodyForm,{schema:r,mediaType:e,onChange:m.bind(_this)}):React.createElement(CodemirrorInput_1.default,{id:"body"+i.id,field:"body",initialValue:d(n),schema:r,mode:e.name,validate:s}))})))}));
 //# sourceMappingURL=RequestBody.js.map