@redocly/openapi-docs 3.0.0 → 3.0.2

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

@@ -0,0 +1,23 @@
+import styled from"styled-components";import{Markdown as MarkdownWrapper}from"@redocly/theme";export const DescriptionEnumsBlock=styled(MarkdownWrapper)`
+  table.md {
+    margin: var(--spacing-xs) 0 0;
+  }
+`;export const TypeWrapper=styled.div`
+  line-height: 20px;
+`;export const ExampleDescription=styled.div``;export const ExampleSummary=styled.label`
+  display: block;
+  font-size: inherit;
+  margin-bottom: 0.2em;
+  font-weight: var(--font-weight-bold);
+`;export const ExampleWrap=styled.div`
+  margin-top: 1em;
+  font-size: var(--field-name-font-size);
+`;export const ExamplesList=styled.div`
+  padding-left: 1.5em;
+  margin-bottom: 1em;
+`;export const FieldDescriptionWrapper=styled.div`
+  p {
+    overflow-wrap: anywhere;
+  }
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,43 @@
+import type { ReactElement } from 'react';
+import type { SchemaOptions } from '../Schema';
+import type { FieldModel } from '../../models';
+export interface EnumValuesProps {
+    values?: string[] | {
+        [name: string]: string;
+    };
+    type: string | string[];
+}
+export interface SimpleEnumsProps {
+    enums: string[];
+    toggle: () => void;
+    showToggleButton: boolean;
+    toggleButtonText: string;
+    type: string | string[];
+}
+export type DescriptionEnumProp = Array<{
+    value: string;
+    description: string;
+}>;
+export interface DescriptionEnumsProps {
+    enums: DescriptionEnumProp;
+    toggle: () => void;
+    showToggleButton: boolean;
+    toggleButtonText: string;
+    type: string | string[];
+}
+export interface ExtensionsProps {
+    extensions: {
+        [k: string]: string | Record<string, unknown>;
+    };
+}
+export interface FieldProps extends SchemaOptions {
+    isFirst?: boolean;
+    isLast?: boolean;
+    field: FieldModel;
+    expandByDefault?: boolean;
+    renderDiscriminatorSwitch?: () => ReactElement;
+    deepLink?: string;
+    fieldParentsName?: string[];
+    disableDeepLinks?: boolean;
+    oneOfLevel?: number;
+}

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

@@ -1,7 +1,4 @@
-import React from 'react';
-import type { PropsWithChildren } from 'react';
-import type { ProvidersProps, AppProviderProps, StoreProviderProps } from './types';
-import type { RecoilRootProps } from '@redocly/recoil';
-export declare const ThemeProviders: ({ options, children, customOptions, }: ProvidersProps) => JSX.Element;
-export declare const AppProvider: ({ definitions, options, definitionUrl, definition, activeSampleLanguage, children, }: PropsWithChildren<AppProviderProps>) => JSX.Element | null;
-export declare const StoreProvider: React.MemoExoticComponent<({ children, options: rawOptions, definitionUrl, definition, activeSampleLanguage, portalOptions, }: RecoilRootProps & StoreProviderProps) => JSX.Element>;
+import type { PropsWithChildren, ReactElement } from 'react';
+import type { AppProviderProps, StoreProviderProps } from './types';
+export declare const AppProvider: ({ options, definitionUrl, definition, activeSampleLanguage, children, }: PropsWithChildren<AppProviderProps>) => ReactElement | null;
+export declare const StoreProvider: import("react").MemoExoticComponent<({ children, options: rawOptions, definitionUrl, definition, withState, }: PropsWithChildren<StoreProviderProps>) => import("react/jsx-runtime").JSX.Element>;

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

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,o,i){return new(o||(o=Promise))((function(n,r){function a(e){try{l(i.next(e))}catch(e){r(e)}}function s(e){try{l(i.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(a,s)}l((i=i.apply(e,t||[])).next())}))};import{ThemeProvider}from"styled-components";import React,{memo,useEffect,useMemo,useState}from"react";import{Tag}from"@markdoc/markdoc";import{Heading}from"@redocly/theme";import{RecoilRoot}from"@redocly/recoil";import RecoilNexus from"../../recoil/nexus";import{normalizeOptions,OpenAPIParser}from"../../services";import{getMarkdownHeaderId,loadMany,loadSingle,useDeepCompareMemoize}from"./utils";import{argValueToBoolean,fromLocalStorage,fromSessionStorage}from"../../utils";import{Loading}from"../Loading";import{defaultTheme}from"../../constants";import{SecurityDefs}from"../SecurityRequirement";import{SchemaDefinition}from"../SchemaDefinition";import{PullRight,RedocResponse}from"../pluggable";import{appLocalStore,appSessionStore,appStore}from"../../recoil/app";import{globalStore}from"../../recoil/store";import{operationStore}from"../../recoil/operation";export const ThemeProviders=({options:e,children:t,customOptions:o={}})=>{const i=Object.assign(Object.assign({},e),o),n=useMemo((()=>({mediaQueries:i.mediaQueries,showAtBreakpoint:i.showAtBreakpoint})),[i.mediaQueries,i.showAtBreakpoint]);return React.createElement(ThemeProvider,{theme:n},t)};export const AppProvider=({definitions:e,options:t,definitionUrl:o,definition:i,activeSampleLanguage:n,children:r})=>{const[,a]=useState(),[s,l]=useState(!0),[p,c]=useState(null);useEffect((()=>{!function(){__awaiter(this,void 0,void 0,(function*(){l(!0);try{c(e?yield loadMany(e):yield loadSingle(i,o,t))}catch(e){a((()=>{throw e}))}}))}()}),[e,i,o,t]);const m=useMemo((()=>{var e,i,r;if(p)return(null===(e=null==t?void 0:t.hooks)||void 0===e?void 0:e.onInit)&&(null===(r=null===(i=t.hooks)||void 0===i?void 0:i.onInit)||void 0===r||r.call(i,{store:{definition:p,options:t,definitionUrl:o,activeSampleLanguage:n}})),{definition:p,options:t,definitionUrl:o,activeSampleLanguage:n}}),useDeepCompareMemoize([p,t,o]));return useEffect((()=>{m&&l(!1)}),[m]),m?s?argValueToBoolean(null==t?void 0:t.hideLoading,!1)?null:React.createElement(Loading,{color:"--loading-spinner-color"}):React.isValidElement(r)?React.cloneElement(r,{store:m}):null:null};const DEFAULT_OPTIONS={ignoreNamedSchemas:["java.io.ObjectStreamField"],breakpoints:defaultTheme.breakpoints,showAtBreakpoint:defaultTheme.showAtBreakpoint,allowedMdComponents:{tags:{securityDefinitions:{render:"SecurityDefinitions",attributes:{htmlWrap:{type:String,default:!0}}},redocResponse:{render:"RedocResponse",attributes:{pointer:{type:String},hideSamples:{type:Boolean},htmlWrap:{type:String,default:!1}}},pullRight:{render:"PullRight",attributes:{htmlWrap:{type:String,default:!1}}},schemaDefinition:{render:"SchemaDefinition",attributes:{schemaRef:{type:String},exampleRef:{type:String},showReadOnly:{type:Boolean},showWriteOnly:{type:Boolean},htmlWrap:{type:String,default:!1}}}},nodes:{heading:{children:["inline"],attributes:{id:{type:String},level:{type:Number,required:!0,default:1}},transform(e,t){const o=e.transformAttributes(t),i=e.transformChildren(t),n="string"==typeof o.id?o.id:getMarkdownHeaderId(i);return new Tag("Heading",Object.assign(Object.assign({},o),{id:n,level:e.attributes.level}),i)}}},components:{SecurityDefinitions:SecurityDefs,SchemaDefinition:SchemaDefinition,RedocResponse:RedocResponse,PullRight:PullRight,Heading:Heading}}};export const StoreProvider=memo((({children:e,options:t,definitionUrl:o,definition:i,activeSampleLanguage:n,portalOptions:r})=>{const a=React.useRef(),s=React.useCallback((()=>{var e;const n=normalizeOptions(Object.assign({},t),DEFAULT_OPTIONS),r=isVersioned(i)?(null===(e=i.versions)||void 0===e?void 0:e.map((({spec:e,id:t,title:o,url:i},r)=>{if(e){const a=t||`Definition_${r}`;return{id:a,title:o||`Definition_${r}`,url:i,parser:new OpenAPIParser(e,void 0,Object.assign(Object.assign({},n),{versionId:a}))}}})).filter(Boolean))||[]:[{url:o,parser:new OpenAPIParser(i,o,n)}];return{options:n,versions:r}}),[i,o,t]);return useEffect((()=>{a.current&&setTimeout((()=>{a.current(globalStore,s())}),0)}),[s,i]),React.createElement(RecoilRoot,{initializeState:({set:e})=>{a.current=e;const t=s(),o=t.options,i=JSON.parse(fromLocalStorage("appLocalStore")||"{}"),l=JSON.parse(fromSessionStorage("appSessionStore")||"{}");if(e(appSessionStore,{showRightPanelToggle:l.showRightPanelToggle||o.showRightPanelToggle,activeVersionIdx:0}),e(appLocalStore,{layout:i.layout||o.layout,activeSampleLanguage:n||i.activeSampleLanguage||o.defaultSampleLanguage}),e(globalStore,t),e(appStore,{isSidebarOpened:!1,tryItOperation:void 0,isLoading:!1,activeMimeName:(null==r?void 0:r.defaultMimeType)||"",menuNextLinks:[]}),null==r?void 0:r.operation){const{pointer:t,activeExampleName:o,activeServer:i}=r.operation;e(operationStore(t),{activeExampleName:o,activeOneOf:0,activeServer:i,requestValues:{}})}},key:(null==r?void 0:r.definitionId)||"openapi"},React.createElement(RecoilNexus,null),e)}));const isVersioned=e=>"versions"in e;
+var __awaiter=this&&this.__awaiter||function(e,t,o,i){return new(o||(o=Promise))((function(n,r){function a(e){try{l(i.next(e))}catch(e){r(e)}}function s(e){try{l(i.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(a,s)}l((i=i.apply(e,t||[])).next())}))};import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{cloneElement,isValidElement,memo,useCallback,useEffect,useMemo,useState}from"react";import{Tag}from"@markdoc/markdoc";import{Loading,markdoc}from"@redocly/theme";import{createStore,Provider}from"jotai";import{normalizeOptions,OpenAPIParser}from"../../services";import{getMarkdownHeaderId,loadSingle,useDeepCompareMemoize}from"./utils";import{argValueToBoolean,normalizeServers}from"../../utils";import{SchemaDefinition}from"../SchemaDefinition";import{appStore,appStoreOverrideAtom,environmentAtom,layoutAtom}from"../../jotai/app";import JotaiNexus from"../../jotai/nexus";import{mapObject}from"../../utils/object";import{mergeInMockServer}from"../../models/operation";import{getDefaultOperationStore,operationStore}from"../../jotai/operation";import{getServerEnvName}from"../../utils/environments";import{globalStoreAtom}from"../../jotai/store";export const AppProvider=({options:e,definitionUrl:t,definition:o,activeSampleLanguage:i,children:n})=>{const[,r]=useState(),[a,s]=useState(!0),[l,m]=useState(null);useEffect((()=>{!function(){__awaiter(this,void 0,void 0,(function*(){s(!0);try{m(yield loadSingle(o,t,e))}catch(e){r((()=>{throw e}))}}))}()}),[o,t,e]);const u=useMemo((()=>{var o,n,r;if(l)return(null===(o=null==e?void 0:e.unstable_hooks)||void 0===o?void 0:o.onInit)&&(null===(r=null===(n=e.unstable_hooks)||void 0===n?void 0:n.onInit)||void 0===r||r.call(n,{store:{definition:l,options:e,definitionUrl:t,activeSampleLanguage:i}})),{definition:l,options:e,definitionUrl:t,activeSampleLanguage:i}}),useDeepCompareMemoize([l,e,t]));return useEffect((()=>{u&&s(!1)}),[u]),u?a?argValueToBoolean(null==e?void 0:e.hideLoading,!1)?null:_jsx(Loading,{color:"--loading-spinner-color"}):isValidElement(n)?cloneElement(n,{store:u}):null:null};const DEFAULT_OPTIONS={ignoreNamedSchemas:["java.io.ObjectStreamField"],maxDisplayedEnumValues:10,markdocOptions:{tags:{schemaDefinition:{render:"SchemaDefinition",attributes:{schemaRef:{type:String},exampleRef:{type:String},showReadOnly:{type:Boolean},showWriteOnly:{type:Boolean},htmlWrap:{type:String,default:!1}}}},nodes:{heading:{children:["inline"],attributes:{id:{type:String},level:{type:Number,required:!0,default:1}},transform(e,t){const o=e.transformAttributes(t),i=e.transformChildren(t),n="string"==typeof o.id?o.id:getMarkdownHeaderId(i);return new Tag("Heading",Object.assign(Object.assign({},o),{id:n,level:e.attributes.level}),i)}}},components:{SchemaDefinition:SchemaDefinition,Heading:markdoc.components.Heading}}};export const StoreProvider=memo((({children:e,options:t,definitionUrl:o,definition:i,withState:n})=>{const r=useCallback((()=>{const e=normalizeOptions(t,DEFAULT_OPTIONS);return{options:e,parser:new OpenAPIParser(i,o,e)}}),[i,o,t]),a=useMemo((()=>{var e;const t=createStore(),o=r();t.set(globalStoreAtom,o);const i=normalizeServers(o.parser.definitionUrl,mergeInMockServer((null===(e=o.parser.definition)||void 0===e?void 0:e.servers)||[],o.options.mockServer)),a=Object.fromEntries(i.map((e=>[getServerEnvName(e),Object.assign({server:e.url},mapObject(e.variables||{},(e=>e.default||"")))])));return t.sub(appStore,(()=>{})),t.set(environmentAtom,{environments:a}),n&&t.set(appStoreOverrideAtom,{environment:n.environment,environments:n.environments,activeMimeName:n.activeMimeName}),(null==n?void 0:n.operation)&&t.set(operationStore(n.operation.pointer),getDefaultOperationStore(n.operation.pointer,n.operation.state.requestValues)),t}),[r,n]);return useEffect((()=>{(null==n?void 0:n.layout)&&a.set(layoutAtom,null==n?void 0:n.layout)}),[a,null==n?void 0:n.layout]),_jsxs(Provider,{store:a,children:[_jsx(JotaiNexus,{}),e]})}));
 //# sourceMappingURL=Providers.js.map

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

@@ -1,4 +1,4 @@
-import type { PropsWithChildren } from 'react';
+import type { PropsWithChildren, ReactElement } from 'react';
 import type { RedoclyOpenAPIDocsProps, RedoclyOpenAPIDocsStandaloneProps } from './types';
-export declare function RedoclyOpenAPIDocs({ onLoaded, children, store, }: PropsWithChildren<Partial<RedoclyOpenAPIDocsProps>>): JSX.Element | null;
-export declare function RedoclyOpenAPIDocsStandalone({ definition, definitionUrl, options, activeItemId, activeSampleLanguage, activeDeepLink, }: RedoclyOpenAPIDocsStandaloneProps): JSX.Element;
+export declare function RedoclyOpenAPIDocs({ onLoaded, children, store, withCommonStyles, }: PropsWithChildren<Partial<RedoclyOpenAPIDocsProps>>): import("react/jsx-runtime").JSX.Element | null;
+export declare function RedoclyOpenAPIDocsStandalone({ definition, definitionUrl, options, activeItemId, activeSampleLanguage, activeDeepLink, }: RedoclyOpenAPIDocsStandaloneProps): ReactElement;

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

@@ -1,2 +1,2 @@
-import React,{useRef,memo}from"react";import{SidebarLogo,GlobalStyle,useMount,LayoutVariant}from"@redocly/theme";import{useStoreRef,releaseStore}from"@redocly/recoil";import{Search}from"../Search";import{ThemeProviders,AppProvider,StoreProvider}from"./Providers";import{Overlay}from"../Overlay";import{VersionSwitcher}from"../VersionSwitcher";import{BackgroundStub,BackgroundStubFix,ApiContentWrap,RedocWrapStyled,CssFixes}from"./styled";import{StickyResponsiveSidebar}from"../StickySidebar";import{ErrorBoundary}from"../ErrorBoundary";import{SideMenu}from"../SideMenu";import{ContentItems}from"../ContentItems";import{useContentItems}from"../../hooks";import{withRouter}from"../../hoc/withRouter";import{withStore}from"../../hoc/withStore";import{compose}from"../../utils";import{useLicense}from"../../hooks/useLicense";const RedoclyOpenAPIDocsComponent=compose(withRouter,withStore,memo)((({licenseKey:e,onLoaded:o,children:t,options:r,versions:n,layout:i,showRightPanelToggle:a,activeVersionIdx:l,onChangeActiveVersion:c,collapsedSidebar:s,parser:d})=>{var m,u,p,v,S;const f=useStoreRef();globalThis.__redoclyPostSsrCleanUp=()=>{if(!f.current)return;const e=f.current;releaseStore(e)};const R=useRef(null),{isValid:h,licenseInfo:y}=useLicense(e);useMount((()=>{null==o||o()}));const{disableSidebar:E,whiteLabel:b,hideLogo:g,hideFab:L,scrollYOffset:I}=r||{},{flatItems:C,contentItems:P}=useContentItems({parser:d,options:r}),A=null===(u=null===(m=d.definition)||void 0===m?void 0:m.info)||void 0===u?void 0:u["x-logo"];return React.createElement(ThemeProviders,{options:r},React.createElement(GlobalStyle,null),React.createElement(RedocWrapStyled,{className:"redoc-wrap",ref:R},!h&&React.createElement(Overlay,{licenseInfo:y}),React.createElement(CssFixes,{whiteLabel:b,showRightPanelToggle:a,layout:i}),!E&&React.createElement(StickyResponsiveSidebar,{hideFab:L,scrollYOffset:I,className:"menu-content",collapsedSidebar:!s},!g&&React.createElement(SidebarLogo,{imageUrl:null==A?void 0:A.url,href:(null==A?void 0:A.href)||(null===(S=null===(v=null===(p=d.definition)||void 0===p?void 0:p.info)||void 0===v?void 0:v.contact)||void 0===S?void 0:S.url),altText:null==A?void 0:A.altText,backgroundColor:null==A?void 0:A.backgroundColor}),n.length>1&&React.createElement(VersionSwitcher,{versions:n,activeVersionIdx:l,onChange:c}),React.createElement(Search,{contentItems:P,flatItems:C,options:r}),React.createElement(SideMenu,{items:h?P:[]})),React.createElement(ApiContentWrap,{className:"api-content",id:"api-content",layout:i===LayoutVariant.THREE_PANEL&&a?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED,collapsedSidebar:s},a&&i!==LayoutVariant.STACKED&&React.createElement(BackgroundStub,null),React.createElement(ContentItems,{root:!0,items:h?P:[]}),t),a&&i!==LayoutVariant.STACKED&&React.createElement(BackgroundStubFix,null)))}));export function RedoclyOpenAPIDocs({onLoaded:e,children:o,store:t}){var r,n,i;return(null==t?void 0:t.definition)?React.createElement(StoreProvider,Object.assign({},t),React.createElement(RedoclyOpenAPIDocsComponent,{onLoaded:e,basePath:null===(r=t.options)||void 0===r?void 0:r.routingBasePath,licenseKey:null===(n=t.options)||void 0===n?void 0:n.licenseKey,enableRouter:null===(i=t.options)||void 0===i?void 0:i.enableRouter,portalOptions:null==t?void 0:t.portalOptions},o)):null}export function RedoclyOpenAPIDocsStandalone({definition:e,definitionUrl:o,options:t={},activeItemId:r,activeSampleLanguage:n,activeDeepLink:i}){const a=React.createElement(AppProvider,{definition:e,definitionUrl:o,options:t,activeItemId:r,activeSampleLanguage:n,activeDeepLink:i},React.createElement(RedoclyOpenAPIDocs,null));return t.disableErrorBoundary?a:React.createElement(ErrorBoundary,null,a)}
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{useRef,memo}from"react";import{SidebarLogo,GlobalStyle as ThemeCommonStyle,useMount,LayoutVariant,ThreePanelLayout}from"@redocly/theme";import{UnsupportedFeatureScreen}from"../UnsupportedFeatureScreen";import{AppProvider,StoreProvider}from"./Providers";import{Overlay}from"../Overlay";import{RedocWrap,CssFixes}from"./styled";import{StickyResponsiveSidebar}from"../StickySidebar";import{SideMenu}from"../SideMenu";import{Content}from"../Content";import{useContentItems,useUppercase2LowercaseRedirect}from"../../hooks";import{withRouter}from"../../hoc/withRouter";import{withStore}from"../../hoc/withStore";import{compose}from"../../utils";import{useLicense}from"../../hooks/useLicense";const RedoclyOpenAPIDocsComponent=compose(withRouter,withStore,memo)((({licenseKey:e,onLoaded:o,children:t,options:i,layout:n,collapsedSidebar:r,parser:s,withCommonStyles:a})=>{var l,d,c,m,u;const p=useRef(null),{isValid:v,licenseInfo:f}=useLicense(e);useUppercase2LowercaseRedirect(),useMount((()=>{null==o||o()}));const{hideSidebar:h,scrollYOffset:S}=i||{},{contentItems:y}=useContentItems({parser:s,options:i}),x=null===(d=null===(l=s.definition)||void 0===l?void 0:l.info)||void 0===d?void 0:d["x-logo"];return _jsxs(_Fragment,{children:[a&&_jsx(ThemeCommonStyle,{}),_jsxs(RedocWrap,{className:"redoc-wrap",ref:p,children:[_jsx(UnsupportedFeatureScreen,{}),!v&&_jsx(Overlay,{licenseInfo:f}),_jsx(CssFixes,{layout:n}),!h&&_jsxs(StickyResponsiveSidebar,{scrollYOffset:S,className:"menu-content",collapsedSidebar:!r,children:[_jsx(SidebarLogo,{imageUrl:null==x?void 0:x.url,href:(null==x?void 0:x.href)||(null===(u=null===(m=null===(c=s.definition)||void 0===c?void 0:c.info)||void 0===m?void 0:m.contact)||void 0===u?void 0:u.url),altText:null==x?void 0:x.altText,backgroundColor:null==x?void 0:x.backgroundColor}),_jsx(SideMenu,{items:v?y:[]})]}),_jsxs(ThreePanelLayout,{className:"api-content",id:"api-content",layout:n===LayoutVariant.THREE_PANEL?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED,collapsedSidebar:r,children:[_jsx(Content,{items:v?y:[],routingBasePath:i.routingBasePath}),t]})]})]})}));export function RedoclyOpenAPIDocs({onLoaded:e,children:o,store:t,withCommonStyles:i}){var n,r,s;return(null==t?void 0:t.definition)?_jsx(StoreProvider,Object.assign({},t,{children:_jsx(RedoclyOpenAPIDocsComponent,{onLoaded:e,basePath:null===(n=t.options)||void 0===n?void 0:n.routingBasePath,licenseKey:null===(r=t.options)||void 0===r?void 0:r.licenseKey,disableRouter:null===(s=t.options)||void 0===s?void 0:s.disableRouter,withCommonStyles:i,children:o})})):null}export function RedoclyOpenAPIDocsStandalone({definition:e,definitionUrl:o,options:t={},activeItemId:i,activeSampleLanguage:n,activeDeepLink:r}){return _jsx(AppProvider,{definition:e,definitionUrl:o,options:t,activeItemId:i,activeSampleLanguage:n,activeDeepLink:r,children:_jsx(RedoclyOpenAPIDocs,{withCommonStyles:!0})})}
 //# sourceMappingURL=RedoclyOpenAPIDocs.js.map

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

@@ -1,4 +1,4 @@
 export { RedoclyOpenAPIDocs, RedoclyOpenAPIDocsStandalone } from './RedoclyOpenAPIDocs';
-export { ThemeProviders, AppProvider, StoreProvider } from './Providers';
+export { AppProvider, StoreProvider } from './Providers';
 export * from './types';
-export { fixSpec, loadMany, loadSingle, loadAndBundleSpecOrMd, loadSpecs, useDeepCompareMemoize, getMarkdownHeaderId, } from './utils';
+export { fixSpec, loadSingle, loadAndBundleSpecOrMd, useDeepCompareMemoize, getMarkdownHeaderId, } from './utils';

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

@@ -1,2 +1,2 @@
-export{RedoclyOpenAPIDocs,RedoclyOpenAPIDocsStandalone}from"./RedoclyOpenAPIDocs";export{ThemeProviders,AppProvider,StoreProvider}from"./Providers";export*from"./types";export{fixSpec,loadMany,loadSingle,loadAndBundleSpecOrMd,loadSpecs,useDeepCompareMemoize,getMarkdownHeaderId}from"./utils";
+export{RedoclyOpenAPIDocs,RedoclyOpenAPIDocsStandalone}from"./RedoclyOpenAPIDocs";export{AppProvider,StoreProvider}from"./Providers";export*from"./types";export{fixSpec,loadSingle,loadAndBundleSpecOrMd,useDeepCompareMemoize,getMarkdownHeaderId}from"./utils";
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,7 +1,8 @@
-import{LayoutVariant}from"@redocly/theme";import styled,{createGlobalStyle,css}from"styled-components";import{SamplesMiddlePanel,SamplesPanel}from"../common/panels";import{MiddlePanelWrapper}from"../Panel/MiddlePanelWrapper";export const RedocWrap=styled.div`
+import{breakpoints,LayoutVariant}from"@redocly/theme";import styled,{createGlobalStyle,css}from"styled-components";import{SamplesMiddlePanel,SamplesPanel}from"../common";export const RedocWrap=styled.div`
   display: flex;
   position: relative;
   text-align: left;
+  background-color: var(--bg-color);
   tap-highlight-color: rgba(0, 0, 0, 0);
   text-size-adjust: 100%;
   text-rendering: var(--text-rendering, auto) !important;
@@ -10,142 +11,41 @@ import{LayoutVariant}from"@redocly/theme";import styled,{createGlobalStyle,css}f
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
   font-weight: var(--font-weight-regular);
-  color: var(--text-base);
+  color: var(--text-color-primary);
   -webkit-font-text-smoothing: var(--text-smoothing);
 
   * {
     box-sizing: border-box;
     -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   }
-`;export const ApiContentWrap=styled.div`
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  margin: 0 auto;
-  width: 100%;
-
-  ${({layout:a=LayoutVariant.THREE_PANEL,theme:e,collapsedSidebar:t})=>css`
-      max-width: ${a===LayoutVariant.THREE_PANEL?"100%":""};
-
-      ${e.mediaQueries.small} {
-        width: ${t?"var(--layout-${layout}-small-max-width)":"calc(100% - var(--sidebar-width))"};
-        max-width: var(--layout-${a}-small-max-width);
-      }
-
-      ${e.mediaQueries.medium} {
-        max-width: var(--layout-${a}-medium-max-width);
-      }
-
-      ${e.mediaQueries.large} {
-        max-width: var(--layout-${a}-large-max-width);
-      }
-
-      ${e.mediaQueries.print} {
-        width: 100%;
-        padding: 0;
-      }
-    `};
-`;export const BackgroundStub=styled.div`
-  position: absolute;
-  display: none;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  left: 0;
-  background: var(--panel-samples-block-background-color);
-
-  ${({theme:a})=>css`
-    ${a.mediaQueries[a.showAtBreakpoint.samplesPanel]} {
-      display: initial;
-      left: calc(100% - var(--panel-samples-width));
-    }
-
-    ${a.mediaQueries.print} {
-      display: none;
-    }
-  `}
-`;const getBackgroundStubFixWidth=a=>css`
-  width: calc(
-    (
-        100% - min(100% - var(--sidebar-width) - var(--layout-controls-width), var(${a})) -
-          var(--sidebar-width) + var(--layout-controls-width)
-      ) / 2 - 4px /* -4px fix overlap for panels */
-  );
-`;export const BackgroundStubFix=styled.div`
-  position: absolute;
-  display: none;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  background: var(--panel-samples-block-background-color);
-  width: 0;
-
-  ${({theme:a})=>css`
-    ${a.mediaQueries[a.showAtBreakpoint.samplesPanel]} {
-      display: initial;
-      ${getBackgroundStubFixWidth("--layout-three-panel-medium-max-width")};
-    }
-
-    ${a.mediaQueries.large} {
-      ${getBackgroundStubFixWidth("--layout-three-panel-large-max-width")};
-    }
-
-    ${a.mediaQueries.print} {
-      display: none;
-    }
-  `}
-`;export const RedocWrapStyled=styled(RedocWrap)`
-  background-color: var(--background-color);
 `;export const getMarginFixesByName=a=>css`
   margin: 0 max(calc((100% - var(--panel-samples-width) - var(${a})) / 2), 0);
 `;export const CssFixes=createGlobalStyle`
-  div[data-section-id]::after {
-    content: " ";
-    display: block;
-    height: 0;
-    clear: both;
-    visibility: hidden;
-  }
-
   ${SamplesPanel} {
     ${({layout:a})=>{if(a===LayoutVariant.STACKED)return css`
           width: 100%;
-          padding-left: var(--spacing-horizontal);
-        `}}
-    ${({showRightPanelToggle:a})=>{if(!a)return css`
-          ${({theme:a})=>a.mediaQueries[a.showAtBreakpoint.samplesPanel]} {
-            display: none;
-          }
-        `}}
-  }
-
-  ${BackgroundStub}, ${BackgroundStubFix} {
-    ${({showRightPanelToggle:a,layout:e})=>{if(!a&&e===LayoutVariant.STACKED)return css`
-          ${({theme:a})=>a.mediaQueries[a.showAtBreakpoint.samplesPanel]} {
-            display: none;
-          }
+          padding-left: var(--panel-gap-horizontal);
         `}}
   }
 
-  ${SamplesMiddlePanel}, ${MiddlePanelWrapper} {
-    ${({showRightPanelToggle:a,layout:e})=>a&&e===LayoutVariant.THREE_PANEL?css`
+  ${SamplesMiddlePanel} {
+    ${({layout:a})=>a===LayoutVariant.THREE_PANEL?css`
           margin: 0;
-          ${({theme:a})=>a.mediaQueries.small} {
+          @media screen and (min-width: ${breakpoints.small}) {
             ${getMarginFixesByName("--layout-panel-schemas-small-max-width")};
           }
-          ${({theme:a})=>a.mediaQueries.medium} {
+          @media screen and (min-width: ${breakpoints.medium}) {
             max-width: var(--layout-panel-schemas-medium-max-width);
             ${getMarginFixesByName("--layout-panel-schemas-medium-max-width")};
           }
-          ${({theme:a})=>a.mediaQueries.large} {
+          @media screen and (min-width: ${breakpoints.large}) {
             max-width: var(--layout-panel-schemas-large-max-width);
             ${getMarginFixesByName("--layout-panel-schemas-large-max-width")};
           }
-        `:e!==LayoutVariant.STACKED&&a?void 0:css`
+        `:a===LayoutVariant.STACKED?css`
           width: 100%;
-          padding-right: var(--spacing-horizontal);
-        `};
+          padding-right: var(--panel-gap-horizontal);
+        `:void 0};
   }
 `;
 //# sourceMappingURL=styled.js.map

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

@@ -1,49 +1,34 @@
-/// <reference types="react" />
 import type { LayoutVariant } from '@redocly/theme';
-import type { CodeSampleConfig, Options, RawOptions, SpecVersions } from '../../services';
-import type { MediaQueries } from '../../utils';
+import type { CodeSampleConfig } from '../../services';
+import type { RedocConfig } from '@redocly/config';
 import type { OpenAPIDefinition } from '../../types';
 import type { RoutingProps, StoreProps } 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'>;
-    };
-}
+import type { OperationStore } from '../../jotai/operation';
 export interface RedoclyOpenAPIDocsProps extends RoutingProps, StoreProps {
     onLoaded?: () => void;
     store?: StoreProviderProps;
     licenseKey?: string;
+    withCommonStyles?: boolean;
 }
 export interface StoreProviderProps {
-    options?: RawOptions;
-    definition: OpenAPIDefinition | SpecVersions;
+    options?: RedocConfig;
+    definition: OpenAPIDefinition;
     definitionUrl?: string;
-    activeSampleLanguage?: string;
-    portalOptions?: {
-        defaultMimeType?: string;
-        operation?: OperationModel;
+    withState?: {
+        environment?: string;
+        activeMimeName?: string;
+        environments?: Record<string, Record<string, string>>;
         layout?: LayoutVariant;
-        showRightPanelToggle?: boolean;
-        definitionId?: string;
+        operation?: {
+            pointer: string;
+            state: Partial<OperationStore>;
+        };
     };
 }
-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;
+    options?: RedocConfig;
     activeItemId?: string;
     activeSampleLanguage?: CodeSampleConfig['lang'] | string;
     activeDeepLink?: string;
@@ -54,13 +39,11 @@ export interface AppProviderProps {
 export interface RedoclyOpenAPIDocsStandaloneProps {
     definition?: GenericObject;
     definitionUrl?: string;
-    options?: RawOptions;
+    options?: RedocConfig;
     activeItemId?: string;
     activeSampleLanguage?: CodeSampleConfig['lang'];
     activeDeepLink?: string;
 }
 export interface CssFixesProps {
-    whiteLabel: boolean;
-    showRightPanelToggle: boolean;
     layout: LayoutVariant;
 }

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

@@ -1,10 +1,8 @@
 import type { DependencyList } from 'react';
 import type { OpenAPIDefinition } from '../../types';
-import type { RawOptions, SpecVersions } from '../../services';
+import type { RedocConfig } from '@redocly/config';
 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 loadSingle(spec: any, specUrl: any, options?: RedocConfig): 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;
+export declare function getMarkdownHeaderId(children: any): string | undefined;

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

@@ -1,2 +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}from"../../utils/loadAndBundleSpec";import{safeSlugify}from"../../utils/string";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}
+var __awaiter=this&&this.__awaiter||function(e,n,t,i){return new(t||(t=Promise))((function(o,r){function u(e){try{s(i.next(e))}catch(e){r(e)}}function c(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(u,c)}s((i=i.apply(e,n||[])).next())}))};import{useRef}from"react";import isDeepEqual from"fast-deep-equal";import{loadAndBundleDefinition}from"../../utils/loadAndBundleSpec";import{safeSlugify}from"../../utils/string";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 loadSingle(e,n,t){return __awaiter(this,void 0,void 0,(function*(){let i;if(null==t?void 0:t.skipBundle){if(!e)throw new Error('spec must be specified when using "skipBundleAndConvert"');i=e}else i=yield loadAndBundleDefinition(e||n);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 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/RenderHook/RenderHook.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import type { ReactElement } from 'react';
 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;
+}): ReactElement | null;
+export declare function getAccessModeLabelText(schema: SchemaModel): string | null;

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

@@ -1,2 +1,2 @@
-import React from"react";export function RenderHook(e){if(!e.Hook)return null;const t=e.Hook(e.props),n=t&&t.html;return n?React.createElement("span",{dangerouslySetInnerHTML:{__html:n}}):t}export function getAccessModeLabelText(e,t){return t&&(e.readOnly?"read-only":e.writeOnly&&"write-only")||null}
+import{jsx as _jsx}from"react/jsx-runtime";export function RenderHook(e){if(!e.Hook)return null;const n=e.Hook(e.props),r=n&&n.html;return r?_jsx("span",{dangerouslySetInnerHTML:{__html:r}}):n}export function getAccessModeLabelText(e){return(e.readOnly?"read-only":e.writeOnly&&"write-only")||null}
 //# sourceMappingURL=RenderHook.js.map

package/lib-esm/components/Replay/EmbeddedReplay.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { OpenAPIDefinition } from '../../types';
+import type { OperationModel } from '../../models';
+export type ReplayProps = {
+    operation: OperationModel;
+    corsProxyUrl?: string;
+    fullOpenApi?: OpenAPIDefinition;
+};
+declare function EmbeddedReplayComponent({ operation, corsProxyUrl, fullOpenApi }: ReplayProps): import("react/jsx-runtime").JSX.Element;
+export declare const EmbeddedReplay: import("react").MemoExoticComponent<typeof EmbeddedReplayComponent>;
+export {};

package/lib-esm/components/Replay/EmbeddedReplay.js

@@ -0,0 +1,11 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{Suspense,memo,useEffect,useState}from"react";import styled from"styled-components";import{useAtomValue}from"jotai";import{EmbeddedReplay as EmbeddedReplayOrig}from"@redocly/replay";import{convertOperationToReplayValue}from"./utils";import{globalOptionsAtom}from"../../jotai/store";import{operationStore}from"../../jotai/operation";import{appStore,environmentsAtom}from"../../jotai/app";function EmbeddedReplayComponent({operation:e,corsProxyUrl:o,fullOpenApi:r}){const{routingBasePath:t,mockServer:a}=useAtomValue(globalOptionsAtom),p=useAtomValue(operationStore(e.pointer)),n=useAtomValue(appStore),i=useAtomValue(environmentsAtom),[m,s]=useState(!1);return useEffect((()=>{s(!0)}),[]),_jsx(CompactWrapper,{children:m?_jsx(Suspense,{fallback:_jsx(LoadingWrapper,{children:"Loading..."}),children:_jsx(EmbeddedReplayOrig,{value:convertOperationToReplayValue(e,r,p,n),environment:n.environment,predefinedEnvValues:i,corsProxyUrl:o,operationUrl:t+e.href,mockServer:a})}):_jsx(LoadingWrapper,{children:"Loading..."})})}export const EmbeddedReplay=memo(EmbeddedReplayComponent);const LoadingWrapper=styled.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 100px;
+`,CompactWrapper=styled.div`
+  border: 1px solid var(--border-color-primary);
+  border-radius: var(--border-radius-lg);
+  padding: 0;
+`;
+//# sourceMappingURL=EmbeddedReplay.js.map

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { OperationModel } from '../../models';
+import type { OpenAPIDefinition } from '../../types';
+type ReplayProps = {
+    operation: OperationModel;
+    corsProxyUrl?: string;
+    fullOpenApi?: OpenAPIDefinition;
+};
+export declare const Replay: import("react").NamedExoticComponent<ReplayProps>;
+export {};

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

@@ -0,0 +1,14 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Suspense,memo,useCallback,useState,useRef}from"react";import{Button,RocketIcon,CircleDashIcon,Portal,useFocusTrap}from"@redocly/theme";import styled from"styled-components";import{useAtom,useAtomValue,useSetAtom}from"jotai";import{ReplayOverlay}from"@redocly/replay";import{globalOptionsAtom,globalStoreAtom}from"../../jotai/store";import{replayStateAtom}from"../../jotai/replay";import{operationStore}from"../../jotai/operation";import{LOADING_STATE}from"../../constants";import{activeMimeNameAtom,unsupportedFeatureScreenAtom,environmentAtom}from"../../jotai/app";import{isMobile}from"../../utils";import{convertOperationToReplayValue}from"./utils";function ReplayComponent({operation:e,corsProxyUrl:o,fullOpenApi:t}){var r,a;const n=useRef(null),{routingBasePath:i,mockServer:s,oAuth2RedirectURI:m}=useAtomValue(globalOptionsAtom),{parser:l}=useAtomValue(globalStoreAtom),[p,c]=useState(!1),[u,A]=useAtom(replayStateAtom),[,d]=useAtom(unsupportedFeatureScreenAtom),v=useSetAtom(operationStore(e.pointer)),[f,x]=useAtom(activeMimeNameAtom),[[,y],O]=useAtom(environmentAtom);useFocusTrap(n);const S=useCallback((({requestValues:e,activeExampleName:o,activeMimeName:t,environment:r,environments:a})=>{v((t=>Object.assign(Object.assign({},t),{requestValues:e,activeExampleName:o}))),x(t||f),O({environment:r,environments:a})}),[v,x,f,O]),j=()=>{isMobile({tablet:!0})?d(!0):(u!==LOADING_STATE.LOADING&&c(!p),u===LOADING_STATE.NOT_LOADED&&A(LOADING_STATE.LOADING))};return _jsxs(Wrapper,{children:[_jsx("span",{children:"Experience it firsthand in the API Explorer!"}),_jsx(Button,{onClick:j,variant:"primary",iconPosition:"left",icon:u===LOADING_STATE.LOADING?_jsx(CircleDashIcon,{}):_jsx(RocketIcon,{}),children:u===LOADING_STATE.LOADING?"Loading...":"Try it"}),p&&_jsx(Suspense,{children:_jsx(Portal,{mountId:"api-content",children:_jsx("div",{ref:n,children:_jsx(ReplayOverlay,{value:convertOperationToReplayValue(e,t),onRequestChange:S,onClose:j,corsProxyUrl:o,operationUrl:i+e.href,onLoad:()=>A(LOADING_STATE.LOADED),mockServer:s,environment:y,apiId:null===(a=null===(r=null==l?void 0:l.definition.info)||void 0===r?void 0:r["x-metadata"])||void 0===a?void 0:a.apiId,oAuth2RedirectURI:m})})})})]})}export const Replay=memo(ReplayComponent);const Wrapper=styled.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 10px;
+  border-top: var(--panel-border);
+  padding: var(--spacing-base) var(--spacing-md) var(--spacing-md);
+
+  & > span {
+    font-weight: var(--font-weight-regular);
+    color: var(--text-color-primary);
+  }
+`;
+//# sourceMappingURL=Replay.js.map

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

@@ -0,0 +1,2 @@
+export { Replay } from './Replay';
+export { EmbeddedReplay } from './EmbeddedReplay';

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

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

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

@@ -0,0 +1,14 @@
+import type { OperationModel, SecurityRequirement } from '../../models';
+import type { OpenAPIDefinition } from '../../types';
+import type { OperationStore } from '../../jotai/operation';
+import type { AppStore } from '../../jotai/app';
+export declare function convertOperationToReplayValue(operation: OperationModel, fullOpenApi?: OpenAPIDefinition, operationState?: OperationStore, appState?: AppStore): {
+    name: string;
+    method: string;
+    parameters: any[];
+    body: any;
+    path: string;
+    servers: import("../../types").OpenAPIServer[];
+    security: any[] | undefined;
+};
+export declare function convertRequestSecurity(security?: SecurityRequirement[]): any[] | undefined;

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

@@ -0,0 +1,2 @@
+import{isPrimitive}from"@redocly/theme";export function convertOperationToReplayValue(e,n,t,i){var a,r;const o=(null==i?void 0:i.activeMimeName)||"application/json";return{name:e.name,method:e.httpVerb,parameters:convertParameters(e.parameters,null==t?void 0:t.requestValues),body:convertRequestBody(e.requestBody,n,(null===(a=null==t?void 0:t.requestValues)||void 0===a?void 0:a.body)?{[o]:null===(r=null==t?void 0:t.requestValues)||void 0===r?void 0:r.body}:void 0),path:e.path,servers:e.servers,security:convertRequestSecurity(e.security)}}function convertParameters(e,n){const t=new Set,i=e.map((e=>{var i;return t.add(e.in+":"+e.name),{name:e.name,in:e.in,required:e.required,description:e.description,example:(null===(i=null==n?void 0:n[String(e.in)])||void 0===i?void 0:i[e.name])||e.example,schema:e.schema}}));for(const[e,a]of Object.entries(n||{}))for(const[n,r]of Object.entries(a||{}))t.has(e+":"+n)||i.push({name:n,in:e,required:!1,description:"",example:String(r),schema:void 0});return i}function getInputType({type:e,format:n,enum:t}){return"string"!==e||"binary"!==n&&"base64"!==n?"object"===e?"multiline":t.length>0?"select":"text":"file"}function getFieldExamples(e,n){var t,i,a,r,o;const l=(null===(t=e[0])||void 0===t?void 0:t.example)||(null===(i=e[0])||void 0===i?void 0:i.examples);if(l)return l;if(null===(a=e.schema)||void 0===a?void 0:a.example)return e.schema.example;const m=(null===(r=null==n?void 0:n.default)||void 0===r?void 0:r.value)||(null===(o=null==n?void 0:n.default)||void 0===o?void 0:o.rawValue);return(null==m?void 0:m[e.name])?isPrimitive(null==m?void 0:m[e.name])?String(null==m?void 0:m[e.name]):JSON.stringify(null==m?void 0:m[e.name]):""}function convertRequestBody(e,n,t){var i;if(!e||!(null===(i=e.content)||void 0===i?void 0:i.mediaTypes)){if(!t)return;return{mediaTypes:Object.fromEntries(Object.entries(t).map((([e,n])=>[e,{name:e,examples:{default:{value:n}},schema:{},parameters:[]}])))}}return{required:e.required,mediaTypes:e.content.mediaTypes.reduce(((e,i)=>{var a,r;const o=i.schema,l=(null==t?void 0:t[i.name])?{default:{value:null==t?void 0:t[i.name],rawValue:null==t?void 0:t[i.name],mime:i.name}}:i.examples||i.formExamples;return e[i.name]={name:i.name,examples:l,schema:getBodySchema(null===(a=i.schema)||void 0===a?void 0:a.rawSchema,n),parameters:null===(r=null==o?void 0:o.fields)||void 0===r?void 0:r.map((e=>({inputType:getInputType(e.schema),name:e.name,example:getFieldExamples(e,l)})))},e}),{})}}function getBodySchema(e,n){if(e&&n)return Object.assign(Object.assign({},e),{components:(null==n?void 0:n.components)||{}})}export function convertRequestSecurity(e){if(e)return e.flatMap((({schemes:e})=>e.map((e=>({id:e.id,type:e.type,in:e.in,openIdConnectUrl:e.openIdConnectUrl,scopes:e.scopes,scheme:e.scheme,name:e.name,flows:e.flows})))))}
+//# sourceMappingURL=utils.js.map

package/lib-esm/components/Request/RequestDetails.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { RequestProps } from './types';
+export declare const RequestDetails: import("react").NamedExoticComponent<RequestProps>;

package/lib-esm/components/Request/RequestDetails.js

@@ -0,0 +1,4 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{memo}from"react";import styled from"styled-components";import{Row}from"../common";import{Title}from"../common/OperationItemTitle";import{LinkToField}from"../common/LinkToField";import{makeDeepLink}from"../../services";import{Description}from"../OperationItem/Description";import{Security}from"../Security";import{ExpandAllButton,useUpdateExpandedFields}from"../ExpandAllButton";import{RequestParameters}from"../RequestParameters";function RequestDetailsComponent({operation:{id:e,description:t,externalDocs:o,parameters:r,requestBody:i,pointer:s,security:n,extensions:m,callbackId:a},title:p}){return useUpdateExpandedFields("request",r,null==i?void 0:i.content,s),_jsxs(_Fragment,{children:[_jsx(Row,{children:_jsxs(HeadingWrapper,{children:[_jsxs(Title,{children:[e&&_jsx(LinkToField,{to:makeDeepLink(e,"request")}),p||"Request",_jsx(ExpandAllButton,{operationPointer:s,type:"request"})]}),_jsx(Description,{description:t||o?t:void 0,externalDocs:o,extensions:m}),_jsx(Security,{securities:n})]})}),_jsx(RequestParameters,{parameters:r,body:i,operationId:e,callbackId:a})]})}const HeadingWrapper=styled.div`
+  width: 100%;
+`;export const RequestDetails=memo(RequestDetailsComponent);
+//# sourceMappingURL=RequestDetails.js.map

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

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+import type { OperationModel } from '../../models';
+export interface RequestProps {
+    operation: Pick<OperationModel, 'security' | 'pointer' | 'description' | 'externalDocs' | 'extensions' | 'parameters' | 'requestBody' | 'id' | 'callbackId'>;
+    title?: string | ReactNode;
+}

package/lib-esm/components/RequestParameters/Body.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { MediaContentModel } from '../../models';
+interface BodyContentProps {
+    content: MediaContentModel;
+    description?: string | GenericObject;
+    required?: boolean;
+    deepLink?: string;
+}
+export declare const Body: import("react").NamedExoticComponent<BodyContentProps>;
+export {};

package/lib-esm/components/RequestParameters/Body.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";import{BodyContent}from"../common/BodyContent";function BodyComponent({content:e,description:o,required:t,deepLink:n}){return _jsx(BodyContent,{content:e,required:t,description:o,skipReadOnly:e.isRequestType,skipWriteOnly:!e.isRequestType,deepLink:n})}export const Body=memo(BodyComponent);
+//# sourceMappingURL=Body.js.map

package/lib-esm/components/RequestParameters/ParametersGroup.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { FieldModel } from '../../models';
+interface ParametersGroupProps {
+    title: string;
+    parameters: FieldModel[];
+    deepLink: string;
+}
+export declare const ParametersGroup: import("react").NamedExoticComponent<ParametersGroupProps>;
+export {};