@redocly/openapi-docs 3.0.0-alpha.10 → 3.0.0-alpha.11

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

@@ -1,37 +1,23 @@
-import React, { Component } from 'react';
-import type { ProStore, RedocProRawOptions } from '../services/ProStore';
-import type { CodeSampleConfig } from '../services/code-samples/types';
-import { LayoutVariant } from '../services/store-types';
+import type { PropsWithChildren } from 'react';
+import type { ProStore, CodeSampleConfig } from '../services';
+import type { RawOptions } from '../services/Options/types';
+import { LayoutVariant } from '../constants';
 export interface RedoclyReferenceDocsProps {
     store: ProStore;
     onLoaded?: () => void;
     _forceRenderInfo?: boolean;
 }
-interface RedoclyReferenceDocsState {
-    searchPopUpShown: boolean;
-    searchPopUpValue: string;
-}
 interface CssFixesProps {
     whiteLabel: boolean;
     showRightPanel: boolean;
     layout: LayoutVariant;
 }
 export declare const CssFixes: import("styled-components").GlobalStyleComponent<CssFixesProps, import("styled-components").DefaultTheme>;
-export declare class RedoclyReferenceDocs extends Component<RedoclyReferenceDocsProps, RedoclyReferenceDocsState> {
-    private _observer;
-    private _updatedItems;
-    rootElementRef: React.RefObject<HTMLDivElement>;
-    constructor(props: RedoclyReferenceDocsProps);
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    handleClose: () => void;
-    render(): JSX.Element;
-}
+export declare const RedoclyReferenceDocs: ({ store, onLoaded, _forceRenderInfo, children, }: PropsWithChildren<RedoclyReferenceDocsProps>) => JSX.Element;
 export interface RedoclyReferenceDocsStandaloneProps {
     definition?: GenericObject;
     definitionUrl?: string;
-    options?: RedocProRawOptions;
+    options?: RawOptions;
     activeItemId?: string;
     activeSampleLanguage?: CodeSampleConfig['lang'];
     activeDeepLink?: string;

package/lib-esm/components/RedoclyReferenceDocs.js

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

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

@@ -1,7 +1,7 @@
 import type { SpecVersions } from '../services/VersionedSpecStore';
-import type { RedocProRawOptions } from '../services';
+import type { RawOptions } from '../services';
 export interface RedoclyReferenceDocsMultiStandaloneProps {
     definitions: SpecVersions;
-    options?: RedocProRawOptions;
+    options?: RawOptions;
 }
 export declare function RedoclyReferenceDocsMultiStandalone({ definitions, options, }: RedoclyReferenceDocsMultiStandaloneProps): JSX.Element;

package/lib-esm/components/RedoclyReferenceDocsMultiStandalone.js

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

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

@@ -0,0 +1,7 @@
+import type { HookConfig } from '../../services';
+import type { SchemaModel } from '../../models';
+export declare function RenderHook<T>(props: {
+    Hook?: HookConfig<T>;
+    props: T;
+}): JSX.Element | null;
+export declare function getAccessModeLabelText(schema: SchemaModel, showAccessMode: boolean): string | null;

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

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

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

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

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { MediaContentModel, OperationModel } from '../../models';
+import type { Unstable_ExternalCodeSample } from '../../services';
+import type { ExampleSwitchOptions } from '../Samples';
+interface CodeSamplesProps extends ExampleSwitchOptions {
+    content?: MediaContentModel;
+    operation: OperationModel;
+    lang: string;
+    source?: string;
+    externalSample?: Unstable_ExternalCodeSample;
+    pathParams?: any;
+    properties?: any;
+    onlyDefaultSample?: boolean;
+    onlyDefaultMimeType?: boolean;
+    onCopyClick(): void;
+}
+export declare const CodeSample: React.FC<CodeSamplesProps>;
+export {};

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

@@ -0,0 +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);
+//# sourceMappingURL=CodeSample.js.map

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

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

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

@@ -0,0 +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);
+//# sourceMappingURL=Example.js.map

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { MediaContentModel, OperationModel } from '../../models';
+interface RequestSamplesProps {
+    operation: OperationModel;
+    defaultLanguage?: string;
+    pathParams?: any;
+    properties?: any;
+    disableHeader?: boolean;
+    onlyDefaultSample?: boolean;
+    onlyDefaultMimeType?: boolean;
+    content?: MediaContentModel;
+}
+export declare const RequestSamples: React.FC<RequestSamplesProps>;
+export {};

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

@@ -0,0 +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);
+//# sourceMappingURL=RequestSamples.js.map

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

@@ -0,0 +1,2 @@
+export { CodeSample } from './CodeSample';
+export { RequestSamples } from './RequestSamples';

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

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

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

@@ -0,0 +1,10 @@
+import type { Unstable_ExternalCodeSample } from '../../services';
+import type { OperationModel } from '../../models';
+import type { OpenAPIXCodeSample } from '../../types';
+export declare function useCodeSamples({ allCodeSamples, payload }: OperationModel): {
+    payload: OperationModel['payload'];
+    samples: Array<{
+        key: string;
+        title: string;
+    } & (Unstable_ExternalCodeSample | OpenAPIXCodeSample)>;
+};

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

@@ -0,0 +1,5 @@
+import type { OperationModel } from '../../models';
+export interface ResponseSamplesProps {
+    operation: OperationModel;
+}
+export declare function ResponseSamples({ operation }: ResponseSamplesProps): JSX.Element | null;

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

@@ -0,0 +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})))))))}
+//# sourceMappingURL=ResponseSamples.js.map

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

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

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

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

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

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

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

@@ -0,0 +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);
+//# sourceMappingURL=Response.js.map

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

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

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

@@ -0,0 +1,4 @@
+import React,{memo}from"react";import styled from"styled-components";import{FieldsGroupHeader}from"../common";import{DropdownOrLabel}from"../DropdownOrLabel";import{MediaTypesSwitch}from"../MediaTypeSwitch";import{Schema}from"../Schema";import{ConstraintsView}from"../Fields";import{Markdown}from"../Markdown";import{ResponseHeaders}from"./ResponseHeaders";import{Wrapper}from"./styled";const Description=styled((e=>React.createElement(Markdown,Object.assign({},e))))`
+  margin-bottom: 15px;
+`,renderDropdown=e=>React.createElement(FieldsGroupHeader,{key:"header"},"Response Schema: ",React.createElement(DropdownOrLabel,Object.assign({},e)));function ResponseDetailsComponent({response:e}){const{description:t,headers:r,content:o}=e;return React.createElement(React.Fragment,null,t&&React.createElement(Description,{className:"redoc-markdown",source:t}),React.createElement(ResponseHeaders,{headers:r}),React.createElement(MediaTypesSwitch,{content:o,renderDropdown:renderDropdown},(({schema:e})=>React.createElement(React.Fragment,null,React.createElement(Wrapper,null,"object"===(null==e?void 0:e.type)&&React.createElement(ConstraintsView,{constraints:(null==e?void 0:e.constraints)||[]})),React.createElement(Schema,{skipWriteOnly:!0,key:"schema",schema:e})))))}export const ResponseDetails=memo(ResponseDetailsComponent);
+//# sourceMappingURL=ResponseDetails.js.map

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

@@ -0,0 +1,2 @@
+import React,{memo}from"react";import{PropertiesTable}from"../common";import{mapWithLast}from"../../utils";import{Field}from"../Fields";import{HeadersCaption,PropertiesTableWrapStyled}from"./styled";function ResponseHeadersComponent({headers:e}){return void 0===e||0===e.length?null:React.createElement(PropertiesTableWrapStyled,null,React.createElement(PropertiesTable,null,React.createElement(HeadersCaption,null," Response Headers "),React.createElement("tbody",null,mapWithLast(e,((e,t)=>React.createElement(Field,{isLast:t,key:e.name,field:e,showExamples:!0}))))))}export const ResponseHeaders=memo(ResponseHeadersComponent);
+//# sourceMappingURL=ResponseHeaders.js.map

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

@@ -0,0 +1,2 @@
+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"})))};
+//# sourceMappingURL=ResponseSummary.js.map

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

@@ -0,0 +1,5 @@
+export { Response } from './Response';
+export { ResponseDetails } from './ResponseDetails';
+export { ResponseHeaders } from './/ResponseHeaders';
+export { ResponsesList } from './ResponsesList';
+export { ResponseSummary } from './ResponseSummary';

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

@@ -0,0 +1,2 @@
+export{Response}from"./Response";export{ResponseDetails}from"./ResponseDetails";export{ResponseHeaders}from".//ResponseHeaders";export{ResponsesList}from"./ResponsesList";export{ResponseSummary}from"./ResponseSummary";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,14 @@
+import styled from"styled-components";import{PropertiesTableWrap}from"../common/Fields";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)`
+  :not(:last-child) {
+    border-bottom: 1px solid var(--global-border-color);
+    margin-bottom: 1.5em;
+    padding-bottom: 1.5em;
+  }
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,12 @@
+import type { PanelHeaderProps } from '@redocly/theme';
+import type { ResponseModel, FieldModel } from '../../models';
+export interface ResponseProps {
+    response: ResponseModel;
+}
+export interface ResponseHeadersProps {
+    headers?: FieldModel[];
+}
+export interface ResponseListProps {
+    responses: ResponseModel[];
+}
+export declare type ResponseTitleProps = PanelHeaderProps & ResponseProps;

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

@@ -1,4 +1,4 @@
-import type { ExampleModel } from '../../redoc-lib/src/services';
+import type { ExampleModel } from '../../models';
 export interface ExampleModelsMap {
     [key: string]: ExampleModel;
 }

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

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

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

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

@@ -1,4 +1,4 @@
-import type { OperationModel } from '../../redoc-lib/src/services/models/Operation';
+import type { OperationModel } from '../../models';
 interface ExampleName {
     exampleKey: string;
     defaultExampleName?: string | false;

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

@@ -0,0 +1,4 @@
+var __rest=this&&this.__rest||function(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(e);n<r.length;n++)t.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(a[r[n]]=e[r[n]])}return a};import React,{memo}from"react";import styled from"styled-components";import{ArrayClosingLabel,ArrayOpeningLabel,TypeName}from"../common";import{Schema}from"./Schema";import{ObjectSchema}from"./ObjectSchema";import{humanizeConstraints}from"../../utils";const PaddedSchema=styled.div`
+  padding-left: calc(var(--spacing-unit) * 2);
+`;function ArraySchemaComponent(e){var{schema:t,schema:{minItems:a,maxItems:r,items:n}}=e,m=__rest(e,["schema","schema"]);const c=void 0===a&&void 0===r?"":`(${humanizeConstraints(t)})`;return(null==t?void 0:t.fields)?React.createElement(ObjectSchema,Object.assign({},m,{level:(null==m?void 0:m.level)||1,schema:t})):!t.displayType||n||c.length?React.createElement("div",null,React.createElement(ArrayOpeningLabel,null," Array ",c),React.createElement(PaddedSchema,null,React.createElement(Schema,Object.assign({},m,{schema:n}))),React.createElement(ArrayClosingLabel,null)):React.createElement("div",null,React.createElement(TypeName,null,t.displayType))}export const ArraySchema=memo(ArraySchemaComponent);
+//# sourceMappingURL=ArraySchema.js.map

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

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

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

@@ -0,0 +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);
+//# sourceMappingURL=ObjectSchema.js.map

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

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

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

@@ -0,0 +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);
+//# sourceMappingURL=OneOfSchema.js.map

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

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

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

@@ -0,0 +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);
+//# sourceMappingURL=RecursiveSchema.js.map

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

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

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

@@ -0,0 +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);
+//# sourceMappingURL=Schema.js.map

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

@@ -0,0 +1,5 @@
+export { Schema } from './Schema';
+export { ObjectSchema } from './ObjectSchema';
+export { OneOfSchema } from './OneOfSchema';
+export { ArraySchema } from './ArraySchema';
+export type { SchemaOptions } from './types';

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

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

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

@@ -0,0 +1,22 @@
+import type { ExampleModel, OperationModel, SchemaModel } from '../../models';
+export interface SchemaOptions {
+    showTitle?: boolean;
+    skipReadOnly?: boolean;
+    skipWriteOnly?: boolean;
+    level?: number;
+    examples?: {
+        [name: string]: ExampleModel;
+    };
+    operation?: OperationModel;
+}
+export interface SchemaProps extends SchemaOptions {
+    schema: SchemaModel;
+    onDiscriminatorChange?: (idx: number) => void;
+}
+export interface ObjectSchemaProps extends Omit<SchemaProps, 'onDiscriminatorChange'> {
+    discriminator?: {
+        fieldName: string;
+        parentSchema: SchemaModel;
+        onChange?: (idx: number) => void;
+    };
+}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { OpenAPIParser, Options } from '../../services';
+import { LayoutVariant } from '../../constants';
+interface SchemaDefinitionProps {
+    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

@@ -0,0 +1,7 @@
+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`
+  margin-bottom: var(--spacing-vertical);
+`,StyledPanelBody=styled(PanelBody)`
+  --panel-schemas-body-padding: var(--panel-body-padding);
+  --panel-body-border-local: var(--panel-border);
+`;
+//# sourceMappingURL=SchemaDefinition.js.map

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

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

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

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

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

@@ -1,23 +1,2 @@
-import type { IMenuItem, HistoryService } from '../../redoc-lib';
-import type { SearchResultMeta } from '../../services/SearchStore';
-export interface MenuItemProProps {
-    result: SearchResultExtended;
-    active: boolean;
-    onActivate: (res: SearchResultExtended) => void;
-    term: string;
-    history: HistoryService;
-}
-export declare type SearchResultExtended = {
-    index: number;
-    item: IMenuItem & {
-        path: string;
-    };
-    score: number;
-} & Omit<SearchResultMeta, 'menuId' | 'place' | 'path'> & {
-    places: {
-        place: string;
-        paths: Array<string[] | undefined>;
-    }[];
-    count: number;
-};
+import type { MenuItemProProps } from './types';
 export declare const MenuItemPro: ({ result, active, term, onActivate, history, }: MenuItemProProps) => JSX.Element;

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

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

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

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

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

@@ -0,0 +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};
+//# sourceMappingURL=SearchBox.js.map

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

@@ -1,4 +1,4 @@
-import type { MarkerService } from '../../redoc-lib';
+import type { MarkerService } from '../../services';
 interface SearchFieldProps {
     showPopUp: () => void;
     searchValue: string;

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

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

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

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