@redocly/openapi-docs 3.0.0-alpha.12 → 3.0.0-alpha.14

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;

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

@@ -0,0 +1,2 @@
+import React from"react";import{useRecoilValue}from"recoil";import{useLocation}from"react-router-dom";import{MenuItem,MenuItemPath}from"../SideMenu";import{SideNavStyle}from"../../services";import{formatPath,formatPlaces}from"./utils";import{MarkedSpan,Place,ResultMeta}from"./styled";import{globalOptionsSelector}from"../../recoil/store";function markString(e,t){const a=new RegExp("("+t.replace(/[\\^$.*+?()[\]{}|]/g,"\\$&")+")","gi"),r=e.split(a);for(let e=1,t=r.length;e<t;e+=2)r[e]=React.createElement(MarkedSpan,{key:e},r[e]);return r}export const MenuItemSearch=({result:e,term:t,active:a,onClick:r})=>{const{searchMode:l,sideNavStyle:o,pagination:c}=useRecoilValue(globalOptionsSelector),n=useLocation(),i="path-only"===l,m=o===SideNavStyle.PathFirst;return React.createElement(MenuItem,{item:Object.create(e.item,{name:{value:i?e.item.name:""},path:{value:""},search:{value:!0}}),active:a,"data-role":"search:result",location:n,pagination:c,onClick:r},(m||i)&&"operation"===e.item.type?React.createElement(React.Fragment,null,React.createElement(MenuItemPath,{title:e.item.path},markString(e.item.path,t))):markString(e.item.name,t),e.count>1?React.createElement(ResultMeta,null,e.count," matching ",formatPlaces(e.places)):1===e.count?React.createElement(ResultMeta,null,"in ",React.createElement(Place,null,e.places[0].place)," ",formatPath(t,e.places[0].paths[0])):null)};
+//# sourceMappingURL=MenuItemSearch.js.map

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

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

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

@@ -0,0 +1,2 @@
+import React,{memo,useState}from"react";import{SearchField}from"./SearchField";import{SearchBox}from"./SearchBox";import{useSearch}from"../../services/search/useSearch";import{MarkerService}from"../../services";const marker=new MarkerService;function SearchComponent({contentItems:e,flatItems:r,options:a}){const[t,c]=useState(!1),[o,s]=useState(""),{search:m}=useSearch({contentItems:e,options:a});return a.disableSearch?null:React.createElement(React.Fragment,null,React.createElement(SearchField,{showPopUp:()=>c(!0),searchValue:o,marker:marker,setSearchValue:s}),React.createElement(SearchBox,{search:m,marker:marker,flatItems:r,options:a,shown:t,hidePopUp:()=>c(!1),showPopUp:()=>c(!0),setSearchValue:s,searchValue:o}))}export const Search=memo(SearchComponent);
+//# sourceMappingURL=Search.js.map

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

@@ -1,8 +1,2 @@
-import type { ProSearchBoxProps, SearchResultExtended } from './types';
-export interface SearchBoxState {
-    results: SearchResultExtended[] | null;
-    term: string;
-    activeItemIdx: number;
-    loading: boolean;
-}
-export declare const ProSearchBox: ({ search, shown, searchValue, setSearchValue, marker, menu, options, hidePopUp, showPopUp, onActivate, }: ProSearchBoxProps) => JSX.Element | null;
+import type { SearchBoxProps } from './types';
+export declare const SearchBox: ({ search, shown, searchValue, setSearchValue, marker, flatItems, options, hidePopUp, showPopUp, }: SearchBoxProps) => JSX.Element | null;

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

@@ -1,2 +1,2 @@
-import hotkeys from"hotkeys-js";import React,{useCallback,useEffect,useRef,useState}from"react";import{useMount,useUnmount}from"@redocly/theme";import{usePrevious}from"../../hooks";import{PerfectScrollbarWrap}from"../common";import{debounce}from"../../utils";import{MenuItemPro}from"./MenuItemProSearch";import{SearchPopUpBG,SearchPopUpWrap,SearchPopUpHeader,TextContainer,SearchResultsBox,SearchResultsItems,ButtonClose,ButtonClear,CrossIcon,SearchIcon,SearchInput}from"./styled";import{enhanceResults,expandResults}from"./utils";export const ProSearchBox=({search:e,shown:t,searchValue:r,setSearchValue:a,marker:n,menu:o,options:c,hidePopUp:l,showPopUp:u,onActivate:s})=>{const m=useRef(null),h=useRef(null),[i,p]=useState(null),[d,f]=useState(-1),[S,R]=useState(!1),[C,k]=useState(""),P=usePrevious(e),y=usePrevious(t),E=useCallback((e=>{m.current&&(clearTimeout(m.current),m.current=null),p(null),k(e),R(!1),n.unmark()}),[n]);useEffect((()=>{(P!==e||!y&&t&&!r&&C)&&E("")}),[E,P,y,e,r,t,C]);const g=()=>{p(null),k(""),f(-1),a(""),n.unmark()},v=debounce(((t,r)=>{e.search(t).then((e=>{r(e)}))}),200,!0),x=e=>{let t=!1;return v(e,(r=>{e.length<3&&E(e),t||(e=>{m.current&&(clearTimeout(m.current),m.current=null),p(enhanceResults(e,o.getItemById)),R(!1)})(r)})),()=>{t=!0}},I=e=>{if(l(),s(e.item),c.searchAutoExpand)try{expandResults(e)}catch(e){console.warn("Failed to auto expand schema:",e.message)}};return useMount((()=>{c.ctrlFHijack&&hotkeys("cmd+f,ctrl+f",(e=>(e.preventDefault(),e.stopPropagation(),c.disableSearch||u(),!1)))})),useUnmount((()=>{hotkeys.unbind("cmd+f,ctrl+f")})),t?React.createElement(SearchPopUpBG,{role:"search",onClick:e=>{"search"===e.target.getAttribute("role")&&(g(),l())}},React.createElement(SearchPopUpWrap,null,React.createElement(SearchPopUpHeader,null,React.createElement(SearchInput,{ref:h,value:C,onKeyDown:e=>{if(27===e.keyCode&&h.current&&(h.current.blur(),l()),i&&(27===e.keyCode&&g(),40===e.keyCode&&(f(Math.min(d+1,i.length-1)),e.preventDefault()),38===e.keyCode&&(f(Math.max(0,d-1)),e.preventDefault()),13===e.keyCode)){const e=i[d];e&&I(e)}},placeholder:"Search...",type:"text",onChange:e=>{const t=e.target.value;if(t.length<c.minCharacterLengthToInitSearch)return E(t),void a("");(e=>{k(e),a(e),m.current&&(clearTimeout(m.current),m.current=null),m.current=setTimeout((()=>{R(!0)}),500),n.mark(e)})(t),x(t)},autoFocus:!0}),React.createElement(SearchIcon,null),C&&React.createElement(ButtonClear,{onClick:g},"Clear"),React.createElement(ButtonClose,{onClick:()=>{g(),l()}},React.createElement(CrossIcon,null))),React.createElement(SearchResultsBox,{"data-role":"search:results"},S&&React.createElement(TextContainer,null,"Loading..."),!S&&!(null==i?void 0:i.length)&&React.createElement(TextContainer,null,"No results found"),(null==i?void 0:i.length)?React.createElement(PerfectScrollbarWrap,{options:{wheelPropagation:!1}},React.createElement(SearchResultsItems,null,i.slice(0,50).map(((e,t)=>React.createElement(MenuItemPro,{key:e.index+e.item.id,result:e,active:t===d,onActivate:I,term:C,history:o.history}))))):null))):null};
+import hotkeys from"hotkeys-js";import React,{useCallback,useEffect,useRef,useState}from"react";import{useMount,useUnmount}from"@redocly/theme";import{usePrevious}from"../../hooks";import{PerfectScrollbarWrap,Portal}from"../common";import{debounce}from"../../utils";import{MenuItemSearch}from"./MenuItemSearch";import{SearchPopUpBG,SearchPopUpWrap,SearchPopUpHeader,TextContainer,SearchResultsBox,SearchResultsItems,ButtonClose,ButtonClear,CrossIcon,SearchIcon,SearchInput}from"./styled";import{enhanceResults,expandResults}from"./utils";export const SearchBox=({search:e,shown:t,searchValue:r,setSearchValue:a,marker:n,flatItems:c,options:l,hidePopUp:o,showPopUp:u})=>{const s=useRef(null),m=useRef(null),[h,i]=useState(null),[p,f]=useState(-1),[S,d]=useState(!1),[R,k]=useState(""),E=usePrevious(t),C=useCallback((e=>{s.current&&(clearTimeout(s.current),s.current=null),i(null),k(e),d(!1),n.unmark()}),[n]);useMount((()=>{l.ctrlFHijack&&hotkeys("cmd+f,ctrl+f",(e=>(e.preventDefault(),e.stopPropagation(),l.disableSearch||u(),!1)))})),useEffect((()=>{var e;!E&&t&&(null===(e=m.current)||void 0===e||e.focus())}),[E,t]),useEffect((()=>{!E&&t&&!r&&R&&C("")}),[C,E,e,r,t,R]),useUnmount((()=>{hotkeys.unbind("cmd+f,ctrl+f")}));const P=()=>{i(null),k(""),f(-1),a(""),n.unmark()},y=debounce(((t,r)=>{e.search(t).then((e=>{r(e)}))}),200,!0),g=e=>{let t=!1;return y(e,(r=>{e.length<3&&C(e),t||(e=>{s.current&&(clearTimeout(s.current),s.current=null),i(enhanceResults(e,(e=>c.find((t=>t.id===e))))),d(!1)})(r)})),()=>{t=!0}},x=e=>{if(o(),l.searchAutoExpand)try{expandResults(e)}catch(e){console.warn("Failed to auto expand schema:",e.message)}};return t?React.createElement(Portal,null,React.createElement(SearchPopUpBG,{role:"search",onClick:e=>{"search"===e.target.getAttribute("role")&&(P(),o())}},React.createElement(SearchPopUpWrap,null,React.createElement(SearchPopUpHeader,null,React.createElement(SearchInput,{ref:m,value:R,onKeyDown:e=>{if("Escape"===e.key&&m.current&&(m.current.blur(),o()),h&&("Escape"===e.key&&P(),"ArrowDown"===e.key&&(f(Math.min(p+1,h.length-1)),e.preventDefault()),"ArrowUp"===e.key&&(f(Math.max(0,p-1)),e.preventDefault()),"Enter"===e.key)){const e=h[p];e&&x(e)}},placeholder:"Search...",type:"text",onChange:e=>{const t=e.target.value;if(t.length<l.minCharacterLengthToInitSearch)return C(t),void a("");(e=>{k(e),a(e),s.current&&(clearTimeout(s.current),s.current=null),s.current=setTimeout((()=>{d(!0)}),500),n.mark(e)})(t),g(t)},autoFocus:!0}),React.createElement(SearchIcon,null),R&&React.createElement(ButtonClear,{onClick:P},"Clear"),React.createElement(ButtonClose,{onClick:()=>{P(),o()}},React.createElement(CrossIcon,null))),React.createElement(SearchResultsBox,{"data-role":"search:results"},S&&React.createElement(TextContainer,null,"Loading..."),!S&&!(null==h?void 0:h.length)&&React.createElement(TextContainer,null,"No results found"),(null==h?void 0:h.length)?React.createElement(PerfectScrollbarWrap,{options:{wheelPropagation:!1}},React.createElement(SearchResultsItems,null,h.slice(0,50).map(((e,t)=>React.createElement(MenuItemSearch,{key:e.index+e.item.id,result:e,active:t===p,term:R,onClick:o}))))):null)))):null};
 //# sourceMappingURL=SearchBox.js.map

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

@@ -1,2 +1,3 @@
 export * from './SearchField';
 export * from './SearchBox';
+export * from './Search';

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

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

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

@@ -1,11 +1,10 @@
-import type { SearchResultMeta, IMenuItem, HistoryService, SearchStore, MarkerService, Options } from '../../services';
-import type { ProMenu } from 'src/services/ProMenu';
-export interface MenuItemProProps {
+import type { SearchResultMeta, IMenuItem, SearchStore, MarkerService, Options, ExtendedMenuItem } from '../../services';
+import type { ContentItemModel } from '../../models';
+export interface MenuItemSearchProps {
     result: SearchResultExtended;
     active: boolean;
-    onActivate: (res: SearchResultExtended) => void;
+    onClick: () => void;
     term: string;
-    history: HistoryService;
 }
 export type SearchResultExtended = {
     index: number;
@@ -24,11 +23,10 @@ export type SearchResult<T = GenericObject | undefined> = {
     score: number;
     meta: T;
 };
-export interface ProSearchBoxProps {
+export interface SearchBoxProps {
     search: SearchStore<SearchResultMeta>;
-    menu: ProMenu;
+    flatItems: SearchProps['flatItems'];
     marker: MarkerService;
-    onActivate: (item: IMenuItem) => void;
     className?: string;
     options: Options;
     shown: boolean;
@@ -37,3 +35,8 @@ export interface ProSearchBoxProps {
     setSearchValue: (value: string) => void;
     searchValue: string;
 }
+export interface SearchProps {
+    contentItems: ContentItemModel[];
+    flatItems: (ExtendedMenuItem & IMenuItem)[];
+    options: Options;
+}

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

@@ -1,2 +1,2 @@
-export function getFields(e){return e?e.oneOf?getFields(e.oneOf[e.activeOneOf]):e.items?getFields(e.items):e.fields||[]:[]}export function expandDeep(e,t){if(e)for(const n of e){const e=t.find((e=>e.name===n));if(!e)break;e.expand(),t=getFields(e.schema)}}export function enhanceResults(e,t){const n={};e.forEach((({meta:e,score:s})=>{const o=e.menuId,c=n[o];if(s=e.boost?s*e.boost:s,c){if(c.score=Math.max(s,c.score),e.place&&c.count++,e.place){const t=c.places.find((t=>t.place===e.place));t&&e.path?t.paths.find((t=>{var n;return(t&&t.join("->"))===(null===(n=e.path)||void 0===n?void 0:n.join("->"))}))||t.paths.push(e.path):c.places.push({place:e.place,paths:[e.path]})}}else n[o]={item:t(o),places:e.place?[{place:e.place,paths:[e.path]}]:[],score:s,count:e.place?1:0}}));const s=Object.keys(n).map((e=>n[e]));return s.forEach(((e,t)=>e.index=t)),s.sort(((e,t)=>t.score-e.score)),s}export function formatPlaces(e){return e.slice().sort(),e.map((e=>e.place)).join(" and ")}export 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(" → "):""}export function expandResults(e){for(const t of e.places)if("request fields"===t.place){const n=e.item.requestBody,s=getFields(n&&n.content&&n.content.active&&n.content.active.schema);for(const e of t.paths){if(!e)return;expandDeep(e.slice(0,e.length-1),s)}}else if(t.place.startsWith("response ")){const n=t.place.split(" ")[1],s=e.item.responses.find((e=>e.code===n));s&&(s.expanded=!0);const o=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),o)}}}
+import{getRecoil}from"recoil-nexus";import{getActiveMediaType}from"../../models";import{operationStore}from"../../recoil/operation";export function getFields(e){if(!e)return[];const{activeOneOf:t}=getRecoil(operationStore(e.deps.operation.pointer));return e.oneOf?getFields(e.oneOf[t]):e.items?getFields(e.items):e.fields||[]}export function expandDeep(e,t){if(e)for(const o of e){const e=t.find((e=>e.name===o));if(!e)break;t=getFields(e.schema)}}export function enhanceResults(e,t){const o={};e.forEach((({meta:e,score:n})=>{const s=e.menuId,c=o[s];if(n=e.boost?n*e.boost:n,c){if(c.score=Math.max(n,c.score),e.place&&c.count++,e.place){const t=c.places.find((t=>t.place===e.place));t&&e.path?t.paths.find((t=>{var o;return(t&&t.join("->"))===(null===(o=e.path)||void 0===o?void 0:o.join("->"))}))||t.paths.push(e.path):c.places.push({place:e.place,paths:[e.path]})}}else o[s]={item:t(s),places:e.place?[{place:e.place,paths:[e.path]}]:[],score:n,count:e.place?1:0}}));const n=Object.keys(o).map((e=>o[e]));return n.forEach(((e,t)=>e.index=t)),n.sort(((e,t)=>t.score-e.score)),n}export function formatPlaces(e){return e.slice().sort(),e.map((e=>e.place)).join(" and ")}export 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(" → "):""}export function expandResults(e){var t,o;for(const n of e.places)if("request fields"===n.place){const o=e.item.requestBody,s=getFields(o&&o.content&&(null===(t=getActiveMediaType(o.content))||void 0===t?void 0:t.schema));for(const e of n.paths){if(!e)return;expandDeep(e.slice(0,e.length-1),s)}}else if(n.place.startsWith("response ")){const t=n.place.split(" ")[1],s=e.item.responses.find((e=>e.code===t));s&&(s.expanded=!0);const c=getFields(s&&s.content&&(null===(o=getActiveMediaType(s.content))||void 0===o?void 0:o.schema));for(const e of n.paths){if(!e)return;expandDeep(e.slice(0,e.length-1),c)}}}
 //# sourceMappingURL=utils.js.map

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

@@ -0,0 +1,15 @@
+import type { ContentItemModel } from 'src/models';
+import type { Options } from '../../services';
+import { Pagination } from '../../services';
+interface SectionContentProps {
+    items: ContentItemModel[];
+    pagination: Pagination;
+    nextSectionLink?: {
+        name: string;
+        href?: string;
+    };
+    showApiInfo: boolean;
+    showNextButton: Options['showNextButton'];
+}
+export declare function SectionContent({ items, pagination, nextSectionLink, showNextButton, showApiInfo, }: SectionContentProps): JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import React,{useMemo}from"react";import{ApiInfo}from"../ApiInfo";import{ContentItem}from"../ContentItem";import{NextSectionButton}from"../NextSectionButton";import{Pagination}from"../../services";export function SectionContent({items:t,pagination:e,nextSectionLink:n,showNextButton:o,showApiInfo:i}){const a=useMemo((()=>e===Pagination.None?t:t.filter((t=>"section"===t.type))),[t,e]);return React.createElement(React.Fragment,null,i&&React.createElement(ApiInfo,null),a.map((t=>React.createElement(ContentItem,{key:t.id,item:t,pagination:e,showNextButton:o}))),o&&n&&React.createElement(NextSectionButton,{href:n.href||"",label:n.name,pagination:e}))}
+//# sourceMappingURL=SectionContent.js.map

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

@@ -0,0 +1 @@
+export { SectionContent } from './SectionContent';

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

@@ -0,0 +1,2 @@
+export{SectionContent}from"./SectionContent";
+//# sourceMappingURL=index.js.map

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

@@ -1,7 +1,6 @@
 import React from 'react';
 import type { GroupModel } from '../../models';
-interface SectionItemProps {
+export interface SectionItemProps {
     item: GroupModel;
 }
-export declare const SectionItem: React.FC<SectionItemProps>;
-export {};
+export declare const SectionItem: React.NamedExoticComponent<SectionItemProps>;

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

@@ -1,2 +1,2 @@
-import React,{useMemo}from"react";import{observer}from"mobx-react";import{H1,H2,H3,H4,H5,H6,SamplesMiddlePanel,Row,ShareLink}from"../common";import{AdvancedMarkdown}from"../Markdown";import{ExternalDocumentation}from"../ExternalDocumentation";function SectionItemComponent({item:e}){const{name:t,description:a,externalDocs:n,level:r,id:c}=e,o=useMemo((()=>{switch(r){case 1:default:return H1;case 2:return H2;case 3:return H3;case 4:return H4;case 5:return H5;case 6:return H6}}),[r]);return React.createElement(React.Fragment,null,React.createElement(Row,null,React.createElement(SamplesMiddlePanel,{compact:!1},React.createElement(o,null,React.createElement(ShareLink,{to:c}),t))),React.createElement(AdvancedMarkdown,{source:a||"",htmlWrap:e=>React.createElement(SamplesMiddlePanel,{compact:!0},e)}),n&&React.createElement(Row,null,React.createElement(SamplesMiddlePanel,null,React.createElement(ExternalDocumentation,{externalDocs:n}))))}export const SectionItem=observer(SectionItemComponent);
+import React,{memo}from"react";import{SamplesMiddlePanel,Row}from"../common";import{Markdown}from"../Markdown";import{ExternalDocumentation}from"../ExternalDocumentation";function SectionItemComponent({item:e}){const{externalDocs:t,ast:n,description:o}=e;return React.createElement(React.Fragment,null,React.createElement(Markdown,{ast:n,source:o,htmlWrap:e=>React.createElement(SamplesMiddlePanel,null,e)}),t&&React.createElement(Row,null,React.createElement(SamplesMiddlePanel,null,React.createElement(ExternalDocumentation,{externalDocs:t}))))}export const SectionItem=memo(SectionItemComponent);
 //# sourceMappingURL=SectionItem.js.map

package/lib-esm/components/SecurityRequirement/PanelDescription.d.ts

@@ -1,7 +1,2 @@
-import type { SecurityRequirementModel } from '../../models';
-interface SecurityRequirementPanelDescriptionProps {
-    securities: SecurityRequirementModel[];
-    showSecuritySchemeType?: boolean;
-}
+import type { SecurityRequirementPanelDescriptionProps } from './types';
 export declare function PanelDescription({ securities, showSecuritySchemeType, }: SecurityRequirementPanelDescriptionProps): JSX.Element;
-export {};

package/lib-esm/components/SecurityRequirement/RequirementElement.d.ts

@@ -1,7 +1,2 @@
-import type { SecurityRequirementModel } from '../../models';
-interface ElementProps {
-    security: SecurityRequirementModel;
-    showSecuritySchemeType?: boolean;
-}
-export declare function RequirementElement(props: ElementProps): JSX.Element;
-export {};
+import type { RequirementElementProps } from './types';
+export declare function RequirementElement({ showSecuritySchemeType, security, }: RequirementElementProps): JSX.Element;