@redocly/reference-docs 2.11.5 → 2.11.9

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})},expanded:!1},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"),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_1.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})},expanded:!1},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;
 //# sourceMappingURL=Endpoint.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"),ProProviders_1=require("./ProProviders"),Overlay_1=require("./Overlay"),VersionedSpecStore_1=require("../services/VersionedSpecStore"),VersionSwitcher_1=require("./VersionSwitcher"),styled_elements_1=require("./styled.elements"),DownloadButton_1=require("../redoc-lib/src/components/DownloadButton");(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,n=e.showRightPanel,r=e.layout;return(0,redoc_lib_1.mediaCSS)({width:r===store_types_1.LayoutVariant.STACKED?"100%":"",paddingLeft:r===store_types_1.LayoutVariant.STACKED?o.spacing.sectionHorizontal:"",display:n?"":(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,n=e.showRightPanel,r=e.layout;return(0,redoc_lib_1.mediaCSS)({display:n&&r!==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,n,r=e.theme,a=e.showRightPanel,i=e.layout;return(0,redoc_lib_1.mediaCSS)({maxWidth:a&&i===store_types_1.LayoutVariant.THREE_PANEL?(0,redoc_lib_1.mediaMap)(r.breakpoints,[r.layout["three-panel"].middlePanelMaxWidth],(t={},t[redoc_lib_1.ZERO_BREAKPOINT]=function(){return"none"},t[r.rightPanel.showAtBreakpoint]=function(e){return e},t)):"none",margin:a&&i===store_types_1.LayoutVariant.THREE_PANEL?(0,redoc_lib_1.mediaMap)(r.breakpoints,[r.rightPanel.width,r.layout["three-panel"].middlePanelMaxWidth],(o={},o[redoc_lib_1.ZERO_BREAKPOINT]=function(){return"0"},o[r.rightPanel.showAtBreakpoint]=function(e,t){return t&&"none"!==t?"0 max(calc((100% - "+e+" - "+t+"}) / 2), 0px)":"0"},o)):"0",paddingRight:i===store_types_1.LayoutVariant.STACKED?r.spacing.sectionHorizontal:"",width:a&&i===store_types_1.LayoutVariant.THREE_PANEL?"":(n={},n[redoc_lib_1.ZERO_BREAKPOINT]="",n[r.rightPanel.showAtBreakpoint]="100%",n)})}),styled_elements_1.ApiContentWrap,(function(e){var t,o=e.theme,n=e.showRightPanel,r=e.layout;return(0,redoc_lib_1.mediaCSS)({width:(t={},t[redoc_lib_1.ZERO_BREAKPOINT]="none",t.small="calc(100% - "+o.sidebar.width+")",t),maxWidth:o.layout[r===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,n=t.menu,r=t.options,a=t.search,i=t.marker,l=this.props.store,s=n.renderItems,c=r.hideDownloadButton,d=!r.hideInfoSection&&("none"===r.pagination||l.menu.activeRenderItemIdx<=0);d&&"none"!==r.pagination&&r.disableSidebar&&s[0]&&"section"!==s[0].type&&(d=!1),this.props._forceRenderInfo&&(d=!0);var u=!d&&null!==c&&!c;return 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:r.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}),!r.disableSidebar&&React.createElement(redoc_lib_1.StickyResponsiveSidebar,{menu:n,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),n.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:n})),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},r.theme.layout.showDarkRightPanel&&l.showRightPanel&&l.layout!==store_types_1.LayoutVariant.STACKED&&React.createElement(styled_elements_1.BackgroundStub,null),d&&React.createElement(redoc_lib_1.ApiInfo,{store:l}),u&&React.createElement(DownloadButton_1.DownloadButtonWithLabel,{store:l}),React.createElement(redoc_lib_1.ContentItems,{items:s,store:l}),r.showNextButton&&React.createElement(NextSectionButton_1.ContinueButton,{pagination:r.pagination,menu:n}),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:n,onActivate:n.activateAndScroll.bind(n),options:r,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}),r.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,n=e.options,r=void 0===n?{}:n,a=e.activeItemId,i=e.activeSampleLanguage,l=e.activeDeepLink,s=(0,redoc_lib_1.argValueToBoolean)(r.hideLoading,!1),c=new redoc_lib_1.RedocNormalizedOptions(r),d=React.createElement(StoreProvider_1.ProStoreProvider,{definition:t,definitionUrl:o,options:r,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 r.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,n=void 0===o?{}:o,r=(0,redoc_lib_1.argValueToBoolean)(n.hideLoading,!1),a=new redoc_lib_1.RedocNormalizedOptions(n);return React.createElement(redoc_lib_1.ErrorBoundary,null,React.createElement(StoreProvider_1.ProStoreProvider,{definitions:t,options:n},(function(e){var t=e.loading,o=e.store;return t?r?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"),ProProviders_1=require("./ProProviders"),Overlay_1=require("./Overlay"),VersionedSpecStore_1=require("../services/VersionedSpecStore"),VersionSwitcher_1=require("./VersionSwitcher"),styled_elements_1=require("./styled.elements"),DownloadButton_1=require("../redoc-lib/src/components/DownloadButton");(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,n=e.showRightPanel,r=e.layout;return(0,redoc_lib_1.mediaCSS)({width:r===store_types_1.LayoutVariant.STACKED?"100%":"",paddingLeft:r===store_types_1.LayoutVariant.STACKED?o.spacing.sectionHorizontal:"",display:n?"":(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,n=e.showRightPanel,r=e.layout;return(0,redoc_lib_1.mediaCSS)({display:n&&r!==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,n,r=e.theme,a=e.showRightPanel,i=e.layout;return(0,redoc_lib_1.mediaCSS)({maxWidth:a&&i===store_types_1.LayoutVariant.THREE_PANEL?(0,redoc_lib_1.mediaMap)(r.breakpoints,[r.layout["three-panel"].middlePanelMaxWidth],(t={},t[redoc_lib_1.ZERO_BREAKPOINT]=function(){return"none"},t[r.rightPanel.showAtBreakpoint]=function(e){return e},t)):"none",margin:a&&i===store_types_1.LayoutVariant.THREE_PANEL?(0,redoc_lib_1.mediaMap)(r.breakpoints,[r.rightPanel.width,r.layout["three-panel"].middlePanelMaxWidth],(o={},o[redoc_lib_1.ZERO_BREAKPOINT]=function(){return"0"},o[r.rightPanel.showAtBreakpoint]=function(e,t){return t&&"none"!==t?"0 max(calc((100% - "+e+" - "+t+"}) / 2), 0px)":"0"},o)):"0",paddingRight:i===store_types_1.LayoutVariant.STACKED?r.spacing.sectionHorizontal:"",width:a&&i===store_types_1.LayoutVariant.THREE_PANEL?"":(n={},n[redoc_lib_1.ZERO_BREAKPOINT]="",n[r.rightPanel.showAtBreakpoint]="100%",n)})}),styled_elements_1.ApiContentWrap,(function(e){var t,o=e.theme,n=e.showRightPanel,r=e.layout;return(0,redoc_lib_1.mediaCSS)({width:(t={},t[redoc_lib_1.ZERO_BREAKPOINT]="none",t.small="calc(100% - "+o.sidebar.width+")",t),maxWidth:o.layout[r===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,n=t.menu,r=t.options,a=t.search,i=t.marker,l=this.props.store,s=n.renderItems,c=r.hideDownloadButton,d=!r.hideInfoSection&&("none"===r.pagination||l.menu.activeRenderItemIdx<=0);d&&"none"!==r.pagination&&r.disableSidebar&&s[0]&&"section"!==s[0].type&&(d=!1),this.props._forceRenderInfo&&(d=!0);var u=!d&&null!==c&&!c;return 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:r.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}),!r.disableSidebar&&React.createElement(redoc_lib_1.StickyResponsiveSidebar,{menu:n,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){e.idx&&o.changeVersion(e.idx),n.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:n})),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},r.theme.layout.showDarkRightPanel&&l.showRightPanel&&l.layout!==store_types_1.LayoutVariant.STACKED&&React.createElement(styled_elements_1.BackgroundStub,null),d&&React.createElement(redoc_lib_1.ApiInfo,{store:l}),u&&React.createElement(DownloadButton_1.DownloadButtonWithLabel,{store:l}),React.createElement(redoc_lib_1.ContentItems,{items:s,store:l}),r.showNextButton&&React.createElement(NextSectionButton_1.ContinueButton,{pagination:r.pagination,menu:n}),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:n,onActivate:n.activateAndScroll.bind(n),options:r,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}),r.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,n=e.options,r=void 0===n?{}:n,a=e.activeItemId,i=e.activeSampleLanguage,l=e.activeDeepLink,s=(0,redoc_lib_1.argValueToBoolean)(r.hideLoading,!1),c=new redoc_lib_1.RedocNormalizedOptions(r),d=React.createElement(StoreProvider_1.ProStoreProvider,{definition:t,definitionUrl:o,options:r,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 r.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,n=void 0===o?{}:o,r=(0,redoc_lib_1.argValueToBoolean)(n.hideLoading,!1),a=new redoc_lib_1.RedocNormalizedOptions(n);return React.createElement(redoc_lib_1.ErrorBoundary,null,React.createElement(StoreProvider_1.ProStoreProvider,{definitions:t,options:n},(function(e){var t=e.loading,o=e.store;return t?r?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/Samples/ExampleSwitch.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExampleSwitch=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),react_1=require("react"),shared_1=require("../shared"),common_elements_1=require("../../redoc-lib/src/common-elements"),form_1=require("../common/form"),ExampleSwitch=function(e){var r=e.exampleKey,t=e.examples,a=e.onChange,n=Object.keys(t),o=r?n.indexOf(r):0,c=(0,react_1.useState)(o>-1?o:0),l=c[0],m=c[1];(0,react_1.useEffect)((function(){return m(o>-1?o:0)}),[r,o]);var i=n.map((function(e,r){return{value:t[e].summary||e,idx:r}}));return React.createElement(React.Fragment,null,React.createElement(form_1.FormControl,null,React.createElement(common_elements_1.Dropdown,{variant:"dark",fullWidth:!0,prefix:"Example: ",options:i,value:i[l].value,onChange:function(e){var r=e.idx;m(r),a(n[r])}})),r&&-1===o&&React.createElement(shared_1.WarnMessage,null,"Provided sample not found"))};exports.ExampleSwitch=ExampleSwitch;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExampleSwitch=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),react_1=require("react"),shared_1=require("../shared"),form_1=require("../common/form"),Dropdown_1=require("../common/Dropdown"),ExampleSwitch=function(e){var r=e.exampleKey,t=e.examples,a=e.onChange,n=Object.keys(t),o=r?n.indexOf(r):0,c=(0,react_1.useState)(o>-1?o:0),i=c[0],l=c[1];(0,react_1.useEffect)((function(){return l(o>-1?o:0)}),[r,o]);var u=n.map((function(e,r){return{value:t[e].summary||e,idx:r}}));return React.createElement(React.Fragment,null,React.createElement(form_1.FormControl,{"data-cy":"example-switch"},React.createElement(Dropdown_1.Dropdown,{variant:"dark",fullWidth:!0,options:u,value:u[i].value,onChange:function(e){var r=e.idx;l(r),a(n[r])}})),r&&-1===o&&React.createElement(shared_1.WarnMessage,null,"Provided sample not found"))};exports.ExampleSwitch=ExampleSwitch;
 //# sourceMappingURL=ExampleSwitch.js.map

package/lib/components/Samples/SamplesTabs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SamplesTabs=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),react_1=require("react"),mobx_react_1=require("mobx-react"),Tabs_1=require("../Tabs"),redoc_lib_1=require("../../redoc-lib"),LoadingWrapper_1=require("./LoadingWrapper"),shared_1=require("../shared");exports.SamplesTabs=(0,mobx_react_1.observer)((function(e){var a=e.children,t=e.onChange,r=e.defaultLanguage,n=(0,tslib_1.__rest)(e,["children","onChange","defaultLanguage"]),s=(0,react_1.useMemo)((function(){return n.tabs.map((function(e){return e.lang}))}),[n.tabs]),c=(0,react_1.useContext)(redoc_lib_1.StoreContext),i=(0,react_1.useState)(r),u=i[0],o=i[1],_=(0,react_1.useState)(s),l=_[0],g=_[1];(0,react_1.useEffect)((function(){return g(s)}),[n.tabs]),(0,react_1.useEffect)((function(){u===c.activeSampleLanguage&&o(void 0)}),[c.activeSampleLanguage]),(0,react_1.useEffect)((function(){return c.stopLoader()}),[c.activeSampleLanguage]),(0,react_1.useEffect)((function(){u&&(c.startLoader(),c.activateSampleLanguage(u))}),[u,r]);var d;return React.createElement(LoadingWrapper_1.LoadingWrapper,{className:u&&"updated"},React.createElement(Tabs_1.CollapsingTabsBase,(0,tslib_1.__assign)({},n,{activeIndex:(d=l.indexOf(u||c.activeSampleLanguage),-1===d?0:d),onChange:function(e){var a=n.tabs[e];c.setActiveSampleLanguage(a.lang),t&&t(a)}}),r&&-1===l.indexOf(r)&&React.createElement(shared_1.WarnMessage,null,"Provided language is not supported"),a))}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SamplesTabs=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),Tabs_1=require("../Tabs"),redoc_lib_1=require("../../redoc-lib"),LoadingWrapper_1=require("./LoadingWrapper"),shared_1=require("../shared");exports.SamplesTabs=(0,mobx_react_1.observer)((function(e){var a=e.children,t=e.onChange,r=e.defaultLanguage,n=(0,tslib_1.__rest)(e,["children","onChange","defaultLanguage"]),u=(0,react_1.useMemo)((function(){return n.tabs.map((function(e){return e.lang}))}),[n.tabs]),i=(0,react_1.useContext)(redoc_lib_1.StoreContext),l=(0,react_1.useState)(r),s=l[0],c=l[1],o=(0,react_1.useState)(u),_=o[0],d=o[1];(0,react_1.useEffect)((function(){return d(u)}),[n.tabs]),(0,react_1.useEffect)((function(){s===(null==i?void 0:i.activeSampleLanguage)&&c(void 0)}),[null==i?void 0:i.activeSampleLanguage]),(0,react_1.useEffect)((function(){return null==i?void 0:i.stopLoader()}),[null==i?void 0:i.activeSampleLanguage]),(0,react_1.useEffect)((function(){s&&(null==i||i.startLoader(),null==i||i.activateSampleLanguage(s))}),[s,r]);var g;return react_1.default.createElement(LoadingWrapper_1.LoadingWrapper,{className:s&&"updated"},react_1.default.createElement(Tabs_1.CollapsingTabsBase,(0,tslib_1.__assign)({},n,{activeIndex:(g=_.indexOf(s||(null==i?void 0:i.activeSampleLanguage)||""),-1===g?0:g),onChange:function(e){var a=n.tabs[e];null==i||i.setActiveSampleLanguage(a.lang),t&&t(a)}}),r&&-1===_.indexOf(r)&&react_1.default.createElement(shared_1.WarnMessage,null,"Provided language is not supported"),a))}));
 //# sourceMappingURL=SamplesTabs.js.map

package/lib/components/Tabs/CollapsingTabs/CollapsingTabsBase.d.ts

@@ -1,5 +1,5 @@
+import React from 'react';
 import { TabProps as ReactTabProps } from 'react-tabs';
-import * as React from 'react';
 import { OperationModel } from '../../../redoc-lib';
 export interface TabProps extends ReactTabProps {
     title: string;

package/lib/components/Tabs/CollapsingTabs/CollapsingTabsBase.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTabsBase=void 0;var tslib_1=require("tslib"),react_tabs_1=require("react-tabs"),React=(0,tslib_1.__importStar)(require("react")),react_1=require("react"),redoc_lib_1=require("../../../redoc-lib"),CollapsingTabList_1=require("./CollapsingTabList"),CollapsingTab_1=require("./CollapsingTab"),CollapsingDropdown_1=require("./CollapsingDropdown"),CollapsingTabsBase=function(e){var t=e.tabs,a=e.children,l=e.hidden,i=e.activeIndex,n=e.onChange,r=(0,react_1.useContext)(redoc_lib_1.OptionsContext).samplesTabsMaxCount,s=(0,react_1.useMemo)((function(){return t.slice(r).map((function(e,t){return{idx:t,value:e.title}}))}),[t,r]),o=s.length+" more",c=(0,react_1.useState)(o),u=c[0],p=c[1],b=React.useCallback((function(){var e=i>=r;u!==o&&u===t[i].title||!e?u===o||e||p(o):p(t[i].title)}),[i,r,u,o,t]);(0,react_1.useEffect)((function(){setTimeout(b,0)}),[i,r,b]);return React.createElement(react_tabs_1.Tabs,{selectedIndex:i,onSelect:n},React.createElement(CollapsingTabList_1.CollapsingTabList,{hidden:l},t.map((function(e,t){return React.createElement(CollapsingTab_1.CollapsingTab,{key:e.key,disabled:t>=r},e.title)})),s.length?React.createElement(CollapsingDropdown_1.CollapsingDropdown,{options:s,onChange:function(e){n(r+e.idx)},placeholder:o,value:u,active:i>=r}):null),a)};exports.CollapsingTabsBase=CollapsingTabsBase;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTabsBase=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),react_tabs_1=require("react-tabs"),redoc_lib_1=require("../../../redoc-lib"),CollapsingTabList_1=require("./CollapsingTabList"),CollapsingTab_1=require("./CollapsingTab"),Dropdown_1=require("../../common/Dropdown"),CollapsingTabsBase=function(e){var t=e.tabs,a=e.children,l=e.hidden,r=e.activeIndex,n=e.onChange,i=(0,react_1.useContext)(redoc_lib_1.OptionsContext).samplesTabsMaxCount,o=(0,react_1.useMemo)((function(){return t.slice(i).map((function(e,t){return{idx:t,value:e.title}}))}),[t,i]),s=o.length+" more",c=(0,react_1.useState)(s),u=c[0],_=c[1],d=react_1.default.useCallback((function(){var e=r>=i;u!==s&&u===t[r].title||!e?u===s||e||_(s):_(t[r].title)}),[r,i,u,s,t]);(0,react_1.useEffect)((function(){setTimeout(d,0)}),[r,i,d]);return react_1.default.createElement(react_tabs_1.Tabs,{selectedIndex:r,onSelect:n},react_1.default.createElement(CollapsingTabList_1.CollapsingTabList,{hidden:l},t.map((function(e,t){return react_1.default.createElement(CollapsingTab_1.CollapsingTab,{key:e.key,disabled:t>=i},e.title)})),o.length?react_1.default.createElement(Dropdown_1.CollapsingDropdown,{options:o,onChange:function(e){n(i+e.idx)},placeholder:s,value:u,active:r>=i}):null),a)};exports.CollapsingTabsBase=CollapsingTabsBase;
 //# sourceMappingURL=CollapsingTabsBase.js.map

package/lib/components/VersionSwitcher.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DropdownOption } from '../redoc-lib';
+import { DropdownOption } from './common/Dropdown';
 import { VersionedSpecStore } from '../services/VersionedSpecStore';
 export interface VersionSwitcherProps {
     onChange: (o: DropdownOption) => void;

package/lib/components/VersionSwitcher.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionSwitcher=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../redoc-lib"),VersionSwitcher=function(e){var n=e.spec,t=e.onChange,r=n.versionsInfo.map((function(e,n){return{idx:n,value:e.title}}));return React.createElement(VersionWrapper,null,React.createElement(redoc_lib_1.Dropdown,{options:r,value:r[n.activeVersionIdx].value,onChange:t,ariaLabel:"Version"}))};exports.VersionSwitcher=VersionSwitcher;var templateObject_1,VersionWrapper=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  padding: ",";\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  font-size: 12px;\n  div[role='button'] {\n    .dropdown-selector-value {\n      font-weight: 600;\n      color: ",";\n    }\n  }\n"],["\n  padding: ",";\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  font-size: 12px;\n  div[role='button'] {\n    .dropdown-selector-value {\n      font-weight: 600;\n      color: ",";\n    }\n  }\n"])),(function(e){var n=e.theme;return 2*n.spacing.unit+"px "+4*n.spacing.unit+"px"}),(function(e){return e.theme.colors.text.primary}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionSwitcher=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../redoc-lib"),Dropdown_1=require("./common/Dropdown"),VersionSwitcher=function(e){var n=e.spec,r=e.onChange,i=n.versionsInfo.map((function(e,n){return{idx:n,value:e.title}}));return React.createElement(VersionWrapper,null,React.createElement(Dropdown_1.VersionDropdown,{options:i,value:i[n.activeVersionIdx].value,onChange:r,ariaLabel:"Version"}))};exports.VersionSwitcher=VersionSwitcher;var templateObject_1,VersionWrapper=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  padding: ",";\n  width: 100%;\n  display: inline-block;\n  font-size: 12px;\n"],["\n  padding: ",";\n  width: 100%;\n  display: inline-block;\n  font-size: 12px;\n"])),(function(e){var n=e.theme;return 2*n.spacing.unit+"px "+4*n.spacing.unit+"px"}));
 //# sourceMappingURL=VersionSwitcher.js.map

package/lib/components/common/Dropdown/Dropdown.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DropdownProps } from './types';
+export declare const Dropdown: React.NamedExoticComponent<DropdownProps>;

package/lib/components/common/Dropdown/Dropdown.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Dropdown=void 0;var templateObject_1,tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("../../../redoc-lib/src/styled-components")),ArrowSvg=function(e){var t=e.className,n=e.style;return react_1.default.createElement("svg",{className:t,style:n,xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},react_1.default.createElement("polyline",{points:"6 9 12 15 18 9"}))},ArrowIcon=(0,styled_components_1.default)(ArrowSvg)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  position: absolute;\n  pointer-events: none;\n  z-index: 1;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n  -ms-transform: translateY(-50%);\n  transform: translateY(-50%);\n  right: 8px;\n  margin: auto;\n  text-align: center;\n  polyline {\n    color: ",";\n  }\n"],["\n  position: absolute;\n  pointer-events: none;\n  z-index: 1;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n  -ms-transform: translateY(-50%);\n  transform: translateY(-50%);\n  right: 8px;\n  margin: auto;\n  text-align: center;\n  polyline {\n    color: ",";\n  }\n"])),(function(e){return"dark"===e.variant&&"white"})),DropdownComponent=function(e){var t=e.options,n=e.onChange,r=e.placeholder,a=e.value,o=void 0===a?"":a,l=e.className,s=e.variant,i=void 0===s?"light":s,c=e.maxOptionLength,p=void 0===c?80:c,d=t.map((function(e){var t=e.title||e.value;return t.length>p&&(t=t.slice(0,p)+"..."),(0,tslib_1.__assign)((0,tslib_1.__assign)({},e),{title:t})}));return react_1.default.createElement("span",{className:l+" dropdown-wrapper"},react_1.default.createElement(ArrowIcon,{variant:i}),react_1.default.createElement("select",{onChange:function(e){var a=e.target.selectedIndex;n(t[r?a-1:a])},value:o,className:"dropdown-select"},r&&react_1.default.createElement("option",{disabled:!0,hidden:!0,value:r},r),d.map((function(e,t){var n=e.idx,r=e.value,a=e.title;return react_1.default.createElement("option",{key:n||r+t,value:r,className:"dropdown-option"},a||r)}))))};exports.Dropdown=react_1.default.memo(DropdownComponent);
+//# sourceMappingURL=Dropdown.js.map

package/lib/components/common/Dropdown/index.d.ts

@@ -0,0 +1,2 @@
+export * from './styled';
+export * from './types';

package/lib/components/common/Dropdown/index.js

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

package/lib/components/common/Dropdown/styled.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+export declare const Dropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<import("./types").DropdownProps>, any, {
+    dense?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    variant?: "light" | "dark" | undefined;
+}, never>;
+export declare const SimpleDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<import("./types").DropdownProps>, any, {
+    dense?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    variant?: "light" | "dark" | undefined;
+}, never>;
+export declare const CollapsingDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<import("./types").DropdownProps>, any, {
+    dense?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    variant?: "light" | "dark" | undefined;
+} & {
+    active?: boolean | undefined;
+}, never>;
+export declare const VersionDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<import("./types").DropdownProps>, any, {
+    dense?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    variant?: "light" | "dark" | undefined;
+}, never>;

package/lib/components/common/Dropdown/styled.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionDropdown=exports.CollapsingDropdown=exports.SimpleDropdown=exports.Dropdown=void 0;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importStar)(require("styled-components")),Dropdown_1=require("./Dropdown"),darkDropdownStyle=(0,styled_components_1.css)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  background-color: ",";\n  border-color: ",";\n  color: ",";\n\n  &,\n  &:hover,\n  &:focus-within {\n    border: none;\n    box-shadow: none;\n  }\n"],["\n  background-color: ",";\n  border-color: ",";\n  color: ",";\n\n  &,\n  &:hover,\n  &:focus-within {\n    border: none;\n    box-shadow: none;\n  }\n"])),(function(n){return n.theme.rightPanel.panelControlsBackgroundColor}),(function(n){return n.theme.rightPanel.panelControlsBackgroundColor}),(function(n){return n.theme.colors.text.light}));exports.Dropdown=(0,styled_components_1.default)(Dropdown_1.Dropdown)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  box-sizing: border-box;\n  outline: none;\n  display: inline-block;\n  border-radius: ",";\n  vertical-align: bottom;\n  position: relative;\n  width: ",";\n  cursor: pointer;\n  text-transform: none;\n\n  .dropdown-select {\n    box-sizing: border-box;\n    min-width: 90px;\n    outline: none;\n    display: inline-block;\n    color: ",";\n    border-radius: ",";\n    padding: ",";\n    vertical-align: bottom;\n    position: relative;\n    width: ",";\n    cursor: pointer;\n    text-transform: none;\n\n    line-height: normal;\n    font-size: 14px;\n    font-family: inherit;\n    text-overflow: ellipsis;\n    overflow: hidden;\n\n    &,\n    &:hover,\n    &:focus-within {\n      border: 1px solid ",";\n      box-shadow: none;\n    }\n    appearance: none;\n\n    ",";\n  }\n"],["\n  box-sizing: border-box;\n  outline: none;\n  display: inline-block;\n  border-radius: ",";\n  vertical-align: bottom;\n  position: relative;\n  width: ",";\n  cursor: pointer;\n  text-transform: none;\n\n  .dropdown-select {\n    box-sizing: border-box;\n    min-width: 90px;\n    outline: none;\n    display: inline-block;\n    color: ",";\n    border-radius: ",";\n    padding: ",";\n    vertical-align: bottom;\n    position: relative;\n    width: ",";\n    cursor: pointer;\n    text-transform: none;\n\n    line-height: normal;\n    font-size: 14px;\n    font-family: inherit;\n    text-overflow: ellipsis;\n    overflow: hidden;\n\n    &,\n    &:hover,\n    &:focus-within {\n      border: 1px solid ",";\n      box-shadow: none;\n    }\n    appearance: none;\n\n    ",";\n  }\n"])),(function(n){return n.theme.shape.borderRadius}),(function(n){return n.fullWidth?"100%":"auto"}),(function(n){return n.theme.colors.text.primary}),(function(n){return n.theme.shape.borderRadius}),(function(n){return n.dense?"2px 24px 2px 8px":"8px 26px 8px 10px"}),(function(n){return n.fullWidth?"100%":"auto"}),(function(n){return n.theme.colors.border.light}),(function(n){return"dark"===n.variant?darkDropdownStyle:""})),exports.SimpleDropdown=(0,styled_components_1.default)(exports.Dropdown)(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  .dropdown-select {\n    padding: 0 26px 0 4px;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    font-weight: 400;\n    appearance: none;\n\n    &:hover,\n    &:focus-within {\n      border: none;\n      box-shadow: none;\n    }\n  }\n"],["\n  .dropdown-select {\n    padding: 0 26px 0 4px;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    font-weight: 400;\n    appearance: none;\n\n    &:hover,\n    &:focus-within {\n      border: none;\n      box-shadow: none;\n    }\n  }\n"]))),exports.CollapsingDropdown=(0,styled_components_1.default)(exports.Dropdown)(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  flex: 1;\n  svg {\n    top: 60%;\n    transform: translateY(-60%);\n  }\n  .dropdown-select {\n    ",";\n\n    height: 40px;\n    border-radius: 0 "," 0 0;\n    margin: 0 0 -4px;\n    transition: none;\n    width: 100%;\n    background: ",";\n    & {\n      border-bottom: 4px solid\n        ",";\n\n      &[open],\n      &:focus-within,\n      &:hover {\n        background: ",";\n        border-bottom: 4px solid\n          ",";\n      }\n    }\n  }\n"],["\n  flex: 1;\n  svg {\n    top: 60%;\n    transform: translateY(-60%);\n  }\n  .dropdown-select {\n    ",";\n\n    height: 40px;\n    border-radius: 0 "," 0 0;\n    margin: 0 0 -4px;\n    transition: none;\n    width: 100%;\n    background: ",";\n    & {\n      border-bottom: 4px solid\n        ",";\n\n      &[open],\n      &:focus-within,\n      &:hover {\n        background: ",";\n        border-bottom: 4px solid\n          ",";\n      }\n    }\n  }\n"])),darkDropdownStyle,(function(n){return n.theme.shape.borderRadius}),(function(n){var o=n.theme;return n.active?o.colors.border.dark:"none"}),(function(n){var o=n.active,e=n.theme;return o?e.colors.accent.main:"transparent"}),(function(n){return n.theme.colors.border.dark}),(function(n){var o=n.active,e=n.theme;return o?e.colors.accent.main:"transparent"})),exports.VersionDropdown=(0,styled_components_1.default)(exports.Dropdown)(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  .dropdown-select {\n    font-weight: 600;\n    color: ",";\n  }\n"],["\n  .dropdown-select {\n    font-weight: 600;\n    color: ",";\n  }\n"])),(function(n){return n.theme.colors.text.primary}));
+//# sourceMappingURL=styled.js.map

package/lib/components/common/Dropdown/types.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+export interface DropdownOption {
+    idx?: number;
+    value: string;
+    title?: string;
+    serverUrl?: string;
+    label?: string;
+}
+export interface DropdownProps {
+    options: DropdownOption[];
+    onChange: (option: DropdownOption) => void;
+    ariaLabel?: string;
+    className?: string;
+    placeholder?: string;
+    value?: string;
+    dense?: boolean;
+    fullWidth?: boolean;
+    variant?: 'dark' | 'light';
+    maxOptionLength?: number;
+}
+export interface ArrowIconProps {
+    className?: string;
+    variant?: 'light' | 'dark';
+    style?: React.CSSProperties;
+}

package/lib/components/common/Dropdown/types.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});
+//# sourceMappingURL=types.js.map

package/lib/components/common/TextField.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FieldProps } from 'informed';
-import { Option, DropdownProps } from '@redocly/react-dropdown-aria';
+import type { DropdownOption, DropdownProps } from './Dropdown';
 export declare const invertedInputStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../../services/extendTheme").ProTheme>>;
 export declare const StyledInput: import("styled-components").StyledComponent<"input", import("../../services/extendTheme").ProTheme, {
     fullWidth?: boolean | undefined;
@@ -19,7 +19,7 @@ export interface TextFieldExtraProps extends React.InputHTMLAttributes<HTMLInput
 export declare const TextField: React.ForwardRefExoticComponent<TextFieldExtraProps & React.RefAttributes<HTMLInputElement>>;
 export declare function FormTextField(props: FieldProps<string, GenericObject> & TextFieldExtraProps): JSX.Element;
 export interface FormDropdownProps extends Partial<DropdownProps> {
-    options: Option[];
+    options: DropdownOption[];
     initValue?: string;
 }
 export declare const FormDropdown: React.ComponentType<FieldProps<string, any> & FormDropdownProps>;

package/lib/components/common/TextField.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FormDropdown=exports.FormTextField=exports.TextField=exports.StyledInput=exports.invertedInputStyles=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),informed_1=require("informed"),informed_2=require("informed"),styled_components_1=(0,tslib_1.__importStar)(require("../../redoc-lib/src/styled-components")),form_1=require("./form"),redoc_lib_1=require("../../redoc-lib");exports.invertedInputStyles=(0,styled_components_1.css)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  border: none;\n  outline: none;\n  padding: 8px;\n  border-radius: ",";\n  background-color: ",";\n  ","\n\n  &::placeholder {\n    opacity: 0.6;\n    color: ",";\n  }\n\n  &:-webkit-autofill {\n    background-color: ",";\n  }\n"],["\n  border: none;\n  outline: none;\n  padding: 8px;\n  border-radius: ",";\n  background-color: ",";\n  ","\n\n  &::placeholder {\n    opacity: 0.6;\n    color: ",";\n  }\n\n  &:-webkit-autofill {\n    background-color: ",";\n  }\n"])),(function(e){return e.theme.shape.borderRadius}),(function(e){return e.theme.rightPanel.panelControlsBackgroundColor}),(function(e){var t=e.theme;return(0,styled_components_1.mediaCSS)({color:t.colors.text.light,fontFamily:t.typography.code.fontFamily,fontSize:t.typography.fontSize})}),(function(e){return e.theme.colors.text.light}),(function(e){return e.theme.rightPanel.panelBackgroundColor}));var TextFieldWrapper=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  display: ",";\n  ","\n"],["\n  display: ",";\n  ","\n"])),(function(e){return"hidden"===e.type?"none":"inline-block"}),(function(e){return e.fullWidth?"width: 100%;":""})),InputWrap=styled_components_1.default.div(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  position: relative;\n"],["\n  position: relative;\n"])));exports.StyledInput=styled_components_1.default.input(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  ","\n  ",";\n  ","\n"],["\n  ","\n  ",";\n  ","\n"])),exports.invertedInputStyles,(function(e){var t=e.inputType,n=e.inputActionButton;return"password"===t||n?"padding-right: 40px;":""}),(function(e){return e.fullWidth?"width: 100%;":""}));var InputActionButton=styled_components_1.default.span(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  position: absolute;\n  right: 0;\n  line-height: normal;\n\n  font-size: 0.8em;\n  padding: calc(8px / 0.8);\n  cursor: pointer;\n  text-align: center;\n  ","\n"],["\n  position: absolute;\n  right: 0;\n  line-height: normal;\n\n  font-size: 0.8em;\n  padding: calc(8px / 0.8);\n  cursor: pointer;\n  text-align: center;\n  ","\n"])),(function(e){var t=e.theme;return(0,styled_components_1.mediaCSS)({color:t.rightPanel.textColor})}));function TextFieldComponent(e,t){var n=e.fullWidth,r=e.errorMessage,o=e.type,l=react_1.default.useState("password"===o),i=l[0],a=l[1],u=react_1.default.useCallback((function(){a(!i)}),[i]);return react_1.default.createElement(TextFieldWrapper,{fullWidth:n,type:o},react_1.default.createElement(InputWrap,null,react_1.default.createElement(exports.StyledInput,(0,tslib_1.__assign)({},e,{type:i?"password":"text",inputType:o,ref:t})),e.inputActionButton?react_1.default.createElement(InputActionButton,{onClick:e.inputActionButton.onClick},e.inputActionButton.label):"password"===o?react_1.default.createElement(InputActionButton,{onClick:u},i?"show":"hide"):null),r?react_1.default.createElement(form_1.FormError,null,r):null)}function FormTextField(e){var t=(0,informed_2.useField)((0,tslib_1.__assign)({fieldType:"text"},e)),n=t.userProps,r=t.render,o=t.fieldState,l=t.informed;return r(react_1.default.createElement(exports.TextField,(0,tslib_1.__assign)({},n,l,{errorMessage:o.error})))}exports.TextField=react_1.default.forwardRef(TextFieldComponent),exports.FormTextField=FormTextField;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,FormDropdownInt=function(e){var t=e.initValue,n=e.options,r=e.fieldApi,o=e.fieldState,l=n.map((function(e,t){return{value:e.title||e.value,idx:t,origValue:e.value}})),i=l.find((function(e){return e.origValue===t})),a=react_1.default.useState(null==i?void 0:i.value),u=a[0],d=a[1];react_1.default.useEffect((function(){t&&r.setValue(t)}),[]);var c=react_1.default.useCallback((function(e){r.setValue(l[e.idx].origValue),d(l[e.idx].value)}),[l]);return react_1.default.createElement(TextFieldWrapper,{fullWidth:!0},react_1.default.createElement(redoc_lib_1.Dropdown,{fullWidth:!0,variant:"dark",value:u,options:l,onChange:c}),o.error?react_1.default.createElement(form_1.FormError,null,o.error):null)};exports.FormDropdown=(0,informed_1.asField)(FormDropdownInt);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FormDropdown=exports.FormTextField=exports.TextField=exports.StyledInput=exports.invertedInputStyles=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),informed_1=require("informed"),informed_2=require("informed"),styled_components_1=(0,tslib_1.__importStar)(require("../../redoc-lib/src/styled-components")),form_1=require("./form"),Dropdown_1=require("./Dropdown");exports.invertedInputStyles=(0,styled_components_1.css)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  border: none;\n  outline: none;\n  padding: 8px;\n  border-radius: ",";\n  background-color: ",";\n  ","\n\n  &::placeholder {\n    opacity: 0.6;\n    color: ",";\n  }\n\n  &:-webkit-autofill {\n    background-color: ",";\n  }\n"],["\n  border: none;\n  outline: none;\n  padding: 8px;\n  border-radius: ",";\n  background-color: ",";\n  ","\n\n  &::placeholder {\n    opacity: 0.6;\n    color: ",";\n  }\n\n  &:-webkit-autofill {\n    background-color: ",";\n  }\n"])),(function(e){return e.theme.shape.borderRadius}),(function(e){return e.theme.rightPanel.panelControlsBackgroundColor}),(function(e){var t=e.theme;return(0,styled_components_1.mediaCSS)({color:t.colors.text.light,fontFamily:t.typography.code.fontFamily,fontSize:t.typography.fontSize})}),(function(e){return e.theme.colors.text.light}),(function(e){return e.theme.rightPanel.panelBackgroundColor}));var TextFieldWrapper=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  display: ",";\n  ","\n"],["\n  display: ",";\n  ","\n"])),(function(e){return"hidden"===e.type?"none":"inline-block"}),(function(e){return e.fullWidth?"width: 100%;":""})),InputWrap=styled_components_1.default.div(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  position: relative;\n"],["\n  position: relative;\n"])));exports.StyledInput=styled_components_1.default.input(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  ","\n  ",";\n  ","\n"],["\n  ","\n  ",";\n  ","\n"])),exports.invertedInputStyles,(function(e){var t=e.inputType,n=e.inputActionButton;return"password"===t||n?"padding-right: 40px;":""}),(function(e){return e.fullWidth?"width: 100%;":""}));var InputActionButton=styled_components_1.default.span(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  position: absolute;\n  right: 0;\n  line-height: normal;\n\n  font-size: 0.8em;\n  padding: calc(8px / 0.8);\n  cursor: pointer;\n  text-align: center;\n  ","\n"],["\n  position: absolute;\n  right: 0;\n  line-height: normal;\n\n  font-size: 0.8em;\n  padding: calc(8px / 0.8);\n  cursor: pointer;\n  text-align: center;\n  ","\n"])),(function(e){var t=e.theme;return(0,styled_components_1.mediaCSS)({color:t.rightPanel.textColor})}));function TextFieldComponent(e,t){var n=e.fullWidth,r=e.errorMessage,o=e.type,l=react_1.default.useState("password"===o),a=l[0],i=l[1],u=react_1.default.useCallback((function(){i(!a)}),[a]);return react_1.default.createElement(TextFieldWrapper,{fullWidth:n,type:o},react_1.default.createElement(InputWrap,null,react_1.default.createElement(exports.StyledInput,(0,tslib_1.__assign)({},e,{type:a?"password":"text",inputType:o,ref:t})),e.inputActionButton?react_1.default.createElement(InputActionButton,{onClick:e.inputActionButton.onClick},e.inputActionButton.label):"password"===o?react_1.default.createElement(InputActionButton,{onClick:u},a?"show":"hide"):null),r?react_1.default.createElement(form_1.FormError,null,r):null)}function FormTextField(e){var t=(0,informed_2.useField)((0,tslib_1.__assign)({fieldType:"text"},e)),n=t.userProps,r=t.render,o=t.fieldState,l=t.informed;return r(react_1.default.createElement(exports.TextField,(0,tslib_1.__assign)({},n,l,{errorMessage:o.error})))}exports.TextField=react_1.default.forwardRef(TextFieldComponent),exports.FormTextField=FormTextField;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,FormDropdownInt=function(e){var t=e.initValue,n=e.options,r=e.fieldApi,o=e.fieldState,l=n.map((function(e,t){return{value:e.title||e.value,idx:t,origValue:e.value}})),a=l.find((function(e){return e.origValue===t})),i=react_1.default.useState(null==a?void 0:a.value),u=i[0],d=i[1];react_1.default.useEffect((function(){t&&r.setValue(t)}),[]);var p=react_1.default.useCallback((function(e){r.setValue(l[e.idx].origValue),d(l[e.idx].value)}),[l]);return react_1.default.createElement(TextFieldWrapper,{fullWidth:!0},react_1.default.createElement(Dropdown_1.Dropdown,{fullWidth:!0,variant:"dark",value:u,options:l,onChange:p}),o.error?react_1.default.createElement(form_1.FormError,null,o.error):null)};exports.FormDropdown=(0,informed_1.asField)(FormDropdownInt);
 //# sourceMappingURL=TextField.js.map

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { FormApi, FormState } from 'informed';
-import { Option } from '@redocly/react-dropdown-aria';
 import { OperationModel } from '../../redoc-lib';
 import { SecurityDetails } from '../../utils';
+import { DropdownOption } from '../common/Dropdown';
 export declare function requiredValidator(value: unknown): string | undefined;
 export interface AuthPanelProps {
     operation: OperationModel;
@@ -20,7 +20,7 @@ export declare class AuthPanel extends React.Component<AuthPanelProps, AuthPanel
     state: {
         activeScheme: number;
     };
-    handleSchemeChange: (option: Option & {
+    handleSchemeChange: (option: DropdownOption & {
         idx: number;
     }) => void;
     render(): JSX.Element | null;

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.toSessionStorage)("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.fromSessionStorage)("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,o=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===o.length?null:React.createElement(React.Fragment,null,React.createElement(form_1.FormWrapper,null,o.length>1&&React.createElement(form_1.FormControl,null,React.createElement(redoc_lib_1.Dropdown,{variant:"dark",fullWidth:!0,prefix:"Security scheme: ",options:o,value:o[r].value,onChange:this.handleSchemeChange}))||null,l[r].schemes.map((function(r){var l,o,a,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.fromSessionStorage)("auth."+c)||(null==t?void 0:t[c]),initValue:fromCookie(r)||(0,utils_1.fromSessionStorage)("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.fromSessionStorage)("auth."+c+".username")||(null===(l=null==t?void 0:t[c])||void 0===l?void 0:l.username),initValue:(0,utils_1.fromSessionStorage)("auth."+c+".username")||(null===(o=null==t?void 0:t[c])||void 0===o?void 0:o.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.fromSessionStorage)("auth."+c+".password")||(null===(a=null==t?void 0:t[c])||void 0===a?void 0:a.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.fromSessionStorage)("auth."+c)||(null==t?void 0:t[c]),initValue:(0,utils_1.fromSessionStorage)("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",usePkce:r.flows.authorizationCode["x-usePkce"],defaultValues:null==t?void 0:t[c]});if("oauth2"===r.type){var h=(0,utils_1.fromSessionStorage)("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")),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"),Dropdown_1=require("../common/Dropdown");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.toSessionStorage)("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.fromSessionStorage)("securityRequirementName"),o=t.findIndex((function(e){return e===r}));return{activeScheme:o<0?0:o}}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props.securityDefaults,r=this.state.activeScheme,o=this.props.operation.security,l=o.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===l.length?null:React.createElement(React.Fragment,null,React.createElement(form_1.FormWrapper,null,l.length>1&&React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Security scheme: "),React.createElement(Dropdown_1.Dropdown,{variant:"dark",fullWidth:!0,options:l,value:l[r].value,onChange:this.handleSchemeChange}))||null,o[r].schemes.map((function(r){var o,l,a,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.fromSessionStorage)("auth."+c)||(null==t?void 0:t[c]),initValue:fromCookie(r)||(0,utils_1.fromSessionStorage)("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.fromSessionStorage)("auth."+c+".username")||(null===(o=null==t?void 0:t[c])||void 0===o?void 0:o.username),initValue:(0,utils_1.fromSessionStorage)("auth."+c+".username")||(null===(l=null==t?void 0:t[c])||void 0===l?void 0:l.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.fromSessionStorage)("auth."+c+".password")||(null===(a=null==t?void 0:t[c])||void 0===a?void 0:a.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.fromSessionStorage)("auth."+c)||(null==t?void 0:t[c]),initValue:(0,utils_1.fromSessionStorage)("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",usePkce:r.flows.authorizationCode["x-usePkce"],defaultValues:null==t?void 0:t[c]});if("oauth2"===r.type){var h=(0,utils_1.fromSessionStorage)("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;
 //# sourceMappingURL=AuthPanel.js.map

package/lib/components/console/ParameterDropdown.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ParameterEnumDropdown=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),informed_1=require("informed"),redoc_lib_1=require("../../redoc-lib"),hooks_1=require("../../hooks"),ParameterEnumDropdownComponent=function(e){var r=e.initValue,o=e.paramEnum,t=e.fieldApi,n=React.useState(r),a=n[0],i=n[1],u=o.map((function(e,r){return{id:String(r),value:e}}));return(0,hooks_1.useMount)((function(){r&&t.setValue(r)})),React.createElement(redoc_lib_1.Dropdown,{fullWidth:!0,variant:"dark",value:a,options:u,onChange:function(e){t.setValue(e.value),i(e.value)}})};exports.ParameterEnumDropdown=(0,informed_1.asField)(ParameterEnumDropdownComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ParameterEnumDropdown=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),informed_1=require("informed"),hooks_1=require("../../hooks"),Dropdown_1=require("../common/Dropdown"),ParameterEnumDropdownComponent=function(e){var r=e.initValue,o=e.paramEnum,n=e.fieldApi,t=React.useState(r),a=t[0],u=t[1],i=o.map((function(e,r){return{idx:r,value:e}}));return(0,hooks_1.useMount)((function(){r&&n.setValue(r)})),React.createElement(Dropdown_1.Dropdown,{fullWidth:!0,variant:"dark",value:a,options:i,onChange:function(e){n.setValue(e.value),u(e.value)}})};exports.ParameterEnumDropdown=(0,informed_1.asField)(ParameterEnumDropdownComponent);
 //# sourceMappingURL=ParameterDropdown.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,o=e.properties,i=void 0===o?{}:o,a=(0,tslib_1.__rest)(e,["properties"]),l=function(e){var r,t=a.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,i,{arrayMerge:utils_1.arrayMerge});return JSON.stringify(l,null,2)},n=null===(t=null===(r=a.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=a.body.content)||void 0===r?void 0:r.operation)||void 0===t||t.activateExampleName(e),a.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,i,{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(o){return t=a.console.formApi,(0,t.setValue)("body."+e,r),[2]}))}))};(0,react_1.useEffect)((function(){!1!==n?n&&a.console.formApi.setValue("body",l(n)):a.console.formApi.setValue("body",JSON.stringify(i,null,2))}),[n]);var m=a.validate,c=a.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||{},o=Object.keys(t),i=e.schema,l=(0,helper_1.isRootFileUpload)(i||{},e.name)||e.name===models_1.MediaTypes.MULTIPART||e.name===models_1.MediaTypes.URL_ENCODED,n=(0,Samples_1.useExampleKey)(e.operation,t).exampleKey,c=t[n];return React.createElement(React.Fragment,null,o.length&&1!==o.length&&React.createElement(Samples_1.ExampleSwitch,{examples:t,onChange:u,exampleKey:n})||null,l?React.createElement(RequestBodyForm_1.RequestBodyForm,{mediaType:e,onChange:s.bind(_this)}):React.createElement(CodemirrorInput_1.default,{id:"body"+a.id,field:"body",initialValue:d(c),schema:((null===(r=null==a?void 0:a.resolvedBody)||void 0===r?void 0:r.content[e.name])||{}).schema,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"),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"),Dropdown_1=require("../common/Dropdown");exports.RequestBody=(0,mobx_react_1.observer)((function(e){var r,t,o=e.properties,i=void 0===o?{}:o,a=(0,tslib_1.__rest)(e,["properties"]),l=function(e){var r,t=a.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,i,{arrayMerge:utils_1.arrayMerge});return JSON.stringify(l,null,2)},n=null===(t=null===(r=a.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=a.body.content)||void 0===r?void 0:r.operation)||void 0===t||t.activateExampleName(e),a.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,i,{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(o){return t=a.console.formApi,(0,t.setValue)("body."+e,r),[2]}))}))};(0,react_1.useEffect)((function(){!1!==n?n&&a.console.formApi.setValue("body",l(n)):a.console.formApi.setValue("body",JSON.stringify(i,null,2))}),[n]);var m=a.validate,c=a.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:Dropdown_1.Dropdown}))}},(function(e){var r,t=e.examples||{},o=Object.keys(t),i=e.schema,l=(0,helper_1.isRootFileUpload)(i||{},e.name)||e.name===models_1.MediaTypes.MULTIPART||e.name===models_1.MediaTypes.URL_ENCODED,n=(0,Samples_1.useExampleKey)(e.operation,t).exampleKey,c=t[n];return React.createElement(React.Fragment,null,o.length&&1!==o.length&&React.createElement(Samples_1.ExampleSwitch,{examples:t,onChange:u,exampleKey:n})||null,l?React.createElement(RequestBodyForm_1.RequestBodyForm,{mediaType:e,onChange:s.bind(_this)}):React.createElement(CodemirrorInput_1.default,{id:"body"+a.id,field:"body",initialValue:d(c),schema:((null===(r=null==a?void 0:a.resolvedBody)||void 0===r?void 0:r.content[e.name])||{}).schema,mode:e.name,validate:m}))})))}));
 //# sourceMappingURL=RequestBody.js.map

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { DropdownProps } from '@redocly/react-dropdown-aria';
-import { OperationModel, Server } from '../../redoc-lib';
+import type { OperationModel, Server } from '../../redoc-lib';
+import { DropdownOption } from '../common/Dropdown';
 export interface ServerDropdownProps {
     operation: OperationModel;
     onChange: (server: Server) => void;
@@ -17,9 +17,7 @@ export declare class ServerChooser extends React.Component<ServerDropdownProps,
         variables: {};
     };
     static getDerivedStateFromProps(props: ServerDropdownProps): ServerDropdownState;
-    handleServerChange: (option: DropdownProps & {
-        serverUrl: string;
-    }) => void;
+    handleServerChange: (option: DropdownOption) => void;
     handleVariableChange: (name: string, value: string) => void;
     componentDidMount(): void;
     render(): JSX.Element;

package/lib/components/console/ServerDropdown.js

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

package/lib/components/console/ServerVariable.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),form_1=require("../common/form"),TextField_1=require("../common/TextField");function ServerVariable(e){var t=e.name,r=e.value,l=e.description,n=e.variableEnum,a=e.onChange,i=e.defaultValue,o=n?n.map((function(e,t){return{value:e,idx:t}})):[];return React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null,t,":"),o&&o.length?React.createElement(redoc_lib_1.Dropdown,{fullWidth:!0,variant:"dark",openUp:!0,value:r,options:o,onChange:function(e){return a(e.value)}}):React.createElement(TextField_1.TextField,{fullWidth:!0,value:r,onChange:function(e){return a(e.target.value)},placeholder:i}),l&&React.createElement(Description,null,l))}exports.default=ServerVariable;var templateObject_1,Description=redoc_lib_1.styled.small(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-block;\n  margin-top: 5px;\n  color: #d0d0d0;\n"],["\n  display: inline-block;\n  margin-top: 5px;\n  color: #d0d0d0;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),Dropdown_1=require("../common/Dropdown"),form_1=require("../common/form"),TextField_1=require("../common/TextField");function ServerVariable(e){var r=e.name,t=e.value,l=e.description,n=e.variableEnum,a=e.onChange,o=e.defaultValue,i=n?n.map((function(e,r){return{value:e,idx:r}})):[];return React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null,r,":"),i&&i.length?React.createElement(Dropdown_1.Dropdown,{fullWidth:!0,variant:"dark",value:t,options:i,onChange:function(e){return a(e.value)}}):React.createElement(TextField_1.TextField,{fullWidth:!0,value:t,onChange:function(e){return a(e.target.value)},placeholder:o}),l&&React.createElement(Description,null,l))}exports.default=ServerVariable;var templateObject_1,Description=redoc_lib_1.styled.small(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-block;\n  margin-top: 5px;\n  color: #d0d0d0;\n"],["\n  display: inline-block;\n  margin-top: 5px;\n  color: #d0d0d0;\n"])));
 //# sourceMappingURL=ServerVariable.js.map

package/lib/components/index.d.ts

@@ -9,5 +9,7 @@ export * from './ProProviders';
 export { ToggleRightPanelButton, ControlsWrap, ChangeViewButton, BackgroundStub, NextSectionButtonWrap, ApiContentWrap, BackgroundStubFix, } from './styled.elements';
 export { TextField } from './common/TextField';
 export { Checkbox } from './common/Checkbox';
+export { Dropdown } from './common/Dropdown';
 export { FormControl, FormLabel, FormError } from './common/form';
 export type { OpenApiResponseData } from './console/ResponsePanel';
+export type { DropdownProps, DropdownOption } from './common/Dropdown';

package/lib/components/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FormError=exports.FormLabel=exports.FormControl=exports.Checkbox=exports.TextField=exports.BackgroundStubFix=exports.ApiContentWrap=exports.NextSectionButtonWrap=exports.BackgroundStub=exports.ChangeViewButton=exports.ControlsWrap=exports.ToggleRightPanelButton=exports.Button=void 0;var tslib_1=require("tslib"),Button_1=require("./shared/Button");Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return Button_1.Button}}),(0,tslib_1.__exportStar)(require("./NextSectionButton"),exports),(0,tslib_1.__exportStar)(require("./StoreProvider"),exports),(0,tslib_1.__exportStar)(require("./RedoclyReferenceDocs"),exports),(0,tslib_1.__exportStar)(require("./pluggable"),exports),(0,tslib_1.__exportStar)(require("./console/ConsoleLazy"),exports),(0,tslib_1.__exportStar)(require("./ProProviders"),exports);var styled_elements_1=require("./styled.elements");Object.defineProperty(exports,"ToggleRightPanelButton",{enumerable:!0,get:function(){return styled_elements_1.ToggleRightPanelButton}}),Object.defineProperty(exports,"ControlsWrap",{enumerable:!0,get:function(){return styled_elements_1.ControlsWrap}}),Object.defineProperty(exports,"ChangeViewButton",{enumerable:!0,get:function(){return styled_elements_1.ChangeViewButton}}),Object.defineProperty(exports,"BackgroundStub",{enumerable:!0,get:function(){return styled_elements_1.BackgroundStub}}),Object.defineProperty(exports,"NextSectionButtonWrap",{enumerable:!0,get:function(){return styled_elements_1.NextSectionButtonWrap}}),Object.defineProperty(exports,"ApiContentWrap",{enumerable:!0,get:function(){return styled_elements_1.ApiContentWrap}}),Object.defineProperty(exports,"BackgroundStubFix",{enumerable:!0,get:function(){return styled_elements_1.BackgroundStubFix}});var TextField_1=require("./common/TextField");Object.defineProperty(exports,"TextField",{enumerable:!0,get:function(){return TextField_1.TextField}});var Checkbox_1=require("./common/Checkbox");Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return Checkbox_1.Checkbox}});var form_1=require("./common/form");Object.defineProperty(exports,"FormControl",{enumerable:!0,get:function(){return form_1.FormControl}}),Object.defineProperty(exports,"FormLabel",{enumerable:!0,get:function(){return form_1.FormLabel}}),Object.defineProperty(exports,"FormError",{enumerable:!0,get:function(){return form_1.FormError}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FormError=exports.FormLabel=exports.FormControl=exports.Dropdown=exports.Checkbox=exports.TextField=exports.BackgroundStubFix=exports.ApiContentWrap=exports.NextSectionButtonWrap=exports.BackgroundStub=exports.ChangeViewButton=exports.ControlsWrap=exports.ToggleRightPanelButton=exports.Button=void 0;var tslib_1=require("tslib"),Button_1=require("./shared/Button");Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return Button_1.Button}}),(0,tslib_1.__exportStar)(require("./NextSectionButton"),exports),(0,tslib_1.__exportStar)(require("./StoreProvider"),exports),(0,tslib_1.__exportStar)(require("./RedoclyReferenceDocs"),exports),(0,tslib_1.__exportStar)(require("./pluggable"),exports),(0,tslib_1.__exportStar)(require("./console/ConsoleLazy"),exports),(0,tslib_1.__exportStar)(require("./ProProviders"),exports);var styled_elements_1=require("./styled.elements");Object.defineProperty(exports,"ToggleRightPanelButton",{enumerable:!0,get:function(){return styled_elements_1.ToggleRightPanelButton}}),Object.defineProperty(exports,"ControlsWrap",{enumerable:!0,get:function(){return styled_elements_1.ControlsWrap}}),Object.defineProperty(exports,"ChangeViewButton",{enumerable:!0,get:function(){return styled_elements_1.ChangeViewButton}}),Object.defineProperty(exports,"BackgroundStub",{enumerable:!0,get:function(){return styled_elements_1.BackgroundStub}}),Object.defineProperty(exports,"NextSectionButtonWrap",{enumerable:!0,get:function(){return styled_elements_1.NextSectionButtonWrap}}),Object.defineProperty(exports,"ApiContentWrap",{enumerable:!0,get:function(){return styled_elements_1.ApiContentWrap}}),Object.defineProperty(exports,"BackgroundStubFix",{enumerable:!0,get:function(){return styled_elements_1.BackgroundStubFix}});var TextField_1=require("./common/TextField");Object.defineProperty(exports,"TextField",{enumerable:!0,get:function(){return TextField_1.TextField}});var Checkbox_1=require("./common/Checkbox");Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return Checkbox_1.Checkbox}});var Dropdown_1=require("./common/Dropdown");Object.defineProperty(exports,"Dropdown",{enumerable:!0,get:function(){return Dropdown_1.Dropdown}});var form_1=require("./common/form");Object.defineProperty(exports,"FormControl",{enumerable:!0,get:function(){return form_1.FormControl}}),Object.defineProperty(exports,"FormLabel",{enumerable:!0,get:function(){return form_1.FormLabel}}),Object.defineProperty(exports,"FormError",{enumerable:!0,get:function(){return form_1.FormError}});
 //# sourceMappingURL=index.js.map

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

@@ -18,4 +18,4 @@ export declare const ChangeViewButton: ({ store, isVisible, }: {
     store: ProStore;
     isVisible: boolean;
 }) => JSX.Element | null;
-export declare const ControlsWrap: import("styled-components").StyledComponent<"div", ProTheme, {}, never>;
+export declare const ControlsWrap: import("styled-components").StyledComponent<"span", ProTheme, {}, never>;

package/lib/components/styled.elements.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ControlsWrap=exports.ChangeViewButton=exports.NextSectionButtonWrap=exports.BackgroundStubFix=exports.BackgroundStub=exports.ApiContentWrap=exports.RedocWrap=exports.ArrowIcon=exports.ToggleRightPanelButton=exports.StyledToggleRightPanelButton=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),redoc_lib_1=require("../redoc-lib"),services_1=require("../services"),ShowRightPanelSVG=(0,redoc_lib_1.styled)((function(){return React.createElement("svg",{width:"15",height:"10",viewBox:"0 0 15 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("path",{d:"M2.41421 5L5.70711 8.29289C6.09763 8.68342 6.09763 9.31658 5.7071 9.70711C5.31658 10.0976 4.68342 10.0976 4.29289 9.70711L0.292892 5.70711C-0.0976321 5.31658 -0.0976319 4.68342 0.292893 4.29289L4.29289 0.292894C4.68342 -0.0976302 5.31658 -0.09763 5.70711 0.292894C6.09763 0.683418 6.09763 1.31658 5.70711 1.70711L2.41421 5Z",fill:"#9AA6B1"}),React.createElement("path",{d:"M2 5C2 4.44772 2.44771 4 3 4L11 4C11.5523 4 12 4.44772 12 5C12 5.55229 11.5523 6 11 6L3 6C2.44771 6 2 5.55228 2 5Z",fill:"#9AA6B1"}),React.createElement("rect",{x:"15",y:"10",width:"2",height:"10",rx:"1",transform:"rotate(-180 15 10)",fill:"#9AA6B1"}))}))(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),HideRightPanelSVG=(0,redoc_lib_1.styled)((function(){return React.createElement("svg",{width:"15",height:"10",viewBox:"0 0 15 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("path",{d:"M12.5858 5L9.29289 1.70711C8.90237 1.31658 8.90237 0.683417 9.29289 0.292893C9.68342 -0.097631 10.3166 -0.0976309 10.7071 0.292893L14.7071 4.29289C15.0976 4.68342 15.0976 5.31658 14.7071 5.70711L10.7071 9.70711C10.3166 10.0976 9.68342 10.0976 9.29289 9.70711C8.90237 9.31658 8.90237 8.68342 9.29289 8.29289L12.5858 5Z",fill:"#9AA6B1"}),React.createElement("path",{d:"M13 5C13 5.55229 12.5523 6 12 6L4 6C3.44772 6 3 5.55228 3 5C3 4.44771 3.44772 4 4 4L12 4C12.5523 4 13 4.44772 13 5Z",fill:"#9AA6B1"}),React.createElement("rect",{width:"2",height:"10",rx:"1",fill:"#9AA6B1"}))}))(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  position: absolute;\n"],["\n  position: absolute;\n"])));exports.StyledToggleRightPanelButton=redoc_lib_1.styled.a(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: '#f00';\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  width: ",";\n  height: ",";\n  background: #e5e8eb;\n  border-radius: ",";\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: '#f00';\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  width: ",";\n  height: ",";\n  background: #e5e8eb;\n  border-radius: ",";\n"])),(function(e){return e.theme.components.layoutControls.width}),(function(e){return e.theme.components.layoutControls.height}),(function(e){return e.theme.shape.borderRadius})),exports.ToggleRightPanelButton=(0,mobx_react_1.observer)((function(e){var t=e.store,n=e.isVisible;return t.options.showRightPanelToggle&&n?React.createElement(redoc_lib_1.Tooltip,{tip:t.showRightPanel?"Hide samples":"Show samples",placement:"left"},React.createElement(exports.StyledToggleRightPanelButton,{onClick:function(){t.toggleRightPanel()}},t.showRightPanel?React.createElement(HideRightPanelSVG,null):React.createElement(ShowRightPanelSVG,null))):null}));var IntArrowIcon=function(e){return React.createElement("svg",{className:e.className,version:"1.1",viewBox:"0 0 24 24",x:"0",xmlns:"http://www.w3.org/2000/svg",y:"0","aria-hidden":"true"},React.createElement("polygon",{points:"17.3 8.3 12 13.6 6.7 8.3 5.3 9.7 12 16.4 18.7 9.7 "}))};exports.ArrowIcon=(0,redoc_lib_1.styled)(IntArrowIcon)(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  width: 18px;\n  height: 18px;\n  transform: ",";\n\n  ","\n"],["\n  width: 18px;\n  height: 18px;\n  transform: ",";\n\n  ","\n"])),(function(e){return"rotate("+("left"===e.direction?"90deg":"-90deg")+")"}),(function(e){var t,n=e.theme;return(0,redoc_lib_1.mediaCSS)({fill:null===(t=n.rightPanel)||void 0===t?void 0:t.textColor})})),exports.RedocWrap=redoc_lib_1.styled.div(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  display: flex;\n  position: relative;\n  text-align: left;\n  tap-highlight-color: rgba(0, 0, 0, 0);\n  text-size-adjust: 100%;\n  ",";\n\n  ","\n\n  * {\n    box-sizing: border-box;\n    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n  }\n"],["\n  display: flex;\n  position: relative;\n  text-align: left;\n  tap-highlight-color: rgba(0, 0, 0, 0);\n  text-size-adjust: 100%;\n  ",";\n\n  ","\n\n  * {\n    box-sizing: border-box;\n    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n  }\n"])),(function(e){var t=e.theme;return"\n    -webkit-font-smoothing: "+t.typography.smoothing+";\n    "+(t.typography.optimizeSpeed?"text-rendering: optimizeSpeed !important":"")+";\n  "}),(function(e){var t=e.theme;return(0,redoc_lib_1.mediaCSS)({fontFamily:t.typography.fontFamily,fontSize:t.typography.fontSize,lineHeight:t.typography.lineHeight,fontWeight:t.typography.fontWeightRegular,color:t.colors.text.primary,fontSmoothing:t.typography.smoothing})})),exports.ApiContentWrap=redoc_lib_1.styled.div(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(["\n  position: relative;\n  overflow: hidden;\n  /* contain: layout; */\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 0 auto;\n\n  ","\n"],["\n  position: relative;\n  overflow: hidden;\n  /* contain: layout; */\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 0 auto;\n\n  ","\n"])),(function(e){var t,n=e.theme,i=e.layout;return(0,redoc_lib_1.css)(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n    ",";\n\n    "," {\n      width: 100%;\n      padding: 0;\n    }\n  "],["\n    ",";\n\n    "," {\n      width: 100%;\n      padding: 0;\n    }\n  "])),(0,redoc_lib_1.mediaCSS)({width:(t={},t[redoc_lib_1.ZERO_BREAKPOINT]="auto",t.small="calc(100% - "+n.sidebar.width+")",t),maxWidth:n.layout[i||services_1.LayoutVariant.THREE_PANEL].maxWidth}),n.mediaQueries.print)})),exports.BackgroundStub=redoc_lib_1.styled.div(templateObject_9||(templateObject_9=(0,tslib_1.__makeTemplateObject)(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  ","\n"],["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  ","\n"])),(function(e){var t,n,i=e.theme;return(0,redoc_lib_1.css)(templateObject_8||(templateObject_8=(0,tslib_1.__makeTemplateObject)(["\n    ","\n    "," {\n      display: none;\n    }\n  "],["\n    ","\n    "," {\n      display: none;\n    }\n  "])),(0,redoc_lib_1.mediaCSS)({background:i.rightPanel.backgroundColor,display:(t={},t[redoc_lib_1.ZERO_BREAKPOINT]="none",t[i.rightPanel.showAtBreakpoint]="initial",t),left:(0,redoc_lib_1.mediaMap)(i.breakpoints,[i.rightPanel.width],(n={},n[redoc_lib_1.ZERO_BREAKPOINT]=function(){return"0"},n[i.rightPanel.showAtBreakpoint]=function(e){return"calc(100% - "+e+")"},n))}),i.mediaQueries.print)})),exports.BackgroundStubFix=redoc_lib_1.styled.div(templateObject_11||(templateObject_11=(0,tslib_1.__makeTemplateObject)(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  ","\n"],["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  ","\n"])),(function(e){var t,n,i=e.theme;return(0,redoc_lib_1.css)(templateObject_10||(templateObject_10=(0,tslib_1.__makeTemplateObject)(["\n    ","\n    "," {\n      display: none;\n    }\n  "],["\n    ","\n    "," {\n      display: none;\n    }\n  "])),(0,redoc_lib_1.mediaCSS)({background:i.rightPanel.backgroundColor,display:(t={},t[redoc_lib_1.ZERO_BREAKPOINT]="none",t[i.rightPanel.showAtBreakpoint]="initial",t),width:(0,redoc_lib_1.mediaMap)(i.breakpoints,[i.sidebar.width,i.layout["three-panel"].maxWidth],(n={},n[redoc_lib_1.ZERO_BREAKPOINT]=function(){return"0"},n[i.rightPanel.showAtBreakpoint]=function(e,t){return"calc((100% - min(100% - "+e+" - "+i.components.layoutControls.width+", "+t+") - "+e+" + "+i.components.layoutControls.width+")/2 + 2px)"},n))}),i.mediaQueries.print)})),exports.NextSectionButtonWrap=redoc_lib_1.styled.div(templateObject_13||(templateObject_13=(0,tslib_1.__makeTemplateObject)(["\n  padding: ",";\n  align-self: flex-start;\n  text-align: right;\n\n  display: flex;\n  flex-direction: row;\n\n  ","\n"],["\n  padding: ",";\n  align-self: flex-start;\n  text-align: right;\n\n  display: flex;\n  flex-direction: row;\n\n  ","\n"])),(function(e){var t=e.theme;return 4*t.spacing.unit+"px "+5*t.spacing.unit+"px"}),(function(e){var t,n,i=e.theme,o=i.layout.showDarkRightPanel?i.spacing.sectionHorizontal:i.spacing.sectionHorizontal/2;return(0,redoc_lib_1.css)(templateObject_12||(templateObject_12=(0,tslib_1.__makeTemplateObject)(["\n      ","\n    "],["\n      ","\n    "])),(0,redoc_lib_1.mediaCSS)({width:(0,redoc_lib_1.mediaMap)(i.breakpoints,[i.rightPanel.width],(t={},t[redoc_lib_1.ZERO_BREAKPOINT]=function(){return"100%"},t[i.rightPanel.showAtBreakpoint]=function(e){return"calc(100% - "+e+")"},t)),paddingLeft:i.spacing.sectionHorizontal,paddingRight:(n={},n[redoc_lib_1.ZERO_BREAKPOINT]=i.spacing.sectionHorizontal,n[i.rightPanel.showAtBreakpoint]=o,n)}))}));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11,templateObject_12,templateObject_13,templateObject_14,templateObject_15,templateObject_16,templateObject_17,templateObject_18,ChangeViewSvgColumn=(0,redoc_lib_1.styled)((function(){return React.createElement("svg",{width:"15",height:"20",viewBox:"0 0 15 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("line",{x1:"13.2858",y1:"5.28564",x2:"1.00005",y2:"5.28564",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("line",{x1:"13.2858",y1:"1",x2:"1.00005",y2:"0.999998",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("rect",{x:"14.2858",y:"20",width:"14.2857",height:"11.4286",rx:"1",transform:"rotate(-180 14.2858 20)",fill:"#9AA6B1"}))}))(templateObject_14||(templateObject_14=(0,tslib_1.__makeTemplateObject)(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),ChangeViewSvgRow=(0,redoc_lib_1.styled)((function(){return React.createElement("svg",{width:"20",height:"16",viewBox:"0 0 20 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("line",{x1:"1",y1:"4",x2:"8",y2:"4",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("line",{x1:"1",y1:"8",x2:"8",y2:"8",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("line",{x1:"1",y1:"12",x2:"8",y2:"12",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("rect",{x:"11",width:"9",height:"16",rx:"1",fill:"#9AA6B1"}))}))(templateObject_15||(templateObject_15=(0,tslib_1.__makeTemplateObject)(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),StyledChangeViewButton=redoc_lib_1.styled.a(templateObject_16||(templateObject_16=(0,tslib_1.__makeTemplateObject)(["\n  display: flex;\n  position: relative;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  width: ",";\n  height: ",";\n  background: #e5e8eb;\n  border-radius: ",";\n"],["\n  display: flex;\n  position: relative;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  width: ",";\n  height: ",";\n  background: #e5e8eb;\n  border-radius: ",";\n"])),(function(e){return e.theme.components.layoutControls.width}),(function(e){return e.theme.components.layoutControls.height}),(function(e){return e.theme.shape.borderRadius})),ChangeViewButton=function(e){var t=e.store,n=e.isVisible;return t.options.showChangeLayoutButton&&n?React.createElement(redoc_lib_1.Tooltip,{tip:"Change layout",placement:"left"},React.createElement(StyledChangeViewButton,{onClick:function(){t.toggleLayout(t.layout===services_1.LayoutVariant.STACKED?services_1.LayoutVariant.THREE_PANEL:services_1.LayoutVariant.STACKED)}},t.layout===services_1.LayoutVariant.STACKED?React.createElement(ChangeViewSvgRow,null):React.createElement(ChangeViewSvgColumn,null))):null};exports.ChangeViewButton=ChangeViewButton,exports.ControlsWrap=redoc_lib_1.styled.div(templateObject_18||(templateObject_18=(0,tslib_1.__makeTemplateObject)(["\n  position: sticky;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  top: ",";\n  right: 24px;\n  height: ",";\n  z-index: 1;\n  ","\n"],["\n  position: sticky;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  top: ",";\n  right: 24px;\n  height: ",";\n  z-index: 1;\n  ","\n"])),(function(e){return e.theme.components.layoutControls.top}),(function(e){var t=e.theme;return"calc("+t.components.layoutControls.height+" * 2 + "+2*t.spacing.unit+"px)"}),(function(e){var t,n=e.theme;return(0,redoc_lib_1.css)(templateObject_17||(templateObject_17=(0,tslib_1.__makeTemplateObject)(["\n    ","\n    "," {\n      display: none;\n    }\n  "],["\n    ","\n    "," {\n      display: none;\n    }\n  "])),(0,redoc_lib_1.mediaCSS)({display:(t={},t[redoc_lib_1.ZERO_BREAKPOINT]="none",t[n.rightPanel.showAtBreakpoint]="flex",t)}),n.mediaQueries.print)}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ControlsWrap=exports.ChangeViewButton=exports.NextSectionButtonWrap=exports.BackgroundStubFix=exports.BackgroundStub=exports.ApiContentWrap=exports.RedocWrap=exports.ArrowIcon=exports.ToggleRightPanelButton=exports.StyledToggleRightPanelButton=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),redoc_lib_1=require("../redoc-lib"),services_1=require("../services"),ShowRightPanelSVG=(0,redoc_lib_1.styled)((function(){return React.createElement("svg",{width:"15",height:"10",viewBox:"0 0 15 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("path",{d:"M2.41421 5L5.70711 8.29289C6.09763 8.68342 6.09763 9.31658 5.7071 9.70711C5.31658 10.0976 4.68342 10.0976 4.29289 9.70711L0.292892 5.70711C-0.0976321 5.31658 -0.0976319 4.68342 0.292893 4.29289L4.29289 0.292894C4.68342 -0.0976302 5.31658 -0.09763 5.70711 0.292894C6.09763 0.683418 6.09763 1.31658 5.70711 1.70711L2.41421 5Z",fill:"#9AA6B1"}),React.createElement("path",{d:"M2 5C2 4.44772 2.44771 4 3 4L11 4C11.5523 4 12 4.44772 12 5C12 5.55229 11.5523 6 11 6L3 6C2.44771 6 2 5.55228 2 5Z",fill:"#9AA6B1"}),React.createElement("rect",{x:"15",y:"10",width:"2",height:"10",rx:"1",transform:"rotate(-180 15 10)",fill:"#9AA6B1"}))}))(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),HideRightPanelSVG=(0,redoc_lib_1.styled)((function(){return React.createElement("svg",{width:"15",height:"10",viewBox:"0 0 15 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("path",{d:"M12.5858 5L9.29289 1.70711C8.90237 1.31658 8.90237 0.683417 9.29289 0.292893C9.68342 -0.097631 10.3166 -0.0976309 10.7071 0.292893L14.7071 4.29289C15.0976 4.68342 15.0976 5.31658 14.7071 5.70711L10.7071 9.70711C10.3166 10.0976 9.68342 10.0976 9.29289 9.70711C8.90237 9.31658 8.90237 8.68342 9.29289 8.29289L12.5858 5Z",fill:"#9AA6B1"}),React.createElement("path",{d:"M13 5C13 5.55229 12.5523 6 12 6L4 6C3.44772 6 3 5.55228 3 5C3 4.44771 3.44772 4 4 4L12 4C12.5523 4 13 4.44772 13 5Z",fill:"#9AA6B1"}),React.createElement("rect",{width:"2",height:"10",rx:"1",fill:"#9AA6B1"}))}))(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  position: absolute;\n"],["\n  position: absolute;\n"])));exports.StyledToggleRightPanelButton=redoc_lib_1.styled.a(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: '#f00';\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  width: ",";\n  height: ",";\n  background: #e5e8eb;\n  border-radius: ",";\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: '#f00';\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  width: ",";\n  height: ",";\n  background: #e5e8eb;\n  border-radius: ",";\n"])),(function(e){return e.theme.components.layoutControls.width}),(function(e){return e.theme.components.layoutControls.height}),(function(e){return e.theme.shape.borderRadius})),exports.ToggleRightPanelButton=(0,mobx_react_1.observer)((function(e){var t=e.store,n=e.isVisible;return t.options.showRightPanelToggle&&n?React.createElement(redoc_lib_1.Tooltip,{tip:t.showRightPanel?"Hide samples":"Show samples",placement:"left"},React.createElement(exports.StyledToggleRightPanelButton,{onClick:function(){t.toggleRightPanel()}},t.showRightPanel?React.createElement(HideRightPanelSVG,null):React.createElement(ShowRightPanelSVG,null))):null}));var IntArrowIcon=function(e){return React.createElement("svg",{className:e.className,version:"1.1",viewBox:"0 0 24 24",x:"0",xmlns:"http://www.w3.org/2000/svg",y:"0","aria-hidden":"true"},React.createElement("polygon",{points:"17.3 8.3 12 13.6 6.7 8.3 5.3 9.7 12 16.4 18.7 9.7 "}))};exports.ArrowIcon=(0,redoc_lib_1.styled)(IntArrowIcon)(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  width: 18px;\n  height: 18px;\n  transform: ",";\n\n  ","\n"],["\n  width: 18px;\n  height: 18px;\n  transform: ",";\n\n  ","\n"])),(function(e){return"rotate("+("left"===e.direction?"90deg":"-90deg")+")"}),(function(e){var t,n=e.theme;return(0,redoc_lib_1.mediaCSS)({fill:null===(t=n.rightPanel)||void 0===t?void 0:t.textColor})})),exports.RedocWrap=redoc_lib_1.styled.div(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  display: flex;\n  position: relative;\n  text-align: left;\n  tap-highlight-color: rgba(0, 0, 0, 0);\n  text-size-adjust: 100%;\n  ",";\n\n  ","\n\n  * {\n    box-sizing: border-box;\n    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n  }\n"],["\n  display: flex;\n  position: relative;\n  text-align: left;\n  tap-highlight-color: rgba(0, 0, 0, 0);\n  text-size-adjust: 100%;\n  ",";\n\n  ","\n\n  * {\n    box-sizing: border-box;\n    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n  }\n"])),(function(e){var t=e.theme;return"\n    -webkit-font-smoothing: "+t.typography.smoothing+";\n    "+(t.typography.optimizeSpeed?"text-rendering: optimizeSpeed !important":"")+";\n  "}),(function(e){var t=e.theme;return(0,redoc_lib_1.mediaCSS)({fontFamily:t.typography.fontFamily,fontSize:t.typography.fontSize,lineHeight:t.typography.lineHeight,fontWeight:t.typography.fontWeightRegular,color:t.colors.text.primary,fontSmoothing:t.typography.smoothing})})),exports.ApiContentWrap=redoc_lib_1.styled.div(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(["\n  position: relative;\n  overflow: hidden;\n  /* contain: layout; */\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 0 auto;\n\n  ","\n"],["\n  position: relative;\n  overflow: hidden;\n  /* contain: layout; */\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 0 auto;\n\n  ","\n"])),(function(e){var t,n=e.theme,i=e.layout;return(0,redoc_lib_1.css)(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n    ",";\n\n    "," {\n      width: 100%;\n      padding: 0;\n    }\n  "],["\n    ",";\n\n    "," {\n      width: 100%;\n      padding: 0;\n    }\n  "])),(0,redoc_lib_1.mediaCSS)({width:(t={},t[redoc_lib_1.ZERO_BREAKPOINT]="auto",t.small="calc(100% - "+n.sidebar.width+")",t),maxWidth:n.layout[i||services_1.LayoutVariant.THREE_PANEL].maxWidth}),n.mediaQueries.print)})),exports.BackgroundStub=redoc_lib_1.styled.div(templateObject_9||(templateObject_9=(0,tslib_1.__makeTemplateObject)(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  ","\n"],["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  ","\n"])),(function(e){var t,n,i=e.theme;return(0,redoc_lib_1.css)(templateObject_8||(templateObject_8=(0,tslib_1.__makeTemplateObject)(["\n    ","\n    "," {\n      display: none;\n    }\n  "],["\n    ","\n    "," {\n      display: none;\n    }\n  "])),(0,redoc_lib_1.mediaCSS)({background:i.rightPanel.backgroundColor,display:(t={},t[redoc_lib_1.ZERO_BREAKPOINT]="none",t[i.rightPanel.showAtBreakpoint]="initial",t),left:(0,redoc_lib_1.mediaMap)(i.breakpoints,[i.rightPanel.width],(n={},n[redoc_lib_1.ZERO_BREAKPOINT]=function(){return"0"},n[i.rightPanel.showAtBreakpoint]=function(e){return"calc(100% - "+e+")"},n))}),i.mediaQueries.print)})),exports.BackgroundStubFix=redoc_lib_1.styled.div(templateObject_11||(templateObject_11=(0,tslib_1.__makeTemplateObject)(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  ","\n"],["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  ","\n"])),(function(e){var t,n,i=e.theme;return(0,redoc_lib_1.css)(templateObject_10||(templateObject_10=(0,tslib_1.__makeTemplateObject)(["\n    ","\n    "," {\n      display: none;\n    }\n  "],["\n    ","\n    "," {\n      display: none;\n    }\n  "])),(0,redoc_lib_1.mediaCSS)({background:i.rightPanel.backgroundColor,display:(t={},t[redoc_lib_1.ZERO_BREAKPOINT]="none",t[i.rightPanel.showAtBreakpoint]="initial",t),width:(0,redoc_lib_1.mediaMap)(i.breakpoints,[i.sidebar.width,i.layout["three-panel"].maxWidth],(n={},n[redoc_lib_1.ZERO_BREAKPOINT]=function(){return"0"},n[i.rightPanel.showAtBreakpoint]=function(e,t){return"calc((100% - min(100% - "+e+" - "+i.components.layoutControls.width+", "+t+") - "+e+" + "+i.components.layoutControls.width+")/2 + 2px)"},n))}),i.mediaQueries.print)})),exports.NextSectionButtonWrap=redoc_lib_1.styled.div(templateObject_13||(templateObject_13=(0,tslib_1.__makeTemplateObject)(["\n  padding: ",";\n  align-self: flex-start;\n  text-align: right;\n\n  display: flex;\n  flex-direction: row;\n\n  ","\n"],["\n  padding: ",";\n  align-self: flex-start;\n  text-align: right;\n\n  display: flex;\n  flex-direction: row;\n\n  ","\n"])),(function(e){var t=e.theme;return 4*t.spacing.unit+"px "+5*t.spacing.unit+"px"}),(function(e){var t,n,i=e.theme,o=i.layout.showDarkRightPanel?i.spacing.sectionHorizontal:i.spacing.sectionHorizontal/2;return(0,redoc_lib_1.css)(templateObject_12||(templateObject_12=(0,tslib_1.__makeTemplateObject)(["\n      ","\n    "],["\n      ","\n    "])),(0,redoc_lib_1.mediaCSS)({width:(0,redoc_lib_1.mediaMap)(i.breakpoints,[i.rightPanel.width],(t={},t[redoc_lib_1.ZERO_BREAKPOINT]=function(){return"100%"},t[i.rightPanel.showAtBreakpoint]=function(e){return"calc(100% - "+e+")"},t)),paddingLeft:i.spacing.sectionHorizontal,paddingRight:(n={},n[redoc_lib_1.ZERO_BREAKPOINT]=i.spacing.sectionHorizontal,n[i.rightPanel.showAtBreakpoint]=o,n)}))}));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11,templateObject_12,templateObject_13,templateObject_14,templateObject_15,templateObject_16,templateObject_17,templateObject_18,ChangeViewSvgColumn=(0,redoc_lib_1.styled)((function(){return React.createElement("svg",{width:"15",height:"20",viewBox:"0 0 15 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("line",{x1:"13.2858",y1:"5.28564",x2:"1.00005",y2:"5.28564",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("line",{x1:"13.2858",y1:"1",x2:"1.00005",y2:"0.999998",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("rect",{x:"14.2858",y:"20",width:"14.2857",height:"11.4286",rx:"1",transform:"rotate(-180 14.2858 20)",fill:"#9AA6B1"}))}))(templateObject_14||(templateObject_14=(0,tslib_1.__makeTemplateObject)(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),ChangeViewSvgRow=(0,redoc_lib_1.styled)((function(){return React.createElement("svg",{width:"20",height:"16",viewBox:"0 0 20 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("line",{x1:"1",y1:"4",x2:"8",y2:"4",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("line",{x1:"1",y1:"8",x2:"8",y2:"8",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("line",{x1:"1",y1:"12",x2:"8",y2:"12",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("rect",{x:"11",width:"9",height:"16",rx:"1",fill:"#9AA6B1"}))}))(templateObject_15||(templateObject_15=(0,tslib_1.__makeTemplateObject)(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),StyledChangeViewButton=redoc_lib_1.styled.a(templateObject_16||(templateObject_16=(0,tslib_1.__makeTemplateObject)(["\n  display: flex;\n  position: relative;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  width: ",";\n  height: ",";\n  background: #e5e8eb;\n  border-radius: ",";\n"],["\n  display: flex;\n  position: relative;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  width: ",";\n  height: ",";\n  background: #e5e8eb;\n  border-radius: ",";\n"])),(function(e){return e.theme.components.layoutControls.width}),(function(e){return e.theme.components.layoutControls.height}),(function(e){return e.theme.shape.borderRadius})),ChangeViewButton=function(e){var t=e.store,n=e.isVisible;return t.options.showChangeLayoutButton&&n?React.createElement(redoc_lib_1.Tooltip,{tip:"Change layout",placement:"left"},React.createElement(StyledChangeViewButton,{onClick:function(){t.toggleLayout(t.layout===services_1.LayoutVariant.STACKED?services_1.LayoutVariant.THREE_PANEL:services_1.LayoutVariant.STACKED)}},t.layout===services_1.LayoutVariant.STACKED?React.createElement(ChangeViewSvgRow,null):React.createElement(ChangeViewSvgColumn,null))):null};exports.ChangeViewButton=ChangeViewButton,exports.ControlsWrap=redoc_lib_1.styled.span(templateObject_18||(templateObject_18=(0,tslib_1.__makeTemplateObject)(["\n  position: sticky;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  top: ",";\n  right: 24px;\n  height: ",";\n  z-index: 1;\n  ","\n"],["\n  position: sticky;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  top: ",";\n  right: 24px;\n  height: ",";\n  z-index: 1;\n  ","\n"])),(function(e){return e.theme.components.layoutControls.top}),(function(e){var t=e.theme;return"calc("+t.components.layoutControls.height+" * 2 + "+2*t.spacing.unit+"px)"}),(function(e){var t,n=e.theme;return(0,redoc_lib_1.css)(templateObject_17||(templateObject_17=(0,tslib_1.__makeTemplateObject)(["\n    ","\n    "," {\n      display: none;\n    }\n  "],["\n    ","\n    "," {\n      display: none;\n    }\n  "])),(0,redoc_lib_1.mediaCSS)({display:(t={},t[redoc_lib_1.ZERO_BREAKPOINT]="none",t[n.rightPanel.showAtBreakpoint]="flex",t)}),n.mediaQueries.print)}));
 //# sourceMappingURL=styled.elements.js.map

package/lib/index.d.ts

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

package/lib/index.js

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

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

@@ -4,7 +4,6 @@ export * from './linkify';
 export * from './shelfs';
 export * from './fields-layout';
 export * from './schema';
-export * from './dropdown';
 export * from './mixins';
 export * from './samples';
 export * from './perfect-scrollbar';

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=require("tslib");(0,tslib_1.__exportStar)(require("./panels"),exports),(0,tslib_1.__exportStar)(require("./headers"),exports),(0,tslib_1.__exportStar)(require("./linkify"),exports),(0,tslib_1.__exportStar)(require("./shelfs"),exports),(0,tslib_1.__exportStar)(require("./fields-layout"),exports),(0,tslib_1.__exportStar)(require("./schema"),exports),(0,tslib_1.__exportStar)(require("./dropdown"),exports),(0,tslib_1.__exportStar)(require("./mixins"),exports),(0,tslib_1.__exportStar)(require("./samples"),exports),(0,tslib_1.__exportStar)(require("./perfect-scrollbar"),exports),(0,tslib_1.__exportStar)(require("./icons"),exports),(0,tslib_1.__exportStar)(require("./Tooltip"),exports);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=require("tslib");(0,tslib_1.__exportStar)(require("./panels"),exports),(0,tslib_1.__exportStar)(require("./headers"),exports),(0,tslib_1.__exportStar)(require("./linkify"),exports),(0,tslib_1.__exportStar)(require("./shelfs"),exports),(0,tslib_1.__exportStar)(require("./fields-layout"),exports),(0,tslib_1.__exportStar)(require("./schema"),exports),(0,tslib_1.__exportStar)(require("./mixins"),exports),(0,tslib_1.__exportStar)(require("./samples"),exports),(0,tslib_1.__exportStar)(require("./perfect-scrollbar"),exports),(0,tslib_1.__exportStar)(require("./icons"),exports),(0,tslib_1.__exportStar)(require("./Tooltip"),exports);
 //# sourceMappingURL=index.js.map

package/lib/redoc-lib/src/components/CallbackSamples/CallbackReqSamples.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { DropdownProps } from '../../common-elements';
 import { OperationModel } from '../../services/models';
+import type { DropdownProps } from '../../../../components/common/Dropdown';
 export interface PayloadSampleProps {
     callback: OperationModel;
     renderDropdown: (props: DropdownProps) => JSX.Element;