@redocly/openapi-docs 3.0.0-alpha.10

package/lib/components/RedoclyReferenceDocs.d.ts

@@ -0,0 +1,40 @@
+import React, { Component } from 'react';
+import type { ProStore, RedocProRawOptions } from '../services/ProStore';
+import type { CodeSampleConfig } from '../services/code-samples/types';
+import { LayoutVariant } from '../services/store-types';
+export interface RedoclyReferenceDocsProps {
+    store: ProStore;
+    onLoaded?: () => void;
+    _forceRenderInfo?: boolean;
+}
+interface RedoclyReferenceDocsState {
+    searchPopUpShown: boolean;
+    searchPopUpValue: string;
+}
+interface CssFixesProps {
+    whiteLabel: boolean;
+    showRightPanel: boolean;
+    layout: LayoutVariant;
+}
+export declare const CssFixes: import("styled-components").GlobalStyleComponent<CssFixesProps, import("styled-components").DefaultTheme>;
+export declare class RedoclyReferenceDocs extends Component<RedoclyReferenceDocsProps, RedoclyReferenceDocsState> {
+    private _observer;
+    private _updatedItems;
+    rootElementRef: React.RefObject<HTMLDivElement>;
+    constructor(props: RedoclyReferenceDocsProps);
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    handleClose: () => void;
+    render(): JSX.Element;
+}
+export interface RedoclyReferenceDocsStandaloneProps {
+    definition?: GenericObject;
+    definitionUrl?: string;
+    options?: RedocProRawOptions;
+    activeItemId?: string;
+    activeSampleLanguage?: CodeSampleConfig['lang'];
+    activeDeepLink?: string;
+}
+export declare function RedoclyReferenceDocsStandalone(props: RedoclyReferenceDocsStandaloneProps): JSX.Element | null;
+export {};

package/lib/components/RedoclyReferenceDocs.js

@@ -0,0 +1,54 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var a=Object.getOwnPropertyDescriptor(t,r);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,a)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__decorate=this&&this.__decorate||function(e,t,r,o){var a,n=arguments.length,l=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,r,o);else for(var i=e.length-1;i>=0;i--)(a=e[i])&&(l=(n<3?a(l):n>3?a(t,r,l):a(t,r))||l);return n>3&&l&&Object.defineProperty(t,r,l),l},__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedoclyReferenceDocsStandalone=exports.RedoclyReferenceDocs=exports.CssFixes=void 0;const react_1=__importStar(require("react")),mobx_react_1=require("mobx-react"),mobx_1=require("mobx"),styled_components_1=__importStar(require("styled-components")),theme_1=require("@redocly/theme"),redoc_lib_1=require("../redoc-lib"),store_types_1=require("../services/store-types"),VersionedSpecStore_1=require("../services/VersionedSpecStore"),DownloadButton_1=require("../redoc-lib/src/components/DownloadButton"),Search_1=require("./Search"),NextSectionButton_1=require("./NextSectionButton"),StoreProvider_1=require("./StoreProvider"),ConsoleLazy_1=require("./console/ConsoleLazy"),ProProviders_1=require("./ProProviders"),Overlay_1=require("./Overlay"),VersionSwitcher_1=require("./VersionSwitcher"),styled_elements_1=require("./styled.elements");(0,mobx_1.configure)({useProxies:"ifavailable"});const getMarginFixesByName=e=>styled_components_1.css`
+  margin: 0 max(calc((100% - var(--panel-samples-width) - var(${e})) / 2), 0);
+`;exports.CssFixes=styled_components_1.createGlobalStyle`
+  div[data-section-id]::after {
+    content: " ";
+    display: block;
+    height: 0;
+    clear: both;
+    visibility: hidden;
+  }
+
+  ${redoc_lib_1.SamplesPanel} {
+    ${({layout:e})=>{if(e===store_types_1.LayoutVariant.STACKED)return styled_components_1.css`
+          width: 100%;
+          padding-left: var(--spacing-horizontal);
+        `}}
+    ${({showRightPanel:e})=>{if(!e)return styled_components_1.css`
+          ${({theme:e})=>e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
+            display: none;
+          }
+        `}}
+  }
+
+  ${styled_elements_1.BackgroundStub}, ${styled_elements_1.BackgroundStubFix} {
+    ${({showRightPanel:e,layout:t})=>{if(!e&&t===store_types_1.LayoutVariant.STACKED)return styled_components_1.css`
+          ${({theme:e})=>e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
+            display: none;
+          }
+        `}}
+  }
+
+  ${redoc_lib_1.SamplesMiddlePanel}, ${styled_elements_1.NextSectionButtonWrap} {
+    ${({showRightPanel:e,layout:t})=>e&&t===store_types_1.LayoutVariant.THREE_PANEL?styled_components_1.css`
+          margin: 0;
+          ${({theme:e})=>e.mediaQueries.small} {
+            ${getMarginFixesByName("--layout-panel-schemas-small-max-width")};
+          }
+          ${({theme:e})=>e.mediaQueries.medium} {
+            max-width: var(--layout-panel-schemas-medium-max-width);
+            ${getMarginFixesByName("--layout-panel-schemas-medium-max-width")};
+          }
+          ${({theme:e})=>e.mediaQueries.large} {
+            max-width: var(---layout-panel-schemas-large-max-width);
+            ${getMarginFixesByName("--layout-panel-schemas-large-max-width")};
+          }
+        `:t===store_types_1.LayoutVariant.STACKED?styled_components_1.css`
+          width: 100%;
+          padding-right: var(--spacing-horizontal);
+        `:void 0};
+  }
+`;let RedoclyReferenceDocs=class extends react_1.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:(0,react_1.createRef)()}),Object.defineProperty(this,"handleClose",{enumerable:!0,configurable:!0,writable:!0,value:()=>this.props.store.tryItOut()}),this.state={searchPopUpShown:!1,searchPopUpValue:""}}componentDidMount(){var e,t;this.props.store.onDidMount(),null===(t=(e=this.props).onLoaded)||void 0===t||t.call(e),this._observer=(0,mobx_1.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(){var e,t,r;const{store:o,_forceRenderInfo:a}=this.props,{definition:n,menu:l,options:i,search:s,marker:c}=o,{hideDownloadButton:d,hideInfoSection:u,pagination:_,disableSidebar:p}=i,m=l.renderItems,h="none"===_||l.activeRenderItemIdx<=0;let y=!u&&h;y&&"none"!==_&&p&&m[0]&&"section"!==m[0].type&&(y=!1),a&&(y=!0);const f=!y&&null!==d&&!d&&h,b=null===(e=null==n?void 0:n.info)||void 0===e?void 0:e["x-logo"];return react_1.default.createElement(ProProviders_1.ProProviders,{store:o},react_1.default.createElement(theme_1.GlobalStyle,null),react_1.default.createElement(RedocWrapStyled,{className:"redoc-wrap",ref:this.rootElementRef},react_1.default.createElement(Overlay_1.Overlay,{l:o.l}),react_1.default.createElement(exports.CssFixes,{whiteLabel:i.whiteLabel,showRightPanel:o.showRightPanel,layout:o.layout}),o.tryItOperation&&react_1.default.createElement(ConsoleLazy_1.Console,{rootElement:this.rootElementRef.current,store:o,operation:o.tryItOperation,onClose:this.handleClose}),!i.disableSidebar&&react_1.default.createElement(redoc_lib_1.StickyResponsiveSidebar,{menu:l,className:"menu-content"},!i.hideLogo&&react_1.default.createElement(theme_1.SidebarLogo,{imageUrl:null==b?void 0:b.url,href:(null==b?void 0:b.href)||(null===(r=null===(t=null==n?void 0:n.info)||void 0===t?void 0:t.contact)||void 0===r?void 0:r.url),altText:null==b?void 0:b.altText,backgroundColor:null==b?void 0:b.backgroundColor}),n instanceof VersionedSpecStore_1.VersionedSpecStore&&react_1.default.createElement(VersionSwitcher_1.VersionSwitcher,{spec:n,onChange:e=>{void 0!==e.idx&&n.changeVersion(e.idx),l.updateItemsByVersionChange(!0),o.tryItOut(void 0)}}),!i.disableSearch&&react_1.default.createElement(Search_1.SearchField,{showPopUp:()=>this.setState({searchPopUpShown:!0}),searchValue:this.state.searchPopUpValue,marker:c,setSearchValue:e=>this.setState({searchPopUpValue:e})}),react_1.default.createElement(redoc_lib_1.SideMenu,{menu:l})),react_1.default.createElement(styled_elements_1.ApiContentWrap,{className:(o.isLoading?"loading ":"")+"api-content",layout:o.layout===store_types_1.LayoutVariant.THREE_PANEL&&o.showRightPanel?store_types_1.LayoutVariant.THREE_PANEL:store_types_1.LayoutVariant.STACKED},o.showRightPanel&&o.layout!==store_types_1.LayoutVariant.STACKED&&react_1.default.createElement(styled_elements_1.BackgroundStub,null),y&&react_1.default.createElement(redoc_lib_1.ApiInfo,{store:o}),f&&react_1.default.createElement(DownloadButton_1.DownloadButtonWithLabel,{store:o}),react_1.default.createElement(redoc_lib_1.ContentItems,{items:m,store:o}),i.showNextButton&&react_1.default.createElement(NextSectionButton_1.ContinueButton,{pagination:i.pagination,menu:l}),this.props.children),react_1.default.createElement(styled_elements_1.ControlsWrap,null,react_1.default.createElement(styled_elements_1.ToggleRightPanelButton,{store:o,isVisible:o.layout===store_types_1.LayoutVariant.THREE_PANEL}),react_1.default.createElement(styled_elements_1.ChangeViewButton,{store:o,isVisible:o.showRightPanel})),react_1.default.createElement(Search_1.ProSearchBox,{search:s,marker:c,menu:l,onActivate:l.activateAndScroll.bind(l),options:i,shown:this.state.searchPopUpShown,hidePopUp:()=>this.setState({searchPopUpShown:!1}),showPopUp:()=>this.setState({searchPopUpShown:!0}),setSearchValue:e=>this.setState({searchPopUpValue:e}),searchValue:this.state.searchPopUpValue}),o.showRightPanel&&o.layout!==store_types_1.LayoutVariant.STACKED&&react_1.default.createElement(styled_elements_1.BackgroundStubFix,null)))}};function RedoclyReferenceDocsStandalone(e){const{definition:t,definitionUrl:r,options:o={},activeItemId:a,activeSampleLanguage:n,activeDeepLink:l}=e,i=(0,redoc_lib_1.argValueToBoolean)(o.hideLoading,!1),s=react_1.default.createElement(StoreProvider_1.ProStoreProvider,{definition:t,definitionUrl:r,options:o,activeItemId:a,activeSampleLanguage:n,activeDeepLink:l},(({loading:e,store:t})=>e?i?null:react_1.default.createElement(redoc_lib_1.Loading,{color:"--loading-spinner-color"}):react_1.default.createElement(RedoclyReferenceDocs,{store:t})));return o.disableErrorBoundary?s:react_1.default.createElement(redoc_lib_1.ErrorBoundary,null,s)}RedoclyReferenceDocs=__decorate([mobx_react_1.observer],RedoclyReferenceDocs),exports.RedoclyReferenceDocs=RedoclyReferenceDocs,exports.RedoclyReferenceDocsStandalone=RedoclyReferenceDocsStandalone;const RedocWrapStyled=(0,styled_components_1.default)(styled_elements_1.RedocWrap)`
+  background-color: var(--background-color);
+`;
+//# sourceMappingURL=RedoclyReferenceDocs.js.map

package/lib/components/RedoclyReferenceDocsMultiStandalone.d.ts

@@ -0,0 +1,7 @@
+import type { SpecVersions } from '../services/VersionedSpecStore';
+import type { RedocProRawOptions } from '../services';
+export interface RedoclyReferenceDocsMultiStandaloneProps {
+    definitions: SpecVersions;
+    options?: RedocProRawOptions;
+}
+export declare function RedoclyReferenceDocsMultiStandalone({ definitions, options, }: RedoclyReferenceDocsMultiStandaloneProps): JSX.Element;

package/lib/components/RedoclyReferenceDocsMultiStandalone.js

@@ -0,0 +1,2 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedoclyReferenceDocsMultiStandalone=void 0;const react_1=__importDefault(require("react")),redoc_lib_1=require("../redoc-lib"),StoreProvider_1=require("./StoreProvider"),RedoclyReferenceDocs_1=require("./RedoclyReferenceDocs");function RedoclyReferenceDocsMultiStandalone({definitions:e,options:o={}}){const r=(0,redoc_lib_1.argValueToBoolean)(o.hideLoading,!1);return react_1.default.createElement(redoc_lib_1.ErrorBoundary,null,react_1.default.createElement(StoreProvider_1.ProStoreProvider,{definitions:e,options:o},(({loading:e,store:o})=>e?r?null:react_1.default.createElement(redoc_lib_1.Loading,{color:"--spinner-color"}):react_1.default.createElement(RedoclyReferenceDocs_1.RedoclyReferenceDocs,{store:o}))))}exports.RedoclyReferenceDocsMultiStandalone=RedoclyReferenceDocsMultiStandalone;
+//# sourceMappingURL=RedoclyReferenceDocsMultiStandalone.js.map

package/lib/components/Samples/ExampleSwitch.d.ts

@@ -0,0 +1,13 @@
+import type { ExampleModel } from '../../redoc-lib/src/services';
+export interface ExampleModelsMap {
+    [key: string]: ExampleModel;
+}
+export interface ExampleSwitchOptions {
+    exampleKey?: string;
+}
+export interface ExampleSwitchProps extends ExampleSwitchOptions {
+    examples: ExampleModelsMap;
+    onChange: (key: string) => void;
+    panel?: 'samples' | 'try-it';
+}
+export declare const ExampleSwitch: ({ exampleKey, examples, onChange, panel, }: ExampleSwitchProps) => JSX.Element;

package/lib/components/Samples/ExampleSwitch.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExampleSwitch=void 0;const react_1=__importStar(require("react")),shared_1=require("../shared"),form_1=require("../common/form"),Dropdown_1=require("../common/Dropdown"),styled_1=require("../console/styled"),ExampleSwitch=({exampleKey:e,examples:t,onChange:r,panel:a="samples"})=>{var o,n;const l=Object.keys(t),i=e?l.indexOf(e):0,[u,c]=(0,react_1.useState)(i>-1?i:0);(0,react_1.useEffect)((()=>c(i>-1?i:0)),[e,i]);const d=l.map(((e,r)=>({value:t[e].summary||e,idx:r}))),s="try-it"===a?styled_1.TryItDropdown:Dropdown_1.Dropdown;return react_1.default.createElement(react_1.default.Fragment,null,"default"!==(null===(o=d[u])||void 0===o?void 0:o.value)&&react_1.default.createElement(form_1.FormControl,{"data-cy":"example-switch"},react_1.default.createElement(s,{variant:"dark",fullWidth:!0,options:d,value:null===(n=d[u])||void 0===n?void 0:n.value,onChange:({idx:e})=>{c(e),r(l[e])}})),e&&-1===i&&react_1.default.createElement(shared_1.WarnMessage,null,"Provided sample not found"))};exports.ExampleSwitch=ExampleSwitch;
+//# sourceMappingURL=ExampleSwitch.js.map

package/lib/components/Samples/LoadingWrapper.d.ts

@@ -0,0 +1 @@
+export declare const LoadingWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/Samples/LoadingWrapper.js

@@ -0,0 +1,8 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LoadingWrapper=void 0;const styled_components_1=__importDefault(require("styled-components"));exports.LoadingWrapper=styled_components_1.default.div`
+  transition: opacity 0.2s;
+
+  .loading &:not(.updated) {
+    opacity: 0.5;
+  }
+`;
+//# sourceMappingURL=LoadingWrapper.js.map

package/lib/components/Samples/SamplesTabs.d.ts

@@ -0,0 +1,13 @@
+import type { TabProps, TabsProps } from '../Tabs';
+interface SampleProps extends TabProps {
+    lang: string;
+    key: string;
+}
+interface SamplesTabsProps extends TabsProps {
+    onChange?: (tab: TabProps) => void;
+    tabs: SampleProps[];
+    defaultLanguage?: string;
+    id: string;
+}
+export declare const SamplesTabs: ({ children, onChange, defaultLanguage, id, tabs, operation }: SamplesTabsProps) => JSX.Element;
+export {};

package/lib/components/Samples/SamplesTabs.js

@@ -0,0 +1,2 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SamplesTabs=void 0;const react_1=__importDefault(require("react")),mobx_react_1=require("mobx-react"),Tabs_1=require("../Tabs"),redoc_lib_1=require("../../redoc-lib"),shared_1=require("../shared"),LoadingWrapper_1=require("./LoadingWrapper");exports.SamplesTabs=(0,mobx_react_1.observer)((({children:e,onChange:a,defaultLanguage:t,id:r,tabs:n,operation:l})=>{const o=react_1.default.useContext(redoc_lib_1.StoreContext),[u,d]=react_1.default.useState(t),[i,s]=react_1.default.useState(),c=react_1.default.useMemo((()=>{const e=n.findIndex((e=>[null==o?void 0:o.activeSampleLanguage,u].includes(e.key)||e.lang===(null==o?void 0:o.activeSampleLanguage)));return-1===e?0:e}),[n,u,null==o?void 0:o.activeSampleLanguage]),_=react_1.default.useMemo((()=>n.map((({lang:e})=>e))),[n]);react_1.default.useLayoutEffect((()=>{var e;const a=null===(e=document.getElementById(r))||void 0===e?void 0:e.getBoundingClientRect().y;if(a&&i&&a!==i){const e=a-i;window.requestAnimationFrame((()=>window.scrollBy(0,e))),s(void 0)}}),[_,i,r]),react_1.default.useEffect((()=>null==o?void 0:o.stopLoader()),[null==o?void 0:o.activeSampleLanguage]),react_1.default.useEffect((()=>{u&&(null==o||o.startLoader(),null==o||o.activateSampleLanguage(u))}),[u,t]);const g=react_1.default.useCallback((e=>{var t;const l=n[e];s(null===(t=document.getElementById(r))||void 0===t?void 0:t.getBoundingClientRect().y),d(l.key),a&&a(l)}),[r,a,n]);return react_1.default.createElement(LoadingWrapper_1.LoadingWrapper,{className:u&&"updated",id:r},react_1.default.createElement(Tabs_1.CollapsingTabsBase,{tabs:n,operation:l,activeIndex:c,onChange:g},t&&-1===_.indexOf(t)&&react_1.default.createElement(shared_1.WarnMessage,null,"Provided language is not supported"),e))}));
+//# sourceMappingURL=SamplesTabs.js.map

package/lib/components/Samples/index.d.ts

@@ -0,0 +1,4 @@
+export * from './SamplesTabs';
+export * from './LoadingWrapper';
+export * from './ExampleSwitch';
+export * from './use-example-key';

package/lib/components/Samples/index.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,i){void 0===i&&(i=t);var o=Object.getOwnPropertyDescriptor(r,t);o&&!("get"in o?!r.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,i,o)}:function(e,r,t,i){void 0===i&&(i=t),e[i]=r[t]}),__exportStar=this&&this.__exportStar||function(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||__createBinding(r,e,t)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./SamplesTabs"),exports),__exportStar(require("./LoadingWrapper"),exports),__exportStar(require("./ExampleSwitch"),exports),__exportStar(require("./use-example-key"),exports);
+//# sourceMappingURL=index.js.map

package/lib/components/Samples/use-example-key.d.ts

@@ -0,0 +1,7 @@
+import type { OperationModel } from '../../redoc-lib/src/services/models/Operation';
+interface ExampleName {
+    exampleKey: string;
+    defaultExampleName?: string | false;
+}
+export declare function useExampleKey({ activeExampleName, defaultExampleName }: OperationModel | undefined, examples: Record<string, unknown>): ExampleName;
+export {};

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useExampleKey=void 0;const react_1=require("react");function useExampleKey({activeExampleName:e,defaultExampleName:t}={},a){const[s,r]=(0,react_1.useState)(e&&a[e]?e:Object.keys(a)[0]);return(0,react_1.useEffect)((()=>{e&&a[e]&&r(e)}),[e,a]),{exampleKey:a[s]?s:Object.keys(a)[0],defaultExampleName:t}}exports.useExampleKey=useExampleKey;
+//# sourceMappingURL=use-example-key.js.map

package/lib/components/Search/MenuItemProSearch.d.ts

@@ -0,0 +1,23 @@
+import type { IMenuItem, HistoryService } from '../../redoc-lib';
+import type { SearchResultMeta } from '../../services/SearchStore';
+export interface MenuItemProProps {
+    result: SearchResultExtended;
+    active: boolean;
+    onActivate: (res: SearchResultExtended) => void;
+    term: string;
+    history: HistoryService;
+}
+export declare type SearchResultExtended = {
+    index: number;
+    item: IMenuItem & {
+        path: string;
+    };
+    score: number;
+} & Omit<SearchResultMeta, 'menuId' | 'place' | 'path'> & {
+    places: {
+        place: string;
+        paths: Array<string[] | undefined>;
+    }[];
+    count: number;
+};
+export declare const MenuItemPro: ({ result, active, term, onActivate, history, }: MenuItemProProps) => JSX.Element;

package/lib/components/Search/MenuItemProSearch.js

@@ -0,0 +1,10 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuItemPro=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),redoc_lib_1=require("../../redoc-lib"),services_1=require("../../services"),ResultMeta=styled_components_1.default.div`
+  font-size: 0.8em;
+  font-family: var(--code-font-family);
+`,Place=styled_components_1.default.span`
+  font-weight: bold;
+`,MarkedSpan=styled_components_1.default.span`
+  color: var(--sidebar-item-active-color);
+  background-color: var(--search-highlight-text-color);
+`,MenuItemPro=({result:e,active:t,term:r,onActivate:a,history:n})=>{const l=(0,react_1.useContext)(redoc_lib_1.OptionsContext),o="path-only"===l.searchMode,i=l.sideNavStyle===services_1.SideNavStyle.PathFirst;return react_1.default.createElement(redoc_lib_1.MenuItem,{item:Object.create(e.item,{active:{value:t},name:{value:o?e.item.name:""},path:{value:""},search:{value:!0}}),onActivate:(t,r)=>{if(r.ctrlKey){const t=n.linkForId(e.item.id);window.open(t,"_blank")}else a(e)},withoutChildren:!0,"data-role":"search:result"},(i||o)&&"operation"===e.item.type?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(redoc_lib_1.MenuItemPath,{title:e.item.path},markString(e.item.path,r))):markString(e.item.name,r),e.count>1?react_1.default.createElement(ResultMeta,null,e.count," matching ",formatPlaces(e.places)):1===e.count?react_1.default.createElement(ResultMeta,null,"in ",react_1.default.createElement(Place,null,e.places[0].place)," ",formatPath(r,e.places[0].paths[0])):null)};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 r=new RegExp("("+t.replace(/[\\^$.*+?()[\]{}|]/g,"\\$&")+")","gi"),a=e.split(r);for(let e=1,t=a.length;e<t;e+=2)a[e]=react_1.default.createElement(MarkedSpan,{key:e},a[e]);return a}exports.MenuItemPro=MenuItemPro;
+//# sourceMappingURL=MenuItemProSearch.js.map

package/lib/components/Search/ProSearchBox.d.ts

@@ -0,0 +1,52 @@
+import React, { PureComponent } from 'react';
+import type { SearchResultMeta } from '../../services/SearchStore';
+import type { ProMenu } from '../../services/ProMenu';
+import type { RedocProNormalizedOptions } from '../../services/ProStore';
+import type { IMenuItem, SearchStore, MenuItem, MarkerService } from '../../redoc-lib';
+import type { SearchResultExtended } from './MenuItemProSearch';
+declare type SearchResult<T = GenericObject | undefined> = {
+    score: number;
+    meta: T;
+};
+export interface ProSearchBoxProps {
+    search: SearchStore<SearchResultMeta>;
+    menu: ProMenu;
+    marker: MarkerService;
+    onActivate: (item: IMenuItem) => void;
+    className?: string;
+    options: RedocProNormalizedOptions;
+    shown: boolean;
+    hidePopUp: () => void;
+    showPopUp: () => void;
+    setSearchValue: (value: string) => void;
+    searchValue: string;
+}
+export interface SearchBoxState {
+    results: SearchResultExtended[] | null;
+    term: string;
+    activeItemIdx: number;
+    loading: boolean;
+}
+export declare class ProSearchBox extends PureComponent<ProSearchBoxProps, SearchBoxState> {
+    activeItemRef: typeof MenuItem | null;
+    prevCancel: (() => void) | null;
+    loadingTimer: any;
+    inputRef: React.RefObject<HTMLInputElement>;
+    constructor(props: ProSearchBoxProps);
+    componentDidUpdate(prevProps: ProSearchBoxProps): void;
+    clearResults(term: string): void;
+    clear: () => void;
+    handleKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    setResults(results: SearchResult<SearchResultMeta>[]): void;
+    updateSearchTerm(q: string): void;
+    _queryWorker: (...args: (string | ((res: any) => void))[]) => void;
+    queryWorker(q: string): () => void;
+    search: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onActivate: (res: SearchResultExtended) => void;
+    closeByWrapper: (e: React.BaseSyntheticEvent) => void;
+    closeByButton: () => void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element | null;
+}
+export {};

package/lib/components/Search/ProSearchBox.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var s=Object.getOwnPropertyDescriptor(t,r);s&&!("get"in s?!t.__esModule:s.writable||s.configurable)||(s={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,s)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ProSearchBox=void 0;const hotkeys_js_1=__importDefault(require("hotkeys-js")),react_1=__importStar(require("react")),perfect_scrollbar_1=require("../../redoc-lib/src/common-elements/perfect-scrollbar"),utils_1=require("../../utils"),MenuItemProSearch_1=require("./MenuItemProSearch"),styled_1=require("./styled");function expandDeep(e,t){if(e)for(const r of e){const e=t.find((e=>e.name===r));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 r={};e.forEach((({meta:e,score:a})=>{const s=e.menuId,i=r[s];if(a=e.boost?a*e.boost:a,i){if(i.score=Math.max(a,i.score),e.place&&i.count++,e.place){const t=i.places.find((t=>t.place===e.place));t&&e.path?t.paths.find((t=>{var r;return(t&&t.join("->"))===(null===(r=e.path)||void 0===r?void 0:r.join("->"))}))||t.paths.push(e.path):i.places.push({place:e.place,paths:[e.path]})}}else r[s]={item:t(s),places:e.place?[{place:e.place,paths:[e.path]}]:[],score:a,count:e.place?1:0}}));const a=Object.keys(r).map((e=>r[e]));return a.forEach(((e,t)=>e.index=t)),a.sort(((e,t)=>t.score-e.score)),a}function expandResults(e){for(const t of e.places)if("request fields"===t.place){const r=e.item.requestBody,a=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),a)}}else if(t.place.startsWith("response ")){const r=t.place.split(" ")[1],a=e.item.responses.find((e=>e.code===r));a&&(a.expanded=!0);const s=getFields(a&&a.content&&a.content.active&&a.content.active.schema);for(const e of t.paths){if(!e)return;expandDeep(e.slice(0,e.length-1),s)}}}class ProSearchBox extends react_1.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:(0,react_1.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:(0,utils_1.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:r,searchValue:a}=this.props,s=e.search!==t,i=!e.shown&&r&&!a&&this.state.term;(s||i)&&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,(r=>{e.length<3&&this.clearResults(e),t||this.state.term===e&&this.setResults(r)})),()=>{t=!0}}componentDidMount(){this.props.options.ctrlFHijack&&(0,hotkeys_js_1.default)("cmd+f,ctrl+f",(e=>(e.preventDefault(),e.stopPropagation(),this.props.options.disableSearch||this.props.showPopUp(),!1)))}componentWillUnmount(){hotkeys_js_1.default.unbind("cmd+f,ctrl+f")}render(){const{activeItemIdx:e,loading:t,results:r}=this.state,{shown:a,menu:s}=this.props;return a?react_1.default.createElement(styled_1.SearchPopUpBG,{role:"search",onClick:this.closeByWrapper},react_1.default.createElement(styled_1.SearchPopUpWrap,null,react_1.default.createElement(styled_1.SearchPopUpHeader,null,react_1.default.createElement(styled_1.SearchInput,{ref:this.inputRef,value:this.state.term,onKeyDown:this.handleKeyDown,placeholder:"Search...",type:"text",onChange:this.search,autoFocus:!0}),react_1.default.createElement(styled_1.SearchIcon,null),this.state.term&&react_1.default.createElement(styled_1.ButtonClear,{onClick:this.clear},"Clear"),react_1.default.createElement(styled_1.ButtonClose,{onClick:this.closeByButton},react_1.default.createElement(styled_1.CrossIcon,null))),react_1.default.createElement(styled_1.SearchResultsBox,{"data-role":"search:results"},t&&react_1.default.createElement(styled_1.TextContainer,null,"Loading..."),!t&&!(null==r?void 0:r.length)&&react_1.default.createElement(styled_1.TextContainer,null,"No results found"),(null==r?void 0:r.length)?react_1.default.createElement(perfect_scrollbar_1.PerfectScrollbarWrap,{options:{wheelPropagation:!1}},react_1.default.createElement(styled_1.SearchResultsItems,null,r.slice(0,50).map(((t,r)=>react_1.default.createElement(MenuItemProSearch_1.MenuItemPro,{key:t.index+t.item.id,result:t,active:r===e,onActivate:this.onActivate,term:this.state.term,history:s.history}))))):null))):null}}exports.ProSearchBox=ProSearchBox;
+//# sourceMappingURL=ProSearchBox.js.map

package/lib/components/Search/SearchField.d.ts

@@ -0,0 +1,9 @@
+import type { MarkerService } from '../../redoc-lib';
+interface SearchFieldProps {
+    showPopUp: () => void;
+    searchValue: string;
+    marker: MarkerService;
+    setSearchValue: (value: string) => void;
+}
+export declare const SearchField: ({ showPopUp, searchValue, marker, setSearchValue, }: SearchFieldProps) => JSX.Element;
+export {};

package/lib/components/Search/SearchField.js

@@ -0,0 +1,2 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SearchField=void 0;const react_1=__importDefault(require("react")),styled_1=require("./styled"),SearchField=({showPopUp:e,searchValue:t,marker:r,setSearchValue:a})=>{const l=!!t;return react_1.default.createElement(styled_1.SearchFieldWrap,{onClick:e,className:`button-field-search ${!!t&&"active"}`},react_1.default.createElement("span",null),t||"Search",react_1.default.createElement(styled_1.SearchIcon,null),l&&react_1.default.createElement(styled_1.ButtonClear,{onClick:e=>{e.stopPropagation(),r.unmark(),a("")}},react_1.default.createElement(styled_1.CrossIcon,null)))};exports.SearchField=SearchField;
+//# sourceMappingURL=SearchField.js.map

package/lib/components/Search/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SearchField';
+export * from './ProSearchBox';

package/lib/components/Search/index.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,i){void 0===i&&(i=t);var o=Object.getOwnPropertyDescriptor(r,t);o&&!("get"in o?!r.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,i,o)}:function(e,r,t,i){void 0===i&&(i=t),e[i]=r[t]}),__exportStar=this&&this.__exportStar||function(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||__createBinding(r,e,t)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./SearchField"),exports),__exportStar(require("./ProSearchBox"),exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,21 @@
+import React from 'react';
+export declare const CrossIcon: () => React.ReactElement;
+export declare const ButtonClose: import("styled-components").StyledComponent<"i", any, {
+    className: "button-close";
+}, "className">;
+export declare const ButtonClear: import("styled-components").StyledComponent<"i", any, {
+    className: "button-clear";
+}, "className">;
+export declare const SearchIcon: () => React.ReactElement;
+export declare const SearchFieldWrap: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const SearchPopUpBG: import("styled-components").StyledComponent<"div", any, {
+    className: "search-popup";
+}, "className">;
+export declare const SearchPopUpWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SearchPopUpHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SearchResultsBox: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SearchResultsItems: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SearchInput: import("styled-components").StyledComponent<"input", any, {
+    className: "search-input";
+}, "className">;

package/lib/components/Search/styled.js

@@ -0,0 +1,135 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SearchInput=exports.SearchResultsItems=exports.SearchResultsBox=exports.TextContainer=exports.SearchPopUpHeader=exports.SearchPopUpWrap=exports.SearchPopUpBG=exports.SearchFieldWrap=exports.SearchIcon=exports.ButtonClear=exports.ButtonClose=exports.CrossIcon=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),CrossIcon=()=>react_1.default.createElement("svg",{version:"1.1",viewBox:"0 0 12 12",width:"12",height:"12",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:"clear-icon"},react_1.default.createElement("path",{d:"M11 1L6 6L11 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),react_1.default.createElement("path",{d:"M1 1L6 6L1 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}));exports.CrossIcon=CrossIcon,exports.ButtonClose=styled_components_1.default.i.attrs((()=>({className:"button-close"})))`
+  cursor: pointer;
+  position: absolute;
+  right: 15px;
+  color: var(--text-color);
+`,exports.ButtonClear=styled_components_1.default.i.attrs((()=>({className:"button-clear"})))`
+  cursor: pointer;
+  position: absolute;
+`;const SearchIcon=()=>react_1.default.createElement("svg",{version:"1.1",viewBox:"0 0 15 16",width:"15",height:"16",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:"search-icon"},react_1.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.5 14C11.0899 14 14 11.0899 14 7.5C14 3.91015 11.0899 1 7.5 1C3.91015 1 1 3.91015 1 7.5C1 11.0899 3.91015 14 7.5 14Z",stroke:"currentColor",strokeWidth:"2"}),react_1.default.createElement("path",{d:"M7.5 5C6.11929 5 5 6.11929 5 7.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),react_1.default.createElement("path",{d:"M1 15L3 13",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}));exports.SearchIcon=SearchIcon,exports.SearchFieldWrap=styled_components_1.default.button`
+  cursor: text;
+  margin: 10px 20px 13px;
+  padding: 0 18px 0 3px;
+  border: 0;
+  position: relative;
+  border-bottom: 1px solid var(--sidebar-search-button-border);
+  border-radius: var(--sidebar-search-button-border-radius);
+  background-color: var(--sidebar-search-button-background-color);
+  height: 37px;
+  color: var(--sidebar-search-button-text-color);
+  text-align: left;
+  font-family: var(--sidebar-search-button-font-family);
+  font-size: var(--sidebar-search-button-font-size);
+  font-weight: 600;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex: 0 0 auto;
+  line-height: var(--sidebar-search-button-line-height);
+
+  &:hover {
+    background-color: var(--sidebar-search-button-hover-background-color);
+    border-bottom: 1px solid var(--sidebar-search-button-hover-border);
+  }
+
+  &.active {
+    background-color: var(--sidebar-search-button-active-background-color);
+    border-bottom: 1px solid var(--sidebar-search-button-active-border);
+  }
+
+  span {
+    display: block;
+    position: absolute;
+    right: 0;
+    width: 18px;
+    height: 37px;
+    background-color: var(--sidebar-background-color);
+    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;
+  }
+`,exports.SearchPopUpBG=styled_components_1.default.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;
+`,exports.SearchPopUpWrap=styled_components_1.default.div`
+  width: 100%;
+  max-width: 500px;
+  height: 445px;
+`,exports.SearchPopUpHeader=styled_components_1.default.div`
+  background-color: var(--search-modal-header-background-color);
+  border-top-left-radius: var(--search-modal-header-border-radius);
+  border-top-right-radius: var(--search-modal-header-border-radius);
+  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: var(--search-modal-clear-button-background-color);
+    padding: 4px 16px;
+    border-radius: var(--border-radius);
+    &:hover {
+      background-color: var(--search-modal-clear-button-hover-background-color);
+    }
+  }
+`,exports.TextContainer=styled_components_1.default.div`
+  padding: 30px 20px;
+`,exports.SearchResultsBox=styled_components_1.default.div`
+  padding: 10px;
+  background-color: var(--search-modal-background);
+  color: var(--search-modal-text-color);
+  border: var(--search-modal-border);
+  box-shadow: var(--search-modal-box-shadow);
+  min-height: 100px;
+  max-height: 400px;
+  border-bottom-left-radius: var(--panel-border-radius);
+  border-bottom-right-radius: var(--panel-border-radius);
+
+  li a {
+    margin-right: 30px;
+    border-radius: var(--border-radius);
+
+    svg {
+      display: none;
+    }
+  }
+`,exports.SearchResultsItems=styled_components_1.default.div`
+  max-height: 372px;
+`,exports.SearchInput=styled_components_1.default.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/components/StoreProvider.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import type { RedocProRawOptions } from '../services/ProStore';
+import type { CodeSampleConfig } from '../services/code-samples/types';
+import type { SpecVersions } from '../services/VersionedSpecStore';
+import { ProStore } from '../services/ProStore';
+export declare const Provider: import("react").Provider<ProStore | undefined>, Consumer: import("react").Consumer<ProStore | undefined>;
+interface StoreProviderProps {
+    definitionUrl?: string;
+    definition?: GenericObject;
+    store?: ProStore;
+    definitions?: SpecVersions;
+    options?: RedocProRawOptions;
+    children: (props: {
+        loading: boolean;
+        store?: ProStore;
+    }) => JSX.Element | null;
+    activeItemId?: string;
+    activeSampleLanguage?: CodeSampleConfig['lang'] | string;
+    activeDeepLink?: string;
+}
+export declare const ProStoreProvider: ({ definitions, options, definitionUrl, definition, activeItemId, activeSampleLanguage, activeDeepLink, children, }: StoreProviderProps) => JSX.Element | null;
+export declare function loadSpecs({ versions }: SpecVersions): Promise<void>;
+export {};

package/lib/components/StoreProvider.js

@@ -0,0 +1,2 @@
+"use strict";var _a,__awaiter=this&&this.__awaiter||function(e,t,o,r){return new(o||(o=Promise))((function(i,n){function s(e){try{a(r.next(e))}catch(e){n(e)}}function c(e){try{a(r.throw(e))}catch(e){n(e)}}function a(e){var t;e.done?i(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(s,c)}a((r=r.apply(e,t||[])).next())}))},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.loadSpecs=exports.ProStoreProvider=exports.Consumer=exports.Provider=void 0;const fast_deep_equal_1=__importDefault(require("fast-deep-equal")),react_1=require("react"),redoc_lib_1=require("../redoc-lib"),ProStore_1=require("../services/ProStore"),services_1=require("../services");_a=(0,react_1.createContext)(void 0),exports.Provider=_a.Provider,exports.Consumer=_a.Consumer;const ProStoreProvider=({definitions:e,options:t,definitionUrl:o,definition:r,activeItemId:i,activeSampleLanguage:n,activeDeepLink:s,children:c})=>{const[,a]=(0,react_1.useState)(),[d,u]=(0,react_1.useState)(!0),[l,f]=(0,react_1.useState)(null);(0,react_1.useEffect)((()=>{!function(){__awaiter(this,void 0,void 0,(function*(){u(!0);try{f(e?yield loadMany(e):yield loadSingle(r,o,t))}catch(e){a((()=>{throw e}))}}))}()}),[e,r,o,t]);const p=(0,react_1.useMemo)((()=>{var e,r,i;if(!l)return;const n=new ProStore_1.ProStore(l,o,t);return(null===(e=n.options.hooks)||void 0===e?void 0:e.onInit)&&(null===(i=null===(r=n.options.hooks)||void 0===r?void 0:r.onInit)||void 0===i||i.call(r,{store:n})),n}),useDeepCompareMemoize([l,t]));return(0,react_1.useEffect)((()=>{if(p)return u(!1),()=>p.dispose()}),[p]),(0,react_1.useEffect)((()=>{var e;if(!p)return;if(!i)return;const t=(null==i?void 0:i.split(p.options.deepLinkPrefix)[0])||(null===(e=p.menu.flatItems[p.menu.activeItemIdx])||void 0===e?void 0:e.id),o=p.menu.flatItems.find((e=>e.id===t)),r=s?t+p.options.deepLinkPrefix+s:void 0;r&&p.menu.history instanceof services_1.FakeHistoryService&&p.menu.history.replaceForField(r),p.menu.activateAndScroll(o,!0,!1,r)}),[i,s,p]),(0,react_1.useEffect)((()=>{p&&n&&p.setActiveSampleLanguage(n)}),[n,p]),c({loading:d,store:p})};function fixSpec(e){const t=e.components&&e.components.securitySchemes||{};for(const e of Object.keys(t)){const o=t[e];o["x-type"]&&(o.type=o["x-type"]),o["x-scheme"]&&(o.scheme=o["x-scheme"])}}function loadMany(e){return __awaiter(this,void 0,void 0,(function*(){return yield loadSpecs(e||{}),e}))}function loadSingle(e,t,o){return __awaiter(this,void 0,void 0,(function*(){let r;if(null==o?void 0:o.skipBundleAndConvert){if(!e)throw new Error('spec must be specified when using "skipBundleAndConvert"');r=e}else r=yield(0,redoc_lib_1.loadAndBundleDefinition)(e||t);const i=null==o?void 0:o.unstable_externalDescription;if(i)try{const e=yield fetch(i);r.info.description=yield e.text()}catch(e){console.warn(`Failed to load external description from ${i}: ${e.message}`)}try{fixSpec(r)}catch(e){}return r}))}function loadAndBundleSpecOrMd(e,t){return e.endsWith(".md")?(0,redoc_lib_1.loadAndBundleDefinition)({openapi:"3.0.0",info:{title:t||"",version:"1.0",description:{$ref:e}},paths:{}}):(0,redoc_lib_1.loadAndBundleDefinition)(e)}function loadSpecs({versions:e}){return __awaiter(this,void 0,void 0,(function*(){if(Array.isArray(e))for(const t of e)t.url&&(t.spec=yield loadAndBundleSpecOrMd(t.url))}))}function useDeepCompareMemoize(e){const t=(0,react_1.useRef)(),o=(0,react_1.useRef)(0);return(0,fast_deep_equal_1.default)(e,t.current)||(t.current=e,o.current+=1),[o.current]}exports.ProStoreProvider=ProStoreProvider,exports.loadSpecs=loadSpecs;
+//# sourceMappingURL=StoreProvider.js.map

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

@@ -0,0 +1 @@
+export declare const CollapsingTab: import("styled-components").StyledComponent<typeof import("react-tabs").Tab, any, {}, never>;

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

@@ -0,0 +1,11 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTab=void 0;const styled_components_1=__importDefault(require("styled-components")),Tab_1=require("../Tab");exports.CollapsingTab=(0,styled_components_1.default)(Tab_1.Tab)`
+  max-width: 200px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+
+  &.react-tabs__tab--disabled {
+    display: none;
+  }
+`;
+//# sourceMappingURL=CollapsingTab.js.map

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

@@ -0,0 +1 @@
+export declare const CollapsingTabList: import("styled-components").StyledComponent<typeof import("react-tabs").TabList, any, {}, never>;

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

@@ -0,0 +1,4 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTabList=void 0;const styled_components_1=__importDefault(require("styled-components")),TabList_1=require("../TabList");exports.CollapsingTabList=(0,styled_components_1.default)(TabList_1.TabList)`
+  margin: 0 0 10px;
+`;
+//# sourceMappingURL=CollapsingTabList.js.map

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

@@ -0,0 +1,2 @@
+import type { TabsProps } from './CollapsingTabsBase';
+export declare const CollapsingTabs: ({ children, ...props }: TabsProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var a=Object.getOwnPropertyDescriptor(t,r);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,a)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__rest=this&&this.__rest||function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTabs=void 0;const react_1=__importStar(require("react")),mobx_react_1=require("mobx-react"),CollapsingTabsBase_1=require("./CollapsingTabsBase");function getActiveIndexFromOperation(e,t,r){var n;if(!t)return-1;if("number"==typeof r&&r>0){return hasActiveExampleName(null===(n=e[r])||void 0===n?void 0:n.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||""))))}exports.CollapsingTabs=(0,mobx_react_1.observer)((e=>{var{children:t}=e,r=__rest(e,["children"]);const[n,a]=(0,react_1.useState)(0),{operation:o,operation:{activeExampleName:i}}=r;(0,react_1.useEffect)((()=>{const e=getActiveIndexFromOperation(o.responses,i,n);e>-1&&a(e)}),[i]);const s=(0,react_1.useCallback)((e=>{n!==e&&a(e)}),[n]);return react_1.default.createElement(CollapsingTabsBase_1.CollapsingTabsBase,Object.assign({},r,{activeIndex:n,onChange:s}),t)}));
+//# sourceMappingURL=CollapsingTabs.js.map

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+import type { TabProps as ReactTabProps } from 'react-tabs';
+import type { OperationModel } from '../../../redoc-lib';
+export interface TabProps extends ReactTabProps {
+    title: string;
+}
+export interface TabsProps {
+    tabs: TabProps[];
+    hidden?: boolean;
+    children: ReactNode;
+    operation: OperationModel;
+}
+interface CollapsingTabsComponentProps extends TabsProps {
+    activeIndex: number;
+    onChange: (idx: number) => void;
+}
+export declare const CollapsingTabsBase: React.NamedExoticComponent<CollapsingTabsComponentProps>;
+export {};

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

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

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

@@ -0,0 +1,4 @@
+export * from './CollapsingTabsBase';
+export * from './CollapsingTabs';
+export * from './CollapsingTabList';
+export * from './CollapsingTab';

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

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,i){void 0===i&&(i=t);var o=Object.getOwnPropertyDescriptor(r,t);o&&!("get"in o?!r.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,i,o)}:function(e,r,t,i){void 0===i&&(i=t),e[i]=r[t]}),__exportStar=this&&this.__exportStar||function(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||__createBinding(r,e,t)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./CollapsingTabsBase"),exports),__exportStar(require("./CollapsingTabs"),exports),__exportStar(require("./CollapsingTabList"),exports),__exportStar(require("./CollapsingTab"),exports);
+//# sourceMappingURL=index.js.map