@redocly/reference-docs 2.43.4 → 2.43.6

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+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-browser/components/Samples/SamplesTabs.js

@@ -0,0 +1,2 @@
+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-browser/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-browser/components/Samples/index.js

@@ -0,0 +1,2 @@
+export*from"./SamplesTabs";export*from"./LoadingWrapper";export*from"./ExampleSwitch";export*from"./use-example-key";
+//# sourceMappingURL=index.js.map

package/lib-browser/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-browser/components/Samples/use-example-key.js

@@ -0,0 +1,2 @@
+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-browser/components/Search/MenuItemProSearch.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import type { HistoryService, IMenuItem } 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-browser/components/Search/MenuItemProSearch.js

@@ -0,0 +1,10 @@
+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-browser/components/Search/ProSearchBox.d.ts

@@ -0,0 +1,53 @@
+import type { BaseSyntheticEvent, ChangeEvent, KeyboardEvent } from 'react';
+import { 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: import("react").RefObject<HTMLInputElement>;
+    constructor(props: ProSearchBoxProps);
+    componentDidUpdate(prevProps: ProSearchBoxProps): void;
+    clearResults(term: string): void;
+    clear: () => void;
+    handleKeyDown: (event: 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: ChangeEvent<HTMLInputElement>) => void;
+    onActivate: (res: SearchResultExtended) => void;
+    closeByWrapper: (e: BaseSyntheticEvent) => void;
+    closeByButton: () => void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element | null;
+}
+export {};

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

@@ -0,0 +1,2 @@
+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-browser/components/Search/SearchField.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+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-browser/components/Search/SearchField.js

@@ -0,0 +1,2 @@
+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-browser/components/Search/index.d.ts

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

package/lib-browser/components/Search/index.js

@@ -0,0 +1,2 @@
+export*from"./SearchField";export*from"./ProSearchBox";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,120 @@
+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-browser/components/StoreProvider.d.ts

@@ -0,0 +1,24 @@
+/// <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;
+    onLoaded?: (e?: Error) => void;
+}
+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-browser/components/StoreProvider.js

@@ -0,0 +1,2 @@
+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-browser/components/Tabs/CollapsingTabs/CollapsingTab.d.ts

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

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

@@ -0,0 +1,11 @@
+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-browser/components/Tabs/CollapsingTabs/CollapsingTabList.d.ts

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

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

@@ -0,0 +1,5 @@
+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-browser/components/Tabs/CollapsingTabs/CollapsingTabs.d.ts

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

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

@@ -0,0 +1,2 @@
+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-browser/components/Tabs/CollapsingTabs/CollapsingTabsBase.d.ts

@@ -0,0 +1,18 @@
+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: import("react").NamedExoticComponent<CollapsingTabsComponentProps>;
+export {};

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

@@ -0,0 +1,2 @@
+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-browser/components/Tabs/CollapsingTabs/index.d.ts

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

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

@@ -0,0 +1,2 @@
+export*from"./CollapsingTabsBase";export*from"./CollapsingTabs";export*from"./CollapsingTabList";export*from"./CollapsingTab";
+//# sourceMappingURL=index.js.map

package/lib-browser/components/Tabs/SmallTab.d.ts

@@ -0,0 +1,4 @@
+export declare const SmallTab: import("styled-components").StyledComponent<typeof import("react-tabs").Tab, import("../../services/extendTheme").ProTheme, {
+    $error?: boolean | undefined;
+    $success?: boolean | undefined;
+}, never>;

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

@@ -0,0 +1,25 @@
+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-browser/components/Tabs/Tab.d.ts

@@ -0,0 +1,2 @@
+import { Tab as ReactTab } from 'react-tabs';
+export declare const Tab: import("styled-components").StyledComponent<typeof ReactTab, import("../../services/extendTheme").ProTheme, {}, never>;

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

@@ -0,0 +1,26 @@
+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-browser/components/Tabs/TabList.d.ts

@@ -0,0 +1,2 @@
+import { TabList as ReactTabList } from 'react-tabs';
+export declare const TabList: import("styled-components").StyledComponent<typeof ReactTabList, import("../../services/extendTheme").ProTheme, {}, never>;

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

@@ -0,0 +1,7 @@
+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

package/lib-browser/components/Tabs/TabPanel.d.ts

@@ -0,0 +1,2 @@
+import { TabPanel as ReactTabPanel } from 'react-tabs';
+export declare const TabPanel: import("styled-components").StyledComponent<typeof ReactTabPanel, import("../../services/extendTheme").ProTheme, {}, never>;

package/lib-browser/components/Tabs/TabPanel.js

@@ -0,0 +1,11 @@
+import{TabPanel as ReactTabPanel}from"react-tabs";import styled from"../../redoc-lib/src/styled-components";export const TabPanel=styled(ReactTabPanel)`
+  display: none;
+
+  &.react-tabs__tab-panel--selected {
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+  }
+`;
+//# sourceMappingURL=TabPanel.js.map

package/lib-browser/components/Tabs/index.d.ts

@@ -0,0 +1,6 @@
+export * from './TabList';
+export * from './Tab';
+export * from './TabPanel';
+export * from './SmallTab';
+export * from './CollapsingTabs';
+export { Tabs } from 'react-tabs';

package/lib-browser/components/Tabs/index.js

@@ -0,0 +1,2 @@
+export*from"./TabList";export*from"./Tab";export*from"./TabPanel";export*from"./SmallTab";export*from"./CollapsingTabs";export{Tabs}from"react-tabs";
+//# sourceMappingURL=index.js.map

package/lib-browser/components/VersionSwitcher.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { VersionedSpecStore } from '../services/VersionedSpecStore';
+import type { DropdownOption } from './common/Dropdown';
+export interface VersionSwitcherProps {
+    onChange: (o: DropdownOption) => void;
+    spec: VersionedSpecStore;
+}
+export declare const VersionSwitcher: ({ spec, onChange }: VersionSwitcherProps) => JSX.Element;

package/lib-browser/components/VersionSwitcher.js

@@ -0,0 +1,7 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{styled}from"../redoc-lib";import{VersionDropdown}from"./common/Dropdown";export const VersionSwitcher=({spec:o,onChange:i})=>{const e=o.versionsInfo.map(((o,i)=>({idx:i,value:o.title})));return _jsx(VersionWrapper,{children:_jsx(VersionDropdown,{options:e,value:e[o.activeVersionIdx].value,onChange:i,ariaLabel:"Version"},void 0)},void 0)};const VersionWrapper=styled.div`
+  padding: ${({theme:o})=>`${2*o.spacing.unit}px ${4*o.spacing.unit}px`};
+  width: 100%;
+  display: inline-block;
+  font-size: 12px;
+`;
+//# sourceMappingURL=VersionSwitcher.js.map

package/lib-browser/components/common/Checkbox.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const StyledInput: import("styled-components").StyledComponent<"input", import("../../services/extendTheme").ProTheme, {
+    fullWidth?: boolean | undefined;
+}, never>;
+export interface CheckboxExtraProps {
+    fullWidth?: boolean;
+    label?: string;
+    nowrap?: boolean;
+}
+export declare const Checkbox: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<Omit<HTMLInputElement, "type">> & CheckboxExtraProps & import("react").RefAttributes<HTMLInputElement>>;

package/lib-browser/components/common/Checkbox.js

@@ -0,0 +1,31 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{forwardRef}from"react";import styled from"../../redoc-lib/src/styled-components";export const StyledInput=styled.input`
+  cursor: pointer;
+  margin-left: 0;
+  margin-right: 5px;
+  height: 20px;
+
+  align-self: baseline;
+  margin-top: 0;
+  margin-bottom: 0;
+`;const CheckboxLabel=styled.label`
+  display: inline-block;
+  cursor: pointer;
+  vertical-align: middle;
+  position: relative;
+  text-overflow: ellipsis;
+  overflow: hidden;
+
+  overflow-wrap: break-word;
+  line-height: 20px;
+`,CheckBoxWrap=styled.div`
+  width: ${({fullWidth:e})=>e?"100%":"50%"};
+  display: inline-flex;
+  align-items: center;
+
+  & > label {
+    white-space: ${({nowrap:e})=>e?"nowrap":"normal"};
+  }
+
+  ${({nowrap:e})=>e?"":"\n    :not(:first-child) {\n      margin-top: 5px;\n    }\n  "}
+`;function CheckboxComponent(e,o){const{fullWidth:t,id:i,label:r,nowrap:n}=e;return _jsxs(CheckBoxWrap,Object.assign({fullWidth:t,nowrap:n},{children:[_jsx(StyledInput,Object.assign({},e,{type:"checkbox",ref:o}),void 0),_jsx(CheckboxLabel,Object.assign({htmlFor:i},{children:r}),void 0)]}),void 0)}export const Checkbox=forwardRef(CheckboxComponent);
+//# sourceMappingURL=Checkbox.js.map