@redocly/openapi-docs 3.0.0-alpha.14.beta.1 → 3.0.0-alpha.14.beta.3

package/lib-esm/components/RedoclyOpenAPIDocs/RedoclyOpenAPIDocs.js

@@ -0,0 +1,2 @@
+import React,{useRef,useCallback,memo}from"react";import{SidebarLogo,GlobalStyle,useMount}from"@redocly/theme";import{useRecoilValue,useRecoilState}from"recoil";import{useLocation}from"react-router-dom";import{LayoutVariant}from"../../constants";import{Search}from"../Search";import{Console}from"../rightPanel/Console";import{ThemeProviders,AppProvider,StoreProvider}from"./Providers";import{Overlay}from"../Overlay";import{VersionSwitcher}from"../VersionSwitcher";import{BackgroundStub,BackgroundStubFix,ApiContentWrap,ControlsWrap,RedocWrapStyled,CssFixes}from"./styled";import{StickyResponsiveSidebar}from"../StickySidebar";import{DownloadButtonWithLabel}from"../Download";import{ErrorBoundary}from"../ErrorBoundary";import{SideMenu}from"../SideMenu";import{ContentItems}from"../ContentItems";import{ChangeViewButton}from"../ChangeViewButton";import{ToggleRightPanelButton}from"../ToggleRightPanelButton";import{activeVersionIdxSelector,appSessionStore,layoutSelector,tryItOperationSelector}from"../../recoil/app";import{globalStore}from"../../recoil/store";import{useContentItems,useLicense}from"../../hooks";import{withRouter}from"../../hoc/withRouter";import{compose}from"../../utils";const RedoclyOpenAPIDocsComponent=compose(withRouter,memo)((({licenseKey:e,onLoaded:o,_forceRenderInfo:t,children:n})=>{var r,i,a,l,c;const s=useRef(null),{pathname:u}=useLocation(),{isValid:m,licenseInfo:d}=useLicense(e);useMount((()=>{null==o||o()}));const{options:{hideDownloadButton:p,hideInfoSection:R,pagination:f,disableSidebar:S,whiteLabel:g,hideLogo:h,hideFab:v,showNextButton:E,scrollYOffset:y,disablePaginationLoadingAnimation:b},options:I,versions:C}=useRecoilValue(globalStore),{showRightPanelToggle:L}=useRecoilValue(appSessionStore),[P,w]=useRecoilState(activeVersionIdxSelector),B=useRecoilValue(layoutSelector),[V,A]=useRecoilState(tryItOperationSelector),x=useCallback((({idx:e})=>{e&&w(e),A(void 0)}),[w,A]),k=C[P].parser,{flatItems:D,contentItems:T}=useContentItems({parser:k,options:I});if(!C.length)return null;let O=!R;t&&(O=!0);const W=!O&&null!==p&&!p&&("none"===f||"/"===u),N=null===(i=null===(r=k.definition)||void 0===r?void 0:r.info)||void 0===i?void 0:i["x-logo"];return React.createElement(ThemeProviders,{options:I},React.createElement(GlobalStyle,null),React.createElement(RedocWrapStyled,{className:"redoc-wrap",ref:s},!m&&React.createElement(Overlay,{licenseInfo:d}),React.createElement(CssFixes,{whiteLabel:g,showRightPanelToggle:L,layout:B}),V&&React.createElement(Console,{rootElement:s.current,operation:V,onClose:()=>A(void 0)}),!S&&React.createElement(StickyResponsiveSidebar,{hideFab:v,scrollYOffset:y,className:"menu-content"},!h&&React.createElement(SidebarLogo,{imageUrl:null==N?void 0:N.url,href:(null==N?void 0:N.href)||(null===(c=null===(l=null===(a=k.definition)||void 0===a?void 0:a.info)||void 0===l?void 0:l.contact)||void 0===c?void 0:c.url),altText:null==N?void 0:N.altText,backgroundColor:null==N?void 0:N.backgroundColor}),C.length>1&&React.createElement(VersionSwitcher,{versions:C,activeVersionIdx:P,onChange:x}),React.createElement(Search,{contentItems:T,flatItems:D,options:I}),React.createElement(SideMenu,{items:m?T:[]})),React.createElement(ApiContentWrap,{className:"api-content",id:"api-content",layout:B===LayoutVariant.THREE_PANEL&&L?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED},L&&B!==LayoutVariant.STACKED&&React.createElement(BackgroundStub,null),W&&React.createElement(DownloadButtonWithLabel,null),React.createElement(ContentItems,{root:!0,items:m?T:[],showNextButton:E,showApiInfo:O,pagination:f,disablePaginationLoadingAnimation:b}),n),React.createElement(ControlsWrap,null,React.createElement(ToggleRightPanelButton,null),React.createElement(ChangeViewButton,null)),L&&B!==LayoutVariant.STACKED&&React.createElement(BackgroundStubFix,null)))}));export function RedoclyOpenAPIDocs({onLoaded:e,_forceRenderInfo:o,children:t,store:n}){var r,i,a;return n?React.createElement(StoreProvider,Object.assign({},n),React.createElement(RedoclyOpenAPIDocsComponent,{onLoaded:e,_forceRenderInfo:o,basePath:null===(r=n.options)||void 0===r?void 0:r.routingBasePath,licenseKey:null===(i=n.options)||void 0===i?void 0:i.licenseKey,enableRouter:null===(a=n.options)||void 0===a?void 0:a.enableRouter},t)):null}export function RedoclyOpenAPIDocsStandalone({definition:e,definitionUrl:o,options:t={},activeItemId:n,activeSampleLanguage:r,activeDeepLink:i}){const a=React.createElement(AppProvider,{definition:e,definitionUrl:o,options:t,activeItemId:n,activeSampleLanguage:r,activeDeepLink:i},React.createElement(RedoclyOpenAPIDocs,null));return t.disableErrorBoundary?a:React.createElement(ErrorBoundary,null,a)}
+//# sourceMappingURL=RedoclyOpenAPIDocs.js.map

package/lib-esm/components/RedoclyOpenAPIDocs/RedoclyOpenAPIDocsMultiStandalone.d.ts

@@ -0,0 +1,2 @@
+import type { RedoclyOpenAPIDocsMultiStandaloneProps } from './types';
+export declare function RedoclyOpenAPIDocsMultiStandalone({ definitions, options, }: RedoclyOpenAPIDocsMultiStandaloneProps): JSX.Element;

package/lib-esm/components/RedoclyOpenAPIDocs/RedoclyOpenAPIDocsMultiStandalone.js

@@ -0,0 +1,2 @@
+import React from"react";import{AppProvider}from"./Providers";import{RedoclyOpenAPIDocs}from"./RedoclyOpenAPIDocs";import{ErrorBoundary}from"../ErrorBoundary";export function RedoclyOpenAPIDocsMultiStandalone({definitions:o,options:e={}}){return React.createElement(ErrorBoundary,null,React.createElement(AppProvider,{definitions:o,options:e},React.createElement(RedoclyOpenAPIDocs,null)))}
+//# sourceMappingURL=RedoclyOpenAPIDocsMultiStandalone.js.map

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

@@ -0,0 +1,5 @@
+export * from './RedoclyOpenAPIDocs';
+export * from './RedoclyOpenAPIDocsMultiStandalone';
+export * from './Providers';
+export * from './types';
+export * from './utils';

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

@@ -0,0 +1,2 @@
+export*from"./RedoclyOpenAPIDocs";export*from"./RedoclyOpenAPIDocsMultiStandalone";export*from"./Providers";export*from"./types";export*from"./utils";
+//# sourceMappingURL=index.js.map

package/lib-esm/components/RedoclyOpenAPIDocs/styled.d.ts

@@ -0,0 +1,13 @@
+import type { FlattenSimpleInterpolation } from 'styled-components';
+import type { CssFixesProps } from './types';
+import { LayoutVariant } from '../../constants';
+export declare const RedocWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ApiContentWrap: import("styled-components").StyledComponent<"div", any, {
+    layout?: LayoutVariant | undefined;
+}, never>;
+export declare const BackgroundStub: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BackgroundStubFix: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ControlsWrap: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const RedocWrapStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const getMarginFixesByName: (variableName: string) => FlattenSimpleInterpolation;
+export declare const CssFixes: import("styled-components").GlobalStyleComponent<CssFixesProps, import("styled-components").DefaultTheme>;

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

@@ -0,0 +1,170 @@
+import styled,{createGlobalStyle,css}from"styled-components";import{LayoutVariant}from"../../constants";import{SamplesMiddlePanel,SamplesPanel}from"../common/panels";import{NextSectionButtonWrap}from"../NextSectionButton/styled";export const RedocWrap=styled.div`
+  display: flex;
+  position: relative;
+  text-align: left;
+  tap-highlight-color: rgba(0, 0, 0, 0);
+  text-size-adjust: 100%;
+  text-rendering: var(--text-rendering, auto) !important;
+
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  font-weight: var(--font-weight-regular);
+  color: var(--text-color);
+  -webkit-font-text-smoothing: var(--text-smoothing);
+
+  * {
+    box-sizing: border-box;
+    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+  }
+`;export const ApiContentWrap=styled.div`
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin: 0 auto;
+  width: auto;
+
+  ${({layout:e=LayoutVariant.THREE_PANEL,theme:a})=>css`
+      max-width: ${e===LayoutVariant.THREE_PANEL?"100%":""};
+
+      ${a.mediaQueries.small} {
+        width: calc(100% - var(--sidebar-width));
+        max-width: var(--layout-${e}-small-max-width);
+      }
+
+      ${a.mediaQueries.medium} {
+        max-width: var(--layout-${e}-medium-max-width);
+      }
+
+      ${a.mediaQueries.large} {
+        max-width: var(--layout-${e}-large-max-width);
+      }
+
+      ${a.mediaQueries.print} {
+        width: 100%;
+        padding: 0;
+      }
+    `};
+`;export const BackgroundStub=styled.div`
+  position: absolute;
+  display: none;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  left: 0;
+  background: var(--panel-samples-block-background-color);
+
+  ${({theme:e})=>css`
+    ${e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
+      display: initial;
+      left: calc(100% - var(--panel-samples-width));
+    }
+
+    ${e.mediaQueries.print} {
+      display: none;
+    }
+  `}
+`;const getBackgroundStubFixWidth=e=>css`
+  width: calc(
+    (
+        100% - min(100% - var(--sidebar-width) - var(--layout-controls-width), var(${e})) -
+          var(--sidebar-width) + var(--layout-controls-width)
+      ) / 2 + 2px /* 2px to account for rounding errors */
+  );
+`;export const BackgroundStubFix=styled.div`
+  position: absolute;
+  display: none;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background: var(--panel-samples-block-background-color);
+  width: 0;
+
+  ${({theme:e})=>css`
+    ${e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
+      display: initial;
+      ${getBackgroundStubFixWidth("--layout-three-panel-medium-max-width")};
+    }
+
+    ${e.mediaQueries.large} {
+      ${getBackgroundStubFixWidth("--layout-three-panel-large-max-width")};
+    }
+
+    ${e.mediaQueries.print} {
+      display: none;
+    }
+  `}
+`;export const ControlsWrap=styled.span`
+  position: sticky;
+  display: none;
+  flex-direction: column;
+  justify-content: space-between;
+  top: calc(var(--navbar-height) + var(--layout-controls-top-offset));
+  right: 24px;
+  height: calc(var(--layout-controls-height) * 2 + var(--spacing-unit) * 2);
+  z-index: 1;
+
+  ${({theme:e})=>css`
+    ${e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
+      display: flex;
+    }
+
+    ${e.mediaQueries.print} {
+      display: none;
+    }
+  `}
+`;export const RedocWrapStyled=styled(RedocWrap)`
+  background-color: var(--background-color);
+`;export 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);
+        `}}
+    ${({showRightPanelToggle:e})=>{if(!e)return css`
+          ${({theme:e})=>e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
+            display: none;
+          }
+        `}}
+  }
+
+  ${BackgroundStub}, ${BackgroundStubFix} {
+    ${({showRightPanelToggle:e,layout:a})=>{if(!e&&a===LayoutVariant.STACKED)return css`
+          ${({theme:e})=>e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
+            display: none;
+          }
+        `}}
+  }
+
+  ${SamplesMiddlePanel}, ${NextSectionButtonWrap} {
+    ${({showRightPanelToggle:e,layout:a})=>e&&a===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")};
+          }
+        `:a===LayoutVariant.STACKED?css`
+          width: 100%;
+          padding-right: var(--spacing-horizontal);
+        `:void 0};
+  }
+`;
+//# sourceMappingURL=styled.js.map

package/lib-esm/components/RedoclyOpenAPIDocs/types.d.ts

@@ -0,0 +1,63 @@
+import type { LayoutVariant } from 'src/constants';
+import type { CodeSampleConfig, Options, RawOptions, SpecVersions } from '../../services';
+import type { MediaQueries } from '../../utils';
+import type { OpenAPIDefinition } from '../../types';
+import type { RoutingProps } from '../../hoc/types';
+import type { OperationModel } from '../../models';
+export interface ResolvedTheme {
+    mediaQueries: Omit<MediaQueries, 'print'>;
+    showAtBreakpoint: {
+        sidebar: keyof Omit<MediaQueries, 'print'>;
+        samplesPanel: keyof Omit<MediaQueries, 'print'>;
+    };
+}
+export interface RedoclyOpenAPIDocsProps extends RoutingProps {
+    onLoaded?: () => void;
+    _forceRenderInfo?: boolean;
+    store?: StoreProviderProps;
+    licenseKey?: string;
+}
+export interface StoreProviderProps {
+    options?: RawOptions;
+    definition: OpenAPIDefinition | SpecVersions;
+    definitionUrl?: string;
+    activeSampleLanguage?: string;
+    portalOptions?: {
+        defaultMimeType?: string;
+        operation?: OperationModel;
+    };
+}
+export interface ProvidersProps {
+    options: Options;
+    children: React.ReactNode;
+    customOptions?: Partial<Options>;
+}
+export interface RedoclyOpenAPIDocsMultiStandaloneProps {
+    definitions: SpecVersions;
+    options?: RawOptions;
+}
+export interface AppProviderProps {
+    definitionUrl?: string;
+    definition?: GenericObject;
+    definitions?: SpecVersions;
+    options?: RawOptions;
+    activeItemId?: string;
+    activeSampleLanguage?: CodeSampleConfig['lang'] | string;
+    activeDeepLink?: string;
+    portalOptions?: {
+        defaultMimeType?: string;
+    };
+}
+export interface RedoclyOpenAPIDocsStandaloneProps {
+    definition?: GenericObject;
+    definitionUrl?: string;
+    options?: RawOptions;
+    activeItemId?: string;
+    activeSampleLanguage?: CodeSampleConfig['lang'];
+    activeDeepLink?: string;
+}
+export interface CssFixesProps {
+    whiteLabel: boolean;
+    showRightPanelToggle: boolean;
+    layout: LayoutVariant;
+}

package/lib-esm/components/RedoclyOpenAPIDocs/utils.d.ts

@@ -0,0 +1,10 @@
+import type { DependencyList } from 'react';
+import type { OpenAPIDefinition } from '../../types';
+import type { RawOptions, SpecVersions } from '../../services';
+export declare function fixSpec(resolvedSpec: OpenAPIDefinition): void;
+export declare function loadMany(specs: any): Promise<any>;
+export declare function loadSingle(spec: any, specUrl: any, options?: RawOptions): Promise<OpenAPIDefinition>;
+export declare function loadAndBundleSpecOrMd(url: string, title?: string): Promise<OpenAPIDefinition>;
+export declare function loadSpecs({ versions }: SpecVersions): Promise<void>;
+export declare function useDeepCompareMemoize(value: DependencyList): Array<number>;
+export declare function getMarkdownHeaderId(children: any): any;

package/lib-esm/components/RedoclyOpenAPIDocs/utils.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(e,n,t,i){return new(t||(t=Promise))((function(o,r){function c(e){try{s(i.next(e))}catch(e){r(e)}}function d(e){try{s(i.throw(e))}catch(e){r(e)}}function s(e){var n;e.done?o(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(c,d)}s((i=i.apply(e,n||[])).next())}))};import{useRef}from"react";import isDeepEqual from"fast-deep-equal";import{loadAndBundleDefinition,safeSlugify}from"../../utils";export 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"])}}export function loadMany(e){return __awaiter(this,void 0,void 0,(function*(){return yield loadSpecs(e||{}),e}))}export function loadSingle(e,n,t){return __awaiter(this,void 0,void 0,(function*(){let i;if(null==t?void 0:t.skipBundleAndConvert){if(!e)throw new Error('spec must be specified when using "skipBundleAndConvert"');i=e}else i=yield loadAndBundleDefinition(e||n);const o=null==t?void 0:t.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}))}export function loadAndBundleSpecOrMd(e,n){return e.endsWith(".md")?loadAndBundleDefinition({openapi:"3.0.0",info:{title:n||"",version:"1.0",description:{$ref:e}},paths:{}}):loadAndBundleDefinition(e)}export function loadSpecs({versions:e}){return __awaiter(this,void 0,void 0,(function*(){if(Array.isArray(e))for(const n of e)n.url&&(n.spec=yield loadAndBundleSpecOrMd(n.url))}))}export function useDeepCompareMemoize(e){const n=useRef(),t=useRef(0);return isDeepEqual(e,n.current)||(n.current=e,t.current+=1),[t.current]}export function getMarkdownHeaderId(e){return"string"==typeof e[0]?`section/${safeSlugify(e[0])}`:e.children?getMarkdownHeaderId(e[0]):void 0}
+//# sourceMappingURL=utils.js.map

package/lib-esm/components/RequestSamples/CodeSample.d.ts

@@ -14,5 +14,5 @@ interface CodeSamplesProps extends ExampleSwitchOptions {
     onlyDefaultMimeType?: boolean;
     onCopyClick(): void;
 }
-export declare const CodeSample: React.FC<CodeSamplesProps>;
+export declare const CodeSample: React.NamedExoticComponent<CodeSamplesProps>;
 export {};

package/lib-esm/components/RequestSamples/CodeSample.js

@@ -1,2 +1,2 @@
-var __rest=this&&this.__rest||function(e,o){var r={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&o.indexOf(t)<0&&(r[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(t=Object.getOwnPropertySymbols(e);a<t.length;a++)o.indexOf(t[a])<0&&Object.prototype.propertyIsEnumerable.call(e,t[a])&&(r[t[a]]=e[t[a]])}return r};import React,{useCallback}from"react";import{observer}from"mobx-react";import{SourceCode}from"@redocly/theme";import{DropdownOrLabel}from"../DropdownOrLabel";import{MediaTypesSwitch}from"../MediaTypeSwitch";import{DropdownWrapper}from"../PayloadSamples";import{Example}from"./Example";import{MimeLabel}from"../shared";import{Dropdown}from"../common/Dropdown";function CodeSampleComponent(e){var{onlyDefaultSample:o,onlyDefaultMimeType:r,content:t,onCopyClick:a}=e,n=__rest(e,["onlyDefaultSample","onlyDefaultMimeType","content","onCopyClick"]);const l=useCallback((e=>{var o,a,n;const l=r&&(null===(o=e.operation)||void 0===o?void 0:o.defaultMimeType);return(null!==(n=null===(a=null==t?void 0:t.mediaTypes)||void 0===a?void 0:a.length)&&void 0!==n?n:0)>1&&!l?React.createElement(DropdownWrapper,null,React.createElement(DropdownOrLabel,Object.assign({Label:MimeLabel,Dropdown:Dropdown,variant:"dark",fullWidth:!0},e))):null}),[t,r]),p=e=>n.source?React.createElement(SourceCode,{lang:n.lang,source:n.source,withCopyButton:!0,onCopyClick:a}):React.createElement(SourceCode,{lang:n.lang,externalSource:{sample:n.externalSample,exampleName:e,operation:n.operation,pathParams:n.pathParams,properties:n.properties},withCopyButton:!0,onCopyClick:a});return void 0===t||null!=n.source?p():React.createElement(MediaTypesSwitch,{content:t,renderDropdown:l},(e=>React.createElement(Example,{mediaType:e,mediaContent:t,renderSample:p,onlyDefaultSample:o})))}export const CodeSample=observer(CodeSampleComponent);
+var __rest=this&&this.__rest||function(e,o){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)o.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(t[r[a]]=e[r[a]])}return t};import React,{memo,useCallback}from"react";import{SourceCode}from"@redocly/theme";import{DropdownOrLabel}from"../DropdownOrLabel";import{MediaTypesSwitch}from"../MediaTypeSwitch";import{DropdownWrapper}from"../PayloadSamples";import{Example}from"./Example";import{MimeLabel}from"../shared";import{Dropdown}from"../common/Dropdown";function CodeSampleComponent(e){var{onlyDefaultSample:o,onlyDefaultMimeType:t,content:r,onCopyClick:a}=e,n=__rest(e,["onlyDefaultSample","onlyDefaultMimeType","content","onCopyClick"]);const l=useCallback((e=>{var o,a,n;const l=t&&(null===(o=e.operation)||void 0===o?void 0:o.defaultMimeType);return(null!==(n=null===(a=null==r?void 0:r.mediaTypes)||void 0===a?void 0:a.length)&&void 0!==n?n:0)>1&&!l?React.createElement(DropdownWrapper,null,React.createElement(DropdownOrLabel,Object.assign({Label:MimeLabel,Dropdown:Dropdown,variant:"dark",fullWidth:!0},e))):null}),[r,t]),p=e=>n.source?React.createElement(SourceCode,{lang:n.lang,source:n.source,withCopyButton:!0,onCopyClick:a}):React.createElement(SourceCode,{lang:n.lang,externalSource:{sample:n.externalSample,exampleName:e,operation:n.operation,pathParams:n.pathParams,properties:n.properties},withCopyButton:!0,onCopyClick:a});return void 0===r||null!=n.source?p():React.createElement(MediaTypesSwitch,{content:r,renderDropdown:l},(e=>React.createElement(Example,{mediaType:e,mediaContent:r,renderSample:p,onlyDefaultSample:o})))}export const CodeSample=memo(CodeSampleComponent);
 //# sourceMappingURL=CodeSample.js.map

package/lib-esm/components/RequestSamples/Example.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { MediaContentModel, MediaTypeModel } from '../../models';
 interface ExampleProps {
     mediaType: MediaTypeModel;
@@ -5,6 +6,5 @@ interface ExampleProps {
     onlyDefaultSample?: boolean;
     renderSample: (exampleName?: string) => JSX.Element;
 }
-declare function ExampleComponent({ mediaType, mediaContent, renderSample, onlyDefaultSample, }: ExampleProps): JSX.Element;
-export declare const Example: typeof ExampleComponent;
+export declare const Example: React.NamedExoticComponent<ExampleProps>;
 export {};

package/lib-esm/components/RequestSamples/Example.js

@@ -1,2 +1,2 @@
-import{observer}from"mobx-react";import React from"react";import{ExampleSwitch,useExampleKey}from"../Samples";function ExampleComponent({mediaType:e,mediaContent:a,renderSample:t,onlyDefaultSample:m}){const l=e.examples||{},r=Object.keys(l),{exampleKey:n,defaultExampleName:p}=useExampleKey(e.operation,l);if(!r.length||1===r.length)return t();if(p&&m)return t(n);return React.createElement(React.Fragment,null,React.createElement(ExampleSwitch,{examples:l,exampleKey:n,onChange:e=>a.activateExampleName(e)}),t(n))}export const Example=observer(ExampleComponent);
+import React,{memo}from"react";import{ExampleSwitch,useExampleKey}from"../Samples";import{useActivateExample}from"../../hooks";function ExampleComponent({mediaType:e,mediaContent:t,renderSample:m,onlyDefaultSample:a}){const l=e.examples||{},p=Object.keys(l),n=useActivateExample(t),{exampleKey:o,defaultExampleName:r}=useExampleKey(e.operation,l);if(!p.length||1===p.length)return m();if(r&&a)return m(o);return React.createElement(React.Fragment,null,React.createElement(ExampleSwitch,{examples:l,exampleKey:o,onChange:e=>n(e)}),m(o))}export const Example=memo(ExampleComponent);
 //# sourceMappingURL=Example.js.map

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

@@ -10,5 +10,5 @@ interface RequestSamplesProps {
     onlyDefaultMimeType?: boolean;
     content?: MediaContentModel;
 }
-export declare const RequestSamples: React.FC<RequestSamplesProps>;
+export declare const RequestSamples: React.NamedExoticComponent<RequestSamplesProps>;
 export {};

package/lib-esm/components/RequestSamples/RequestSamples.js

@@ -1,2 +1,2 @@
-var __rest=this&&this.__rest||function(e,t){var a={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(a[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)t.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(a[o[l]]=e[o[l]])}return a};import React,{useCallback,useContext,useEffect}from"react";import{observer}from"mobx-react";import{TabPanel}from"react-tabs";import{PayloadSamples}from"../PayloadSamples";import{CodeSample}from"./CodeSample";import{useCodeSamples}from"./useCodeSamples";import{l}from"../../services";import{isPayloadSample}from"../../models";import{createCodeSampleCopyEvent,createLanguageSwitchEvent,creatPanelToggleEvent}from"../../events";import{SamplesTabs}from"../Samples";import{OptionsContext}from"../../context";import{CodePanel}from"../Panel";function RequestSamplesComponent(e){var{operation:t,defaultLanguage:a,disableHeader:o,content:n}=e,r=__rest(e,["operation","defaultLanguage","disableHeader","content"]);const{events:s,hideSingleRequestSampleTab:p}=useContext(OptionsContext);useEffect((()=>{}),[t.activeServer,t.requestValues]);const{samples:m,payload:c}=useCodeSamples(t),i=1===m.length&&p,u=useCallback((({lang:e,title:a})=>()=>{var o;const l=createCodeSampleCopyEvent({operation:t,label:a,lang:e,type:"request"});null===(o=null==s?void 0:s.codeSamplesCopy)||void 0===o||o.call(s,l)}),[t,s]);return m.length?React.createElement(CodePanel,{className:"panel-request-samples",header:o?void 0:l("requestSamples"),onToggle:e=>{var a;const o=creatPanelToggleEvent({operation:t,isExpanded:e,panelType:"request-samples"});null===(a=null==s?void 0:s.panelToggle)||void 0===a||a.call(s,o)}},React.createElement(SamplesTabs,{operation:t,tabs:m,onChange:e=>{var a;const o=createLanguageSwitchEvent({operation:t,sample:e});null===(a=null==s?void 0:s.codeSamplesLanguageSwitch)||void 0===a||a.call(s,o)},hidden:i,defaultLanguage:a,id:t.id+"/request-tab"},m.map((e=>React.createElement(TabPanel,{key:e.key+t.id},isPayloadSample(e)?React.createElement(PayloadSamples,Object.assign({content:e.requestBodyContent,operation:t,onCopyClick:u(e)},r)):React.createElement(CodeSample,Object.assign({lang:e.lang,source:e.source,externalSample:e,content:null==c?void 0:c.requestBodyContent,operation:t,onCopyClick:u(e)},r))))))):null}export const RequestSamples=observer(RequestSamplesComponent);
+var __rest=this&&this.__rest||function(e,a){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&a.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)a.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(t[o[l]]=e[o[l]])}return t};import React,{memo,useCallback}from"react";import{TabPanel}from"react-tabs";import{useRecoilValue}from"recoil";import{PayloadSamples}from"../PayloadSamples";import{CodeSample}from"./CodeSample";import{useCodeSamples}from"./useCodeSamples";import{l}from"../../services";import{isPayloadSample}from"../../models";import{createCodeSampleCopyEvent,createLanguageSwitchEvent,creatPanelToggleEvent}from"../../events";import{SamplesTabs}from"../Samples";import{CodePanel}from"../Panel";import{globalOptionsSelector}from"../../recoil/store";function RequestSamplesComponent(e){var{operation:a,defaultLanguage:t,disableHeader:o,content:n}=e,r=__rest(e,["operation","defaultLanguage","disableHeader","content"]);const{events:s,hideSingleRequestSampleTab:p}=useRecoilValue(globalOptionsSelector),{samples:m,payload:c}=useCodeSamples(a),i=1===m.length&&p,d=useCallback((({lang:e,title:t})=>()=>{var o;const l=createCodeSampleCopyEvent({operation:a,label:t,lang:e,type:"request"});null===(o=null==s?void 0:s.codeSamplesCopy)||void 0===o||o.call(s,l)}),[a,s]);return m.length?React.createElement(CodePanel,{className:"panel-request-samples",header:o?void 0:l("requestSamples"),onToggle:e=>{var t;const o=creatPanelToggleEvent({operation:a,isExpanded:e,panelType:"request-samples"});null===(t=null==s?void 0:s.panelToggle)||void 0===t||t.call(s,o)}},React.createElement(SamplesTabs,{tabs:m,onChange:e=>{var t;const o=createLanguageSwitchEvent({operation:a,sample:e});null===(t=null==s?void 0:s.codeSamplesLanguageSwitch)||void 0===t||t.call(s,o)},hidden:i,defaultLanguage:t,id:a.id+"/request-tab"},m.map((e=>React.createElement(TabPanel,{key:e.key+a.id},isPayloadSample(e)?React.createElement(PayloadSamples,Object.assign({content:e.requestBodyContent,onCopyClick:d(e)},r)):React.createElement(CodeSample,Object.assign({lang:e.lang,source:e.source,externalSample:e,content:null==c?void 0:c.requestBodyContent,operation:a,onCopyClick:d(e)},r))))))):null}export const RequestSamples=memo(RequestSamplesComponent);
 //# sourceMappingURL=RequestSamples.js.map

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

@@ -1,5 +1,8 @@
+import React from 'react';
 import type { OperationModel } from '../../models';
 export interface ResponseSamplesProps {
     operation: OperationModel;
 }
-export declare function ResponseSamples({ operation }: ResponseSamplesProps): JSX.Element | null;
+declare function ResponseSamplesComponent({ operation }: ResponseSamplesProps): JSX.Element | null;
+export declare const ResponseSamples: React.MemoExoticComponent<typeof ResponseSamplesComponent>;
+export {};

package/lib-esm/components/ResponseSamples/ResponseSamples.js

@@ -1,2 +1,2 @@
-import React,{useContext,useCallback}from"react";import{TabPanel,CollapsingTabs}from"../Tabs";import{CodePanel}from"../Panel";import{PayloadSamples}from"../PayloadSamples";import{createCodeSampleCopyEvent,creatPanelToggleEvent}from"../../events";import{OptionsContext}from"../../context";import{l}from"../../services";export function ResponseSamples({operation:e}){const{events:o}=useContext(OptionsContext),a=e.responses.filter((e=>{var o,a;return null!==(a=null===(o=e.content)||void 0===o?void 0:o.hasSample)&&void 0!==a&&a})),t=useCallback((()=>{var a;const t=createCodeSampleCopyEvent({operation:e,type:"response"});null===(a=null==o?void 0:o.codeSamplesCopy)||void 0===a||a.call(o,t)}),[e,o]);if(!a.length)return null;const n=a.map((({code:e})=>({key:e,title:e})));return React.createElement(CodePanel,{className:"panel-response-samples",header:l("responseSamples"),onToggle:a=>{var t;const l=creatPanelToggleEvent({operation:e,isExpanded:a,panelType:"response-samples"});null===(t=null==o?void 0:o.panelToggle)||void 0===t||t.call(o,l)}},React.createElement(CollapsingTabs,{tabs:n,operation:e},a.map((e=>React.createElement(TabPanel,{key:e.code,value:e.code},React.createElement("div",null,React.createElement(PayloadSamples,{content:e.content,onCopyClick:t})))))))}
+import React,{memo,useCallback}from"react";import{useRecoilValue}from"recoil";import{TabPanel,CollapsingTabs}from"../Tabs";import{CodePanel}from"../Panel";import{PayloadSamples}from"../PayloadSamples";import{createCodeSampleCopyEvent,creatPanelToggleEvent}from"../../events";import{l}from"../../services";import{globalOptionsSelector}from"../../recoil/store";function ResponseSamplesComponent({operation:e}){const{events:o}=useRecoilValue(globalOptionsSelector),a=e.responses.filter((e=>{var o,l;return null!==(l=null===(o=e.content)||void 0===o?void 0:o.hasSample)&&void 0!==l&&l})),n=useCallback((()=>{var l;const a=createCodeSampleCopyEvent({operation:e,type:"response"});null===(l=null==o?void 0:o.codeSamplesCopy)||void 0===l||l.call(o,a)}),[e,o]);if(!a.length)return null;const t=a.map((({code:e})=>({key:e,title:e})));return React.createElement(CodePanel,{className:"panel-response-samples",header:l("responseSamples"),onToggle:l=>{var a;const n=creatPanelToggleEvent({operation:e,isExpanded:l,panelType:"response-samples"});null===(a=null==o?void 0:o.panelToggle)||void 0===a||a.call(o,n)}},React.createElement(CollapsingTabs,{tabs:t,operation:e},a.map((e=>React.createElement(TabPanel,{key:e.code,value:e.code},React.createElement("div",null,React.createElement(PayloadSamples,{content:e.content,onCopyClick:n})))))))}export const ResponseSamples=memo(ResponseSamplesComponent);
 //# sourceMappingURL=ResponseSamples.js.map

package/lib-esm/components/Responses/Response.d.ts

@@ -1,4 +1,2 @@
 import type { ResponseProps } from './types';
-declare function ResponseComponent({ response }: ResponseProps): JSX.Element;
-export declare const Response: typeof ResponseComponent;
-export {};
+export declare function Response({ response }: ResponseProps): JSX.Element;

package/lib-esm/components/Responses/Response.js

@@ -1,2 +1,2 @@
-import React from"react";import{observer}from"mobx-react";import{StyledResponsePanel}from"../Panel";import{ResponseDetails}from"./ResponseDetails";import{ResponseSummary}from"./ResponseSummary";function ResponseComponent({response:e}){return React.createElement(StyledResponsePanel,{header:({expanded:o,toggle:s})=>React.createElement(ResponseSummary,{response:e,toggle:s,expanded:o}),expanded:Boolean(e.expanded),className:`panel-response-${e.type}`},React.createElement(ResponseDetails,{response:e}))}export const Response=observer(ResponseComponent);
+import React from"react";import{useLocation}from"react-router-dom";import{StyledResponsePanel}from"../Panel";import{ResponseDetails}from"./ResponseDetails";import{ResponseSummary}from"./ResponseSummary";import{checkIfPathIncludes}from"../SideMenu/useMenuItemLink";export function Response({response:e}){var o;const t=useLocation();return React.createElement(StyledResponsePanel,{header:({toggle:o})=>React.createElement(ResponseSummary,{response:e,toggle:o}),expanded:[null===(o=null==e?void 0:e.content)||void 0===o?void 0:o.operation.href,`c=${e.code}`].every((e=>checkIfPathIncludes(t,e))),className:`panel-response-${e.type}`},React.createElement(ResponseDetails,{response:e}))}
 //# sourceMappingURL=Response.js.map

package/lib-esm/components/Responses/ResponseSummary.js

@@ -1,2 +1,15 @@
-import React from"react";import{PanelHeaderTitle,PanelHeader}from"@redocly/theme";import{Trigger}from"../Panel";import{ShelfIcon}from"../icons";import{Markdown}from"../Markdown";export const ResponseSummary=({expanded:e=!1,toggle:r,response:t})=>{const{content:n,headers:a,description:l}=t,o=(null==n?void 0:n.mediaTypes.filter((e=>void 0!==e.schema)))||[],c=0===a.length&&0===o.length&&!l;return React.createElement(PanelHeader,{expanded:e,onClick:r,disabled:c},React.createElement(Trigger,null,React.createElement(PanelHeaderTitle,null,React.createElement("span",null,t.code),t.summary&&React.createElement(Markdown,{inline:!0,source:t.summary})),c?null:React.createElement(ShelfIcon,{direction:e?"down":"right"})))};
+import React from"react";import styled from"styled-components";import{PanelHeaderTitle,PanelHeader,MarkdownWrapper}from"@redocly/theme";import{Trigger}from"../Panel";import{ShelfIcon}from"../icons";import{Markdown}from"../Markdown";import{normalizeText}from"../../utils";export const ResponseSummary=({expanded:e=!1,toggle:r,response:t})=>{const{content:a,headers:n=[],description:l,summary:o}=t,i=(null==a?void 0:a.mediaTypes.filter((e=>void 0!==e.schema)))||[],m=normalizeText(o),d=normalizeText(l),c=0===n.length&&0===i.length&&!d;return React.createElement(PanelHeader,{expanded:e,onClick:r,disabled:c},React.createElement(Trigger,null,React.createElement(PanelHeaderTitleStyle,null,React.createElement("p",null,t.code),m&&React.createElement(Markdown,{source:m})),c?null:React.createElement(ShelfIcon,{direction:e?"down":"right"})))};const PanelHeaderTitleStyle=styled(PanelHeaderTitle)`
+  width: 100%;
+  display: flex;
+  align-items: center;
+
+  p {
+    margin: 0;
+    line-height: var(--line-height-base);
+  }
+
+  ${MarkdownWrapper} {
+    margin-left: var(--md-paragraph-margin-vertical);
+  }
+`;
 //# sourceMappingURL=ResponseSummary.js.map

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

@@ -1,10 +1,10 @@
-import styled from"styled-components";import{PropertiesTableWrap}from"../common/Fields";import{FieldsGroupHeader}from"../common/headers";export const HeadersCaption=styled(FieldsGroupHeader.withComponent("caption"))`
+import styled from"styled-components";import{FieldsGroupHeader}from"../common/headers";export const HeadersCaption=styled(FieldsGroupHeader.withComponent("caption"))`
   text-align: left;
   margin-top: 1em;
   caption-side: top;
 `;export const Wrapper=styled.div`
   margin-bottom: 1em;
-`;export const PropertiesTableWrapStyled=styled(PropertiesTableWrap)`
+`;export const PropertiesTableWrapStyled=styled.div`
   :not(:last-child) {
     border-bottom: 1px solid var(--global-border-color);
     margin-bottom: 1.5em;

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

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

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

@@ -1,2 +1,2 @@
-import React from"react";import{observer}from"mobx-react";import{CollapsingTabsBase}from"../Tabs";import{StoreContext}from"../../context";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))}));
+import React,{memo}from"react";import{useRecoilState}from"recoil";import{CollapsingTabsBase}from"../Tabs";import{WarnMessage}from"../shared";import{LoadingWrapper}from"./LoadingWrapper";import{activeSampleLanguageSelector}from"../../recoil/app";function SamplesTabsComponent({children:e,onChange:a,defaultLanguage:t,id:n,tabs:o}){const[c,s]=useRecoilState(activeSampleLanguageSelector),[r,i]=React.useState(t),[l,m]=React.useState(),d=React.useMemo((()=>{const e=o.findIndex((e=>[c,r].includes(e.key)||e.lang===c));return-1===e?0:e}),[o,r,c]),u=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&&l&&a!==l){const e=a-l;window.requestAnimationFrame((()=>window.scrollBy(0,e))),m(void 0)}}),[u,l,n]),React.useEffect((()=>{r&&s(r)}),[r,t,s]);const p=React.useCallback((e=>{var t;const c=o[e];m(null===(t=document.getElementById(n))||void 0===t?void 0:t.getBoundingClientRect().y),i(c.key),a&&a(c)}),[n,a,o]);return React.createElement(LoadingWrapper,{className:r&&"updated",id:n},React.createElement(CollapsingTabsBase,{tabs:o,activeIndex:d,onChange:p},t&&-1===u.indexOf(t)&&React.createElement(WarnMessage,null,"Provided language is not supported"),e))}export const SamplesTabs=memo(SamplesTabsComponent);
 //# sourceMappingURL=SamplesTabs.js.map

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

@@ -3,5 +3,5 @@ interface ExampleName {
     exampleKey: string;
     defaultExampleName?: string | false;
 }
-export declare function useExampleKey({ activeExampleName, defaultExampleName }: OperationModel | undefined, examples: Record<string, unknown>): ExampleName;
+export declare function useExampleKey({ defaultExampleName, pointer }: OperationModel | undefined, examples: Record<string, unknown>): ExampleName;
 export {};

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

@@ -1,2 +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}}
+import{useState,useEffect}from"react";import{useRecoilState}from"recoil";import{operationStore}from"../../recoil/operation";export function useExampleKey({defaultExampleName:e,pointer:t}={},a){const[o,r]=useRecoilState(operationStore(t)),{activeExampleName:i}=o,[m,c]=useState(i&&a[i]?i:Object.keys(a)[0]);return useEffect((()=>{i&&a[i]&&(c(i),r((e=>Object.assign(Object.assign({},e),{activeExampleName:i}))))}),[i,a,r]),{exampleKey:a[m]?m:Object.keys(a)[0],defaultExampleName:e}}
 //# sourceMappingURL=use-example-key.js.map

package/lib-esm/components/Schema/ObjectSchema.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { ObjectSchemaProps } from './types';
-export declare const ObjectSchema: React.FC<ObjectSchemaProps>;
+export declare const ObjectSchema: React.NamedExoticComponent<ObjectSchemaProps>;

package/lib-esm/components/Schema/ObjectSchema.js

@@ -1,2 +1,2 @@
-import React,{useContext}from"react";import{observer}from"mobx-react";import{PropertiesTable,PropertiesTableWrap,PropertiesTableCaption}from"../common";import{Field}from"../Fields";import{DiscriminatorDropdown}from"../DiscriminatorDropdown";import{OptionsContext}from"../../context";import{mapWithLast}from"../../utils";function ObjectSchemaComponent({schema:{fields:e=[],title:t},showTitle:a,discriminator:n,level:o,skipWriteOnly:r,skipReadOnly:i}){const{expandSingleSchemaField:l,showObjectSchemaExamples:m,schemaExpansionLevel:s}=useContext(OptionsContext),c=i||r?e.filter((e=>!(i&&e.schema.readOnly||r&&e.schema.writeOnly))):e,p=l&&1===c.length||s>=o;return React.createElement(PropertiesTableWrap,null,React.createElement(PropertiesTable,null,a&&React.createElement(PropertiesTableCaption,null,t),React.createElement("tbody",null,mapWithLast(c,((e,t)=>React.createElement(Field,{key:e.name,isLast:t,field:e,expandByDefault:p,renderDiscriminatorSwitch:(null==n?void 0:n.fieldName)===e.name&&(null==n?void 0:n.parentSchema)?()=>React.createElement(DiscriminatorDropdown,{parent:n.parentSchema,enumValues:e.schema.enum,onChange:null==n?void 0:n.onChange}):void 0,className:e.expanded?"expanded":void 0,showExamples:m,skipReadOnly:i,skipWriteOnly:r,showTitle:a,level:o}))))))}export const ObjectSchema=observer(ObjectSchemaComponent);
+import React,{memo}from"react";import{useRecoilValue}from"recoil";import{PropertiesTable,PropertiesTableCaption}from"../common";import{Field}from"../Fields";import{DiscriminatorDropdown}from"../DiscriminatorDropdown";import{mapWithLast}from"../../utils";import{globalOptionsSelector}from"../../recoil/store";function ObjectSchemaComponent({schema:{fields:e=[],title:t},showTitle:o,discriminator:i,level:a,skipWriteOnly:l,skipReadOnly:r}){const{expandSingleSchemaField:n,showObjectSchemaExamples:m,schemaExpansionLevel:c}=useRecoilValue(globalOptionsSelector),s=r||l?e.filter((e=>!(r&&e.schema.readOnly||l&&e.schema.writeOnly))):e,p=n&&1===s.length||c>=a;return React.createElement(PropertiesTable,null,o&&React.createElement(PropertiesTableCaption,null,t),React.createElement("tbody",null,mapWithLast(s,((e,t)=>React.createElement(Field,{key:e.name,isLast:t,field:e,expandByDefault:p,renderDiscriminatorSwitch:(null==i?void 0:i.fieldName)===e.name&&(null==i?void 0:i.parentSchema)?()=>React.createElement(DiscriminatorDropdown,{parent:i.parentSchema,enumValues:e.schema.enum,onChange:null==i?void 0:i.onChange}):void 0,showExamples:m,skipReadOnly:r,skipWriteOnly:l,showTitle:o,level:a})))))}export const ObjectSchema=memo(ObjectSchemaComponent);
 //# sourceMappingURL=ObjectSchema.js.map

package/lib-esm/components/Schema/OneOfSchema.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { SchemaProps } from './types';
-export declare const OneOfSchema: React.FC<SchemaProps>;
+export declare const OneOfSchema: React.NamedExoticComponent<SchemaProps>;

package/lib-esm/components/Schema/OneOfSchema.js

@@ -1,2 +1,2 @@
-var __rest=this&&this.__rest||function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};import React,{useContext,useCallback}from"react";import{observer}from"mobx-react";import isDeepEqual from"fast-deep-equal";import{BadgeStyle,OneOfButton as StyledOneOfButton,OneOfList,Wrapper}from"../common";import{Markdown}from"../Markdown";import{ConstraintsView}from"../Fields";import{Schema}from"./Schema";import{OptionsContext}from"../../context";function OneOfSchemaComponent(e){var{schema:{oneOf:t},schema:n}=e,a=__rest(e,["schema","schema"]);const{hideOneOfDescription:r}=useContext(OptionsContext),o=null==t?void 0:t[n.activeOneOf],c=useCallback((e=>{var t;null===(t=null==n?void 0:n.oneOf)||void 0===t||t.forEach((t=>{isDeepEqual(t.rawSchema.discriminator,null==o?void 0:o.rawSchema.discriminator)&&t.activateOneOf(e)}))}),[null==o?void 0:o.rawSchema.discriminator,null==n?void 0:n.oneOf]);return o?React.createElement("div",null,React.createElement(Wrapper,null,React.createElement("span",null,n.oneOfType,":"),React.createElement(OneOfList,null,t.map(((e,t)=>React.createElement(StyledOneOfButton,{key:e.pointer,selected:t===n.activeOneOf,deprecated:e.deprecated,onClick:()=>n.activateOneOf(t),"data-cy":"oneOf"+e.title||e.typePrefix+e.displayType},e.title||e.typePrefix+e.displayType))))),o.deprecated&&React.createElement(BadgeStyle,{deprecated:!0},"Deprecated"),React.createElement(Wrapper,null,!r&&o.description&&React.createElement(Markdown,{compact:!0,source:o.description}),React.createElement(ConstraintsView,{constraints:o.constraints})),React.createElement(Schema,Object.assign({},a,{schema:o,onDiscriminatorChange:c}))):null}export const OneOfSchema=observer(OneOfSchemaComponent);
+var __rest=this&&this.__rest||function(e,t){var o={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(o[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(o[a[r]]=e[a[r]])}return o};import React,{memo,useCallback}from"react";import isDeepEqual from"fast-deep-equal";import{useRecoilValue,useRecoilState}from"recoil";import{setRecoil}from"recoil-nexus";import{BadgeStyle,OneOfButton as StyledOneOfButton,OneOfList,Wrapper}from"../common";import{Markdown}from"../Markdown";import{ConstraintsView}from"../Fields";import{Schema}from"./Schema";import{globalOptionsSelector}from"../../recoil/store";import{operationStore}from"../../recoil/operation";function OneOfSchemaComponent(e){var{schema:{oneOf:t},schema:o}=e,a=__rest(e,["schema","schema"]);const{hideOneOfDescription:r}=useRecoilValue(globalOptionsSelector),[n,i]=useRecoilState(operationStore(o.deps.operation.pointer)),c=null==t?void 0:t[n.activeOneOf],l=useCallback((e=>{var t;null===(t=null==o?void 0:o.oneOf)||void 0===t||t.forEach((t=>{isDeepEqual(t.rawSchema.discriminator,null==c?void 0:c.rawSchema.discriminator)&&setRecoil(operationStore(t.deps.operation.pointer),(o=>{var a,r;return Object.assign(Object.assign({},o),{activeExampleName:(null===(r=null===(a=t.oneOf)||void 0===a?void 0:a[e])||void 0===r?void 0:r.title)||o.activeExampleName,activeOneOf:e})}))}))}),[null==c?void 0:c.rawSchema.discriminator,null==o?void 0:o.oneOf]);return c?React.createElement("div",null,React.createElement(Wrapper,null,React.createElement("span",null,o.oneOfType,":"),React.createElement(OneOfList,null,t.map(((e,t)=>React.createElement(StyledOneOfButton,{key:e.pointer,selected:t===n.activeOneOf,deprecated:e.deprecated,onClick:()=>i((e=>{var a,r;return Object.assign(Object.assign({},e),{activeExampleName:(null===(r=null===(a=o.oneOf)||void 0===a?void 0:a[t])||void 0===r?void 0:r.title)||e.activeExampleName,activeOneOf:t})})),"data-cy":"oneOf"+e.title||e.typePrefix+e.displayType},e.title||e.typePrefix+e.displayType))))),c.deprecated&&React.createElement(BadgeStyle,{deprecated:!0},"Deprecated"),React.createElement(Wrapper,null,!r&&c.description&&React.createElement(Markdown,{source:c.description}),React.createElement(ConstraintsView,{constraints:c.constraints})),React.createElement(Schema,Object.assign({},a,{schema:c,onDiscriminatorChange:l}))):null}export const OneOfSchema=memo(OneOfSchemaComponent);
 //# sourceMappingURL=OneOfSchema.js.map

package/lib-esm/components/Schema/RecursiveSchema.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { SchemaProps } from './types';
-export declare const RecursiveSchema: React.FC<SchemaProps>;
+export declare const RecursiveSchema: React.NamedExoticComponent<SchemaProps>;

package/lib-esm/components/Schema/RecursiveSchema.js

@@ -1,2 +1,2 @@
-import React from"react";import{observer}from"mobx-react";import{l}from"../../services";import{RecursiveLabel,TypeName,TypeTitle}from"../common";function RecursiveSchemaComponent({schema:e}){return React.createElement("div",null,React.createElement(TypeName,null,e.displayType),e.title&&React.createElement(TypeTitle,null," ",e.title," "),React.createElement(RecursiveLabel,null," ",l("recursive")," "))}export const RecursiveSchema=observer(RecursiveSchemaComponent);
+import React,{memo}from"react";import{l}from"../../services";import{RecursiveLabel,TypeName,TypeTitle}from"../common";function RecursiveSchemaComponent({schema:e}){return React.createElement("div",null,React.createElement(TypeName,null,e.displayType),e.title&&React.createElement(TypeTitle,null," ",e.title," "),React.createElement(RecursiveLabel,null," ",l("recursive")," "))}export const RecursiveSchema=memo(RecursiveSchemaComponent);
 //# sourceMappingURL=RecursiveSchema.js.map

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { SchemaProps } from './types';
-export declare const Schema: React.FC<Partial<SchemaProps>>;
+export declare const Schema: React.NamedExoticComponent<Partial<SchemaProps>>;

package/lib-esm/components/Schema/Schema.js

@@ -1,2 +1,2 @@
-var __rest=this&&this.__rest||function(e,r){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var c=0;for(a=Object.getOwnPropertySymbols(e);c<a.length;c++)r.indexOf(a[c])<0&&Object.prototype.propertyIsEnumerable.call(e,a[c])&&(t[a[c]]=e[a[c]])}return t};import React from"react";import{observer}from"mobx-react";import{FieldDetails}from"../Fields";import{ArraySchema}from"./ArraySchema";import{ObjectSchema}from"./ObjectSchema";import{OneOfSchema}from"./OneOfSchema";import{RecursiveSchema}from"./RecursiveSchema";function SchemaComponent(e){var r,{schema:t,onDiscriminatorChange:a}=e,c=__rest(e,["schema","onDiscriminatorChange"]);if(!t)return React.createElement("em",null," Schema not provided ");const{type:n,oneOf:i,discriminatorProp:o,isCircular:m}=t,s=(c.level||0)+1;if(m)return React.createElement(RecursiveSchema,{schema:t});if(void 0!==o){if(!i||!i.length)return console.warn(`Looks like you are using discriminator wrong: you don't have any definition inherited from the ${t.title}`),null;const e=i[t.activeOneOf];return e.isCircular?React.createElement(RecursiveSchema,{schema:e}):React.createElement(ObjectSchema,Object.assign({},c,{level:s,schema:e,discriminator:{fieldName:o,parentSchema:t,onChange:a}}))}if(void 0!==i)return React.createElement(OneOfSchema,Object.assign({},c,{schema:t}));const l=Array.isArray(n)?n:[n];if(l.includes("object")){if(null===(r=t.fields)||void 0===r?void 0:r.length)return React.createElement(ObjectSchema,Object.assign({},c,{level:s,schema:t}))}else if(l.includes("array"))return React.createElement(ArraySchema,Object.assign({},c,{level:s,schema:t}));const h={schema:t,name:"",required:!1,description:t.description,externalDocs:t.externalDocs,deprecated:!1,toggle:()=>null,expanded:!1};return React.createElement("div",null,React.createElement(FieldDetails,{field:h}))}export const Schema=observer(SchemaComponent);
+var __rest=this&&this.__rest||function(e,r){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var c=0;for(a=Object.getOwnPropertySymbols(e);c<a.length;c++)r.indexOf(a[c])<0&&Object.prototype.propertyIsEnumerable.call(e,a[c])&&(t[a[c]]=e[a[c]])}return t};import React,{memo}from"react";import{useRecoilValue}from"recoil";import{FieldDetails}from"../Fields";import{ArraySchema}from"./ArraySchema";import{ObjectSchema}from"./ObjectSchema";import{OneOfSchema}from"./OneOfSchema";import{RecursiveSchema}from"./RecursiveSchema";import{operationStore}from"../../recoil/operation";function SchemaComponent(e){var r,{schema:t,onDiscriminatorChange:a}=e,c=__rest(e,["schema","onDiscriminatorChange"]);const{activeOneOf:n}=useRecoilValue(operationStore((null==t?void 0:t.deps.operation.pointer)||""));if(!t)return React.createElement("em",null," Schema not provided ");const{type:i,oneOf:o,discriminatorProp:m,isCircular:l}=t,s=(c.level||0)+1;if(l)return React.createElement(RecursiveSchema,{schema:t});if(void 0!==m){if(!o||!o.length)return console.warn(`Looks like you are using discriminator wrong: you don't have any definition inherited from the ${t.title}`),null;const e=o[n];return(null==e?void 0:e.isCircular)?React.createElement(RecursiveSchema,{schema:e}):React.createElement(ObjectSchema,Object.assign({},c,{level:s,schema:e,discriminator:{fieldName:m,parentSchema:t,onChange:a}}))}if(void 0!==o)return React.createElement(OneOfSchema,Object.assign({},c,{schema:t}));const h=Array.isArray(i)?i:[i];if(h.includes("object")){if(null===(r=t.fields)||void 0===r?void 0:r.length)return React.createElement(ObjectSchema,Object.assign({},c,{level:s,schema:t}))}else if(h.includes("array"))return React.createElement(ArraySchema,Object.assign({},c,{level:s,schema:t}));const u={schema:t,name:"",required:!1,description:t.description,externalDocs:t.externalDocs,deprecated:!1,toggle:()=>null,expanded:!1};return React.createElement("div",null,React.createElement(FieldDetails,{field:u}))}export const Schema=memo(SchemaComponent);
 //# sourceMappingURL=Schema.js.map

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

@@ -1,15 +1,9 @@
 import React from 'react';
-import type { OpenAPIParser, Options } from '../../services';
-import { LayoutVariant } from '../../constants';
 interface SchemaDefinitionProps {
-    schemaRef: string;
+    schemaRef?: string;
     exampleRef?: string;
     showReadOnly?: boolean;
     showWriteOnly?: boolean;
-    parser: OpenAPIParser;
-    options: Options;
-    layout?: LayoutVariant;
-    showRightPanel?: boolean;
 }
 export declare const SchemaDefinition: React.NamedExoticComponent<SchemaDefinitionProps>;
 export {};

package/lib-esm/components/SchemaDefinition/SchemaDefinition.js

@@ -1,4 +1,4 @@
-import React,{memo,useCallback,useMemo}from"react";import styled from"styled-components";import{PanelBody}from"@redocly/theme";import{SamplesMiddlePanel,SamplesPanel,Row,Section}from"../common";import{MediaTypeModel}from"../../models";import{LayoutVariant}from"../../constants";import{MediaTypeSamples}from"../PayloadSamples";import{Schema}from"../Schema";import{Markdown}from"../Markdown";import{CodePanel}from"../Panel";const getMediaType=(e,a)=>{if(!e)return{};const o={schema:{$ref:e}};return a&&(o.examples={example:{$ref:a}}),o};function SchemaDefinitionComponent({parser:e,schemaRef:a,exampleRef:o,options:t,showReadOnly:l=!0,showWriteOnly:n=!1,layout:m,showRightPanel:i}){var c,r;const s=useMemo((()=>new MediaTypeModel(e,"json",!1,getMediaType(a,o),t)),[o,t,e,a]),d=useCallback((e=>{var a,o,t,l;const n=null===(a=s.schema)||void 0===a?void 0:a.oneOf;if(n&&(null==s?void 0:s.examples)&&Object.keys(null==s?void 0:s.examples).includes(e)){const a=n.findIndex((a=>a.title===e));-1!==a&&(null===(o=s.schema)||void 0===o||o.activateOneOf(a))}(null===(t=s.operation)||void 0===t?void 0:t.activeExampleName)!==e&&(null===(l=s.operation)||void 0===l||l.activateExampleName(e))}),[null==s?void 0:s.examples,s.operation,s.schema]);return React.createElement(Section,null,React.createElement(Row,{layout:m},React.createElement(SamplesMiddlePanel,{isStacked:m===LayoutVariant.STACKED},(null===(c=s.schema)||void 0===c?void 0:c.description)&&React.createElement(Description,null,React.createElement(Markdown,{source:null===(r=s.schema)||void 0===r?void 0:r.description})),React.createElement(StyledPanelBody,{className:"panel-default"},React.createElement(Schema,{skipWriteOnly:!n,skipReadOnly:!l,schema:s.schema}))),i?React.createElement(SamplesPanel,null,React.createElement(CodePanel,{className:"panel-response-samples"},React.createElement(MediaTypeSamples,{mediaType:s,onChange:d}))):null))}export const SchemaDefinition=memo(SchemaDefinitionComponent);const Description=styled.div`
+import React,{memo,useCallback,useMemo}from"react";import styled from"styled-components";import{PanelBody}from"@redocly/theme";import{useRecoilState,useRecoilValue}from"recoil";import{setRecoil}from"recoil-nexus";import{SamplesMiddlePanel,SamplesPanel,Row,Section}from"../common";import{getMediaType}from"../../models";import{LayoutVariant}from"../../constants";import{MediaTypeSamples}from"../PayloadSamples";import{Schema}from"../Schema";import{Markdown}from"../Markdown";import{CodePanel}from"../Panel";import{layoutSelector,showRightPanelToggleSelector}from"../../recoil/app";import{globalStoreSelector}from"../../recoil/store";import{operationStore}from"../../recoil/operation";const getMediaTypeInfo=(e,o)=>{if(!e)return{};const a={schema:{$ref:e}};return o&&(a.examples={example:{$ref:o}}),a};function SchemaDefinitionComponent({schemaRef:e,exampleRef:o,showReadOnly:a=!0,showWriteOnly:t=!1}){var l,n,i;const r=useRecoilValue(layoutSelector),{parser:m,options:c}=useRecoilValue(globalStoreSelector),s=useRecoilValue(showRightPanelToggleSelector),p=useMemo((()=>getMediaType(m,"json",!1,getMediaTypeInfo(e,o),c,{operation:{pointer:"SchemaDefinitionComponent"}})),[o,c,m,e]),[d,u]=useRecoilState(operationStore(null===(l=p.operation)||void 0===l?void 0:l.pointer)),f=useCallback((e=>{var o;const a=null===(o=p.schema)||void 0===o?void 0:o.oneOf;if(a&&(null==p?void 0:p.examples)&&Object.keys(null==p?void 0:p.examples).includes(e)){const o=a.findIndex((o=>o.title===e));-1!==o&&p.schema&&setRecoil(operationStore(p.schema.deps.operation.pointer),(e=>{var a,t,l;return Object.assign(Object.assign({},e),{activeExampleName:(null===(l=null===(t=null===(a=p.schema)||void 0===a?void 0:a.oneOf)||void 0===t?void 0:t[o])||void 0===l?void 0:l.title)||e.activeExampleName,activeOneOf:o})}))}d.activeExampleName!==e&&u((o=>Object.assign(Object.assign({},o),{activeExampleName:e})))}),[null==p?void 0:p.examples,p.schema,d.activeExampleName,u]);return React.createElement(Section,null,React.createElement(Row,{layout:r},React.createElement(SamplesMiddlePanel,{isStacked:r===LayoutVariant.STACKED},(null===(n=p.schema)||void 0===n?void 0:n.description)&&React.createElement(Description,null,React.createElement(Markdown,{source:null===(i=p.schema)||void 0===i?void 0:i.description})),React.createElement(StyledPanelBody,{className:"panel-default"},React.createElement(Schema,{skipWriteOnly:!t,skipReadOnly:!a,schema:p.schema}))),s?React.createElement(SamplesPanel,null,React.createElement(CodePanel,{className:"panel-response-samples"},React.createElement(MediaTypeSamples,{mediaType:p,onChange:f}))):null))}export const SchemaDefinition=memo(SchemaDefinitionComponent);const Description=styled.div`
   margin-bottom: var(--spacing-vertical);
 `,StyledPanelBody=styled(PanelBody)`
   --panel-schemas-body-padding: var(--panel-body-padding);

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

@@ -0,0 +1,2 @@
+import type { MenuItemSearchProps } from './types';
+export declare const MenuItemSearch: ({ result, term, active, onClick, }: MenuItemSearchProps) => JSX.Element;