@redocly/reference-docs 2.43.4 → 2.43.6

package/lib-esm/components/Panel/ResponsePanel.js

@@ -1,2 +1,41 @@
-import{__makeTemplateObject}from"tslib";import styled from"../../redoc-lib/src/styled-components";import{FieldsGroupHeader,ShelfIcon}from"../../redoc-lib/src/common-elements";import{StyledMarkdownSpan}from"../../redoc-lib/src/components/Markdown";import{Panel}from"./Panel";import{Header}from"./Header";import{Trigger}from"./Trigger";import{Title}from"./Title";export var ResponsePanel=styled(Panel)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  border: 1px solid ",";\n  background-color: ",";\n\n  > "," {\n    padding: 10px 20px;\n    font-size: 14px;\n    line-height: 20px;\n    white-space: normal;\n\n    "," {\n      font-weight: 600;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      line-height: normal;\n      color: ",";\n\n      "," > p:first-child {\n        margin-left: 4px;\n        display: inline;\n      }\n    }\n\n    "," {\n      flex: 1;\n      max-width: 100%;\n      justify-content: space-between;\n    }\n\n    "," {\n      fill: ",";\n    }\n  }\n\n  "," {\n    &:first-child {\n      margin-top: 0;\n    }\n  }\n"],["\n  border: 1px solid ",";\n  background-color: ",";\n\n  > "," {\n    padding: 10px 20px;\n    font-size: 14px;\n    line-height: 20px;\n    white-space: normal;\n\n    "," {\n      font-weight: 600;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      line-height: normal;\n      color: ",";\n\n      "," > p:first-child {\n        margin-left: 4px;\n        display: inline;\n      }\n    }\n\n    "," {\n      flex: 1;\n      max-width: 100%;\n      justify-content: space-between;\n    }\n\n    "," {\n      fill: ",";\n    }\n  }\n\n  "," {\n    &:first-child {\n      margin-top: 0;\n    }\n  }\n"])),(function(n){var e=n.theme,r=n.type;return e.colors.responses[r].borderColor}),(function(n){var e=n.theme,r=n.type;return e.colors.responses[r].backgroundColor}),Header,Title,(function(n){var e=n.theme,r=n.type;return e.colors.responses[r].color||e.colors.text.primary}),StyledMarkdownSpan,Trigger,ShelfIcon,(function(n){return n.theme.colors.text.primary}),FieldsGroupHeader);var templateObject_1;
+import styled from"../../redoc-lib/src/styled-components";import{FieldsGroupHeader,ShelfIcon}from"../../redoc-lib/src/common-elements";import{StyledMarkdownSpan}from"../../redoc-lib/src/components/Markdown";import{Panel}from"./Panel";import{Header}from"./Header";import{Trigger}from"./Trigger";import{Title}from"./Title";export const ResponsePanel=styled(Panel)`
+  border: 1px solid ${({theme:e,type:o})=>e.colors.responses[o].borderColor};
+  background-color: ${({theme:e,type:o})=>e.colors.responses[o].backgroundColor};
+
+  > ${Header} {
+    padding: 10px 20px;
+    font-size: 14px;
+    line-height: 20px;
+    white-space: normal;
+
+    ${Title} {
+      font-weight: 600;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      line-height: normal;
+      color: ${({theme:e,type:o})=>e.colors.responses[o].color||e.colors.text.primary};
+
+      ${StyledMarkdownSpan} > p:first-child {
+        margin-left: 4px;
+        display: inline;
+      }
+    }
+
+    ${Trigger} {
+      flex: 1;
+      max-width: 100%;
+      justify-content: space-between;
+    }
+
+    ${ShelfIcon} {
+      fill: ${({theme:e})=>e.colors.text.primary};
+    }
+  }
+
+  ${FieldsGroupHeader} {
+    &:first-child {
+      margin-top: 0;
+    }
+  }
+`;
 //# sourceMappingURL=ResponsePanel.js.map

package/lib-esm/components/Panel/ScrollableContentPanel.js

@@ -1,2 +1,6 @@
-import{__makeTemplateObject}from"tslib";import styled from"../../redoc-lib/src/styled-components";import{ContentPanel}from"./ContentPanel";import{PanelBody}from"./PanelBody";export var ScrollableContentPanel=styled(ContentPanel)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  "," {\n    overflow-x: auto;\n  }\n"],["\n  "," {\n    overflow-x: auto;\n  }\n"])),PanelBody);var templateObject_1;
+import styled from"../../redoc-lib/src/styled-components";import{ContentPanel}from"./ContentPanel";import{PanelBody}from"./PanelBody";export const ScrollableContentPanel=styled(ContentPanel)`
+  ${PanelBody} {
+    overflow-x: auto;
+  }
+`;
 //# sourceMappingURL=ScrollableContentPanel.js.map

package/lib-esm/components/Panel/Title.js

@@ -1,2 +1,7 @@
-import{__makeTemplateObject}from"tslib";import styled from"../../redoc-lib/src/styled-components";export var Title=styled.span(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  line-height: 1;\n  margin-right: 4px;\n  font-weight: 700;\n  color: ",";\n"],["\n  line-height: 1;\n  margin-right: 4px;\n  font-weight: 700;\n  color: ",";\n"])),(function(t){return t.theme.colors.text.light}));var templateObject_1;
+import styled from"../../redoc-lib/src/styled-components";export const Title=styled.span`
+  line-height: 1;
+  margin-right: 4px;
+  font-weight: 700;
+  color: ${({theme:t})=>t.colors.text.light};
+`;
 //# sourceMappingURL=Title.js.map

package/lib-esm/components/Panel/Trigger.js

@@ -1,2 +1,8 @@
-import{__makeTemplateObject}from"tslib";import styled from"../../redoc-lib/src/styled-components";export var Trigger=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"],["\n  display: inline-flex;\n  align-items: center;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));var templateObject_1;
+import styled from"../../redoc-lib/src/styled-components";export const Trigger=styled.div`
+  display: inline-flex;
+  align-items: center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
 //# sourceMappingURL=Trigger.js.map

package/lib-esm/components/ProProviders.js

@@ -1,2 +1,2 @@
-import{__assign}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{ThemeProvider,OptionsProvider,StoreProvider}from"../redoc-lib";export var ProProviders=function(r){var i=r.store,o=r.children,e=r.customOptions,s=void 0===e?{}:e,t=__assign(__assign({},i.options),s);return _jsx(ThemeProvider,__assign({theme:i.options.theme},{children:_jsx(OptionsProvider,__assign({value:t},{children:_jsx(StoreProvider,__assign({value:i},{children:o}),void 0)}),void 0)}),void 0)};
+import{jsx as _jsx}from"react/jsx-runtime";import{ThemeProvider,OptionsProvider,StoreProvider}from"../redoc-lib";export const ProProviders=({store:e,children:r,customOptions:o={}})=>{const i=Object.assign(Object.assign({},e.options),o);return _jsx(ThemeProvider,Object.assign({theme:e.options.theme},{children:_jsx(OptionsProvider,Object.assign({value:i},{children:_jsx(StoreProvider,Object.assign({value:e},{children:r}),void 0)}),void 0)}),void 0)};
 //# sourceMappingURL=ProProviders.js.map

package/lib-esm/components/RedoclyReferenceDocs.d.ts

@@ -35,6 +35,7 @@ export interface RedoclyReferenceDocsStandaloneProps {
     activeItemId?: string;
     activeSampleLanguage?: CodeSampleConfig['lang'];
     activeDeepLink?: string;
+    onLoaded?: (e?: Error) => void;
 }
 export declare function RedoclyReferenceDocsStandalone(props: RedoclyReferenceDocsStandaloneProps): JSX.Element | null;
 export {};

package/lib-esm/components/RedoclyReferenceDocs.js

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

package/lib-esm/components/RedoclyReferenceDocsMultiStandalone.js

@@ -1,2 +1,2 @@
-import{__assign}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{argValueToBoolean,ErrorBoundary,Loading,RedocNormalizedOptions}from"../redoc-lib";import{ProStoreProvider}from"./StoreProvider";import{RedoclyReferenceDocs}from"./RedoclyReferenceDocs";export function RedoclyReferenceDocsMultiStandalone(o){var r=o.definitions,e=o.options,i=void 0===e?{}:e,n=argValueToBoolean(i.hideLoading,!1),d=new RedocNormalizedOptions(i);return _jsx(ErrorBoundary,{children:_jsx(ProStoreProvider,__assign({definitions:r,options:i},{children:function(o){var r=o.loading,e=o.store;return r?n?null:_jsx(Loading,{color:d.theme.colors.primary.main},void 0):_jsx(RedoclyReferenceDocs,{store:e},void 0)}}),void 0)},void 0)}
+import{jsx as _jsx}from"react/jsx-runtime";import{argValueToBoolean,ErrorBoundary,Loading,RedocNormalizedOptions}from"../redoc-lib";import{ProStoreProvider}from"./StoreProvider";import{RedoclyReferenceDocs}from"./RedoclyReferenceDocs";export function RedoclyReferenceDocsMultiStandalone({definitions:o,options:e={}}){const r=argValueToBoolean(e.hideLoading,!1),i=new RedocNormalizedOptions(e);return _jsx(ErrorBoundary,{children:_jsx(ProStoreProvider,Object.assign({definitions:o,options:e},{children:({loading:o,store:e})=>o?r?null:_jsx(Loading,{color:i.theme.colors.primary.main},void 0):_jsx(RedoclyReferenceDocs,{store:e},void 0)}),void 0)},void 0)}
 //# sourceMappingURL=RedoclyReferenceDocsMultiStandalone.js.map

package/lib-esm/components/Samples/ExampleSwitch.js

@@ -1,2 +1,2 @@
-import{__assign}from"tslib";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{useState,useEffect}from"react";import{WarnMessage}from"../shared";import{FormControl}from"../common/form";import{Dropdown}from"../common/Dropdown";export var ExampleSwitch=function(o){var r,e,a=o.exampleKey,n=o.examples,t=o.onChange,s=Object.keys(n),i=a?s.indexOf(a):0,m=useState(i>-1?i:0),d=m[0],l=m[1];useEffect((function(){return l(i>-1?i:0)}),[a,i]);var u=s.map((function(o,r){return{value:n[o].summary||o,idx:r}}));return _jsxs(_Fragment,{children:["default"!==(null===(r=u[d])||void 0===r?void 0:r.value)&&_jsx(FormControl,__assign({"data-cy":"example-switch"},{children:_jsx(Dropdown,{variant:"dark",fullWidth:!0,options:u,value:null===(e=u[d])||void 0===e?void 0:e.value,onChange:function(o){var r=o.idx;l(r),t(s[r])}},void 0)}),void 0),a&&-1===i&&_jsx(WarnMessage,{children:"Provided sample not found"},void 0)]},void 0)};
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{useState,useEffect}from"react";import{WarnMessage}from"../shared";import{FormControl}from"../common/form";import{Dropdown}from"../common/Dropdown";export const ExampleSwitch=({exampleKey:o,examples:e,onChange:r})=>{var a,s;const t=Object.keys(e),n=o?t.indexOf(o):0,[m,i]=useState(n>-1?n:0);useEffect((()=>i(n>-1?n:0)),[o,n]);const d=t.map(((o,r)=>({value:e[o].summary||o,idx:r})));return _jsxs(_Fragment,{children:["default"!==(null===(a=d[m])||void 0===a?void 0:a.value)&&_jsx(FormControl,Object.assign({"data-cy":"example-switch"},{children:_jsx(Dropdown,{variant:"dark",fullWidth:!0,options:d,value:null===(s=d[m])||void 0===s?void 0:s.value,onChange:({idx:o})=>{i(o),r(t[o])}},void 0)}),void 0),o&&-1===n&&_jsx(WarnMessage,{children:"Provided sample not found"},void 0)]},void 0)};
 //# sourceMappingURL=ExampleSwitch.js.map

package/lib-esm/components/Samples/LoadingWrapper.js

@@ -1,2 +1,8 @@
-import{__makeTemplateObject}from"tslib";import styled from"../../redoc-lib/src/styled-components";export var LoadingWrapper=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  transition: opacity 0.2s;\n\n  .loading &:not(.updated) {\n    opacity: 0.5;\n  }\n"],["\n  transition: opacity 0.2s;\n\n  .loading &:not(.updated) {\n    opacity: 0.5;\n  }\n"])));var templateObject_1;
+import styled from"../../redoc-lib/src/styled-components";export const LoadingWrapper=styled.div`
+  transition: opacity 0.2s;
+
+  .loading &:not(.updated) {
+    opacity: 0.5;
+  }
+`;
 //# sourceMappingURL=LoadingWrapper.js.map

package/lib-esm/components/Samples/SamplesTabs.js

@@ -1,2 +1,2 @@
-import{__assign}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useContext,useEffect,useLayoutEffect,useState,useMemo,useCallback}from"react";import{observer}from"mobx-react";import{CollapsingTabsBase}from"../Tabs";import{StoreContext}from"../../redoc-lib";import{WarnMessage}from"../shared";import{LoadingWrapper}from"./LoadingWrapper";export var SamplesTabs=observer((function(e){var n=e.children,a=e.onChange,t=e.defaultLanguage,o=e.id,r=e.tabs,i=e.operation,s=useContext(StoreContext),u=useState(t),l=u[0],d=u[1],c=useState(),m=c[0],g=c[1],f=useMemo((function(){var e=r.findIndex((function(e){return[null==s?void 0:s.activeSampleLanguage,l].includes(e.key)||e.lang===(null==s?void 0:s.activeSampleLanguage)}));return-1===e?0:e}),[r,l,null==s?void 0:s.activeSampleLanguage]),p=useMemo((function(){return r.map((function(e){return e.lang}))}),[r]);useLayoutEffect((function(){var e,n=null===(e=document.getElementById(o))||void 0===e?void 0:e.getBoundingClientRect().y;if(n&&m&&n!==m){var a=n-m;window.requestAnimationFrame((function(){return window.scrollBy(0,a)})),g(void 0)}}),[p,m,o]),useEffect((function(){return null==s?void 0:s.stopLoader()}),[null==s?void 0:s.activeSampleLanguage]),useEffect((function(){l&&(null==s||s.startLoader(),null==s||s.activateSampleLanguage(l))}),[l,t]);var v=useCallback((function(e){var n,t=r[e];g(null===(n=document.getElementById(o))||void 0===n?void 0:n.getBoundingClientRect().y),d(t.key),a&&a(t)}),[o,a,r]);return _jsx(LoadingWrapper,__assign({className:l&&"updated",id:o},{children:_jsxs(CollapsingTabsBase,__assign({tabs:r,operation:i,activeIndex:f,onChange:v},{children:[t&&-1===p.indexOf(t)&&_jsx(WarnMessage,{children:"Provided language is not supported"},void 0),n]}),void 0)}),void 0)}));
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useContext,useEffect,useLayoutEffect,useState,useMemo,useCallback}from"react";import{observer}from"mobx-react";import{CollapsingTabsBase}from"../Tabs";import{StoreContext}from"../../redoc-lib";import{WarnMessage}from"../shared";import{LoadingWrapper}from"./LoadingWrapper";export const SamplesTabs=observer((({children:e,onChange:a,defaultLanguage:t,id:o,tabs:n,operation:s})=>{const i=useContext(StoreContext),[r,l]=useState(t),[d,u]=useState(),c=useMemo((()=>{const e=n.findIndex((e=>[null==i?void 0:i.activeSampleLanguage,r].includes(e.key)||e.lang===(null==i?void 0:i.activeSampleLanguage)));return-1===e?0:e}),[n,r,null==i?void 0:i.activeSampleLanguage]),g=useMemo((()=>n.map((({lang:e})=>e))),[n]);useLayoutEffect((()=>{var e;const a=null===(e=document.getElementById(o))||void 0===e?void 0:e.getBoundingClientRect().y;if(a&&d&&a!==d){const e=a-d;window.requestAnimationFrame((()=>window.scrollBy(0,e))),u(void 0)}}),[g,d,o]),useEffect((()=>null==i?void 0:i.stopLoader()),[null==i?void 0:i.activeSampleLanguage]),useEffect((()=>{r&&(null==i||i.startLoader(),null==i||i.activateSampleLanguage(r))}),[r,t]);const m=useCallback((e=>{var t;const s=n[e];u(null===(t=document.getElementById(o))||void 0===t?void 0:t.getBoundingClientRect().y),l(s.key),a&&a(s)}),[o,a,n]);return _jsx(LoadingWrapper,Object.assign({className:r&&"updated",id:o},{children:_jsxs(CollapsingTabsBase,Object.assign({tabs:n,operation:s,activeIndex:c,onChange:m},{children:[t&&-1===g.indexOf(t)&&_jsx(WarnMessage,{children:"Provided language is not supported"},void 0),e]}),void 0)}),void 0)}));
 //# sourceMappingURL=SamplesTabs.js.map

package/lib-esm/components/Samples/use-example-key.js

@@ -1,2 +1,2 @@
-import{useState,useEffect}from"react";export function useExampleKey(e,t){var a=void 0===e?{}:e,m=a.activeExampleName,u=a.defaultExampleName,f=useState(m&&t[m]?m:Object.keys(t)[0]),c=f[0],l=f[1];return useEffect((function(){m&&t[m]&&l(m)}),[m,t]),{exampleKey:t[c]?c:Object.keys(t)[0],defaultExampleName:u}}
+import{useState,useEffect}from"react";export function useExampleKey({activeExampleName:e,defaultExampleName:t}={},a){const[m,u]=useState(e&&a[e]?e:Object.keys(a)[0]);return useEffect((()=>{e&&a[e]&&u(e)}),[e,a]),{exampleKey:a[m]?m:Object.keys(a)[0],defaultExampleName:t}}
 //# sourceMappingURL=use-example-key.js.map

package/lib-esm/components/Search/MenuItemProSearch.js

@@ -1,2 +1,10 @@
-import{__assign,__makeTemplateObject}from"tslib";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{useContext}from"react";import{mediaCSS,MenuItem,MenuItemPath,OptionsContext,styled}from"../../redoc-lib";import{SideNavStyle}from"../../services";var templateObject_1,templateObject_2,templateObject_3,ResultMeta=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  font-size: 0.8em;\n  ","\n"],["\n  font-size: 0.8em;\n  ","\n"])),(function(e){var t=e.theme;return mediaCSS({fontFamily:t.typography.code.fontFamily})})),Place=styled.span(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  font-weight: bold;\n"],["\n  font-weight: bold;\n"]))),MarkedSpan=styled.span(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  color: ",";\n  background-color: #ffff03;\n"],["\n  color: ",";\n  background-color: #ffff03;\n"])),(function(e){return e.theme.sidebar.activeTextColor}));export var MenuItemPro=function(e){var t=e.result,a=e.active,n=e.term,r=e.onActivate,i=e.history,o=useContext(OptionsContext),l="path-only"===o.searchMode,s=o.sideNavStyle===SideNavStyle.PathFirst;return _jsxs(MenuItem,__assign({item:Object.create(t.item,{active:{value:a},name:{value:l?t.item.name:""},path:{value:""},search:{value:!0}}),onActivate:function(e,a){if(a.ctrlKey){var n=i.linkForId(t.item.id);window.open(n,"_blank")}else r(t)},withoutChildren:!0,"data-role":"search:result"},{children:[(s||l)&&"operation"===t.item.type?_jsx(_Fragment,{children:_jsx(MenuItemPath,__assign({title:t.item.path},{children:markString(t.item.path,n)}),void 0)},void 0):markString(t.item.name,n),t.count>1?_jsxs(ResultMeta,{children:[t.count," matching ",formatPlaces(t.places)]},void 0):1===t.count?_jsxs(ResultMeta,{children:["in ",_jsx(Place,{children:t.places[0].place},void 0)," ",formatPath(n,t.places[0].paths[0])]},void 0):null]}),void 0)};function formatPlaces(e){return e.slice().sort(),e.map((function(e){return e.place})).join(" and ")}function formatPath(e,t){return t&&t.length&&t[t.length-1].toLowerCase().startsWith(e.toLowerCase())&&(t=t.slice(0,t.length-1)),t&&0!==t.length?" → "+t.join(" → "):""}function markString(e,t){for(var a=new RegExp("("+t.replace(/[\\^$.*+?()[\]{}|]/g,"\\$&")+")","gi"),n=e.split(a),r=1,i=n.length;r<i;r+=2)n[r]=_jsx(MarkedSpan,{children:n[r]},r);return n}
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{useContext}from"react";import{mediaCSS,MenuItem,MenuItemPath,OptionsContext,styled}from"../../redoc-lib";import{SideNavStyle}from"../../services";const ResultMeta=styled.div`
+  font-size: 0.8em;
+  ${({theme:e})=>mediaCSS({fontFamily:e.typography.code.fontFamily})}
+`,Place=styled.span`
+  font-weight: bold;
+`,MarkedSpan=styled.span`
+  color: ${({theme:e})=>e.sidebar.activeTextColor};
+  background-color: #ffff03;
+`;export const MenuItemPro=({result:e,active:t,term:a,onActivate:n,history:i})=>{const o=useContext(OptionsContext),r="path-only"===o.searchMode,s=o.sideNavStyle===SideNavStyle.PathFirst;return _jsxs(MenuItem,Object.assign({item:Object.create(e.item,{active:{value:t},name:{value:r?e.item.name:""},path:{value:""},search:{value:!0}}),onActivate:(t,a)=>{if(a.ctrlKey){const t=i.linkForId(e.item.id);window.open(t,"_blank")}else n(e)},withoutChildren:!0,"data-role":"search:result"},{children:[(s||r)&&"operation"===e.item.type?_jsx(_Fragment,{children:_jsx(MenuItemPath,Object.assign({title:e.item.path},{children:markString(e.item.path,a)}),void 0)},void 0):markString(e.item.name,a),e.count>1?_jsxs(ResultMeta,{children:[e.count," matching ",formatPlaces(e.places)]},void 0):1===e.count?_jsxs(ResultMeta,{children:["in ",_jsx(Place,{children:e.places[0].place},void 0)," ",formatPath(a,e.places[0].paths[0])]},void 0):null]}),void 0)};function formatPlaces(e){return e.slice().sort(),e.map((e=>e.place)).join(" and ")}function formatPath(e,t){return t&&t.length&&t[t.length-1].toLowerCase().startsWith(e.toLowerCase())&&(t=t.slice(0,t.length-1)),t&&0!==t.length?" → "+t.join(" → "):""}function markString(e,t){const a=new RegExp("("+t.replace(/[\\^$.*+?()[\]{}|]/g,"\\$&")+")","gi"),n=e.split(a);for(let e=1,t=n.length;e<t;e+=2)n[e]=_jsx(MarkedSpan,{children:n[e]},e);return n}
 //# sourceMappingURL=MenuItemProSearch.js.map

package/lib-esm/components/Search/ProSearchBox.js

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

package/lib-esm/components/Search/SearchField.js

@@ -1,2 +1,2 @@
-import{__assign}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{SearchFieldWrap,SearchIcon,ButtonClear,CrossIcon}from"./styled";export var SearchField=function(r){var s=r.showPopUp,o=r.searchValue,a=r.marker,e=r.setSearchValue,i=!!o;return _jsxs(SearchFieldWrap,__assign({onClick:s},{children:[_jsx("span",{},void 0),o||"Search",_jsx(SearchIcon,{},void 0),i&&_jsx(ButtonClear,__assign({onClick:function(r){r.stopPropagation(),a.unmark(),e("")}},{children:_jsx(CrossIcon,{},void 0)}),void 0)]}),void 0)};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{SearchFieldWrap,SearchIcon,ButtonClear,CrossIcon}from"./styled";export const SearchField=({showPopUp:s,searchValue:r,marker:o,setSearchValue:e})=>{const a=!!r;return _jsxs(SearchFieldWrap,Object.assign({onClick:s},{children:[_jsx("span",{},void 0),r||"Search",_jsx(SearchIcon,{},void 0),a&&_jsx(ButtonClear,Object.assign({onClick:s=>{s.stopPropagation(),o.unmark(),e("")}},{children:_jsx(CrossIcon,{},void 0)}),void 0)]}),void 0)};
 //# sourceMappingURL=SearchField.js.map

package/lib-esm/components/Search/styled.js

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

package/lib-esm/components/StoreProvider.d.ts

@@ -17,7 +17,8 @@ interface StoreProviderProps {
     activeItemId?: string;
     activeSampleLanguage?: CodeSampleConfig['lang'] | string;
     activeDeepLink?: string;
+    onLoaded?: (e?: Error) => void;
 }
-export declare const ProStoreProvider: ({ definitions, options, definitionUrl, definition, activeItemId, activeSampleLanguage, activeDeepLink, children, }: StoreProviderProps) => JSX.Element | null;
+export declare const ProStoreProvider: ({ definitions, options, definitionUrl, definition, activeItemId, activeSampleLanguage, activeDeepLink, children, onLoaded, }: StoreProviderProps) => JSX.Element | null;
 export declare function loadSpecs({ versions }: SpecVersions): Promise<void>;
 export {};

package/lib-esm/components/StoreProvider.js

@@ -1,2 +1,2 @@
-var _a;import{__awaiter,__generator}from"tslib";import isDeepEqual from"fast-deep-equal";import{createContext,useEffect,useMemo,useRef,useState}from"react";import{loadAndBundleDefinition}from"../redoc-lib";import{ProStore}from"../services/ProStore";import{FakeHistoryService}from"../services";export var Provider=(_a=createContext(void 0),_a.Provider),Consumer=_a.Consumer;export var ProStoreProvider=function(e){var n=e.definitions,t=e.options,r=e.definitionUrl,i=e.definition,o=e.activeItemId,a=e.activeSampleLanguage,s=e.activeDeepLink,u=e.children,c=useState()[1],l=useState(!0),d=l[0],f=l[1],p=useState(null),v=p[0],m=p[1];useEffect((function(){!function(){__awaiter(this,void 0,void 0,(function(){var e,o,a;return __generator(this,(function(s){switch(s.label){case 0:f(!0),s.label=1;case 1:return s.trys.push([1,6,,7]),e=m,n?[4,loadMany(n)]:[3,3];case 2:return o=s.sent(),[3,5];case 3:return[4,loadSingle(i,r,t)];case 4:o=s.sent(),s.label=5;case 5:return e.apply(void 0,[o]),[3,7];case 6:return a=s.sent(),c((function(){throw a})),[3,7];case 7:return[2]}}))}))}()}),[n,i,r,t]);var h=useMemo((function(){var e,n,i;if(v){var o=new ProStore(v,r,t);return(null===(e=o.options.hooks)||void 0===e?void 0:e.onInit)&&(null===(i=null===(n=o.options.hooks)||void 0===n?void 0:n.onInit)||void 0===i||i.call(n,{store:o})),o}}),useDeepCompareMemoize([v,t]));return useEffect((function(){if(h)return f(!1),function(){return h.dispose()}}),[h]),useEffect((function(){var e;if(h&&o){var n=(null==o?void 0:o.split(h.options.deepLinkPrefix)[0])||(null===(e=h.menu.flatItems[h.menu.activeItemIdx])||void 0===e?void 0:e.id),t=h.menu.flatItems.find((function(e){return e.id===n})),r=s?n+h.options.deepLinkPrefix+s:void 0;r&&h.menu.history instanceof FakeHistoryService&&h.menu.history.replaceForField(r),h.menu.activateAndScroll(t,!0,!1,r)}}),[o,s,h]),useEffect((function(){h&&a&&h.setActiveSampleLanguage(a)}),[a,h]),u({loading:d,store:h})};function fixSpec(e){for(var n=e.components&&e.components.securitySchemes||{},t=0,r=Object.keys(n);t<r.length;t++){var i=n[r[t]];i["x-type"]&&(i.type=i["x-type"]),i["x-scheme"]&&(i.scheme=i["x-scheme"])}}function loadMany(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){switch(n.label){case 0:return[4,loadSpecs(e||{})];case 1:return n.sent(),[2,e]}}))}))}function loadSingle(e,n,t){return __awaiter(this,void 0,void 0,(function(){var r,i,o,a,s;return __generator(this,(function(u){switch(u.label){case 0:if(!(null==t?void 0:t.skipBundleAndConvert))return[3,1];if(!e)throw new Error('spec must be specified when using "skipBundleAndConvert"');return r=e,[3,3];case 1:return[4,loadAndBundleDefinition(e||n)];case 2:r=u.sent(),u.label=3;case 3:if(!(i=null==t?void 0:t.unstable_externalDescription))return[3,8];u.label=4;case 4:return u.trys.push([4,7,,8]),[4,fetch(i)];case 5:return o=u.sent(),a=r.info,[4,o.text()];case 6:return a.description=u.sent(),[3,8];case 7:return s=u.sent(),console.warn("Failed to load external description from "+i+": "+s.message),[3,8];case 8:try{fixSpec(r)}catch(e){}return[2,r]}}))}))}function loadAndBundleSpecOrMd(e,n){return e.endsWith(".md")?loadAndBundleDefinition({openapi:"3.0.0",info:{title:n||"",version:"1.0",description:{$ref:e}},paths:{}}):loadAndBundleDefinition(e)}export function loadSpecs(e){var n=e.versions;return __awaiter(this,void 0,void 0,(function(){var e,t,r,i;return __generator(this,(function(o){switch(o.label){case 0:if(!Array.isArray(n))return[3,4];e=0,t=n,o.label=1;case 1:return e<t.length?(r=t[e]).url?(i=r,[4,loadAndBundleSpecOrMd(r.url)]):[3,3]:[3,4];case 2:i.spec=o.sent(),o.label=3;case 3:return e++,[3,1];case 4:return[2]}}))}))}function useDeepCompareMemoize(e){var n=useRef(),t=useRef(0);return isDeepEqual(e,n.current)||(n.current=e,t.current+=1),[t.current]}
+import isDeepEqual from"fast-deep-equal";import{createContext,useEffect,useMemo,useRef,useState}from"react";import{loadAndBundleDefinition}from"../redoc-lib";import{ProStore}from"../services/ProStore";import{FakeHistoryService}from"../services";export const{Provider:Provider,Consumer:Consumer}=createContext(void 0);export const ProStoreProvider=({definitions:e,options:n,definitionUrl:t,definition:o,activeItemId:i,activeSampleLanguage:r,activeDeepLink:s,children:a,onLoaded:c})=>{const[,u]=useState(),[d,l]=useState(!0),[f,p]=useState(null);useEffect((()=>{!async function(){l(!0);try{p(e?await loadMany(e):await loadSingle(o,t,n))}catch(e){null==c||c(e),u((()=>{throw e}))}}()}),[e,o,t,n]);const m=useMemo((()=>{var e,o,i;if(!f)return;const r=new ProStore(f,t,n);return(null===(e=r.options.hooks)||void 0===e?void 0:e.onInit)&&(null===(i=null===(o=r.options.hooks)||void 0===o?void 0:o.onInit)||void 0===i||i.call(o,{store:r})),r}),useDeepCompareMemoize([f,n]));return useEffect((()=>{if(m)return l(!1),()=>m.dispose()}),[m]),useEffect((()=>{var e;if(!m)return;if(!i)return;const n=(null==i?void 0:i.split(m.options.deepLinkPrefix)[0])||(null===(e=m.menu.flatItems[m.menu.activeItemIdx])||void 0===e?void 0:e.id),t=m.menu.flatItems.find((e=>e.id===n)),o=s?n+m.options.deepLinkPrefix+s:void 0;o&&m.menu.history instanceof FakeHistoryService&&m.menu.history.replaceForField(o),m.menu.activateAndScroll(t,!0,!1,o)}),[i,s,m]),useEffect((()=>{m&&r&&m.setActiveSampleLanguage(r),m&&c&&c()}),[r,c,m]),a({loading:d,store:m})};function fixSpec(e){const n=e.components&&e.components.securitySchemes||{};for(const e of Object.keys(n)){const t=n[e];t["x-type"]&&(t.type=t["x-type"]),t["x-scheme"]&&(t.scheme=t["x-scheme"])}}async function loadMany(e){return await loadSpecs(e||{}),e}async function loadSingle(e,n,t){let o;if(null==t?void 0:t.skipBundleAndConvert){if(!e)throw new Error('spec must be specified when using "skipBundleAndConvert"');o=e}else o=await loadAndBundleDefinition(e||n);const i=null==t?void 0:t.unstable_externalDescription;if(i)try{const e=await fetch(i);o.info.description=await e.text()}catch(e){console.warn(`Failed to load external description from ${i}: ${e.message}`)}try{fixSpec(o)}catch(e){}return o}function loadAndBundleSpecOrMd(e,n){return e.endsWith(".md")?loadAndBundleDefinition({openapi:"3.0.0",info:{title:n||"",version:"1.0",description:{$ref:e}},paths:{}}):loadAndBundleDefinition(e)}export async function loadSpecs({versions:e}){if(Array.isArray(e))for(const n of e)n.url&&(n.spec=await loadAndBundleSpecOrMd(n.url))}function useDeepCompareMemoize(e){const n=useRef(),t=useRef(0);return isDeepEqual(e,n.current)||(n.current=e,t.current+=1),[t.current]}
 //# sourceMappingURL=StoreProvider.js.map

package/lib-esm/components/Tabs/CollapsingTabs/CollapsingTab.js

@@ -1,2 +1,11 @@
-import{__makeTemplateObject}from"tslib";import styled from"../../../redoc-lib/src/styled-components";import{Tab}from"../Tab";export var CollapsingTab=styled(Tab)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  max-width: 200px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  &.react-tabs__tab--disabled {\n    display: none;\n  }\n"],["\n  max-width: 200px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  &.react-tabs__tab--disabled {\n    display: none;\n  }\n"])));var templateObject_1;
+import styled from"../../../redoc-lib/src/styled-components";import{Tab}from"../Tab";export const CollapsingTab=styled(Tab)`
+  max-width: 200px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+
+  &.react-tabs__tab--disabled {
+    display: none;
+  }
+`;
 //# sourceMappingURL=CollapsingTab.js.map

package/lib-esm/components/Tabs/CollapsingTabs/CollapsingTabList.js

@@ -1,2 +1,5 @@
-import{__makeTemplateObject}from"tslib";import styled from"../../../redoc-lib/src/styled-components";import{TabList}from"../TabList";export var CollapsingTabList=styled(TabList)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  border-bottom: 4px solid ",";\n  margin: 0 0 10px;\n"],["\n  border-bottom: 4px solid ",";\n  margin: 0 0 10px;\n"])),(function(t){return t.theme.colors.border.dark}));var templateObject_1;
+import styled from"../../../redoc-lib/src/styled-components";import{TabList}from"../TabList";export const CollapsingTabList=styled(TabList)`
+  border-bottom: 4px solid ${({theme:o})=>o.colors.border.dark};
+  margin: 0 0 10px;
+`;
 //# sourceMappingURL=CollapsingTabList.js.map

package/lib-esm/components/Tabs/CollapsingTabs/CollapsingTabs.js

@@ -1,2 +1,2 @@
-import{__assign,__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useCallback,useEffect,useState}from"react";import{observer}from"mobx-react";import{CollapsingTabsBase}from"./CollapsingTabsBase";function getActiveIndexFromOperation(e,t,n){var a;return t?"number"==typeof n&&n>0?hasActiveExampleName(null===(a=e[n])||void 0===a?void 0:a.content,t)?n:getActiveIndexFromOperation(e,t):e.findIndex((function(e){return hasActiveExampleName(e.content,t)})):-1}function hasActiveExampleName(e,t){return!!(null==e?void 0:e.mediaTypes.find((function(e){return Object.keys(e.examples||[]).includes(t||"")})))}export var CollapsingTabs=observer((function(e){var t=e.children,n=__rest(e,["children"]),a=useState(0),r=a[0],i=a[1],o=n.operation,s=n.operation.activeExampleName;useEffect((function(){var e=getActiveIndexFromOperation(o.responses,s,r);e>-1&&i(e)}),[s]);var c=useCallback((function(e){r!==e&&i(e)}),[r]);return _jsx(CollapsingTabsBase,__assign({},n,{activeIndex:r,onChange:c},{children:t}),void 0)}));
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useCallback,useEffect,useState}from"react";import{observer}from"mobx-react";import{CollapsingTabsBase}from"./CollapsingTabsBase";function getActiveIndexFromOperation(e,t,r){var a;if(!t)return-1;if("number"==typeof r&&r>0){return hasActiveExampleName(null===(a=e[r])||void 0===a?void 0:a.content,t)?r:getActiveIndexFromOperation(e,t)}return e.findIndex((({content:e})=>hasActiveExampleName(e,t)))}function hasActiveExampleName(e,t){return!!(null==e?void 0:e.mediaTypes.find((e=>Object.keys(e.examples||[]).includes(t||""))))}export const CollapsingTabs=observer((e=>{var{children:t}=e,r=__rest(e,["children"]);const[a,n]=useState(0),{operation:o,operation:{activeExampleName:s}}=r;useEffect((()=>{const e=getActiveIndexFromOperation(o.responses,s,a);e>-1&&n(e)}),[s]);const i=useCallback((e=>{a!==e&&n(e)}),[a]);return _jsx(CollapsingTabsBase,Object.assign({},r,{activeIndex:a,onChange:i},{children:t}),void 0)}));
 //# sourceMappingURL=CollapsingTabs.js.map

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

@@ -1,2 +1,2 @@
-import{__assign}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo,useCallback,useContext,useEffect,useMemo,useState}from"react";import{Tabs}from"react-tabs";import{OptionsContext}from"../../../redoc-lib";import{CollapsingDropdown}from"../../common/Dropdown";import{CollapsingTabList}from"./CollapsingTabList";import{CollapsingTab}from"./CollapsingTab";function CollapsingTabsBaseComponent(e){var o=e.tabs,s=e.children,n=e.hidden,t=e.activeIndex,i=e.onChange,a=useContext(OptionsContext).samplesTabsMaxCount,l=useMemo((function(){return o.slice(a).map((function(e,o){return{idx:o,value:e.title}}))}),[o,a]),r=l.length+" more",m=useState(r),p=m[0],u=m[1],c=useCallback((function(){var e=t>=a;p!==r&&p===o[t].title||!e?p===r||e||u(r):u(o[t].title)}),[t,a,p,r,o]);useEffect((function(){setTimeout(c,0)}),[t,a,c]);return _jsxs(Tabs,__assign({selectedIndex:t,onSelect:i},{children:[_jsxs(CollapsingTabList,__assign({hidden:n},{children:[o.map((function(e,o){return _jsx(CollapsingTab,__assign({disabled:o>=a},{children:e.title}),e.key)})),l.length?_jsx(CollapsingDropdown,{options:l,onChange:function(e){i(a+e.idx)},placeholder:r,value:p,active:t>=a},void 0):null]}),void 0),s]}),void 0)}export var CollapsingTabsBase=memo(CollapsingTabsBaseComponent);
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo,useCallback,useContext,useEffect,useMemo,useState}from"react";import{Tabs}from"react-tabs";import{OptionsContext}from"../../../redoc-lib";import{CollapsingDropdown}from"../../common/Dropdown";import{CollapsingTabList}from"./CollapsingTabList";import{CollapsingTab}from"./CollapsingTab";function CollapsingTabsBaseComponent({tabs:e,children:s,hidden:o,activeIndex:t,onChange:a}){const{samplesTabsMaxCount:n}=useContext(OptionsContext),i=useMemo((()=>e.slice(n).map((({title:e},s)=>({idx:s,value:e})))),[e,n]),l=`${i.length} more`,[p,r]=useState(l),m=useCallback((()=>{const s=t>=n;p!==l&&p===e[t].title||!s?p===l||s||r(l):r(e[t].title)}),[t,n,p,l,e]);useEffect((()=>{setTimeout(m,0)}),[t,n,m]);return _jsxs(Tabs,Object.assign({selectedIndex:t,onSelect:a},{children:[_jsxs(CollapsingTabList,Object.assign({hidden:o},{children:[e.map(((e,s)=>_jsx(CollapsingTab,Object.assign({disabled:s>=n},{children:e.title}),e.key))),i.length?_jsx(CollapsingDropdown,{options:i,onChange:e=>{a(n+e.idx)},placeholder:l,value:p,active:t>=n},void 0):null]}),void 0),s]}),void 0)}export const CollapsingTabsBase=memo(CollapsingTabsBaseComponent);
 //# sourceMappingURL=CollapsingTabsBase.js.map

package/lib-esm/components/Tabs/SmallTab.js

@@ -1,2 +1,25 @@
-import{__makeTemplateObject}from"tslib";import styled from"../../redoc-lib/src/styled-components";import{Tab}from"./Tab";export var SmallTab=styled(Tab)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  flex: 0 0 auto;\n  padding: 2px 5px;\n  margin-right: 1px;\n  font-size: 12px;\n  min-width: 112px;\n  line-height: 16px;\n  background: ",";\n\n  &:last-child {\n    margin-right: 0;\n  }\n\n  &.react-tabs__tab--selected {\n    background: ",";\n    color: ",";\n    border-bottom: none;\n    margin-bottom: 0;\n  }\n\n  ","\n\n  ","\n"],["\n  flex: 0 0 auto;\n  padding: 2px 5px;\n  margin-right: 1px;\n  font-size: 12px;\n  min-width: 112px;\n  line-height: 16px;\n  background: ",";\n\n  &:last-child {\n    margin-right: 0;\n  }\n\n  &.react-tabs__tab--selected {\n    background: ",";\n    color: ",";\n    border-bottom: none;\n    margin-bottom: 0;\n  }\n\n  ","\n\n  ","\n"])),(function(n){return n.theme.rightPanel.panelControlsBackgroundColor}),(function(n){return n.theme.colors.accent.main}),(function(n){return n.theme.colors.text.light}),(function(n){return n.$error&&"&::after {\n      content: '';\n      display: inline-block;\n      background-color: rgb(255, 77, 77);\n      border-radius: 50%; // for small red dot near text\n      margin-left: 2px;\n      height: 6px;\n      width: 6px;\n  }"}),(function(n){return n.$success&&"&::after {\n      content: '';\n      display: inline-block;\n      background-color: rgb(75, 210, 143);\n      border-radius: 50%; // for small green dot near text\n      margin-left: 2px;\n      height: 6px;\n      width: 6px;\n  }"}));var templateObject_1;
+import styled from"../../redoc-lib/src/styled-components";import{Tab}from"./Tab";export const SmallTab=styled(Tab)`
+  flex: 0 0 auto;
+  padding: 2px 5px;
+  margin-right: 1px;
+  font-size: 12px;
+  min-width: 112px;
+  line-height: 16px;
+  background: ${({theme:n})=>n.rightPanel.panelControlsBackgroundColor};
+
+  &:last-child {
+    margin-right: 0;
+  }
+
+  &.react-tabs__tab--selected {
+    background: ${({theme:n})=>n.colors.accent.main};
+    color: ${({theme:n})=>n.colors.text.light};
+    border-bottom: none;
+    margin-bottom: 0;
+  }
+
+  ${({$error:n})=>n&&"&::after {\n      content: '';\n      display: inline-block;\n      background-color: rgb(255, 77, 77);\n      border-radius: 50%; // for small red dot near text\n      margin-left: 2px;\n      height: 6px;\n      width: 6px;\n  }"}
+
+  ${({$success:n})=>n&&"&::after {\n      content: '';\n      display: inline-block;\n      background-color: rgb(75, 210, 143);\n      border-radius: 50%; // for small green dot near text\n      margin-left: 2px;\n      height: 6px;\n      width: 6px;\n  }"}
+`;
 //# sourceMappingURL=SmallTab.js.map

package/lib-esm/components/Tabs/Tab.js

@@ -1,2 +1,26 @@
-import{__makeTemplateObject}from"tslib";import{Tab as ReactTab}from"react-tabs";import styled from"../../redoc-lib/src/styled-components";export var Tab=styled(ReactTab)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  flex: 1;\n  cursor: pointer;\n  padding: 5px 10px;\n  font-size: 14px;\n  line-height: 26px;\n  font-weight: 400;\n  text-align: center;\n  color: ",";\n  background: ",";\n\n  &.react-tabs__tab--selected {\n    background: ",";\n    border-bottom: 4px solid ",";\n    margin-bottom: -4px;\n  }\n\n  &:first-child {\n    border-top-left-radius: ",";\n  }\n\n  &:last-child {\n    border-top-right-radius: ",";\n  }\n"],["\n  flex: 1;\n  cursor: pointer;\n  padding: 5px 10px;\n  font-size: 14px;\n  line-height: 26px;\n  font-weight: 400;\n  text-align: center;\n  color: ",";\n  background: ",";\n\n  &.react-tabs__tab--selected {\n    background: ",";\n    border-bottom: 4px solid ",";\n    margin-bottom: -4px;\n  }\n\n  &:first-child {\n    border-top-left-radius: ",";\n  }\n\n  &:last-child {\n    border-top-right-radius: ",";\n  }\n"])),(function(n){return n.theme.colors.text.light}),(function(n){return n.theme.rightPanel.panelBackgroundColor}),(function(n){return n.theme.rightPanel.panelControlsBackgroundColor}),(function(n){return n.theme.colors.accent.main}),(function(n){return n.theme.shape.borderRadius}),(function(n){return n.theme.shape.borderRadius}));var templateObject_1;
+import{Tab as ReactTab}from"react-tabs";import styled from"../../redoc-lib/src/styled-components";export const Tab=styled(ReactTab)`
+  flex: 1;
+  cursor: pointer;
+  padding: 5px 10px;
+  font-size: 14px;
+  line-height: 26px;
+  font-weight: 400;
+  text-align: center;
+  color: ${({theme:e})=>e.colors.text.light};
+  background: ${({theme:e})=>e.rightPanel.panelBackgroundColor};
+
+  &.react-tabs__tab--selected {
+    background: ${({theme:e})=>e.rightPanel.panelControlsBackgroundColor};
+    border-bottom: 4px solid ${({theme:e})=>e.colors.accent.main};
+    margin-bottom: -4px;
+  }
+
+  &:first-child {
+    border-top-left-radius: ${({theme:e})=>e.shape.borderRadius};
+  }
+
+  &:last-child {
+    border-top-right-radius: ${({theme:e})=>e.shape.borderRadius};
+  }
+`;
 //# sourceMappingURL=Tab.js.map

package/lib-esm/components/Tabs/TabList.js

@@ -1,2 +1,7 @@
-import{__makeTemplateObject}from"tslib";import{TabList as ReactTabList}from"react-tabs";import styled from"../../redoc-lib/src/styled-components";export var TabList=styled(ReactTabList)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  display: flex;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n"],["\n  display: flex;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n"])));var templateObject_1;
+import{TabList as ReactTabList}from"react-tabs";import styled from"../../redoc-lib/src/styled-components";export const TabList=styled(ReactTabList)`
+  display: flex;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+`;
 //# sourceMappingURL=TabList.js.map