@redocly/reference-docs 2.43.3 → 2.43.5

package/lib-browser/components/Panel/CodePanel.js

@@ -0,0 +1,27 @@
+import styled from"../../redoc-lib/src/styled-components";import{ShelfIcon}from"../../redoc-lib/src/common-elements/icons";import{Panel}from"./Panel";import{Header}from"./Header";import{DarkHeader}from"./DarkHeader";import{PanelBody}from"./PanelBody";import{Title}from"./Title";export const CodePanel=styled(Panel)`
+  > ${Header} {
+    ${DarkHeader};
+    min-height: 50px;
+    ${ShelfIcon} {
+      fill: ${({theme:e})=>e.colors.text.light};
+      position: relative;
+    }
+    ${Title} {
+      color: ${({theme:e})=>{var o;return null===(o=e.typography.rightPanelHeading)||void 0===o?void 0:o.color}};
+      font-size: ${({theme:e})=>{var o;return null===(o=e.typography.rightPanelHeading)||void 0===o?void 0:o.fontSize}};
+      font-weight: ${({theme:e})=>{var o;return null===(o=e.typography.rightPanelHeading)||void 0===o?void 0:o.fontWeight}};
+      line-height: ${({theme:e})=>{var o;return null===(o=e.typography.rightPanelHeading)||void 0===o?void 0:o.lineHeight}};
+      text-transform: ${({theme:e})=>{var o;return null===(o=e.typography.rightPanelHeading)||void 0===o?void 0:o.transform}};
+      font-family: ${({theme:e})=>{var o,r;return null===(r=null===(o=e.typography.rightPanelHeading)||void 0===o?void 0:o.fontFamily)||void 0===r?void 0:r.toString()}};
+    }
+  }
+
+  && {
+    ${PanelBody} {
+      padding: 10px 20px 20px;
+      background-color: ${({theme:e})=>e.rightPanel.panelBackgroundColor};
+      color: ${({theme:e})=>e.colors.text.light};
+    }
+  }
+`;
+//# sourceMappingURL=CodePanel.js.map

package/lib-browser/components/Panel/ContentPanel.d.ts

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

package/lib-browser/components/Panel/ContentPanel.js

@@ -0,0 +1,54 @@
+import styled from"../../redoc-lib/src/styled-components";import{FieldsGroupHeader,ShelfIcon}from"../../redoc-lib/src/common-elements/";import{Header}from"./Header";import{Title}from"./Title";import{Panel}from"./Panel";import{PanelBody}from"./PanelBody";import{Description}from"./Description";export const ContentPanel=styled(Panel)`
+  border: 1px solid ${({theme:e})=>e.colors.border.light};
+  background: #ffffff;
+
+  &:not(:last-child) {
+    margin-bottom: 20px;
+  }
+
+  > ${Header} {
+    padding: ${({theme:e})=>4*e.spacing.unit}px;
+    font-size: 18px;
+    line-height: 18px;
+    font-weight: ${({theme:e})=>e.typography.fontWeightBold};
+    background-color: ${({theme:e})=>e.components.panels.backgroundColor};
+
+    ${Title} {
+      margin-right: 8px;
+      font-size: ${({theme:e})=>e.components.panels.title.fontSize};
+      font-weight: ${({theme:e})=>e.components.panels.title.fontWeight};
+      font-family: ${({theme:e})=>e.components.panels.title.fontFamily};
+      line-height: ${({theme:e})=>e.components.panels.title.lineHeight};
+      color: ${({theme:e})=>e.components.panels.title.color};
+      text-transform: ${({theme:e})=>e.components.panels.title.transform};
+    }
+
+    ${Description} {
+      font-size: ${({theme:e})=>e.components.panels.subTitle.fontSize};
+      font-weight: ${({theme:e})=>e.components.panels.subTitle.fontWeight};
+      font-family: ${({theme:e})=>e.components.panels.subTitle.fontFamily};
+      line-height: ${({theme:e})=>e.components.panels.subTitle.lineHeight};
+      color: ${({theme:e})=>e.components.panels.subTitle.color};
+      text-transform: ${({theme:e})=>e.components.panels.subTitle.transform};
+    }
+
+    ${ShelfIcon} {
+      fill: ${({theme:e})=>e.components.panels.iconColor};
+    }
+  }
+
+  ${PanelBody} {
+    padding: ${({theme:e})=>4*e.spacing.unit}px;
+  }
+
+  > ${Header} + ${PanelBody} {
+    padding-top: 1px; /* to prevent border overflow */
+  }
+
+  ${FieldsGroupHeader} {
+    > ${PanelBody} > div:first-child > & {
+      margin-top: 0;
+    }
+  }
+`;
+//# sourceMappingURL=ContentPanel.js.map

package/lib-browser/components/Panel/DarkHeader.d.ts

@@ -0,0 +1 @@
+export declare const DarkHeader: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../../services/extendTheme").ProTheme>>;

package/lib-browser/components/Panel/DarkHeader.js

@@ -0,0 +1,6 @@
+import{css}from"../../redoc-lib/src/styled-components";export const DarkHeader=css`
+  padding: 10px 20px;
+  line-height: 30px;
+  background-color: ${({theme:o})=>o.rightPanel.panelControlsBackgroundColor};
+`;
+//# sourceMappingURL=DarkHeader.js.map

package/lib-browser/components/Panel/Description.d.ts

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

package/lib-browser/components/Panel/Description.js

@@ -0,0 +1,8 @@
+import styled from"../../redoc-lib/src/styled-components";export const Description=styled.span`
+  font-size: 0.9em;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-weight: normal;
+`;
+//# sourceMappingURL=Description.js.map

package/lib-browser/components/Panel/Header.d.ts

@@ -0,0 +1,4 @@
+export declare const Header: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {
+    disabled?: boolean | undefined;
+    isExpanded?: boolean | undefined;
+}, never>;

package/lib-browser/components/Panel/Header.js

@@ -0,0 +1,20 @@
+import styled from"../../redoc-lib/src/styled-components";export const Header=styled.div`
+  position: relative;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  white-space: nowrap;
+  cursor: pointer;
+  border-top-left-radius: ${({theme:e})=>e.components.panels.borderRadius};
+  border-top-right-radius: ${({theme:e})=>e.components.panels.borderRadius};
+  border-bottom-right-radius: ${({theme:e,isExpanded:t})=>t?"0":e.components.panels.borderRadius};
+  border-bottom-left-radius: ${({theme:e,isExpanded:t})=>t?"0":e.components.panels.borderRadius};
+
+  pointer-events: ${({disabled:e})=>e?"none":"auto"};
+
+  a {
+    pointer-events: all;
+  }
+`;
+//# sourceMappingURL=Header.js.map

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

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

package/lib-browser/components/Panel/Panel.js

@@ -0,0 +1,13 @@
+import styled from"../../redoc-lib/src/styled-components";import{PanelComponent}from"./PanelComponent";import{Header}from"./Header";import{PanelBody}from"./PanelBody";export const Panel=styled(PanelComponent)`
+  border-radius: ${({theme:o})=>o.components.panels.borderRadius};
+
+  ${Header} + ${PanelBody} {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+
+  &:not(:last-child) {
+    margin-bottom: 10px;
+  }
+`;
+//# sourceMappingURL=Panel.js.map

package/lib-browser/components/Panel/PanelBody.d.ts

@@ -0,0 +1,4 @@
+export declare const PanelBody: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {
+    animate?: boolean | undefined;
+    hidden?: boolean | undefined;
+}, never>;

package/lib-browser/components/Panel/PanelBody.js

@@ -0,0 +1,20 @@
+import styled,{keyframes,css}from"../../redoc-lib/src/styled-components";const showPanel=keyframes`
+  0% {
+    transform: translateY(-10px);
+  }
+  100% {
+    transform: translateY(0);
+  }
+`,showPanelAnimation=css`
+  animation: ${showPanel} 0.2s;
+`;export const PanelBody=styled.div`
+  ${({animate:e})=>e&&showPanelAnimation};
+  ${({hidden:e})=>e&&"visibility: hidden"};
+
+  border-top-left-radius: ${({theme:e})=>e.components.panels.borderRadius};
+  border-top-right-radius: ${({theme:e})=>e.components.panels.borderRadius};
+  border-bottom-right-radius: ${({theme:e})=>e.components.panels.borderRadius};
+  border-bottom-left-radius: ${({theme:e})=>e.components.panels.borderRadius};
+  background-color: ${({theme:e})=>e.components.panels.backgroundColor};
+`;
+//# sourceMappingURL=PanelBody.js.map

package/lib-browser/components/Panel/PanelComponent.d.ts

@@ -0,0 +1,16 @@
+import type { PropsWithChildren } from 'react';
+export interface PanelHeaderProps {
+    expanded?: boolean;
+    toggle: (e: React.BaseSyntheticEvent) => void;
+}
+export interface PanelComponentProps {
+    expanded?: boolean;
+    renderChildrenHidden?: boolean;
+    className?: string;
+    'data-cy'?: string;
+    header?: React.ReactNode | ((props: PanelHeaderProps) => React.ReactNode);
+    dataHeaderTestId?: string;
+    onToggle?: (expanded: boolean) => void;
+    description?: React.ReactNode;
+}
+export declare function PanelComponent({ expanded, renderChildrenHidden, header, dataHeaderTestId, className, children, onToggle, description, }: PropsWithChildren<PanelComponentProps>): JSX.Element;

package/lib-browser/components/Panel/PanelComponent.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useEffect,useState}from"react";import{ShelfIcon}from"../../redoc-lib/src/common-elements";import{Header}from"./Header";import{Trigger}from"./Trigger";import{Title}from"./Title";import{PanelBody}from"./PanelBody";import{Description}from"./Description";export function PanelComponent({expanded:e=!0,renderChildrenHidden:i=!1,header:r,dataHeaderTestId:o,className:n,children:t,onToggle:s,description:d}){const[a,c]=useState(e),[l,m]=useState(!1),p=({target:e})=>{e instanceof HTMLAnchorElement||(m(!0),c(!a),null==s||s(!a))};return useEffect((()=>c(e)),[e]),_jsxs("div",Object.assign({className:n},{children:[r&&("function"==typeof r?r({expanded:a,toggle:p}):_jsx(Header,Object.assign({"data-cy":o,onClick:p,isExpanded:a},{children:_jsxs(Trigger,{children:[_jsx(Title,{children:r},void 0),_jsx(ShelfIcon,{direction:a?"down":"right",mr:"10px"},void 0),_jsxs(Description,{children:[d," "]},void 0)]},void 0)}),void 0)),(a||i)&&_jsx(PanelBody,Object.assign({hidden:!a,animate:l},{children:t}),void 0)]}),void 0)}
+//# sourceMappingURL=PanelComponent.js.map

package/lib-browser/components/Panel/ResponsePanel.d.ts

@@ -0,0 +1,3 @@
+export declare const ResponsePanel: import("styled-components").StyledComponent<typeof import("./PanelComponent").PanelComponent, import("../../services/extendTheme").ProTheme, {
+    type: string;
+}, never>;

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

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

package/lib-browser/components/Panel/ScrollableContentPanel.d.ts

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

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

@@ -0,0 +1,6 @@
+import styled from"../../redoc-lib/src/styled-components";import{ContentPanel}from"./ContentPanel";import{PanelBody}from"./PanelBody";export const ScrollableContentPanel=styled(ContentPanel)`
+  ${PanelBody} {
+    overflow-x: auto;
+  }
+`;
+//# sourceMappingURL=ScrollableContentPanel.js.map

package/lib-browser/components/Panel/Title.d.ts

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

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

@@ -0,0 +1,7 @@
+import styled from"../../redoc-lib/src/styled-components";export const Title=styled.span`
+  line-height: 1;
+  margin-right: 4px;
+  font-weight: 700;
+  color: ${({theme:t})=>t.colors.text.light};
+`;
+//# sourceMappingURL=Title.js.map

package/lib-browser/components/Panel/Trigger.d.ts

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

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

@@ -0,0 +1,8 @@
+import styled from"../../redoc-lib/src/styled-components";export const Trigger=styled.div`
+  display: inline-flex;
+  align-items: center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
+//# sourceMappingURL=Trigger.js.map

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

@@ -0,0 +1,13 @@
+export * from './Panel';
+export * from './PanelComponent';
+export * from './Trigger';
+export * from './Header';
+export * from './Title';
+export * from './Description';
+export * from './CodePanel';
+export * from './CodeHeader';
+export * from './ContentPanel';
+export * from './ScrollableContentPanel';
+export * from './ResponsePanel';
+export * from './CallbackPanel';
+export * from './Accordion';

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

@@ -0,0 +1,2 @@
+export*from"./Panel";export*from"./PanelComponent";export*from"./Trigger";export*from"./Header";export*from"./Title";export*from"./Description";export*from"./CodePanel";export*from"./CodeHeader";export*from"./ContentPanel";export*from"./ScrollableContentPanel";export*from"./ResponsePanel";export*from"./CallbackPanel";export*from"./Accordion";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { RedocNormalizedOptions } from '../redoc-lib';
+import type { ProStore } from '../services/ProStore';
+export interface ProProvidersProps {
+    store: ProStore;
+    children: React.ReactNode;
+    customOptions?: Partial<RedocNormalizedOptions>;
+}
+export declare const ProProviders: ({ store, children, customOptions, }: ProProvidersProps) => JSX.Element;

package/lib-browser/components/ProProviders.js

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

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

@@ -0,0 +1,40 @@
+import { 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("../services/extendTheme").ProTheme>;
+export declare class RedoclyReferenceDocs extends Component<RedoclyReferenceDocsProps, RedoclyReferenceDocsState> {
+    private _observer;
+    private _updatedItems;
+    rootElementRef: import("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-browser/components/RedoclyReferenceDocs.js

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

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

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

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

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+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;
+}
+export declare const ExampleSwitch: ({ exampleKey, examples, onChange, }: ExampleSwitchProps) => JSX.Element;

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

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

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

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

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

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

package/lib-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