@redocly/openapi-docs 0.74.2-pingfed.3 → 0.81.2-rc.2

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 { RawOptions } from '../../services';
 export declare function fixSpec(resolvedSpec: OpenAPIDefinition): void;
-export declare function loadMany(specs: any): Promise<any>;
 export declare function loadSingle(spec: any, specUrl: any, options?: RawOptions): Promise<OpenAPIDefinition>;
 export declare function loadAndBundleSpecOrMd(url: string, title?: string): Promise<OpenAPIDefinition>;
-export declare function loadSpecs({ versions }: SpecVersions): Promise<void>;
 export declare function useDeepCompareMemoize(value: DependencyList): Array<number>;
 export declare function getMarkdownHeaderId(children: any): 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,i,t){var a,r;const o=(null==t?void 0:t.activeMimeName)||"application/json";return{name:e.name,method:e.httpVerb,parameters:convertParameters(e.parameters,null==i?void 0:i.requestValues),body:convertRequestBody(e.requestBody,n,(null===(a=null==i?void 0:i.requestValues)||void 0===a?void 0:a.body)?{[o]:null===(r=null==i?void 0:i.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 i=new Set,t=e.map((e=>{var t;return i.add(e.in+":"+e.name),{name:e.name,in:e.in,required:e.required,description:e.description,example:(null===(t=null==n?void 0:n[String(e.in)])||void 0===t?void 0:t[e.name])||e.example,schema:e.schema}}));for(const[e,a]of Object.entries(n||{}))for(const[n,r]of Object.entries(a||{}))i.has(e+":"+n)||t.push({name:n,in:e,required:!1,description:"",example:String(r),schema:void 0});return t}function getInputType({type:e,format:n,enum:i}){return"string"!==e||"binary"!==n&&"base64"!==n?"object"===e?"multiline":i.length>0?"select":"text":"file"}function getFieldExamples(e,n){var i,t,a,r,o;const l=(null===(i=e[0])||void 0===i?void 0:i.example)||(null===(t=e[0])||void 0===t?void 0:t.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,i){var t;if(!e||!(null===(t=e.content)||void 0===t?void 0:t.mediaTypes)){if(!i)return;return{mediaTypes:Object.fromEntries(Object.entries(i).map((([e,n])=>[e,{name:e,examples:{default:{value:n}},schema:{},parameters:[]}])))}}return{required:e.required,mediaTypes:e.content.mediaTypes.reduce(((e,t)=>{var a,r;const o=t.schema,l=(null==i?void 0:i[t.name])?{default:{value:null==i?void 0:i[t.name],rawValue:null==i?void 0:i[t.name],mime:t.name}}:t.examples||t.formExamples;return e[t.name]={name:t.name,examples:l,schema:getBodySchema(null===(a=t.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,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,2 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{memo}from"react";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:[_jsxs(Row,{children:[_jsxs("div",{children:[_jsxs(Title,{children:[e&&_jsx(LinkToField,{to:makeDeepLink(e,"request")}),p||"Request"]}),_jsx(Description,{description:t||o?t:void 0,externalDocs:o,extensions:m}),_jsx(Security,{securities:n})]}),_jsx(ExpandAllButton,{operationPointer:s,type:"request"})]}),_jsx(RequestParameters,{parameters:r,body:i,operationId:e,callbackId:a})]})}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 {};

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

@@ -0,0 +1,21 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo}from"react";import styled from"styled-components";import{LinkIcon}from"@redocly/theme";import{PropertyDetails}from"../PropertyDetails";import{LinkToField}from"../common/LinkToField";function ParametersGroupComponent({title:e,parameters:r,deepLink:i}){return r&&r.length?_jsxs(Wrapper,{children:[_jsxs(Title,{children:[_jsx(LinkToField,{to:i}),e]}),r.map(((e,r)=>_jsx(PropertyDetails,{isFirst:0===r,field:e},e.name)))]}):null}export const ParametersGroup=memo(ParametersGroupComponent);const Title=styled.span`
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+  font-size: 18px;
+  line-height: var(--line-height-lg);
+  font-weight: var(--font-weight-semibold);
+  color: var(--text-color-primary);
+  padding: var(--spacing-xxs) 0;
+
+  :hover {
+    ${LinkIcon} {
+      opacity: 1;
+      visibility: visible;
+    }
+  }
+`,Wrapper=styled.div`
+  margin-top: var(--spacing-md);
+`;
+//# sourceMappingURL=ParametersGroup.js.map

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

@@ -0,0 +1,9 @@
+import type { ReactElement } from 'react';
+import type { FieldModel, RequestBodyModel } from '../../models';
+export interface ParametersProps {
+    parameters?: FieldModel[];
+    body?: RequestBodyModel;
+    operationId: string;
+    callbackId: string;
+}
+export declare function RequestParameters({ body, parameters, operationId, callbackId, }: ParametersProps): ReactElement | null;

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

@@ -0,0 +1,2 @@
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{ParametersGroup}from"./ParametersGroup";import{Body}from"./Body";import{makeDeepLink}from"../../services";const PARAM_PLACES=["path","query","cookie","header"],PARAM_NAMES_MAP={[PARAM_PLACES[0]]:"Path",[PARAM_PLACES[1]]:"Query",[PARAM_PLACES[2]]:"Cookies",[PARAM_PLACES[3]]:"Headers"};export function RequestParameters({body:e,parameters:r=[],operationId:t,callbackId:n}){if(!e&&!r.length)return null;const s=(e=>{const r={};return e.forEach((e=>{safePush(r,e.in,e)})),r})(r),a=r.length>0?PARAM_PLACES:[],{content:o,description:i,required:A}=e||{};return _jsxs(_Fragment,{children:[a.map((e=>_jsx(ParametersGroup,{title:PARAM_NAMES_MAP[e],parameters:s[e],deepLink:generateDeepLink(t,n,e)},e))),o&&_jsx(Body,{content:o,description:i,required:A,deepLink:generateDeepLink(t,n)})]})}function safePush(e,r="",t){e[r]||(e[r]=[]),e[r].push(t)}function generateDeepLink(e,r,t="body"){return makeDeepLink(e,""+(r?`${r}/request/${t}`:`request/${t}`))}
+//# sourceMappingURL=RequestParameters.js.map

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

@@ -0,0 +1,2 @@
+export { RequestParameters } from './RequestParameters';
+export { Body } from './Body';

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

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

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

@@ -1,9 +1,8 @@
-import React from 'react';
-import type { MediaContentModel, OperationModel } from '../../models';
+/// <reference types="react" />
+import type { 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;
@@ -14,5 +13,5 @@ interface CodeSamplesProps extends ExampleSwitchOptions {
     onlyDefaultMimeType?: boolean;
     onCopyClick(): void;
 }
-export declare const CodeSample: React.NamedExoticComponent<CodeSamplesProps>;
+export declare const CodeSample: import("react").NamedExoticComponent<CodeSamplesProps>;
 export {};

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

@@ -1,2 +1,10 @@
-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,{memo,useCallback}from"react";import{CodeBlock}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,l=__rest(e,["onlyDefaultSample","onlyDefaultMimeType","content","onCopyClick"]);const n=useCallback((e=>{var o,a,l;const n=r&&(null===(o=e.operation)||void 0===o?void 0:o.defaultMimeType);return(null!==(l=null===(a=null==t?void 0:t.mediaTypes)||void 0===a?void 0:a.length)&&void 0!==l?l:0)>1&&!n?React.createElement(DropdownWrapper,null,React.createElement(DropdownOrLabel,Object.assign({Label:MimeLabel,Dropdown:Dropdown,variant:"dark",fullWidth:!0},e))):null}),[t,r]),p=e=>l.source?React.createElement(CodeBlock,{lang:l.lang,source:l.source,header:{controls:{copy:{onClick:a}}}}):React.createElement(CodeBlock,{lang:l.lang,externalSource:{sample:l.externalSample,exampleName:e,operation:l.operation,pathParams:l.pathParams,properties:l.properties},header:{controls:{copy:{onClick:a}}}});return void 0===t||null!=l.source?p():React.createElement(MediaTypesSwitch,{content:t,renderDropdown:n},(e=>React.createElement(Example,{mediaType:e,mediaContent:t,renderSample:p,onlyDefaultSample:o})))}export const CodeSample=memo(CodeSampleComponent);
+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 l=0;for(t=Object.getOwnPropertySymbols(e);l<t.length;l++)o.indexOf(t[l])<0&&Object.prototype.propertyIsEnumerable.call(e,t[l])&&(r[t[l]]=e[t[l]])}return r};import{jsx as _jsx}from"react/jsx-runtime";import{memo,useCallback}from"react";import{CodeBlock}from"@redocly/theme";import styled from"styled-components";import{SelectOrLabel}from"../SelectOrLabel";import{MediaTypesSwitch}from"../MediaTypeSwitch";import{SelectWrapper}from"../PayloadSamples";import{Example}from"./Example";import{MimeLabel,Select}from"../common";function CodeSampleComponent(e){var o,{onCopyClick:r}=e,t=__rest(e,["onCopyClick"]);const l=null===(o=t.operation.requestBody)||void 0===o?void 0:o.content,a=useCallback((e=>{var o,r;return(null!==(r=null===(o=null==l?void 0:l.mediaTypes)||void 0===o?void 0:o.length)&&void 0!==r?r:0)>1?_jsx(SelectWrapper,{children:_jsx(SelectOrLabel,Object.assign({Label:MimeLabel,Select:Select,variant:"dark",fullWidth:!0},e))}):null}),[l]),n=e=>t.source?_jsx(StyledCodeBlock,{lang:t.lang,source:t.source,header:{className:"code-block-header",controls:{copy:{onClick:r}}}}):_jsx(StyledCodeBlock,{lang:t.lang,externalSource:{sample:t.externalSample,exampleName:e,operation:t.operation,pathParams:t.pathParams,properties:t.properties},header:{className:"code-block-header",controls:{copy:{onClick:r}}}});return void 0===l||null!=t.source?n():_jsx(MediaTypesSwitch,{content:l,renderSelect:a,children:e=>_jsx(Example,{mediaType:e,mediaContent:l,renderSample:n})})}export const CodeSample=memo(CodeSampleComponent);const StyledCodeBlock=styled(CodeBlock)`
+  border: none;
+  margin: 0;
+
+  .code-block-header {
+    border-bottom: 0;
+    padding-right: var(--spacing-sm);
+  }
+`;
 //# sourceMappingURL=CodeSample.js.map

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

@@ -1,10 +1,9 @@
-import React from 'react';
+import type { ReactElement } from 'react';
 import type { MediaContentModel, MediaTypeModel } from '../../models';
 interface ExampleProps {
     mediaType: MediaTypeModel;
     mediaContent: MediaContentModel;
-    onlyDefaultSample?: boolean;
-    renderSample: (exampleName?: string) => JSX.Element;
+    renderSample: (exampleName?: string) => ReactElement;
 }
-export declare const Example: React.NamedExoticComponent<ExampleProps>;
+export declare const Example: import("react").NamedExoticComponent<ExampleProps>;
 export {};

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

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

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

@@ -1,14 +1,9 @@
-import React from 'react';
-import type { MediaContentModel, OperationModel } from '../../models';
+/// <reference types="react" />
+import type { OperationModel } from '../../models';
 interface RequestSamplesProps {
     operation: OperationModel;
     defaultLanguage?: string;
-    pathParams?: any;
-    properties?: any;
-    disableHeader?: boolean;
-    onlyDefaultSample?: boolean;
-    onlyDefaultMimeType?: boolean;
-    content?: MediaContentModel;
+    disableFooter?: boolean;
 }
-export declare const RequestSamples: React.NamedExoticComponent<RequestSamplesProps>;
+export declare const RequestSamples: import("react").NamedExoticComponent<RequestSamplesProps>;
 export {};

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

@@ -1,2 +1,7 @@
-var __rest=this&&this.__rest||function(e,a){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&a.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)a.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(t[o[l]]=e[o[l]])}return t};import React,{memo,useCallback}from"react";import{TabPanel}from"react-tabs";import{useAtomValue}from"jotai";import{PayloadSamples}from"../PayloadSamples";import{CodeSample}from"./CodeSample";import{useCodeSamples}from"./useCodeSamples";import{l}from"../../services";import{isPayloadSample}from"../../models";import{createCodeSampleCopyEvent,createLanguageSwitchEvent,createPanelToggleEvent}from"../../events";import{SamplesTabs}from"../Samples";import{CodePanel}from"../Panel";import{globalOptionsAtom}from"../../jotai/store";function RequestSamplesComponent(e){var{operation:a,defaultLanguage:t,disableHeader:o,content:n}=e,r=__rest(e,["operation","defaultLanguage","disableHeader","content"]);const{events:s,hideSingleRequestSampleTab:p}=useAtomValue(globalOptionsAtom),{samples:m,payload:i}=useCodeSamples(a),c=1===m.length&&p,d=useCallback((({lang:e,title:t})=>()=>{var o;const l=createCodeSampleCopyEvent({operation:a,label:t,lang:e,type:"request"});null===(o=null==s?void 0:s.codeSamplesCopy)||void 0===o||o.call(s,l)}),[a,s]);return m.length?React.createElement(CodePanel,{className:"panel-request-samples",header:o?void 0:l("requestSamples"),onToggle:e=>{var t;const o=createPanelToggleEvent({operation:a,isExpanded:e,panelType:"request-samples"});null===(t=null==s?void 0:s.panelToggle)||void 0===t||t.call(s,o)}},React.createElement(SamplesTabs,{tabs:m,onChange:e=>{var t;const o=createLanguageSwitchEvent({operation:a,sample:e});null===(t=null==s?void 0:s.codeSamplesLanguageSwitch)||void 0===t||t.call(s,o)},hidden:c,defaultLanguage:t,id:a.id+"/request-tab"},m.map((e=>React.createElement(TabPanel,{key:e.key+a.id},isPayloadSample(e)?React.createElement(PayloadSamples,Object.assign({content:e.requestBodyContent,onCopyClick:d(e)},r)):React.createElement(CodeSample,Object.assign({lang:e.lang,source:e.source,externalSample:e,content:null==i?void 0:i.requestBodyContent,operation:a,onCopyClick:d(e)},r))))))):null}export const RequestSamples=memo(RequestSamplesComponent);
+var __rest=this&&this.__rest||function(e,o){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&o.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)o.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(t[a[r]]=e[a[r]])}return t};import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo,useCallback,useMemo}from"react";import{useAtomValue,useAtom}from"jotai";import{PanelHeader}from"@redocly/theme";import styled from"styled-components";import{PayloadSamples}from"../PayloadSamples";import{CodeSample}from"./CodeSample";import{useCodeSamples}from"./useCodeSamples";import{isPayloadSample}from"../../models";import{createCodeSampleCopyEvent}from"../../events";import{globalStoreAtom}from"../../jotai/store";import{ServerListDropdown}from"../ServerListDropdown";import{LanguageDropdown}from"../Language";import{languageAtom}from"../../jotai/app";import{Replay}from"../Replay";import{CodeBlockPanel}from"../common";import{useActiveWithFallback}from"../../hooks";function RequestSamplesComponent(e){var{operation:o,disableFooter:t}=e,a=__rest(e,["operation","disableFooter"]);const[{activeLanguage:r},l]=useAtom(languageAtom),{samples:s}=useCodeSamples(o),{parser:n,options:{events:p,corsProxyUrl:m}}=useAtomValue(globalStoreAtom),i=useActiveWithFallback(s,r),d=useCallback((({lang:e,title:t})=>()=>{var a;const r=createCodeSampleCopyEvent({operation:o,label:t,lang:e,type:"request"});null===(a=null==p?void 0:p.codeSamplesCopy)||void 0===a||a.call(p,r)}),[o,p]),c=useMemo((()=>{if(!t&&!o.isWebhook)return _jsx(Replay,{operation:o,corsProxyUrl:m,fullOpenApi:n.definition})}),[m,t,o,n.definition]),u=useMemo((()=>s.map((e=>e.key===i?_jsx("div",{children:isPayloadSample(e)?_jsx(PayloadSamples,Object.assign({content:e.requestBodyContent,onCopyClick:d(e)},a)):_jsx(CodeSample,Object.assign({lang:e.lang,source:e.source,externalSample:e,operation:o,onCopyClick:d(e)},a))},e.key+o.id):null))),[i,d,o,a,s]);return s.length?_jsx(CodeBlockPanel,{className:"panel-request-samples",header:()=>_jsxs(StyledPanelHeader,{isExpandable:!1,children:[_jsx(StyledServerListDropdown,{operation:o}),_jsx(LanguageDropdown,{activeTab:i,samples:s,onChange:l})]}),footer:c,isExpandable:!1,children:u}):null}export const RequestSamples=memo(RequestSamplesComponent);const StyledPanelHeader=styled(PanelHeader)`
+  flex-wrap: nowrap;
+`,StyledServerListDropdown=styled(ServerListDropdown)`
+  padding-right: var(--spacing-base);
+  min-width: 0;
+`;
 //# sourceMappingURL=RequestSamples.js.map

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

@@ -2,9 +2,9 @@ import type { Unstable_ExternalCodeSample } from '../../services';
 import type { OperationModel } from '../../models';
 import type { OpenAPIXCodeSample } from '../../types';
 export declare function useCodeSamples({ payload, isWebhook, definitionSamples, pointer, }: OperationModel): {
-    payload: OperationModel['payload'];
     samples: Array<{
         key: string;
         title: string;
+        order: number;
     } & (Unstable_ExternalCodeSample | OpenAPIXCodeSample)>;
 };

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

@@ -1,2 +1,2 @@
-import{useAtomValue}from"jotai";import{getCodeSample}from"../../services";import{globalStoreAtom}from"../../jotai/store";import{operationStore}from"../../jotai/operation";export function useCodeSamples({payload:e,isWebhook:a,definitionSamples:o,pointer:t}){var l;const{parser:n,options:s}=useAtomValue(globalStoreAtom),i=useAtomValue(operationStore(t));let r=[];if(!a){const e=s.generateCodeSamples||{},a=new Set(o.map((({lang:e})=>e.toLowerCase())));r=generateCodeSamples((null===(l=e.languages)||void 0===l?void 0:l.filter((({lang:e})=>!a.has(e.toLowerCase()))))||[],e,n.definition,s.generatedPayloadSamplesMaxDepth,i)}const p=[...o,...r],m=Math.min(p.length,s.payloadSampleIdx);e&&!s.hideRequestPayloadSample&&p.splice(m,0,e);const g=p.map((e=>{var a,o;return Object.assign({key:`${e.lang}_${null!==(a=e.label)&&void 0!==a?a:""}`,title:null!==(o=e.label)&&void 0!==o?o:e.lang},e)}));return{payload:e,samples:g}}function generateCodeSamples(e,{skipOptionalParameters:a,withOAuth2Call:o},t,l,n){return e.map((({lang:e,label:s,options:i})=>({lang:e,label:s,get:s=>getCodeSample(Object.assign(Object.assign({},s),{lang:e,options:Object.assign(Object.assign({},i),{skipOptionalParameters:a,withOAuth2Call:o,spec:t,generatedPayloadSamplesMaxDepth:l,store:n})}))})))}
+import{useAtomValue}from"jotai";import{getCodeSample}from"../../services";import{globalStoreAtom}from"../../jotai/store";import{operationStore}from"../../jotai/operation";import{environmentAtom,getLangKey,languageAtom}from"../../jotai/app";export function useCodeSamples({payload:e,isWebhook:a,definitionSamples:t,pointer:o}){var n;const{parser:r,options:{codeSamples:l,generatedSamplesMaxDepth:s}}=useAtomValue(globalStoreAtom),i=useAtomValue(operationStore(o)),{languages:g}=useAtomValue(languageAtom),[m]=useAtomValue(environmentAtom),p=new Map(null==g?void 0:g.map((({key:e,order:a})=>[e,a]))),u=t.filter((e=>p.has(getLangKey(e)))),d=new Set(u.map(getLangKey));let c=[];if(!a){c=createCodeSamples((null===(n=l.languages)||void 0===n?void 0:n.filter((({lang:e,label:a})=>"Payload"!==e&&!d.has(getLangKey({lang:e,label:a})))))||[],l,r.definition,s,i,m)}const b=[...u,...c];e&&p.has(e.lang.toLowerCase())&&b.push(Object.assign(Object.assign({},e),{order:p.get(e.lang.toLowerCase())}));const S=b.map((e=>{var a;const t=null!==(a=e.label)&&void 0!==a?a:e.lang;return Object.assign({key:getLangKey(e),title:t,order:"number"==typeof p.get(t.toLowerCase())?p.get(t.toLowerCase()):9999},e)})).sort(((e,a)=>e.order-a.order));return{samples:S}}function createCodeSamples(e,{skipOptionalParameters:a,withOAuth2Call:t},o,n,r,l){return e.map((({lang:e,label:s,options:i})=>({lang:e,label:s,get:s=>getCodeSample(Object.assign(Object.assign({},s),{lang:e,options:Object.assign(Object.assign({},i),{skipOptionalParameters:a,withOAuth2Call:t,spec:o,generatedPayloadSamplesMaxDepth:n,store:r}),environment:l}))})))}
 //# sourceMappingURL=useCodeSamples.js.map

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

@@ -1,8 +1,10 @@
-import React from 'react';
+import type { ReactElement } from 'react';
 import type { OperationModel } from '../../models';
 export interface ResponseSamplesProps {
     operation: OperationModel;
+    activeResponseTab?: string;
+    onTabChange: (tab: string) => void;
 }
-declare function ResponseSamplesComponent({ operation }: ResponseSamplesProps): JSX.Element | null;
-export declare const ResponseSamples: React.MemoExoticComponent<typeof ResponseSamplesComponent>;
+declare function ResponseSamplesComponent({ operation, activeResponseTab, onTabChange, }: ResponseSamplesProps): ReactElement | null;
+export declare const ResponseSamples: import("react").MemoExoticComponent<typeof ResponseSamplesComponent>;
 export {};

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

@@ -1,2 +1,2 @@
-import React,{memo,useCallback}from"react";import{useAtomValue}from"jotai";import{TabPanel,CollapsingTabs}from"../Tabs";import{CodePanel}from"../Panel";import{PayloadSamples}from"../PayloadSamples";import{createCodeSampleCopyEvent,createPanelToggleEvent}from"../../events";import{l}from"../../services";import{globalOptionsAtom}from"../../jotai/store";function ResponseSamplesComponent({operation:e}){const{events:o}=useAtomValue(globalOptionsAtom),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 l=createCodeSampleCopyEvent({operation:e,type:"response"});null===(a=null==o?void 0:o.codeSamplesCopy)||void 0===a||a.call(o,l)}),[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 l;const t=createPanelToggleEvent({operation:e,isExpanded:a,panelType:"response-samples"});null===(l=null==o?void 0:o.panelToggle)||void 0===l||l.call(o,t)}},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})))))))}export const ResponseSamples=memo(ResponseSamplesComponent);
+import{jsx as _jsx}from"react/jsx-runtime";import{memo,useCallback}from"react";import{useAtomValue}from"jotai";import{PayloadSamples}from"../PayloadSamples";import{createCodeSampleCopyEvent}from"../../events";import{globalOptionsAtom}from"../../jotai/store";import{Summary}from"./Summary";import{Tabs}from"../Tabs";import{CodeBlockPanel}from"../common";function ResponseSamplesComponent({operation:e,activeResponseTab:o,onTabChange:a}){const{events:n}=useAtomValue(globalOptionsAtom),l=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})),s=l.map((({code:e})=>({key:e,title:e}))),t=(null==s?void 0:s.find((({key:e})=>e===o)))||(null==s?void 0:s[0]),m=useCallback((()=>{var o;const a=createCodeSampleCopyEvent({operation:e,type:"response"});null===(o=null==n?void 0:n.codeSamplesCopy)||void 0===o||o.call(n,a)}),[e,n]);if(!l.length)return null;return _jsx(CodeBlockPanel,{className:"panel-response-samples",header:()=>_jsx(Summary,{tabs:_jsx(Tabs,{tabs:s,activeTab:t,onChange:e=>a(e.key)})}),isExpandable:!1,children:l.map((e=>e.code===t.key?_jsx("div",{children:_jsx(PayloadSamples,{content:e.content,onCopyClick:m})},e.code):null))})}export const ResponseSamples=memo(ResponseSamplesComponent);
 //# sourceMappingURL=ResponseSamples.js.map

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

@@ -0,0 +1,5 @@
+import type { ReactNode, ReactElement } from 'react';
+export interface SummaryProps {
+    tabs?: ReactNode;
+}
+export declare const Summary: ({ tabs }: SummaryProps) => ReactElement;

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

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{PanelHeader,PanelHeaderTitle}from"@redocly/theme";export const Summary=({tabs:e})=>_jsxs(PanelHeader,{isExpandable:!1,children:[_jsx(PanelHeaderTitle,{"data-testid":"title",children:"Response"}),e]});
+//# sourceMappingURL=Summary.js.map

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

@@ -1,8 +1,14 @@
-import React from 'react';
+import type { ReactNode } from 'react';
 import type { ResponseModel } from '../../models';
+import type { TabType } from '../../models/tab';
 interface IOperationResponseList {
     responses: ResponseModel[];
+    operationId: string;
     operationPointer: string;
+    callbackId: string;
+    renderTitle?: (tab: TabType) => ReactNode;
+    activeResponseTab?: string;
+    onTabChange?: (key: string) => void;
 }
-export declare const OperationResponseList: ({ responses, operationPointer }: IOperationResponseList) => React.JSX.Element;
+export declare const OperationResponseList: import("react").NamedExoticComponent<IOperationResponseList>;
 export {};

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

@@ -1,2 +1,5 @@
-import React,{useCallback}from"react";import{useAtom}from"jotai";import{operationStore}from"../../jotai/operation";import{ResponsesList}from"./ResponsesList";export const OperationResponseList=({responses:e,operationPointer:o})=>{const[s,t]=useAtom(operationStore(o)),r=useCallback((e=>{t((o=>Object.assign(Object.assign({},o),{activeResponseTab:e})))}),[t]);return React.createElement(ResponsesList,{responses:e,defaultOpenCode:s.activeResponseTab,onToggle:r})};
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{memo}from"react";import{useLocation}from"react-router-dom";import styled from"styled-components";import{Tabs,useTabsState}from"../Tabs";import{ResponseDetails}from"./ResponseDetails";import{makeDeepLink}from"../../services";import{Row,StyledTitle}from"./styled";import{LinkToField}from"../common/LinkToField";import{pathIncludesLink}from"../../utils";import{ExpandAllButton}from"../ExpandAllButton";export const OperationResponseList=memo((({responses:e,renderTitle:o,operationId:t,operationPointer:s,activeResponseTab:n,onTabChange:a,callbackId:i})=>{const r=useLocation(),l=e.map((({code:e})=>({key:e,title:e}))),p=l.find((({key:e})=>e===n||pathIncludesLink(r,t)&&pathIncludesLink(r,`c=${e}`))),{activeTab:m,handleTabChange:d}=useTabsState({tabs:l,defaultTab:null==p?void 0:p.key,onChange:a}),c=l.find((e=>e.key===(n||m)));return c?_jsxs(_Fragment,{children:[_jsxs(TitleWrap,{children:[(null==o?void 0:o(c))||_jsxs(StyledTitle,{children:[_jsx(LinkToField,{to:makeDeepLink(t,`response&c=${c.key}`)}),"Responses"]}),_jsx(Tabs,{tabs:l,activeTab:c,onChange:d}),_jsx(ExpandAllButton,{type:"response",operationPointer:s})]}),e.map((e=>e.code===c.key?_jsx("div",{children:_jsx(ResponseDetails,{response:e,operationId:t,operationPointer:s,callbackId:i})},e.code):null))]}):null}));const TitleWrap=styled(Row)`
+  flex-wrap: wrap;
+  gap: var(--spacing-unit);
+`;
 //# sourceMappingURL=OperationResponseList.js.map

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

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

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

@@ -1,4 +1,2 @@
-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);
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{memo}from"react";import{ResponseHeaders}from"./ResponseHeaders";import{StyledDescription}from"./styled";import{BodyContent}from"../common/BodyContent";import{makeDeepLink}from"../../services";import{useUpdateExpandedFields}from"../ExpandAllButton";function ResponseDetailsComponent({response:e,operationId:s,operationPointer:o,callbackId:n,disableDeepLinks:r}){const{description:t,headers:i,content:p,summary:a,code:d}=e;return useUpdateExpandedFields("response",i,p,o),_jsxs(_Fragment,{children:[_jsx(StyledDescription,{className:"redoc-markdown",source:a}),_jsx(StyledDescription,{className:"redoc-markdown",source:t}),_jsx(ResponseHeaders,{headers:i,deepLink:r?void 0:generateDeepLink(s,n,d,"headers")}),_jsx(BodyContent,{content:p,skipWriteOnly:!0,deepLink:r?void 0:generateDeepLink(s,n,d,"body")})]})}export const ResponseDetails=memo(ResponseDetailsComponent);function generateDeepLink(e,s="",o,n){return makeDeepLink(e,s?`${s}/response&c=${o}/${n}`:`response&c=${o}/${n}`)}
 //# sourceMappingURL=ResponseDetails.js.map

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

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

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

@@ -1,2 +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);
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo}from"react";import{HeadersCaption,StyledHeadersProperties}from"./styled";import{PropertyDetails}from"../PropertyDetails";import{LinkToField}from"../common/LinkToField";function ResponseHeadersComponent({headers:e,deepLink:s}){return void 0===e||0===e.length?null:_jsxs(StyledHeadersProperties,{children:[_jsxs(HeadersCaption,{children:[s&&_jsx(LinkToField,{to:s}),"Headers"]}),e.map(((e,r)=>_jsx(PropertyDetails,{isFirst:0===r,field:e,disableDeepLinks:!s},e.name)))]})}export const ResponseHeaders=memo(ResponseHeadersComponent);
 //# sourceMappingURL=ResponseHeaders.js.map

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

@@ -1,6 +1,3 @@
-export { Response } from './Response';
 export { ResponseDetails } from './ResponseDetails';
 export { ResponseHeaders } from './/ResponseHeaders';
-export { ResponsesList } from './ResponsesList';
-export { ResponseSummary } from './ResponseSummary';
 export { OperationResponseList } from './OperationResponseList';

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

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

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

@@ -1,3 +1,6 @@
-export declare const HeadersCaption: import("styled-components").StyledComponent<"caption", any, {}, never>;
-export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PropertiesTableWrapStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const HeadersCaption: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledHeadersProperties: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Row: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTitle: import("styled-components").StyledComponent<"h4", any, {}, never>;
+export declare const StyledDescription: import("styled-components").StyledComponent<({ source, ast, htmlWrap, ...props }: import("../Markdown").MarkdownProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null, any, {}, never>;

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

@@ -1,14 +1,23 @@
-import styled from"styled-components";import{FieldsGroupHeader}from"../common/headers";export const HeadersCaption=styled(FieldsGroupHeader.withComponent("caption"))`
-  text-align: left;
-  margin-top: 1em;
-  caption-side: top;
-`;export const Wrapper=styled.div`
-  margin-bottom: 1em;
-`;export const PropertiesTableWrapStyled=styled.div`
-  :not(:last-child) {
-    border-bottom: 1px solid var(--global-border-color);
-    margin-bottom: 1.5em;
-    padding-bottom: 1.5em;
-  }
+import styled from"styled-components";import{Title}from"../common/OperationItemTitle";import{Markdown}from"../Markdown";export const HeadersCaption=styled.div`
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+  font-size: 18px;
+  line-height: var(--line-height-lg);
+  font-weight: var(--font-weight-semibold);
+  color: var(--text-color-primary);
+  padding: var(--spacing-xxs) 0;
+`;export const StyledHeadersProperties=styled.div`
+  margin-top: var(--spacing-md);
+`;export const Row=styled.div`
+  display: flex;
+  align-items: center;
+  margin-top: var(--spacing-base);
+`;export const StyledTitle=styled(Title)`
+  margin: 0 var(--spacing-sm) 0 0;
+  position: relative;
+`;export const StyledDescription=styled(Markdown)`
+  margin-top: var(--spacing-xs);
 `;
 //# sourceMappingURL=styled.js.map

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

@@ -1,16 +1,14 @@
-import type { PanelHeaderProps } from '@redocly/theme';
 import type { ResponseModel, FieldModel } from '../../models';
 export interface ResponseProps {
     response: ResponseModel;
     shouldBeExpandedByDefault?: boolean;
     onToggle?: (code: string) => void;
+    operationId: string;
+    operationPointer: string;
+    callbackId?: string;
+    disableDeepLinks?: boolean;
 }
 export interface ResponseHeadersProps {
     headers?: FieldModel[];
+    deepLink?: string;
 }
-export interface ResponseListProps {
-    responses: ResponseModel[];
-    defaultOpenCode?: string;
-    onToggle?: (code: string) => void;
-}
-export type ResponseTitleProps = PanelHeaderProps & ResponseProps;

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

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { GroupModel } from '../../models';
+export declare const RightPanel: ({ item: { infoDefinition: info }, }: {
+    item: GroupModel;
+}) => ReactElement | null;

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

@@ -0,0 +1,2 @@
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{Markdown as MarkdownWrapper,Panel}from"@redocly/theme";import{useAtomValue}from"jotai";import{DownloadSpecification}from"../Download";import{Overview}from"../Overview";import{LanguageList}from"../Language";import{ServerList}from"../ServerList";import{globalStoreAtom}from"../../jotai/store";import{normalizeServers}from"../../utils";import{mergeInMockServer}from"../../models/operation";import{languageAtom}from"../../jotai/app";export const RightPanel=({item:{infoDefinition:e}})=>{const{options:{hideDownloadButtons:r,mockServer:a},parser:{definition:o,definitionUrl:n}}=useAtomValue(globalStoreAtom),{languages:i,activeLanguage:s}=useAtomValue(languageAtom),t=normalizeServers(n,mergeInMockServer(o.servers||[],a));return _jsxs(_Fragment,{children:[!r&&_jsx(Panel,{className:"panel-download",header:"Download OpenAPI description",isExpandable:!1,children:_jsx(DownloadSpecification,{})}),((null==e?void 0:e.license)||(null==e?void 0:e.contact)||(null==e?void 0:e.termsOfService))&&_jsx(Panel,{className:"panel-overview",header:"Overview",isExpandable:!1,children:_jsx(MarkdownWrapper,{children:_jsx(Overview,{info:e})})}),!!(null==i?void 0:i.length)&&_jsx(Panel,{className:"panel-language-list",header:"Languages",isExpandable:!1,children:_jsx(LanguageList,{languages:i,activeLanguage:s})}),!!t.length&&_jsx(Panel,{className:"panel-servers-list",header:"Servers",isExpandable:!1,children:_jsx(ServerList,{servers:t,path:"/"})})]})};
+//# sourceMappingURL=RightPanel.js.map

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

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

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

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