@redocly/reference-docs 2.11.7 → 2.11.11

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){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;
+"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){void 0!==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/common/Dropdown/Dropdown.js

@@ -1,2 +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);
+"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;return react_1.default.createElement("div",{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),t.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)}))),react_1.default.createElement("label",null,o))};exports.Dropdown=react_1.default.memo(DropdownComponent);
 //# sourceMappingURL=Dropdown.js.map

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

@@ -1,2 +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  svg {\n    top: 60%;\n    transform: translateY(-60%);\n  }\n  .dropdown-select {\n    ",";\n\n    padding: 5px 24px 5px 10px;\n    height: 40px;\n\n    border-radius: 0 "," 0 0;\n\n    margin: 0 0 -4px;\n    transition: none;\n    min-width: auto;\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  svg {\n    top: 60%;\n    transform: translateY(-60%);\n  }\n  .dropdown-select {\n    ",";\n\n    padding: 5px 24px 5px 10px;\n    height: 40px;\n\n    border-radius: 0 "," 0 0;\n\n    margin: 0 0 -4px;\n    transition: none;\n    min-width: auto;\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}));
+"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  label {\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    width: ",";\n    text-transform: none;\n\n    line-height: inherit;\n    font-size: 14px;\n    font-family: inherit;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n\n    &,\n    &:hover,\n    &:focus-within {\n      border: 1px solid ",";\n      box-shadow: none;\n    }\n\n    ",";\n  }\n\n  .dropdown-select {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    border: none;\n    appearance: none;\n    cursor: pointer;\n\n    color: ",";\n    line-height: inherit;\n    font-size: 14px;\n    font-family: inherit;\n    padding: ",";\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  label {\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    width: ",";\n    text-transform: none;\n\n    line-height: inherit;\n    font-size: 14px;\n    font-family: inherit;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n\n    &,\n    &:hover,\n    &:focus-within {\n      border: 1px solid ",";\n      box-shadow: none;\n    }\n\n    ",";\n  }\n\n  .dropdown-select {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    border: none;\n    appearance: none;\n    cursor: pointer;\n\n    color: ",";\n    line-height: inherit;\n    font-size: 14px;\n    font-family: inherit;\n    padding: ",";\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:""}),(function(n){return n.theme.colors.text.primary}),(function(n){return n.dense?"2px 24px 2px 8px":"8px 26px 8px 10px"}),(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  svg {\n    top: 60%;\n    transform: translateY(-60%);\n  }\n  label {\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  svg {\n    top: 60%;\n    transform: translateY(-60%);\n  }\n  label {\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  svg {\n    top: 60%;\n    transform: translateY(-60%);\n  }\n  label {\n    ",";\n\n    height: 40px;\n    border-radius: 0 "," 0 0;\n    margin: 0 0 -4px;\n    transition: none;\n    min-width: auto;\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  svg {\n    top: 60%;\n    transform: translateY(-60%);\n  }\n  label {\n    ",";\n\n    height: 40px;\n    border-radius: 0 "," 0 0;\n    margin: 0 0 -4px;\n    transition: none;\n    min-width: auto;\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 e=n.theme;return n.active?e.colors.border.dark:"none"}),(function(n){var e=n.active,o=n.theme;return e?o.colors.accent.main:"transparent"}),(function(n){return n.theme.colors.border.dark}),(function(n){var e=n.active,o=n.theme;return e?o.colors.accent.main:"transparent"})),exports.VersionDropdown=(0,styled_components_1.default)(exports.Dropdown)(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  width: 90%;\n  label {\n    width: 100%;\n    font-weight: 600;\n    color: ",";\n  }\n"],["\n  width: 90%;\n  label {\n    width: 100%;\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

@@ -16,7 +16,6 @@ export interface DropdownProps {
     dense?: boolean;
     fullWidth?: boolean;
     variant?: 'dark' | 'light';
-    maxOptionLength?: number;
 }
 export interface ArrowIconProps {
     className?: string;

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/redoc-lib/src/components/Schema/DiscriminatorDropdown.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DiscriminatorDropdown=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),Dropdown_1=require("../../../../components/common/Dropdown"),DiscriminatorDropdown=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"changeActiveChild",{enumerable:!0,configurable:!0,writable:!0,value:function(e){e.idx&&r.props.parent.activateOneOf(e.idx)}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r.prototype,"sortOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(e,r){if(0!==r.length){var t={};r.forEach((function(e,r){t[e]=r})),e.sort((function(e,r){return t[e.value]>t[r.value]?1:-1}))}}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,r=e.parent,t=e.enumValues;if(void 0===r.oneOf)return null;var n=r.oneOf.map((function(e,r){return{value:e.title,idx:r}})),o=n[r.activeOneOf].value;return this.sortOptions(n,t),React.createElement(Dropdown_1.Dropdown,{dense:!0,value:o,options:n,onChange:this.changeActiveChild,ariaLabel:"Example"})}}),r=(0,tslib_1.__decorate)([mobx_react_1.observer],r)}(React.Component);exports.DiscriminatorDropdown=DiscriminatorDropdown;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DiscriminatorDropdown=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),Dropdown_1=require("../../../../components/common/Dropdown"),DiscriminatorDropdown=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"changeActiveChild",{enumerable:!0,configurable:!0,writable:!0,value:function(e){void 0!==e.idx&&r.props.parent.activateOneOf(e.idx)}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r.prototype,"sortOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(e,r){if(0!==r.length){var t={};r.forEach((function(e,r){t[e]=r})),e.sort((function(e,r){return t[e.value]>t[r.value]?1:-1}))}}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,r=e.parent,t=e.enumValues;if(void 0===r.oneOf)return null;var o=r.oneOf.map((function(e,r){return{value:e.title,idx:r}})),n=o[r.activeOneOf].value;return this.sortOptions(o,t),React.createElement(Dropdown_1.Dropdown,{dense:!0,value:n,options:o,onChange:this.changeActiveChild,ariaLabel:"Example"})}}),r=(0,tslib_1.__decorate)([mobx_react_1.observer],r)}(React.Component);exports.DiscriminatorDropdown=DiscriminatorDropdown;
 //# sourceMappingURL=DiscriminatorDropdown.js.map

package/lib-esm/components/RedoclyReferenceDocs.js

@@ -1,2 +1,2 @@
-import{__decorate,__extends,__makeTemplateObject}from"tslib";import*as React from"react";import{observer}from"mobx-react";import{configure,reaction}from"mobx";import{ApiInfo,ApiLogo,argValueToBoolean,ContentItems,createGlobalStyle,ErrorBoundary,Loading,mediaCSS,mediaMap,MiddlePanel,RedocNormalizedOptions,RightPanel,SideMenu,StickyResponsiveSidebar,ZERO_BREAKPOINT}from"../redoc-lib";import{ProSearchBox,SearchField}from"./Search";import{ContinueButton}from"./NextSectionButton";import{ProStoreProvider}from"./StoreProvider";import{LayoutVariant}from"../services/store-types";import{Console}from"./console/ConsoleLazy";import{ProProviders}from"./ProProviders";import{Overlay}from"./Overlay";import{VersionedSpecStore}from"../services/VersionedSpecStore";import{VersionSwitcher}from"./VersionSwitcher";import{BackgroundStub,BackgroundStubFix,RedocWrap,ApiContentWrap,NextSectionButtonWrap,ToggleRightPanelButton,ChangeViewButton,ControlsWrap}from"./styled.elements";import{DownloadButtonWithLabel}from"../redoc-lib/src/components/DownloadButton";configure({useProxies:"ifavailable"});export var CssFixes=createGlobalStyle(templateObject_1||(templateObject_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"])),RightPanel,(function(e){var t,n=e.theme,o=e.showRightPanel,a=e.layout;return mediaCSS({width:a===LayoutVariant.STACKED?"100%":"",paddingLeft:a===LayoutVariant.STACKED?n.spacing.sectionHorizontal:"",display:o?"":(t={},t[ZERO_BREAKPOINT]="",t[n.rightPanel.showAtBreakpoint]="none",t)})}),BackgroundStub,BackgroundStubFix,(function(e){var t,n=e.theme,o=e.showRightPanel,a=e.layout;return mediaCSS({display:o&&a!==LayoutVariant.STACKED?"":(t={},t[ZERO_BREAKPOINT]="",t[n.rightPanel.showAtBreakpoint]="none",t)})}),MiddlePanel,NextSectionButtonWrap,(function(e){var t,n,o,a=e.theme,r=e.showRightPanel,i=e.layout;return mediaCSS({maxWidth:r&&i===LayoutVariant.THREE_PANEL?mediaMap(a.breakpoints,[a.layout["three-panel"].middlePanelMaxWidth],(t={},t[ZERO_BREAKPOINT]=function(){return"none"},t[a.rightPanel.showAtBreakpoint]=function(e){return e},t)):"none",margin:r&&i===LayoutVariant.THREE_PANEL?mediaMap(a.breakpoints,[a.rightPanel.width,a.layout["three-panel"].middlePanelMaxWidth],(n={},n[ZERO_BREAKPOINT]=function(){return"0"},n[a.rightPanel.showAtBreakpoint]=function(e,t){return t&&"none"!==t?"0 max(calc((100% - "+e+" - "+t+"}) / 2), 0px)":"0"},n)):"0",paddingRight:i===LayoutVariant.STACKED?a.spacing.sectionHorizontal:"",width:r&&i===LayoutVariant.THREE_PANEL?"":(o={},o[ZERO_BREAKPOINT]="",o[a.rightPanel.showAtBreakpoint]="100%",o)})}),ApiContentWrap,(function(e){var t,n=e.theme,o=e.showRightPanel,a=e.layout;return mediaCSS({width:(t={},t[ZERO_BREAKPOINT]="none",t.small="calc(100% - "+n.sidebar.width+")",t),maxWidth:n.layout[a===LayoutVariant.THREE_PANEL&&o?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED].maxWidth})}));var RedoclyReferenceDocs=function(e){function t(t){var n=e.call(this,t)||this;return Object.defineProperty(n,"_observer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(n,"_updatedItems",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(n,"rootElementRef",{enumerable:!0,configurable:!0,writable:!0,value:React.createRef()}),Object.defineProperty(n,"handleClose",{enumerable:!0,configurable:!0,writable:!0,value:function(){return n.props.store.tryItOut()}}),n.state={searchPopUpShown:!1,searchPopUpValue:""},n}return __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=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,n=t.definition,o=t.menu,a=t.options,r=t.search,i=t.marker,l=this.props.store,c=o.renderItems,s=a.hideDownloadButton,u=!a.hideInfoSection&&("none"===a.pagination||l.menu.activeRenderItemIdx<=0);u&&"none"!==a.pagination&&a.disableSidebar&&c[0]&&"section"!==c[0].type&&(u=!1),this.props._forceRenderInfo&&(u=!0);var p=!u&&null!==s&&!s;return React.createElement(ProProviders,{store:l},React.createElement(RedocWrap,{className:"redoc-wrap",ref:this.rootElementRef},React.createElement(Overlay,{l:l.l}),React.createElement(CssFixes,{whiteLabel:a.whiteLabel,showRightPanel:l.showRightPanel,layout:l.layout}),l.tryItOperation&&React.createElement(Console,{rootElement:this.rootElementRef.current,store:l,operation:l.tryItOperation,onClose:this.handleClose}),!a.disableSidebar&&React.createElement(StickyResponsiveSidebar,{menu:o,className:"menu-content"},!l.options.hideLogo&&React.createElement(ApiLogo,{info:n.info}),n instanceof VersionedSpecStore&&React.createElement(VersionSwitcher,{spec:n,onChange:function(e){e.idx&&n.changeVersion(e.idx),o.updateItemsByVersionChange(!0),l.tryItOut(void 0)}}),!l.options.disableSearch&&React.createElement(SearchField,{showPopUp:function(){return e.setState({searchPopUpShown:!0})},searchValue:this.state.searchPopUpValue,marker:i,setSearchValue:function(t){return e.setState({searchPopUpValue:t})}}),React.createElement(SideMenu,{menu:o})),React.createElement(ApiContentWrap,{className:(l.isLoading?"loading ":"")+"api-content",layout:l.layout===LayoutVariant.THREE_PANEL&&l.showRightPanel?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED},a.theme.layout.showDarkRightPanel&&l.showRightPanel&&l.layout!==LayoutVariant.STACKED&&React.createElement(BackgroundStub,null),u&&React.createElement(ApiInfo,{store:l}),p&&React.createElement(DownloadButtonWithLabel,{store:l}),React.createElement(ContentItems,{items:c,store:l}),a.showNextButton&&React.createElement(ContinueButton,{pagination:a.pagination,menu:o}),this.props.children),React.createElement(ControlsWrap,null,React.createElement(ToggleRightPanelButton,{store:l,isVisible:l.layout===LayoutVariant.THREE_PANEL}),React.createElement(ChangeViewButton,{store:l,isVisible:l.showRightPanel})),React.createElement(ProSearchBox,{search:r,marker:i,menu:o,onActivate:o.activateAndScroll.bind(o),options:a,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}),a.theme.layout.showDarkRightPanel&&l.showRightPanel&&l.layout!==LayoutVariant.STACKED&&React.createElement(BackgroundStubFix,null)))}}),t=__decorate([observer],t)}(React.Component);export{RedoclyReferenceDocs};export function RedoclyReferenceDocsStandalone(e){var t=e.definition,n=e.definitionUrl,o=e.options,a=void 0===o?{}:o,r=e.activeItemId,i=e.activeSampleLanguage,l=e.activeDeepLink,c=argValueToBoolean(a.hideLoading,!1),s=new RedocNormalizedOptions(a),u=React.createElement(ProStoreProvider,{definition:t,definitionUrl:n,options:a,activeItemId:r,activeSampleLanguage:i,activeDeepLink:l},(function(e){var t=e.loading,n=e.store;return t?c?null:React.createElement(Loading,{color:s.theme.colors.primary.main}):React.createElement(RedoclyReferenceDocs,{store:n})}));return a.disableErrorBoundary?u:React.createElement(ErrorBoundary,null,u)}var templateObject_1,RedoclyReferenceDocsMultiStandalone=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.definitions,n=e.options,o=void 0===n?{}:n,a=argValueToBoolean(o.hideLoading,!1),r=new RedocNormalizedOptions(o);return React.createElement(ErrorBoundary,null,React.createElement(ProStoreProvider,{definitions:t,options:o},(function(e){var t=e.loading,n=e.store;return t?a?null:React.createElement(Loading,{color:r.theme.colors.primary.main}):React.createElement(RedoclyReferenceDocs,{store:n})})))}}),t}(React.Component);export{RedoclyReferenceDocsMultiStandalone};
+import{__decorate,__extends,__makeTemplateObject}from"tslib";import*as React from"react";import{observer}from"mobx-react";import{configure,reaction}from"mobx";import{ApiInfo,ApiLogo,argValueToBoolean,ContentItems,createGlobalStyle,ErrorBoundary,Loading,mediaCSS,mediaMap,MiddlePanel,RedocNormalizedOptions,RightPanel,SideMenu,StickyResponsiveSidebar,ZERO_BREAKPOINT}from"../redoc-lib";import{ProSearchBox,SearchField}from"./Search";import{ContinueButton}from"./NextSectionButton";import{ProStoreProvider}from"./StoreProvider";import{LayoutVariant}from"../services/store-types";import{Console}from"./console/ConsoleLazy";import{ProProviders}from"./ProProviders";import{Overlay}from"./Overlay";import{VersionedSpecStore}from"../services/VersionedSpecStore";import{VersionSwitcher}from"./VersionSwitcher";import{BackgroundStub,BackgroundStubFix,RedocWrap,ApiContentWrap,NextSectionButtonWrap,ToggleRightPanelButton,ChangeViewButton,ControlsWrap}from"./styled.elements";import{DownloadButtonWithLabel}from"../redoc-lib/src/components/DownloadButton";configure({useProxies:"ifavailable"});export var CssFixes=createGlobalStyle(templateObject_1||(templateObject_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"])),RightPanel,(function(e){var t,n=e.theme,o=e.showRightPanel,a=e.layout;return mediaCSS({width:a===LayoutVariant.STACKED?"100%":"",paddingLeft:a===LayoutVariant.STACKED?n.spacing.sectionHorizontal:"",display:o?"":(t={},t[ZERO_BREAKPOINT]="",t[n.rightPanel.showAtBreakpoint]="none",t)})}),BackgroundStub,BackgroundStubFix,(function(e){var t,n=e.theme,o=e.showRightPanel,a=e.layout;return mediaCSS({display:o&&a!==LayoutVariant.STACKED?"":(t={},t[ZERO_BREAKPOINT]="",t[n.rightPanel.showAtBreakpoint]="none",t)})}),MiddlePanel,NextSectionButtonWrap,(function(e){var t,n,o,a=e.theme,r=e.showRightPanel,i=e.layout;return mediaCSS({maxWidth:r&&i===LayoutVariant.THREE_PANEL?mediaMap(a.breakpoints,[a.layout["three-panel"].middlePanelMaxWidth],(t={},t[ZERO_BREAKPOINT]=function(){return"none"},t[a.rightPanel.showAtBreakpoint]=function(e){return e},t)):"none",margin:r&&i===LayoutVariant.THREE_PANEL?mediaMap(a.breakpoints,[a.rightPanel.width,a.layout["three-panel"].middlePanelMaxWidth],(n={},n[ZERO_BREAKPOINT]=function(){return"0"},n[a.rightPanel.showAtBreakpoint]=function(e,t){return t&&"none"!==t?"0 max(calc((100% - "+e+" - "+t+"}) / 2), 0px)":"0"},n)):"0",paddingRight:i===LayoutVariant.STACKED?a.spacing.sectionHorizontal:"",width:r&&i===LayoutVariant.THREE_PANEL?"":(o={},o[ZERO_BREAKPOINT]="",o[a.rightPanel.showAtBreakpoint]="100%",o)})}),ApiContentWrap,(function(e){var t,n=e.theme,o=e.showRightPanel,a=e.layout;return mediaCSS({width:(t={},t[ZERO_BREAKPOINT]="none",t.small="calc(100% - "+n.sidebar.width+")",t),maxWidth:n.layout[a===LayoutVariant.THREE_PANEL&&o?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED].maxWidth})}));var RedoclyReferenceDocs=function(e){function t(t){var n=e.call(this,t)||this;return Object.defineProperty(n,"_observer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(n,"_updatedItems",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(n,"rootElementRef",{enumerable:!0,configurable:!0,writable:!0,value:React.createRef()}),Object.defineProperty(n,"handleClose",{enumerable:!0,configurable:!0,writable:!0,value:function(){return n.props.store.tryItOut()}}),n.state={searchPopUpShown:!1,searchPopUpValue:""},n}return __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=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,n=t.definition,o=t.menu,a=t.options,r=t.search,i=t.marker,l=this.props.store,c=o.renderItems,s=a.hideDownloadButton,u=!a.hideInfoSection&&("none"===a.pagination||l.menu.activeRenderItemIdx<=0);u&&"none"!==a.pagination&&a.disableSidebar&&c[0]&&"section"!==c[0].type&&(u=!1),this.props._forceRenderInfo&&(u=!0);var p=!u&&null!==s&&!s;return React.createElement(ProProviders,{store:l},React.createElement(RedocWrap,{className:"redoc-wrap",ref:this.rootElementRef},React.createElement(Overlay,{l:l.l}),React.createElement(CssFixes,{whiteLabel:a.whiteLabel,showRightPanel:l.showRightPanel,layout:l.layout}),l.tryItOperation&&React.createElement(Console,{rootElement:this.rootElementRef.current,store:l,operation:l.tryItOperation,onClose:this.handleClose}),!a.disableSidebar&&React.createElement(StickyResponsiveSidebar,{menu:o,className:"menu-content"},!l.options.hideLogo&&React.createElement(ApiLogo,{info:n.info}),n instanceof VersionedSpecStore&&React.createElement(VersionSwitcher,{spec:n,onChange:function(e){void 0!==e.idx&&n.changeVersion(e.idx),o.updateItemsByVersionChange(!0),l.tryItOut(void 0)}}),!l.options.disableSearch&&React.createElement(SearchField,{showPopUp:function(){return e.setState({searchPopUpShown:!0})},searchValue:this.state.searchPopUpValue,marker:i,setSearchValue:function(t){return e.setState({searchPopUpValue:t})}}),React.createElement(SideMenu,{menu:o})),React.createElement(ApiContentWrap,{className:(l.isLoading?"loading ":"")+"api-content",layout:l.layout===LayoutVariant.THREE_PANEL&&l.showRightPanel?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED},a.theme.layout.showDarkRightPanel&&l.showRightPanel&&l.layout!==LayoutVariant.STACKED&&React.createElement(BackgroundStub,null),u&&React.createElement(ApiInfo,{store:l}),p&&React.createElement(DownloadButtonWithLabel,{store:l}),React.createElement(ContentItems,{items:c,store:l}),a.showNextButton&&React.createElement(ContinueButton,{pagination:a.pagination,menu:o}),this.props.children),React.createElement(ControlsWrap,null,React.createElement(ToggleRightPanelButton,{store:l,isVisible:l.layout===LayoutVariant.THREE_PANEL}),React.createElement(ChangeViewButton,{store:l,isVisible:l.showRightPanel})),React.createElement(ProSearchBox,{search:r,marker:i,menu:o,onActivate:o.activateAndScroll.bind(o),options:a,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}),a.theme.layout.showDarkRightPanel&&l.showRightPanel&&l.layout!==LayoutVariant.STACKED&&React.createElement(BackgroundStubFix,null)))}}),t=__decorate([observer],t)}(React.Component);export{RedoclyReferenceDocs};export function RedoclyReferenceDocsStandalone(e){var t=e.definition,n=e.definitionUrl,o=e.options,a=void 0===o?{}:o,r=e.activeItemId,i=e.activeSampleLanguage,l=e.activeDeepLink,c=argValueToBoolean(a.hideLoading,!1),s=new RedocNormalizedOptions(a),u=React.createElement(ProStoreProvider,{definition:t,definitionUrl:n,options:a,activeItemId:r,activeSampleLanguage:i,activeDeepLink:l},(function(e){var t=e.loading,n=e.store;return t?c?null:React.createElement(Loading,{color:s.theme.colors.primary.main}):React.createElement(RedoclyReferenceDocs,{store:n})}));return a.disableErrorBoundary?u:React.createElement(ErrorBoundary,null,u)}var templateObject_1,RedoclyReferenceDocsMultiStandalone=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.definitions,n=e.options,o=void 0===n?{}:n,a=argValueToBoolean(o.hideLoading,!1),r=new RedocNormalizedOptions(o);return React.createElement(ErrorBoundary,null,React.createElement(ProStoreProvider,{definitions:t,options:o},(function(e){var t=e.loading,n=e.store;return t?a?null:React.createElement(Loading,{color:r.theme.colors.primary.main}):React.createElement(RedoclyReferenceDocs,{store:n})})))}}),t}(React.Component);export{RedoclyReferenceDocsMultiStandalone};
 //# sourceMappingURL=RedoclyReferenceDocs.js.map

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

@@ -1,2 +1,2 @@
-import{__assign,__makeTemplateObject}from"tslib";import React from"react";import styled from"../../../redoc-lib/src/styled-components";var templateObject_1,ArrowSvg=function(e){var t=e.className,n=e.style;return React.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.createElement("polyline",{points:"6 9 12 15 18 9"}))},ArrowIcon=styled(ArrowSvg)(templateObject_1||(templateObject_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,a=e.placeholder,o=e.value,r=void 0===o?"":o,l=e.className,i=e.variant,s=void 0===i?"light":i,c=e.maxOptionLength,m=void 0===c?80:c,p=t.map((function(e){var t=e.title||e.value;return t.length>m&&(t=t.slice(0,m)+"..."),__assign(__assign({},e),{title:t})}));return React.createElement("span",{className:l+" dropdown-wrapper"},React.createElement(ArrowIcon,{variant:s}),React.createElement("select",{onChange:function(e){var o=e.target.selectedIndex;n(t[a?o-1:o])},value:r,className:"dropdown-select"},a&&React.createElement("option",{disabled:!0,hidden:!0,value:a},a),p.map((function(e,t){var n=e.idx,a=e.value,o=e.title;return React.createElement("option",{key:n||a+t,value:a,className:"dropdown-option"},o||a)}))))};export var Dropdown=React.memo(DropdownComponent);
+import{__makeTemplateObject}from"tslib";import React from"react";import styled from"../../../redoc-lib/src/styled-components";var templateObject_1,ArrowSvg=function(e){var t=e.className,n=e.style;return React.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.createElement("polyline",{points:"6 9 12 15 18 9"}))},ArrowIcon=styled(ArrowSvg)(templateObject_1||(templateObject_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,i=e.variant,s=void 0===i?"light":i;return React.createElement("div",{className:l+" dropdown-wrapper"},React.createElement(ArrowIcon,{variant:s}),React.createElement("select",{onChange:function(e){var a=e.target.selectedIndex;n(t[r?a-1:a])},value:o,className:"dropdown-select"},r&&React.createElement("option",{disabled:!0,hidden:!0,value:r},r),t.map((function(e,t){var n=e.idx,r=e.value,a=e.title;return React.createElement("option",{key:n||r+t,value:r,className:"dropdown-option"},a||r)}))),React.createElement("label",null,o))};export var Dropdown=React.memo(DropdownComponent);
 //# sourceMappingURL=Dropdown.js.map

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

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import styled,{css}from"styled-components";import{Dropdown as DropdownComponent}from"./Dropdown";var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,darkDropdownStyle=css(templateObject_1||(templateObject_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}));export var Dropdown=styled(DropdownComponent)(templateObject_2||(templateObject_2=__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:""}));export var SimpleDropdown=styled(Dropdown)(templateObject_3||(templateObject_3=__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"])));export var CollapsingDropdown=styled(Dropdown)(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  svg {\n    top: 60%;\n    transform: translateY(-60%);\n  }\n  .dropdown-select {\n    ",";\n\n    padding: 5px 24px 5px 10px;\n    height: 40px;\n\n    border-radius: 0 "," 0 0;\n\n    margin: 0 0 -4px;\n    transition: none;\n    min-width: auto;\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  svg {\n    top: 60%;\n    transform: translateY(-60%);\n  }\n  .dropdown-select {\n    ",";\n\n    padding: 5px 24px 5px 10px;\n    height: 40px;\n\n    border-radius: 0 "," 0 0;\n\n    margin: 0 0 -4px;\n    transition: none;\n    min-width: auto;\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"}));export var VersionDropdown=styled(Dropdown)(templateObject_5||(templateObject_5=__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}));
+import{__makeTemplateObject}from"tslib";import styled,{css}from"styled-components";import{Dropdown as DropdownComponent}from"./Dropdown";var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,darkDropdownStyle=css(templateObject_1||(templateObject_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}));export var Dropdown=styled(DropdownComponent)(templateObject_2||(templateObject_2=__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  label {\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    width: ",";\n    text-transform: none;\n\n    line-height: inherit;\n    font-size: 14px;\n    font-family: inherit;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n\n    &,\n    &:hover,\n    &:focus-within {\n      border: 1px solid ",";\n      box-shadow: none;\n    }\n\n    ",";\n  }\n\n  .dropdown-select {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    border: none;\n    appearance: none;\n    cursor: pointer;\n\n    color: ",";\n    line-height: inherit;\n    font-size: 14px;\n    font-family: inherit;\n    padding: ",";\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  label {\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    width: ",";\n    text-transform: none;\n\n    line-height: inherit;\n    font-size: 14px;\n    font-family: inherit;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n\n    &,\n    &:hover,\n    &:focus-within {\n      border: 1px solid ",";\n      box-shadow: none;\n    }\n\n    ",";\n  }\n\n  .dropdown-select {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    border: none;\n    appearance: none;\n    cursor: pointer;\n\n    color: ",";\n    line-height: inherit;\n    font-size: 14px;\n    font-family: inherit;\n    padding: ",";\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:""}),(function(n){return n.theme.colors.text.primary}),(function(n){return n.dense?"2px 24px 2px 8px":"8px 26px 8px 10px"}),(function(n){return"dark"===n.variant?darkDropdownStyle:""}));export var SimpleDropdown=styled(Dropdown)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  svg {\n    top: 60%;\n    transform: translateY(-60%);\n  }\n  label {\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  svg {\n    top: 60%;\n    transform: translateY(-60%);\n  }\n  label {\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"])));export var CollapsingDropdown=styled(Dropdown)(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  svg {\n    top: 60%;\n    transform: translateY(-60%);\n  }\n  label {\n    ",";\n\n    height: 40px;\n    border-radius: 0 "," 0 0;\n    margin: 0 0 -4px;\n    transition: none;\n    min-width: auto;\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  svg {\n    top: 60%;\n    transform: translateY(-60%);\n  }\n  label {\n    ",";\n\n    height: 40px;\n    border-radius: 0 "," 0 0;\n    margin: 0 0 -4px;\n    transition: none;\n    min-width: auto;\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 e=n.theme;return n.active?e.colors.border.dark:"none"}),(function(n){var e=n.active,o=n.theme;return e?o.colors.accent.main:"transparent"}),(function(n){return n.theme.colors.border.dark}),(function(n){var e=n.active,o=n.theme;return e?o.colors.accent.main:"transparent"}));export var VersionDropdown=styled(Dropdown)(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  width: 90%;\n  label {\n    width: 100%;\n    font-weight: 600;\n    color: ",";\n  }\n"],["\n  width: 90%;\n  label {\n    width: 100%;\n    font-weight: 600;\n    color: ",";\n  }\n"])),(function(n){return n.theme.colors.text.primary}));
 //# sourceMappingURL=styled.js.map

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

@@ -16,7 +16,6 @@ export interface DropdownProps {
     dense?: boolean;
     fullWidth?: boolean;
     variant?: 'dark' | 'light';
-    maxOptionLength?: number;
 }
 export interface ArrowIconProps {
     className?: string;

package/lib-esm/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-esm/components/index.js

@@ -1,2 +1,2 @@
-export{Button}from"./shared/Button";export*from"./NextSectionButton";export*from"./StoreProvider";export*from"./RedoclyReferenceDocs";export*from"./pluggable";export*from"./console/ConsoleLazy";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{FormControl,FormLabel,FormError}from"./common/form";
+export{Button}from"./shared/Button";export*from"./NextSectionButton";export*from"./StoreProvider";export*from"./RedoclyReferenceDocs";export*from"./pluggable";export*from"./console/ConsoleLazy";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";
 //# sourceMappingURL=index.js.map

package/lib-esm/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-esm/components/styled.elements.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import*as React from"react";import{observer}from"mobx-react";import{styled,mediaCSS,mediaMap,ZERO_BREAKPOINT,css,Tooltip}from"../redoc-lib";import{LayoutVariant}from"../services";var ShowRightPanelSVG=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=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),HideRightPanelSVG=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=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"])));export var StyledToggleRightPanelButton=styled.a(templateObject_3||(templateObject_3=__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}));export var ToggleRightPanelButton=observer((function(e){var t=e.store,n=e.isVisible;return t.options.showRightPanelToggle&&n?React.createElement(Tooltip,{tip:t.showRightPanel?"Hide samples":"Show samples",placement:"left"},React.createElement(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 "}))};export var ArrowIcon=styled(IntArrowIcon)(templateObject_4||(templateObject_4=__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 mediaCSS({fill:null===(t=n.rightPanel)||void 0===t?void 0:t.textColor})}));export var RedocWrap=styled.div(templateObject_5||(templateObject_5=__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 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})}));export var ApiContentWrap=styled.div(templateObject_7||(templateObject_7=__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 css(templateObject_6||(templateObject_6=__makeTemplateObject(["\n    ",";\n\n    "," {\n      width: 100%;\n      padding: 0;\n    }\n  "],["\n    ",";\n\n    "," {\n      width: 100%;\n      padding: 0;\n    }\n  "])),mediaCSS({width:(t={},t[ZERO_BREAKPOINT]="auto",t.small="calc(100% - "+n.sidebar.width+")",t),maxWidth:n.layout[i||LayoutVariant.THREE_PANEL].maxWidth}),n.mediaQueries.print)}));export var BackgroundStub=styled.div(templateObject_9||(templateObject_9=__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 css(templateObject_8||(templateObject_8=__makeTemplateObject(["\n    ","\n    "," {\n      display: none;\n    }\n  "],["\n    ","\n    "," {\n      display: none;\n    }\n  "])),mediaCSS({background:i.rightPanel.backgroundColor,display:(t={},t[ZERO_BREAKPOINT]="none",t[i.rightPanel.showAtBreakpoint]="initial",t),left:mediaMap(i.breakpoints,[i.rightPanel.width],(n={},n[ZERO_BREAKPOINT]=function(){return"0"},n[i.rightPanel.showAtBreakpoint]=function(e){return"calc(100% - "+e+")"},n))}),i.mediaQueries.print)}));export var BackgroundStubFix=styled.div(templateObject_11||(templateObject_11=__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 css(templateObject_10||(templateObject_10=__makeTemplateObject(["\n    ","\n    "," {\n      display: none;\n    }\n  "],["\n    ","\n    "," {\n      display: none;\n    }\n  "])),mediaCSS({background:i.rightPanel.backgroundColor,display:(t={},t[ZERO_BREAKPOINT]="none",t[i.rightPanel.showAtBreakpoint]="initial",t),width:mediaMap(i.breakpoints,[i.sidebar.width,i.layout["three-panel"].maxWidth],(n={},n[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)}));export var NextSectionButtonWrap=styled.div(templateObject_13||(templateObject_13=__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,a=i.layout.showDarkRightPanel?i.spacing.sectionHorizontal:i.spacing.sectionHorizontal/2;return css(templateObject_12||(templateObject_12=__makeTemplateObject(["\n      ","\n    "],["\n      ","\n    "])),mediaCSS({width:mediaMap(i.breakpoints,[i.rightPanel.width],(t={},t[ZERO_BREAKPOINT]=function(){return"100%"},t[i.rightPanel.showAtBreakpoint]=function(e){return"calc(100% - "+e+")"},t)),paddingLeft:i.spacing.sectionHorizontal,paddingRight:(n={},n[ZERO_BREAKPOINT]=i.spacing.sectionHorizontal,n[i.rightPanel.showAtBreakpoint]=a,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=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=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),ChangeViewSvgRow=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=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),StyledChangeViewButton=styled.a(templateObject_16||(templateObject_16=__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}));export var ChangeViewButton=function(e){var t=e.store,n=e.isVisible;return t.options.showChangeLayoutButton&&n?React.createElement(Tooltip,{tip:"Change layout",placement:"left"},React.createElement(StyledChangeViewButton,{onClick:function(){t.toggleLayout(t.layout===LayoutVariant.STACKED?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED)}},t.layout===LayoutVariant.STACKED?React.createElement(ChangeViewSvgRow,null):React.createElement(ChangeViewSvgColumn,null))):null};export var ControlsWrap=styled.div(templateObject_18||(templateObject_18=__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 css(templateObject_17||(templateObject_17=__makeTemplateObject(["\n    ","\n    "," {\n      display: none;\n    }\n  "],["\n    ","\n    "," {\n      display: none;\n    }\n  "])),mediaCSS({display:(t={},t[ZERO_BREAKPOINT]="none",t[n.rightPanel.showAtBreakpoint]="flex",t)}),n.mediaQueries.print)}));
+import{__makeTemplateObject}from"tslib";import*as React from"react";import{observer}from"mobx-react";import{styled,mediaCSS,mediaMap,ZERO_BREAKPOINT,css,Tooltip}from"../redoc-lib";import{LayoutVariant}from"../services";var ShowRightPanelSVG=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=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),HideRightPanelSVG=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=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"])));export var StyledToggleRightPanelButton=styled.a(templateObject_3||(templateObject_3=__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}));export var ToggleRightPanelButton=observer((function(e){var t=e.store,n=e.isVisible;return t.options.showRightPanelToggle&&n?React.createElement(Tooltip,{tip:t.showRightPanel?"Hide samples":"Show samples",placement:"left"},React.createElement(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 "}))};export var ArrowIcon=styled(IntArrowIcon)(templateObject_4||(templateObject_4=__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 mediaCSS({fill:null===(t=n.rightPanel)||void 0===t?void 0:t.textColor})}));export var RedocWrap=styled.div(templateObject_5||(templateObject_5=__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 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})}));export var ApiContentWrap=styled.div(templateObject_7||(templateObject_7=__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,a=e.layout;return css(templateObject_6||(templateObject_6=__makeTemplateObject(["\n    ",";\n\n    "," {\n      width: 100%;\n      padding: 0;\n    }\n  "],["\n    ",";\n\n    "," {\n      width: 100%;\n      padding: 0;\n    }\n  "])),mediaCSS({width:(t={},t[ZERO_BREAKPOINT]="auto",t.small="calc(100% - "+n.sidebar.width+")",t),maxWidth:n.layout[a||LayoutVariant.THREE_PANEL].maxWidth}),n.mediaQueries.print)}));export var BackgroundStub=styled.div(templateObject_9||(templateObject_9=__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,a=e.theme;return css(templateObject_8||(templateObject_8=__makeTemplateObject(["\n    ","\n    "," {\n      display: none;\n    }\n  "],["\n    ","\n    "," {\n      display: none;\n    }\n  "])),mediaCSS({background:a.rightPanel.backgroundColor,display:(t={},t[ZERO_BREAKPOINT]="none",t[a.rightPanel.showAtBreakpoint]="initial",t),left:mediaMap(a.breakpoints,[a.rightPanel.width],(n={},n[ZERO_BREAKPOINT]=function(){return"0"},n[a.rightPanel.showAtBreakpoint]=function(e){return"calc(100% - "+e+")"},n))}),a.mediaQueries.print)}));export var BackgroundStubFix=styled.div(templateObject_11||(templateObject_11=__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,a=e.theme;return css(templateObject_10||(templateObject_10=__makeTemplateObject(["\n    ","\n    "," {\n      display: none;\n    }\n  "],["\n    ","\n    "," {\n      display: none;\n    }\n  "])),mediaCSS({background:a.rightPanel.backgroundColor,display:(t={},t[ZERO_BREAKPOINT]="none",t[a.rightPanel.showAtBreakpoint]="initial",t),width:mediaMap(a.breakpoints,[a.sidebar.width,a.layout["three-panel"].maxWidth],(n={},n[ZERO_BREAKPOINT]=function(){return"0"},n[a.rightPanel.showAtBreakpoint]=function(e,t){return"calc((100% - min(100% - "+e+" - "+a.components.layoutControls.width+", "+t+") - "+e+" + "+a.components.layoutControls.width+")/2 + 2px)"},n))}),a.mediaQueries.print)}));export var NextSectionButtonWrap=styled.div(templateObject_13||(templateObject_13=__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,a=e.theme,i=a.layout.showDarkRightPanel?a.spacing.sectionHorizontal:a.spacing.sectionHorizontal/2;return css(templateObject_12||(templateObject_12=__makeTemplateObject(["\n      ","\n    "],["\n      ","\n    "])),mediaCSS({width:mediaMap(a.breakpoints,[a.rightPanel.width],(t={},t[ZERO_BREAKPOINT]=function(){return"100%"},t[a.rightPanel.showAtBreakpoint]=function(e){return"calc(100% - "+e+")"},t)),paddingLeft:a.spacing.sectionHorizontal,paddingRight:(n={},n[ZERO_BREAKPOINT]=a.spacing.sectionHorizontal,n[a.rightPanel.showAtBreakpoint]=i,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=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=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),ChangeViewSvgRow=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=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),StyledChangeViewButton=styled.a(templateObject_16||(templateObject_16=__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}));export var ChangeViewButton=function(e){var t=e.store,n=e.isVisible;return t.options.showChangeLayoutButton&&n?React.createElement(Tooltip,{tip:"Change layout",placement:"left"},React.createElement(StyledChangeViewButton,{onClick:function(){t.toggleLayout(t.layout===LayoutVariant.STACKED?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED)}},t.layout===LayoutVariant.STACKED?React.createElement(ChangeViewSvgRow,null):React.createElement(ChangeViewSvgColumn,null))):null};export var ControlsWrap=styled.span(templateObject_18||(templateObject_18=__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 css(templateObject_17||(templateObject_17=__makeTemplateObject(["\n    ","\n    "," {\n      display: none;\n    }\n  "],["\n    ","\n    "," {\n      display: none;\n    }\n  "])),mediaCSS({display:(t={},t[ZERO_BREAKPOINT]="none",t[n.rightPanel.showAtBreakpoint]="flex",t)}),n.mediaQueries.print)}));
 //# sourceMappingURL=styled.elements.js.map

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

@@ -1,2 +1,2 @@
-import{__decorate,__extends}from"tslib";import{observer}from"mobx-react";import*as React from"react";import{Dropdown}from"../../../../components/common/Dropdown";var DiscriminatorDropdown=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"changeActiveChild",{enumerable:!0,configurable:!0,writable:!0,value:function(e){e.idx&&r.props.parent.activateOneOf(e.idx)}}),r}return __extends(r,e),Object.defineProperty(r.prototype,"sortOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(e,r){if(0!==r.length){var t={};r.forEach((function(e,r){t[e]=r})),e.sort((function(e,r){return t[e.value]>t[r.value]?1:-1}))}}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,r=e.parent,t=e.enumValues;if(void 0===r.oneOf)return null;var n=r.oneOf.map((function(e,r){return{value:e.title,idx:r}})),o=n[r.activeOneOf].value;return this.sortOptions(n,t),React.createElement(Dropdown,{dense:!0,value:o,options:n,onChange:this.changeActiveChild,ariaLabel:"Example"})}}),r=__decorate([observer],r)}(React.Component);export{DiscriminatorDropdown};
+import{__decorate,__extends}from"tslib";import{observer}from"mobx-react";import*as React from"react";import{Dropdown}from"../../../../components/common/Dropdown";var DiscriminatorDropdown=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"changeActiveChild",{enumerable:!0,configurable:!0,writable:!0,value:function(e){void 0!==e.idx&&r.props.parent.activateOneOf(e.idx)}}),r}return __extends(r,e),Object.defineProperty(r.prototype,"sortOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(e,r){if(0!==r.length){var t={};r.forEach((function(e,r){t[e]=r})),e.sort((function(e,r){return t[e.value]>t[r.value]?1:-1}))}}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,r=e.parent,t=e.enumValues;if(void 0===r.oneOf)return null;var n=r.oneOf.map((function(e,r){return{value:e.title,idx:r}})),o=n[r.activeOneOf].value;return this.sortOptions(n,t),React.createElement(Dropdown,{dense:!0,value:o,options:n,onChange:this.changeActiveChild,ariaLabel:"Example"})}}),r=__decorate([observer],r)}(React.Component);export{DiscriminatorDropdown};
 //# sourceMappingURL=DiscriminatorDropdown.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/reference-docs",
-  "version": "2.11.7",
+  "version": "2.11.11",
   "description": "Redocly Reference Docs",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",