@redocly/openapi-docs 3.0.0-alpha.10

package/lib-esm/components/RedoclyReferenceDocs.js

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

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

@@ -0,0 +1,2 @@
+import React from"react";import{argValueToBoolean,ErrorBoundary,Loading}from"../redoc-lib";import{ProStoreProvider}from"./StoreProvider";import{RedoclyReferenceDocs}from"./RedoclyReferenceDocs";export function RedoclyReferenceDocsMultiStandalone({definitions:e,options:o={}}){const r=argValueToBoolean(o.hideLoading,!1);return React.createElement(ErrorBoundary,null,React.createElement(ProStoreProvider,{definitions:e,options:o},(({loading:e,store:o})=>e?r?null:React.createElement(Loading,{color:"--spinner-color"}):React.createElement(RedoclyReferenceDocs,{store:o}))))}
+//# sourceMappingURL=RedoclyReferenceDocsMultiStandalone.js.map

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

@@ -0,0 +1,2 @@
+import React,{useState,useEffect}from"react";import{WarnMessage}from"../shared";import{FormControl}from"../common/form";import{Dropdown}from"../common/Dropdown";import{TryItDropdown}from"../console/styled";export const ExampleSwitch=({exampleKey:e,examples:o,onChange:t,panel:a="samples"})=>{var r,n;const m=Object.keys(o),l=e?m.indexOf(e):0,[c,s]=useState(l>-1?l:0);useEffect((()=>s(l>-1?l:0)),[e,l]);const d=m.map(((e,t)=>({value:o[e].summary||e,idx:t}))),p="try-it"===a?TryItDropdown:Dropdown;return React.createElement(React.Fragment,null,"default"!==(null===(r=d[c])||void 0===r?void 0:r.value)&&React.createElement(FormControl,{"data-cy":"example-switch"},React.createElement(p,{variant:"dark",fullWidth:!0,options:d,value:null===(n=d[c])||void 0===n?void 0:n.value,onChange:({idx:e})=>{s(e),t(m[e])}})),e&&-1===l&&React.createElement(WarnMessage,null,"Provided sample not found"))};
+//# sourceMappingURL=ExampleSwitch.js.map

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

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

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

@@ -0,0 +1,8 @@
+import styled from"styled-components";export const LoadingWrapper=styled.div`
+  transition: opacity 0.2s;
+
+  .loading &:not(.updated) {
+    opacity: 0.5;
+  }
+`;
+//# sourceMappingURL=LoadingWrapper.js.map

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

@@ -0,0 +1,2 @@
+import React 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:n,tabs:o,operation:r})=>{const l=React.useContext(StoreContext),[i,c]=React.useState(t),[s,d]=React.useState(),u=React.useMemo((()=>{const e=o.findIndex((e=>[null==l?void 0:l.activeSampleLanguage,i].includes(e.key)||e.lang===(null==l?void 0:l.activeSampleLanguage)));return-1===e?0:e}),[o,i,null==l?void 0:l.activeSampleLanguage]),m=React.useMemo((()=>o.map((({lang:e})=>e))),[o]);React.useLayoutEffect((()=>{var e;const a=null===(e=document.getElementById(n))||void 0===e?void 0:e.getBoundingClientRect().y;if(a&&s&&a!==s){const e=a-s;window.requestAnimationFrame((()=>window.scrollBy(0,e))),d(void 0)}}),[m,s,n]),React.useEffect((()=>null==l?void 0:l.stopLoader()),[null==l?void 0:l.activeSampleLanguage]),React.useEffect((()=>{i&&(null==l||l.startLoader(),null==l||l.activateSampleLanguage(i))}),[i,t]);const g=React.useCallback((e=>{var t;const r=o[e];d(null===(t=document.getElementById(n))||void 0===t?void 0:t.getBoundingClientRect().y),c(r.key),a&&a(r)}),[n,a,o]);return React.createElement(LoadingWrapper,{className:i&&"updated",id:n},React.createElement(CollapsingTabsBase,{tabs:o,operation:r,activeIndex:u,onChange:g},t&&-1===m.indexOf(t)&&React.createElement(WarnMessage,null,"Provided language is not supported"),e))}));
+//# sourceMappingURL=SamplesTabs.js.map

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

@@ -0,0 +1,10 @@
+import React,{useContext}from"react";import styled from"styled-components";import{OptionsContext,MenuItem,MenuItemPath}from"../../redoc-lib";import{SideNavStyle}from"../../services";const ResultMeta=styled.div`
+  font-size: 0.8em;
+  font-family: var(--code-font-family);
+`,Place=styled.span`
+  font-weight: bold;
+`,MarkedSpan=styled.span`
+  color: var(--sidebar-item-active-color);
+  background-color: var(--search-highlight-text-color);
+`;export const MenuItemPro=({result:e,active:t,term:a,onActivate:n,history:r})=>{const l=useContext(OptionsContext),o="path-only"===l.searchMode,c=l.sideNavStyle===SideNavStyle.PathFirst;return React.createElement(MenuItem,{item:Object.create(e.item,{active:{value:t},name:{value:o?e.item.name:""},path:{value:""},search:{value:!0}}),onActivate:(t,a)=>{if(a.ctrlKey){const t=r.linkForId(e.item.id);window.open(t,"_blank")}else n(e)},withoutChildren:!0,"data-role":"search:result"},(c||o)&&"operation"===e.item.type?React.createElement(React.Fragment,null,React.createElement(MenuItemPath,{title:e.item.path},markString(e.item.path,a))):markString(e.item.name,a),e.count>1?React.createElement(ResultMeta,null,e.count," matching ",formatPlaces(e.places)):1===e.count?React.createElement(ResultMeta,null,"in ",React.createElement(Place,null,e.places[0].place)," ",formatPath(a,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 a=new RegExp("("+t.replace(/[\\^$.*+?()[\]{}|]/g,"\\$&")+")","gi"),n=e.split(a);for(let e=1,t=n.length;e<t;e+=2)n[e]=React.createElement(MarkedSpan,{key:e},n[e]);return n}
+//# sourceMappingURL=MenuItemProSearch.js.map

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

@@ -0,0 +1,2 @@
+import hotkeys from"hotkeys-js";import React,{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 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:s})=>{const a=e.menuId,i=r[a];if(s=e.boost?s*e.boost:s,i){if(i.score=Math.max(s,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[a]={item:t(a),places:e.place?[{place:e.place,paths:[e.path]}]:[],score:s,count:e.place?1:0}}));const s=Object.keys(r).map((e=>r[e]));return s.forEach(((e,t)=>e.index=t)),s.sort(((e,t)=>t.score-e.score)),s}function expandResults(e){for(const t of e.places)if("request fields"===t.place){const r=e.item.requestBody,s=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),s)}}else if(t.place.startsWith("response ")){const r=t.place.split(" ")[1],s=e.item.responses.find((e=>e.code===r));s&&(s.expanded=!0);const a=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),a)}}}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:r,searchValue:s}=this.props,a=e.search!==t,i=!e.shown&&r&&!s&&this.state.term;(a||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&&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:r}=this.state,{shown:s,menu:a}=this.props;return s?React.createElement(SearchPopUpBG,{role:"search",onClick:this.closeByWrapper},React.createElement(SearchPopUpWrap,null,React.createElement(SearchPopUpHeader,null,React.createElement(SearchInput,{ref:this.inputRef,value:this.state.term,onKeyDown:this.handleKeyDown,placeholder:"Search...",type:"text",onChange:this.search,autoFocus:!0}),React.createElement(SearchIcon,null),this.state.term&&React.createElement(ButtonClear,{onClick:this.clear},"Clear"),React.createElement(ButtonClose,{onClick:this.closeByButton},React.createElement(CrossIcon,null))),React.createElement(SearchResultsBox,{"data-role":"search:results"},t&&React.createElement(TextContainer,null,"Loading..."),!t&&!(null==r?void 0:r.length)&&React.createElement(TextContainer,null,"No results found"),(null==r?void 0:r.length)?React.createElement(PerfectScrollbarWrap,{options:{wheelPropagation:!1}},React.createElement(SearchResultsItems,null,r.slice(0,50).map(((t,r)=>React.createElement(MenuItemPro,{key:t.index+t.item.id,result:t,active:r===e,onActivate:this.onActivate,term:this.state.term,history:a.history}))))):null))):null}}
+//# sourceMappingURL=ProSearchBox.js.map

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

@@ -0,0 +1,2 @@
+import React from"react";import{SearchFieldWrap,SearchIcon,ButtonClear,CrossIcon}from"./styled";export const SearchField=({showPopUp:e,searchValue:a,marker:t,setSearchValue:r})=>{const c=!!a;return React.createElement(SearchFieldWrap,{onClick:e,className:`button-field-search ${!!a&&"active"}`},React.createElement("span",null),a||"Search",React.createElement(SearchIcon,null),c&&React.createElement(ButtonClear,{onClick:e=>{e.stopPropagation(),t.unmark(),r("")}},React.createElement(CrossIcon,null)))};
+//# sourceMappingURL=SearchField.js.map

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

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

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

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

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

@@ -0,0 +1,135 @@
+import React from"react";import styled from"styled-components";export const CrossIcon=()=>React.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.createElement("path",{d:"M11 1L6 6L11 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("path",{d:"M1 1L6 6L1 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}));export const ButtonClose=styled.i.attrs((()=>({className:"button-close"})))`
+  cursor: pointer;
+  position: absolute;
+  right: 15px;
+  color: var(--text-color);
+`;export const ButtonClear=styled.i.attrs((()=>({className:"button-clear"})))`
+  cursor: pointer;
+  position: absolute;
+`;export const SearchIcon=()=>React.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.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.createElement("path",{d:"M7.5 5C6.11929 5 5 6.11929 5 7.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),React.createElement("path",{d:"M1 15L3 13",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}));export const SearchFieldWrap=styled.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;
+  }
+`;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: 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);
+    }
+  }
+`;export const TextContainer=styled.div`
+  padding: 30px 20px;
+`;export const SearchResultsBox=styled.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;
+    }
+  }
+`;export const SearchResultsItems=styled.div`
+  max-height: 372px;
+`;export const SearchInput=styled.input.attrs((()=>({className:"search-input"})))`
+  padding: 0 35px;
+  outline: none;
+  border: 0;
+  background-color: transparent;
+  width: 100%;
+  margin-top: 2px;
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -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-esm/components/StoreProvider.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(e,t,n,i){return new(n||(n=Promise))((function(o,r){function s(e){try{u(i.next(e))}catch(e){r(e)}}function c(e){try{u(i.throw(e))}catch(e){r(e)}}function u(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(s,c)}u((i=i.apply(e,t||[])).next())}))};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:t,definitionUrl:n,definition:i,activeItemId:o,activeSampleLanguage:r,activeDeepLink:s,children:c})=>{const[,u]=useState(),[d,a]=useState(!0),[l,f]=useState(null);useEffect((()=>{!function(){__awaiter(this,void 0,void 0,(function*(){a(!0);try{f(e?yield loadMany(e):yield loadSingle(i,n,t))}catch(e){u((()=>{throw e}))}}))}()}),[e,i,n,t]);const p=useMemo((()=>{var e,i,o;if(!l)return;const r=new ProStore(l,n,t);return(null===(e=r.options.hooks)||void 0===e?void 0:e.onInit)&&(null===(o=null===(i=r.options.hooks)||void 0===i?void 0:i.onInit)||void 0===o||o.call(i,{store:r})),r}),useDeepCompareMemoize([l,t]));return useEffect((()=>{if(p)return a(!1),()=>p.dispose()}),[p]),useEffect((()=>{var e;if(!p)return;if(!o)return;const t=(null==o?void 0:o.split(p.options.deepLinkPrefix)[0])||(null===(e=p.menu.flatItems[p.menu.activeItemIdx])||void 0===e?void 0:e.id),n=p.menu.flatItems.find((e=>e.id===t)),i=s?t+p.options.deepLinkPrefix+s:void 0;i&&p.menu.history instanceof FakeHistoryService&&p.menu.history.replaceForField(i),p.menu.activateAndScroll(n,!0,!1,i)}),[o,s,p]),useEffect((()=>{p&&r&&p.setActiveSampleLanguage(r)}),[r,p]),c({loading:d,store:p})};function fixSpec(e){const t=e.components&&e.components.securitySchemes||{};for(const e of Object.keys(t)){const n=t[e];n["x-type"]&&(n.type=n["x-type"]),n["x-scheme"]&&(n.scheme=n["x-scheme"])}}function loadMany(e){return __awaiter(this,void 0,void 0,(function*(){return yield loadSpecs(e||{}),e}))}function loadSingle(e,t,n){return __awaiter(this,void 0,void 0,(function*(){let i;if(null==n?void 0:n.skipBundleAndConvert){if(!e)throw new Error('spec must be specified when using "skipBundleAndConvert"');i=e}else i=yield loadAndBundleDefinition(e||t);const o=null==n?void 0:n.unstable_externalDescription;if(o)try{const e=yield fetch(o);i.info.description=yield e.text()}catch(e){console.warn(`Failed to load external description from ${o}: ${e.message}`)}try{fixSpec(i)}catch(e){}return i}))}function loadAndBundleSpecOrMd(e,t){return e.endsWith(".md")?loadAndBundleDefinition({openapi:"3.0.0",info:{title:t||"",version:"1.0",description:{$ref:e}},paths:{}}):loadAndBundleDefinition(e)}export 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=useRef(),n=useRef(0);return isDeepEqual(e,t.current)||(t.current=e,n.current+=1),[n.current]}
+//# sourceMappingURL=StoreProvider.js.map

package/lib-esm/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-esm/components/Tabs/CollapsingTabs/CollapsingTab.js

@@ -0,0 +1,11 @@
+import styled from"styled-components";import{Tab}from"../Tab";export const CollapsingTab=styled(Tab)`
+  max-width: 200px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+
+  &.react-tabs__tab--disabled {
+    display: none;
+  }
+`;
+//# sourceMappingURL=CollapsingTab.js.map

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

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

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

@@ -0,0 +1,4 @@
+import styled from"styled-components";import{TabList}from"../TabList";export const CollapsingTabList=styled(TabList)`
+  margin: 0 0 10px;
+`;
+//# sourceMappingURL=CollapsingTabList.js.map

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

@@ -0,0 +1,2 @@
+var __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};import React,{useCallback,useEffect,useState}from"react";import{observer}from"mobx-react";import{CollapsingTabsBase}from"./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||""))))}export const CollapsingTabs=observer((e=>{var{children:t}=e,r=__rest(e,["children"]);const[n,a]=useState(0),{operation:o,operation:{activeExampleName:s}}=r;useEffect((()=>{const e=getActiveIndexFromOperation(o.responses,s,n);e>-1&&a(e)}),[s]);const i=useCallback((e=>{n!==e&&a(e)}),[n]);return React.createElement(CollapsingTabsBase,Object.assign({},r,{activeIndex:n,onChange:i}),t)}));
+//# sourceMappingURL=CollapsingTabs.js.map

package/lib-esm/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-esm/components/Tabs/CollapsingTabs/CollapsingTabsBase.js

@@ -0,0 +1,2 @@
+import React 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:t,hidden:a,activeIndex:o,onChange:n}){const{samplesTabsMaxCount:l}=React.useContext(OptionsContext),s=React.useMemo((()=>e.slice(l).map((({title:e},t)=>({idx:t,value:e})))),[e,l]),i=`${s.length} more`,[c,p]=React.useState(i),m=React.useCallback((()=>{const t=o>=l;c!==i&&c===e[o].title||!t?c===i||t||p(i):p(e[o].title)}),[o,l,c,i,e]);React.useEffect((()=>{setTimeout(m,0)}),[o,l,m]);return React.createElement(Tabs,{selectedIndex:o,onSelect:n},React.createElement(CollapsingTabList,{hidden:a},e.map(((e,t)=>React.createElement(CollapsingTab,{key:e.key,disabled:t>=l},e.title))),s.length?React.createElement(CollapsingDropdown,{options:s,onChange:e=>{n(l+e.idx)},placeholder:i,value:c,active:o>=l}):null),t)}export const CollapsingTabsBase=React.memo(CollapsingTabsBaseComponent);
+//# sourceMappingURL=CollapsingTabsBase.js.map

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

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

package/lib-esm/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-esm/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, any, {}, never>;

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

@@ -0,0 +1,32 @@
+import{Tab as ReactTab}from"react-tabs";import styled from"styled-components";export const Tab=styled(ReactTab)`
+  flex: 1;
+  cursor: pointer;
+  padding: 5px 10px;
+  font-size: var(--panel-samples-tabs-font-size);
+  line-height: 26px;
+  font-weight: var(--panel-samples-tabs-font-weight);
+  text-align: center;
+  color: var(--panel-samples-tabs-text-color);
+  background-color: var(--panel-samples-tabs-background-color);
+  border-bottom: 4px solid var(--panel-samples-tabs-border-color);
+  margin-bottom: -4px;
+
+  &:hover {
+    border-color: var(--panel-samples-tabs-hover-border-color);
+    background-color: var(--panel-samples-tabs-hover-background-color);
+  }
+
+  &.react-tabs__tab--selected {
+    background-color: var(--panel-samples-tabs-active-background-color);
+    border-color: var(--panel-samples-tabs-active-border-color);
+  }
+
+  &:first-child {
+    border-top-left-radius: var(--border-radius);
+  }
+
+  &:last-child {
+    border-top-right-radius: var(--border-radius);
+  }
+`;
+//# sourceMappingURL=Tab.js.map

package/lib-esm/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, any, {}, never>;

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

@@ -0,0 +1,7 @@
+import{TabList as ReactTabList}from"react-tabs";import styled from"styled-components";export const TabList=styled(ReactTabList)`
+  display: flex;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+`;
+//# sourceMappingURL=TabList.js.map

package/lib-esm/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, any, {}, never>;

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

@@ -0,0 +1,11 @@
+import{TabPanel as ReactTabPanel}from"react-tabs";import styled from"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