@redocly/openapi-docs 3.11.0-next.0 → 3.11.0-next.10

package/lib/components/Replay/utils.js

@@ -1,2 +1 @@
-"use strict";var __rest=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};Object.defineProperty(exports,"__esModule",{value:!0}),exports.convertOperationToReplayValue=convertOperationToReplayValue,exports.convertOperationToReplayValueForRedoc=convertOperationToReplayValueForRedoc,exports.convertRequestSecurity=convertRequestSecurity;const theme_1=require("@redocly/theme"),models_1=require("../../models"),services_1=require("../../services"),utils_1=require("../../utils");function convertOperationToReplayValue(e,t,n,r){var a;if(!n)return;const o=new services_1.OpenAPIParser(n),i=null===(a=o.definition.paths)||void 0===a?void 0:a[e],s=null==i?void 0:i[t],l=(0,models_1.getOperation)(o,Object.assign(Object.assign({},s),{pathName:e,httpVerb:t,pathParameters:i.parameters||[],pathServers:i.servers||[]}),void 0,(0,services_1.normalizeOptions)({}),"",{isCallback:!1},r);if(!l)return;const c={id:l.id,name:l.name,method:l.httpVerb,operationId:l.operationId,parameters:convertParameters(l.parameters),body:convertRequestBody(l.requestBody,n),path:l.path,href:l.href,servers:l.servers,security:convertRequestSecurity(l.security),responses:Object.fromEntries(l.responses.map((e=>{var t;return[e.code,{code:e.code,description:e.description,mediaTypes:null===(t=e.content)||void 0===t?void 0:t.mediaTypes.reduce(((e,t)=>{var r;return e[t.name]={name:t.name,schema:getBodySchema(null===(r=t.schema)||void 0===r?void 0:r.rawSchema,n)},e}),{})}]})))};return c}function convertOperationToReplayValueForRedoc(e){return function(t,n,r){const a=convertOperationToReplayValue(t,n,r,e);if(a)return Object.assign(Object.assign({},a),{operationId:a.operationId||utils_1.JsonPointer.compile(["paths",a.path,a.method])})}}function convertParameters(e,t){const n=new Set,r=e.map((e=>{var r;return n.add(e.in+":"+e.name),{name:e.name,in:e.in,required:e.required,description:e.description,example:(null===(r=null==t?void 0:t[String(e.in)])||void 0===r?void 0:r[e.name])||e.example,schema:e.schema}}));for(const[e,a]of Object.entries(t||{}))for(const[t,o]of Object.entries(a||{}))n.has(e+":"+t)||r.push({name:t,in:e,required:!1,description:"",example:String(o),schema:void 0});return r}function getInputType({type:e,format:t,enum:n}){return"string"!==e||"binary"!==t&&"base64"!==t?"object"===e?"multiline":n.length>0?"select":"text":"file"}function getFieldExamples(e,t){var n,r,a,o,i;const s=(null===(n=e[0])||void 0===n?void 0:n.example)||(null===(r=e[0])||void 0===r?void 0:r.examples);if(s)return s;if(null===(a=e.schema)||void 0===a?void 0:a.example)return e.schema.example;const l=(null===(o=null==t?void 0:t.default)||void 0===o?void 0:o.value)||(null===(i=null==t?void 0:t.default)||void 0===i?void 0:i.rawValue);return(null==l?void 0:l[e.name])?(0,theme_1.isPrimitive)(null==l?void 0:l[e.name])?String(null==l?void 0:l[e.name]):JSON.stringify(null==l?void 0:l[e.name]):""}function convertRequestBody(e,t,n){var r;if(!e||!(null===(r=e.content)||void 0===r?void 0:r.mediaTypes)){if(!n)return;const{activeExampleName:e}=n,t=__rest(n,["activeExampleName"]);return{activeExampleName:e,mediaTypes:Object.fromEntries(Object.entries(t).map((([e,t])=>[e,{name:e,examples:{default:{value:t}},schema:{},parameters:[]}])))}}return{required:e.required,activeExampleName:null==n?void 0:n.activeExampleName,mediaTypes:e.content.mediaTypes.reduce(((e,r)=>{var a,o;const i=r.schema,s=(null==n?void 0:n[r.name])?{default:{value:null==n?void 0:n[r.name],rawValue:null==n?void 0:n[r.name],mime:r.name}}:r.examples||r.formExamples;return e[r.name]={name:r.name,examples:s,schema:getBodySchema(null===(a=r.schema)||void 0===a?void 0:a.rawSchema,t),parameters:null===(o=null==i?void 0:i.fields)||void 0===o?void 0:o.map((e=>({inputType:getInputType(e.schema),name:e.name,example:getFieldExamples(e,s)})))},e}),{})}}function getBodySchema(e,t){if(e&&t)return Object.assign(Object.assign({},e),{components:(null==t?void 0:t.components)||{}})}function convertRequestSecurity(e){if(e)return e.map((({schemes:e})=>e.map((e=>{const t={id:e.id,type:e.type,in:e.in,openIdConnectUrl:e.openIdConnectUrl,scopes:e.scopes,scheme:e.scheme,name:e.name,flows:e.flows,"x-defaultAccessToken":e["x-defaultAccessToken"],"x-defaultTokenType":e["x-defaultTokenType"],"x-defaultClientId":e["x-defaultClientId"],"x-defaultClientSecret":e["x-defaultClientSecret"],"x-defaultUsername":e["x-defaultUsername"],"x-defaultPassword":e["x-defaultPassword"]};return Object.keys(t).forEach((e=>void 0===t[e]&&delete t[e])),t}))))}
-//# sourceMappingURL=utils.js.map
+import{isPrimitive as p}from"@redocly/theme";import{getOperation as d}from"../../models/index.js";import{normalizeOptions as f,OpenAPIParser as h}from"../../services/index.js";import{JsonPointer as x}from"../../utils/index.js";function v(t,a,n,r){if(!n)return;const e=new h(n),i=e.definition.paths?.[t],m=i?.[a],o=d(e,{...m,pathName:t,httpVerb:a,pathParameters:i.parameters||[],pathServers:i.servers||[]},void 0,f({}),"",{isCallback:!1},r);return o?{id:o.id,name:o.name,method:o.httpVerb,operationId:o.operationId,parameters:b(o.parameters),body:g(o.requestBody,n),path:o.path,href:o.href,servers:o.servers,security:w(o.security),responses:Object.fromEntries(o.responses.map(s=>[s.code,{code:s.code,description:s.description,mediaTypes:s.content?.mediaTypes.reduce((c,u)=>(c[u.name]={name:u.name,schema:l(u.schema?.rawSchema,n)},c),{})}]))}:void 0}function C(t){return function(a,n,r){const e=v(a,n,r,t);if(e)return{...e,operationId:e.operationId||x.compile(["paths",e.path,e.method])}}}function b(t,a){const n=new Set,r=t.map(e=>(n.add(e.in+":"+e.name),{name:e.name,in:e.in,required:e.required,description:e.description,example:a?.[String(e.in)]?.[e.name]||e.example,schema:e.schema}));for(const[e,i]of Object.entries(a||{}))for(const[m,o]of Object.entries(i||{}))n.has(e+":"+m)||r.push({name:m,in:e,required:!1,description:"",example:String(o),schema:void 0});return r}function S({type:t,format:a,enum:n}){return t==="string"&&(a==="binary"||a==="base64")?"file":t==="object"?"multiline":n.length>0?"select":"text"}function O(t,a){const n=t[0]?.example||t[0]?.examples;if(n)return n;if(t.schema?.example)return t.schema.example;const r=a?.default?.value||a?.default?.rawValue;return r?.[t.name]?p(r?.[t.name])?String(r?.[t.name]):JSON.stringify(r?.[t.name]):""}function g(t,a,n){if(!t||!t.content?.mediaTypes){if(!n)return;const{activeExampleName:r,...e}=n;return{activeExampleName:r,mediaTypes:Object.fromEntries(Object.entries(e).map(([i,m])=>[i,{name:i,examples:{default:{value:m}},schema:{},parameters:[]}]))}}return{required:t.required,activeExampleName:n?.activeExampleName,mediaTypes:t.content.mediaTypes.reduce((r,e)=>{const i=e.schema,m=n?.[e.name]?{default:{value:n?.[e.name],rawValue:n?.[e.name],mime:e.name}}:e.examples||e.formExamples;return r[e.name]={name:e.name,examples:m,schema:l(e.schema?.rawSchema,a),parameters:i?.fields?.map(o=>({inputType:S(o.schema),name:o.name,example:O(o,m)}))},r},{})}}function l(t,a){if(!(!t||!a))return{...t,components:a?.components||{}}}function w(t){if(t)return t.map(({schemes:a})=>a.map(n=>{const r={id:n.id,type:n.type,in:n.in,openIdConnectUrl:n.openIdConnectUrl,scopes:n.scopes,scheme:n.scheme,name:n.name,flows:n.flows,"x-defaultAccessToken":n["x-defaultAccessToken"],"x-defaultTokenType":n["x-defaultTokenType"],"x-defaultClientId":n["x-defaultClientId"],"x-defaultClientSecret":n["x-defaultClientSecret"],"x-defaultUsername":n["x-defaultUsername"],"x-defaultPassword":n["x-defaultPassword"]};return Object.keys(r).forEach(e=>r[e]===void 0&&delete r[e]),r}))}export{v as convertOperationToReplayValue,C as convertOperationToReplayValueForRedoc,w as convertRequestSecurity};

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

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

package/lib/components/Request/RequestDetails.js

@@ -1,4 +1,3 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestDetails=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common"),OperationItemTitle_1=require("../common/OperationItemTitle"),LinkToField_1=require("../common/LinkToField"),services_1=require("../../services"),Description_1=require("../OperationItem/Description"),Security_1=require("../Security"),ExpandAllButton_1=require("../ExpandAllButton"),RequestParameters_1=require("../RequestParameters"),app_1=require("../../jotai/app"),mediaContent_1=require("../../models/mediaContent");function RequestDetailsComponent({operation:{id:e,description:t,externalDocs:i,parameters:r,requestBody:s,pointer:n,security:o,extensions:a,callbackId:u},title:_,translate:m}){const l=(0,jotai_1.useAtomValue)(app_1.activeMimeNameAtom),c=(0,react_1.useMemo)((()=>{var e;const t=r.some((({schema:e})=>!e.isPrimitive&&!e.isCircular));if(!(null==s?void 0:s.content)||t)return t;const{schema:i}=(0,mediaContent_1.getActiveMediaType)(s.content,l)||{};return null===(e=null==i?void 0:i.fields)||void 0===e?void 0:e.some((({schema:e})=>!e.isPrimitive&&!e.isCircular))}),[l,r,null==s?void 0:s.content]);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(common_1.Row,{children:(0,jsx_runtime_1.jsxs)(HeadingWrapper,{children:[(0,jsx_runtime_1.jsxs)(OperationItemTitle_1.Title,{children:[e&&(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(e,"request")}),_||(null==m?void 0:m("openapi.request","Request")),c&&(0,jsx_runtime_1.jsx)(ExpandAllButton_1.ExpandAllButton,{operationPointer:n,type:"request"})]}),(0,jsx_runtime_1.jsx)(Description_1.Description,{description:t||i?t:void 0,externalDocs:i,extensions:a}),(0,jsx_runtime_1.jsx)(Security_1.Security,{securities:o})]})}),(0,jsx_runtime_1.jsx)(RequestParameters_1.RequestParameters,{parameters:r,body:s,operationId:e,callbackId:u})]})}const HeadingWrapper=styled_components_1.default.div`
+import{jsx as e,jsxs as s,Fragment as q}from"react/jsx-runtime";import{memo as v,useMemo as P}from"react";import{useAtomValue as A}from"jotai";import{Row as N}from"../common/index.js";import{Title as j}from"../common/OperationItemTitle.js";import{LinkToField as k}from"../common/LinkToField.js";import{makeDeepLink as y}from"../../services/index.js";import{Description as D}from"../OperationItem/Description.js";import{Security as M}from"../Security/index.js";import{ExpandAllButton as T}from"../ExpandAllButton/index.js";import{RequestParameters as w}from"../RequestParameters/index.js";import{activeMimeNameAtom as C}from"../../jotai/app.js";import{getActiveMediaType as F}from"../../models/mediaContent.js";import{styled as _}from"../../styled-components.js";function b({operation:{id:r,description:m,externalDocs:n,parameters:i,requestBody:o,pointer:c,security:l,extensions:u,callbackId:d},title:f,translate:h,onPanelToggle:x}){const a=A(C),R=P(()=>{const p=i.some(({schema:t})=>!t.isPrimitive&&!t.isCircular);if(!o?.content||p)return p;const{schema:g}=F(o.content,a)||{};return g?.fields?.some(({schema:t})=>!t.isPrimitive&&!t.isCircular)},[a,i,o?.content]);return s(q,{children:[e(N,{children:s(E,{children:[s(j,{children:[r&&e(k,{to:y(r,"request")}),f||h?.("openapi.request","Request"),R&&e(T,{operationPointer:c,type:"request",onPanelToggle:x})]}),e(D,{description:m||n?m:void 0,externalDocs:n,extensions:u}),e(M,{securities:l})]})}),e(w,{parameters:i,body:o,operationId:r,callbackId:d})]})}const E=_.div`
   width: 100%;
-`;exports.RequestDetails=(0,react_1.memo)(RequestDetailsComponent);
-//# sourceMappingURL=RequestDetails.js.map
+`,Y=v(b);export{Y as RequestDetails};

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

@@ -1,8 +1,10 @@
 import type { TFunction } from '@redocly/theme';
 import type { ReactNode } from 'react';
 import type { OperationModel } from '../../models';
+import type { PanelType } from '../../events/types';
 export interface RequestProps {
     operation: Pick<OperationModel, 'security' | 'pointer' | 'description' | 'externalDocs' | 'extensions' | 'parameters' | 'requestBody' | 'id' | 'callbackId'>;
     title?: string | ReactNode;
     translate?: TFunction;
+    onPanelToggle?: (isExpanded: boolean, panelType?: PanelType) => void;
 }

package/lib/components/Request/types.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});
-//# sourceMappingURL=types.js.map

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

@@ -1,4 +1,4 @@
-import type { MediaContentModel } from '../../models';
+import type { MediaContentModel } from '../../models/index.js';
 interface BodyContentProps {
     content: MediaContentModel;
     description?: string | GenericObject;

package/lib/components/RequestParameters/Body.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Body=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),BodyContent_1=require("../common/BodyContent");function BodyComponent({content:e,description:t,required:n,deepLink:o}){return(0,jsx_runtime_1.jsx)(BodyContent_1.BodyContent,{content:e,required:n,description:t,skipReadOnly:e.isRequestType,skipWriteOnly:!e.isRequestType,deepLink:o})}exports.Body=(0,react_1.memo)(BodyComponent);
-//# sourceMappingURL=Body.js.map
+import{jsx as t}from"react/jsx-runtime";import{memo as p}from"react";import{BodyContent as s}from"../common/BodyContent/index.js";function n({content:e,description:o,required:i,deepLink:r}){return t(s,{content:e,required:i,description:o,skipReadOnly:e.isRequestType,skipWriteOnly:!e.isRequestType,deepLink:r})}const u=p(n);export{u as Body};

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

@@ -1,4 +1,4 @@
-import type { FieldModel } from '../../models';
+import type { FieldModel } from '../../models/index.js';
 interface ParametersGroupProps {
     title: string;
     parameters: FieldModel[];

package/lib/components/RequestParameters/ParametersGroup.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ParametersGroup=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),PropertyDetails_1=require("../PropertyDetails"),LinkToField_1=require("../common/LinkToField");function ParametersGroupComponent({title:e,parameters:t,deepLink:r}){return t&&t.length?(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsxs)(Title,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:r}),e]}),t.map(((e,t)=>(0,jsx_runtime_1.jsx)(PropertyDetails_1.PropertyDetails,{isFirst:0===t,field:e},e.name)))]}):null}exports.ParametersGroup=(0,react_1.memo)(ParametersGroupComponent);const Title=styled_components_1.default.span`
+import{jsx as o,jsxs as t}from"react/jsx-runtime";import{memo as p}from"react";import{LinkIcon as m}from"@redocly/theme";import{PropertyDetails as l}from"../PropertyDetails/index.js";import{LinkToField as c}from"../common/LinkToField.js";import{styled as e}from"../../styled-components.js";function g({title:n,parameters:i,deepLink:s}){return!i||!i.length?null:t(v,{children:[t(f,{children:[o(c,{to:s}),n]}),i.map((r,a)=>o(l,{isFirst:a===0,field:r},r.name))]})}const b=p(g),f=e.span`
   position: relative;
   display: flex;
   align-items: center;
@@ -10,12 +10,11 @@
   padding: var(--spacing-xxs) 0;
 
   :hover {
-    ${theme_1.LinkIcon} {
+    ${m} {
       opacity: 1;
       visibility: visible;
     }
   }
-`,Wrapper=styled_components_1.default.div`
+`,v=e.div`
   margin-top: var(--spacing-md);
-`;
-//# sourceMappingURL=ParametersGroup.js.map
+`;export{b as ParametersGroup};

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

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import type { FieldModel, RequestBodyModel } from '../../models';
+import type { FieldModel, RequestBodyModel } from '../../models/index.js';
 export interface ParametersProps {
     parameters?: FieldModel[];
     body?: RequestBodyModel;

package/lib/components/RequestParameters/RequestParameters.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestParameters=RequestParameters;const jsx_runtime_1=require("react/jsx-runtime"),ParametersGroup_1=require("./ParametersGroup"),Body_1=require("./Body"),services_1=require("../../services"),hooks_1=require("../../hooks"),PARAM_PLACES=["path","query","cookie","header"];function RequestParameters({body:e,parameters:r=[],operationId:t,callbackId:s}){const n=(0,hooks_1.useTranslate)();if(!e&&!r.length)return null;const o={[PARAM_PLACES[0]]:n("openapi.path","Path"),[PARAM_PLACES[1]]:n("openapi.query","Query"),[PARAM_PLACES[2]]:n("openapi.cookie","Cookies"),[PARAM_PLACES[3]]:n("openapi.header","Headers")},a=(e=>{const r={};return e.forEach((e=>{safePush(r,e.in,e)})),r})(r),i=r.length>0?PARAM_PLACES:[],{content:u,description:p,required:_}=e||{};return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[i.map((e=>(0,jsx_runtime_1.jsx)(ParametersGroup_1.ParametersGroup,{title:o[e],parameters:a[e],deepLink:generateDeepLink(t,s,e)},e))),u&&(0,jsx_runtime_1.jsx)(Body_1.Body,{content:u,description:p,required:_,deepLink:generateDeepLink(t,s)})]})}function safePush(e,r="",t){e[r]||(e[r]=[]),e[r].push(t)}function generateDeepLink(e,r,t="body"){const s=""+(r?`${r}/request/${t}`:`request/${t}`);return(0,services_1.makeDeepLink)(e,s)}
-//# sourceMappingURL=RequestParameters.js.map
+import{jsx as p,Fragment as A,jsxs as k}from"react/jsx-runtime";import{ParametersGroup as x}from"./ParametersGroup.js";import{Body as y}from"./Body.js";import{makeDeepLink as _}from"../../services/index.js";import{useTranslate as g}from"../../hooks/index.js";const o=["path","query","cookie","header"];function j({body:r,parameters:e=[],operationId:t,callbackId:s}){const i=g();if(!r&&!e.length)return null;const f={[o[0]]:i("openapi.path","Path"),[o[1]]:i("openapi.query","Query"),[o[2]]:i("openapi.cookie","Cookies"),[o[3]]:i("openapi.header","Headers")},d=(n=>{const u={};return n.forEach(m=>{L(u,m.in,m)}),u})(e),h=e.length>0?o:[],{content:a,description:P,required:q}=r||{};return k(A,{children:[h.map(n=>p(x,{title:f[n],parameters:d[n],deepLink:c(t,s,n)},n)),a&&p(y,{content:a,description:P,required:q,deepLink:c(t,s)})]})}function L(r,e="",t){r[e]||(r[e]=[]),r[e].push(t)}function c(r,e,t="body"){const s=`${e?`${e}/request/${t}`:`request/${t}`}`;return _(r,s)}export{j as RequestParameters};

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

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

package/lib/components/RequestParameters/index.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Body=exports.RequestParameters=void 0;var RequestParameters_1=require("./RequestParameters");Object.defineProperty(exports,"RequestParameters",{enumerable:!0,get:function(){return RequestParameters_1.RequestParameters}});var Body_1=require("./Body");Object.defineProperty(exports,"Body",{enumerable:!0,get:function(){return Body_1.Body}});
-//# sourceMappingURL=index.js.map
+import{RequestParameters as o}from"./RequestParameters.js";import{ParametersGroup as m}from"./ParametersGroup.js";import{Body as p}from"./Body.js";export{p as Body,m as ParametersGroup,o as RequestParameters};

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

@@ -1,6 +1,6 @@
-import type { OperationModel } from '../../models';
-import type { Unstable_ExternalCodeSample } from '../../services';
-import type { ExampleSwitchOptions } from '../Samples';
+import type { OperationModel } from '../../models/index.js';
+import type { Unstable_ExternalCodeSample } from '../../services/index.js';
+import type { ExampleSwitchOptions } from '../Samples/index.js';
 interface CodeSamplesProps extends ExampleSwitchOptions {
     operation: OperationModel;
     lang: string;

package/lib/components/RequestSamples/CodeSample.js

@@ -1,4 +1,4 @@
-"use strict";var __rest=this&&this.__rest||function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.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++)r.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(t[o[l]]=e[o[l]])}return t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodeSample=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),SelectOrLabel_1=require("../SelectOrLabel"),MediaTypeSwitch_1=require("../MediaTypeSwitch"),PayloadSamples_1=require("../PayloadSamples"),Example_1=require("./Example"),common_1=require("../common");function CodeSampleComponent(e){var r,{onCopyClick:t}=e,o=__rest(e,["onCopyClick"]);const l=null===(r=o.operation.requestBody)||void 0===r?void 0:r.content,a=(0,react_1.useCallback)((e=>{var r,t;return(null!==(t=null===(r=null==l?void 0:l.mediaTypes)||void 0===r?void 0:r.length)&&void 0!==t?t:0)>1?(0,jsx_runtime_1.jsx)(PayloadSamples_1.SelectWrapper,{children:(0,jsx_runtime_1.jsx)(SelectOrLabel_1.SelectOrLabel,Object.assign({Label:common_1.MimeLabel,Select:common_1.Select,variant:"dark",fullWidth:!0},e))}):null}),[l]),n=(0,react_1.useCallback)((e=>o.source?(0,jsx_runtime_1.jsx)(StyledCodeBlock,{lang:o.lang,source:o.source,header:{className:"code-block-header",controls:{copy:{onClick:t}}}}):(0,jsx_runtime_1.jsx)(StyledCodeBlock,{lang:o.lang,externalSource:{sample:o.externalSample,exampleName:e,operation:o.operation,pathParams:o.pathParams,properties:o.properties},header:{className:"code-block-header",controls:{copy:{onClick:t}}}})),[t,o.externalSample,o.lang,o.operation,o.pathParams,o.properties,o.source]);return void 0===l||null!=o.source?n():(0,jsx_runtime_1.jsx)(MediaTypeSwitch_1.MediaTypesSwitch,{content:l,renderSelect:a,children:e=>(0,jsx_runtime_1.jsx)(Example_1.Example,{mediaType:e,mediaContent:l,renderSample:n})})}exports.CodeSample=(0,react_1.memo)(CodeSampleComponent);const StyledCodeBlock=(0,styled_components_1.default)(theme_1.CodeBlock)`
+import{jsx as r}from"react/jsx-runtime";import{memo as d,useCallback as l}from"react";import{CodeBlock as i}from"@redocly/theme";import{SelectOrLabel as s}from"../SelectOrLabel/index.js";import{MediaTypesSwitch as u}from"../MediaTypeSwitch/index.js";import{SelectWrapper as S}from"../PayloadSamples/index.js";import{Example as h}from"./Example.js";import{MimeLabel as f,Select as b}from"../common/index.js";import{styled as g}from"../../styled-components.js";function p({onCopyClick:o,...e}){const t=e.operation.requestBody?.content,c=l(a=>(t?.mediaTypes?.length??0)>1?r(S,{children:r(s,{Label:f,Select:b,variant:"dark",fullWidth:!0,...a})}):null,[t]),n=l(a=>e.source?r(m,{lang:e.lang,source:e.source,header:{className:"code-block-header",controls:{copy:{onClick:o}}}}):r(m,{lang:e.lang,externalSource:{sample:e.externalSample,exampleName:a,operation:e.operation,pathParams:e.pathParams,properties:e.properties},header:{className:"code-block-header",controls:{copy:{onClick:o}}}}),[o,e.externalSample,e.lang,e.operation,e.pathParams,e.properties,e.source]);return t===void 0||e.source!=null?n():r(u,{content:t,renderSelect:c,children:a=>r(h,{mediaType:a,mediaContent:t,renderSample:n})})}const M=d(p),m=g(i)`
   border: none;
   margin: 0;
 
@@ -6,5 +6,4 @@
     border-bottom: 0;
     padding-right: var(--spacing-sm);
   }
-`;
-//# sourceMappingURL=CodeSample.js.map
+`;export{M as CodeSample};

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

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import type { MediaContentModel, MediaTypeModel } from '../../models';
+import type { MediaContentModel, MediaTypeModel } from '../../models/index.js';
 interface ExampleProps {
     mediaType: MediaTypeModel;
     mediaContent: MediaContentModel;

package/lib/components/RequestSamples/Example.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Example=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),Samples_1=require("../Samples"),hooks_1=require("../../hooks"),operation_1=require("../../jotai/operation");function ExampleComponent({mediaType:e,mediaContent:t,renderSample:a}){const o=(0,hooks_1.useTelemetry)(),r=e.operation.pointer,[s,n]=(0,jotai_1.useAtom)((0,operation_1.operationStore)(r)),i=e.examples||{},p=Object.keys(i),m=(0,hooks_1.useActivateExample)(t),{exampleKey:l}=(0,Samples_1.useExampleKey)(e.operation,i);if(!p.length||1===p.length)return a();return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Samples_1.ExampleSwitch,{examples:i,exampleKey:l,onChange:e=>{o.send({type:"openapi_docs.examples_switcher.clicked",payload:{example:e,number_of_examples:p.length}}),n(Object.assign(Object.assign({},s),{activeExampleName:e,activeOneOf:{[r]:p.indexOf(e)},requestValues:{body:null}})),m(e)}}),a(l)]})}exports.Example=(0,react_1.memo)(ExampleComponent);
-//# sourceMappingURL=Example.js.map
+import{jsx as c,Fragment as f,jsxs as h}from"react/jsx-runtime";import{memo as u}from"react";import{useAtom as E}from"jotai";import{ExampleSwitch as g,useExampleKey as _}from"../Samples/index.js";import{useActivateExample as d,useTelemetry as j}from"../../hooks/index.js";import{operationStore as y}from"../../jotai/operation.js";function O({mediaType:o,mediaContent:p,renderSample:n}){const r=j(),m=o.operation.pointer,[l,x]=E(y(m)),a=o.examples||{},e=Object.keys(a),i=d(p),{exampleKey:s}=_(o.operation,a);return!e.length||e.length===1?n():h(f,{children:[c(g,{examples:a,exampleKey:s,onChange:t=>{r.send({type:"openapi_docs.examples_switcher.clicked",payload:{example:t,number_of_examples:e.length}}),x({...l,activeExampleName:t,activeOneOf:{[m]:e.indexOf(t)},requestValues:{body:null}}),i(t)}}),n(s)]})}const N=u(O);export{N as Example};

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

@@ -1,8 +1,10 @@
-import type { OperationModel } from '../../models';
+import type { OperationModel } from '../../models/index.js';
+import type { PanelType } from '../../events/types.js';
 interface RequestSamplesProps {
     operation: OperationModel;
     defaultLanguage?: string;
     disableFooter?: boolean;
+    onPanelToggle?: (isExpanded: boolean, panelType?: PanelType) => void;
 }
 export declare const RequestSamples: import("react").NamedExoticComponent<RequestSamplesProps>;
 export {};

package/lib/components/RequestSamples/RequestSamples.js

@@ -1,13 +1,12 @@
-"use strict";var __rest=this&&this.__rest||function(e,a){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&a.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(t=Object.getOwnPropertySymbols(e);r<t.length;r++)a.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(e,t[r])&&(o[t[r]]=e[t[r]])}return o},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestSamples=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),PayloadSamples_1=require("../PayloadSamples"),CodeSample_1=require("./CodeSample"),useCodeSamples_1=require("./useCodeSamples"),models_1=require("../../models"),events_1=require("../../events"),store_1=require("../../jotai/store"),ServerListDropdown_1=require("../ServerListDropdown"),Language_1=require("../Language"),app_1=require("../../jotai/app"),Replay_1=require("../Replay"),common_1=require("../common"),hooks_1=require("../../hooks"),operation_1=require("../../jotai/operation");function RequestSamplesComponent(e){var{operation:a,disableFooter:o}=e,t=__rest(e,["operation","disableFooter"]);const r=(0,hooks_1.useTelemetry)(),[{activeLanguage:s,languages:n},l]=(0,jotai_1.useAtom)(app_1.languageAtom),{samples:i}=(0,useCodeSamples_1.useCodeSamples)(a),{parser:p,options:{events:d,corsProxyUrl:u,hideReplay:_}}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),m=!(o||a.isWebhook||_||a.hideReplay),c=!!(null==n?void 0:n.length),y=(0,hooks_1.useActiveWithFallback)(i,s),g=e=>{l(e),r.send({type:"openapi_docs.select_language.clicked",payload:{language:e}})},x=(0,jotai_1.useAtomValue)(app_1.activeMimeNameAtom),{activeExampleName:j}=(0,jotai_1.useAtomValue)((0,operation_1.operationStore)(a.pointer)),v=(0,react_1.useCallback)((({lang:e,title:o})=>()=>{var t;const s=(0,events_1.createCodeSampleCopyEvent)({operation:a,label:o,lang:e,type:"request",activeMimeName:x,activeExampleName:j});r.send({type:"openapi_docs.copy_code_snippet.clicked",payload:{snippet_type:"request",language:e}}),null===(t=null==d?void 0:d.codeSamplesCopy)||void 0===t||t.call(d,s)}),[a,r,d,x,j]),S=()=>(0,jsx_runtime_1.jsxs)(StyledPanelHeader,{isExpandable:!1,withReplay:!c&&m,children:[(0,jsx_runtime_1.jsx)(StyledServerListDropdown,{operation:a}),c&&(0,jsx_runtime_1.jsx)(Language_1.LanguageDropdown,{activeTab:y,samples:i,onChange:g}),!c&&m&&(0,jsx_runtime_1.jsx)(Replay_1.Replay,{operation:a,corsProxyUrl:u,fullOpenApi:p.definition})]}),h=(0,react_1.useMemo)((()=>{if(m&&c)return(0,jsx_runtime_1.jsx)(ReplayWrapper,{children:(0,jsx_runtime_1.jsx)(Replay_1.Replay,{operation:a,corsProxyUrl:u,fullOpenApi:p.definition})})}),[m,c,a,u,p.definition]),f=(0,react_1.useMemo)((()=>i.map((e=>e.key===y?(0,jsx_runtime_1.jsx)("div",{children:(0,models_1.isPayloadSample)(e)?(0,jsx_runtime_1.jsx)(PayloadSamples_1.PayloadSamples,Object.assign({content:e.requestBodyContent,onCopyClick:v(e)},t)):(0,jsx_runtime_1.jsx)(CodeSample_1.CodeSample,Object.assign({lang:e.lang,source:e.source,externalSample:e,operation:a,onCopyClick:v(e)},t))},e.key+a.id):null))),[y,v,a,t,i]);return n&&!i.length?(0,jsx_runtime_1.jsx)(common_1.CodeBlockPanel,{className:"panel-request-samples",header:S,isExpandable:!1,expanded:!1}):i.length?(0,jsx_runtime_1.jsx)(common_1.CodeBlockPanel,{className:"panel-request-samples",header:S,footer:h,isExpandable:!1,children:f}):null}exports.RequestSamples=(0,react_1.memo)(RequestSamplesComponent);const StyledPanelHeader=(0,styled_components_1.default)(theme_1.PanelHeader)`
+import{jsx as o,jsxs as D}from"react/jsx-runtime";import{memo as M,useCallback as k,useMemo as A}from"react";import{useAtomValue as y,useAtom as T}from"jotai";import{PanelHeader as U}from"@redocly/theme";import{PayloadSamples as W}from"../PayloadSamples/index.js";import{CodeSample as B}from"./CodeSample.js";import{useCodeSamples as F}from"./useCodeSamples.js";import{isPayloadSample as H}from"../../models/index.js";import{createCodeSampleCopyEvent as O,createLanguageSwitchEvent as V}from"../../events/index.js";import{globalStoreAtom as $}from"../../jotai/store.js";import{ServerListDropdown as z}from"../ServerListDropdown/index.js";import{LanguageDropdown as G}from"../Language/index.js";import{activeMimeNameAtom as J,languageAtom as K}from"../../jotai/app.js";import{Replay as L}from"../Replay/index.js";import{CodeBlockPanel as w}from"../common/index.js";import{useActiveWithFallback as Q,useTelemetry as X}from"../../hooks/index.js";import{operationStore as Y}from"../../jotai/operation.js";import{styled as v}from"../../styled-components.js";function Z({operation:a,disableFooter:P,onPanelToggle:S,...p}){const c=X(),[{activeLanguage:q,languages:m},R]=T(K),{samples:n}=F(a),{parser:d,options:{events:s,corsProxyUrl:g,hideReplay:_}}=y($),i=!P&&!a.isWebhook&&!_&&!a.hideReplay,t=!!m?.length,u=Q(n,q),E=e=>{R(e),c.send({type:"openapi_docs.select_language.clicked",payload:{language:e}});const r=m?.find(l=>l.key===e);if(s?.codeSamplesLanguageSwitch&&r){const l=V({operation:a,sample:{lang:r.lang,label:r.title}});s.codeSamplesLanguageSwitch(l)}},h=y(J),{activeExampleName:x}=y(Y(a.pointer)),f=k(({lang:e,title:r})=>()=>{const l=O({operation:a,label:r,lang:e,type:"request",activeMimeName:h,activeExampleName:x});c.send({type:"openapi_docs.copy_code_snippet.clicked",payload:{snippet_type:"request",language:e}}),s?.codeSamplesCopy?.(l)},[a,c,s,h,x]),b=k(e=>{S?.(e,"request-samples")},[S]),C=()=>D(I,{isExpandable:!1,withReplay:!t&&i,children:[o(ee,{operation:a}),t&&o(G,{activeTab:u,samples:n,onChange:E}),!t&&i&&o(L,{operation:a,corsProxyUrl:g,fullOpenApi:d.definition})]}),j=A(()=>{if(i&&t)return o(ae,{children:o(L,{operation:a,corsProxyUrl:g,fullOpenApi:d.definition})})},[i,t,a,g,d.definition]),N=A(()=>n.map(e=>e.key===u?o("div",{children:H(e)?o(W,{content:e.requestBodyContent,onCopyClick:f(e),onPanelToggle:b,...p}):o(B,{lang:e.lang,source:e.source,externalSample:e,operation:a,onCopyClick:f(e),...p})},e.key+a.id):null),[u,f,b,a,p,n]);return m&&!n.length?o(w,{className:"panel-request-samples",header:C,isExpandable:!1,expanded:!1}):n.length?o(w,{className:"panel-request-samples",header:C,footer:j,isExpandable:!1,children:N}):null}const xe=M(Z),I=v(U)`
   flex-wrap: nowrap;
-  ${({withReplay:e})=>e&&"padding: var(--spacing-xs) var(--spacing-sm);"}
-`,StyledServerListDropdown=(0,styled_components_1.default)(ServerListDropdown_1.ServerListDropdown)`
+  ${({withReplay:a})=>a&&"padding: var(--spacing-xs) var(--spacing-sm);"}
+`,ee=v(z)`
   padding-right: var(--spacing-base);
   min-width: 0;
-`,ReplayWrapper=styled_components_1.default.div`
+`,ae=v.div`
   display: flex;
   justify-content: flex-end;
   border-top: var(--panel-border);
   padding: var(--spacing-base) var(--spacing-md) var(--spacing-md);
-`;
-//# sourceMappingURL=RequestSamples.js.map
+`;export{xe as RequestSamples};

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

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

package/lib/components/RequestSamples/index.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestSamples=exports.CodeSample=void 0;var CodeSample_1=require("./CodeSample");Object.defineProperty(exports,"CodeSample",{enumerable:!0,get:function(){return CodeSample_1.CodeSample}});var RequestSamples_1=require("./RequestSamples");Object.defineProperty(exports,"RequestSamples",{enumerable:!0,get:function(){return RequestSamples_1.RequestSamples}});
-//# sourceMappingURL=index.js.map
+import{CodeSample as m}from"./CodeSample.js";import{RequestSamples as r}from"./RequestSamples.js";export{m as CodeSample,r as RequestSamples};

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

@@ -1,6 +1,6 @@
-import type { Unstable_ExternalCodeSample } from '../../services';
-import type { OperationModel } from '../../models';
-import type { OpenAPIXCodeSample } from '../../types';
+import type { Unstable_ExternalCodeSample } from '../../services/index.js';
+import type { OperationModel } from '../../models/index.js';
+import type { OpenAPIXCodeSample } from '../../types/index.js';
 export declare function useCodeSamples({ payload, isWebhook, definitionSamples, pointer, envVariables, }: OperationModel): {
     samples: Array<{
         key: string;

package/lib/components/RequestSamples/useCodeSamples.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useCodeSamples=useCodeSamples;const jotai_1=require("jotai"),services_1=require("../../services"),store_1=require("../../jotai/store"),operation_1=require("../../jotai/operation"),app_1=require("../../jotai/app"),hooks_1=require("../../hooks");function useCodeSamples({payload:e,isWebhook:a,definitionSamples:t,pointer:o,envVariables:s}){var n,r;const{parser:l,options:{codeSamples:i,generatedSamplesMaxDepth:p}}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),u=(0,jotai_1.useAtomValue)(app_1.activeMimeNameAtom),g=(0,jotai_1.useAtomValue)((0,operation_1.operationStore)(o)),{languages:c}=(0,jotai_1.useAtomValue)(app_1.languageAtom),[m]=(0,jotai_1.useAtomValue)(app_1.environmentAtom),d=(0,hooks_1.useTranslate)(),v=new Map(null==c?void 0:c.map((({key:e,order:a})=>[e,a]))),_=applyEnvironments(t.filter((e=>v.has((0,app_1.getLangKey)(e)))),s,m),b=new Set(_.map(app_1.getLangKey));let j=[];if(!a){j=createCodeSamples((null===(n=i.languages)||void 0===n?void 0:n.filter((({lang:e,label:a})=>"Payload"!==e&&!b.has((0,app_1.getLangKey)({lang:e,label:a})))))||[],i,l.definition,p,g,m,d,u)}const O=[..._,...j],h=null===(r=null==c?void 0:c.find((({lang:a})=>a===(null==e?void 0:e.lang))))||void 0===r?void 0:r.title,y=e&&(0,app_1.getLangKey)({label:h,lang:e.lang});e&&y&&v.has(y)&&O.push(Object.assign(Object.assign({},e),{label:h,order:v.get(y)}));const f=O.map((e=>{var a;const t=null!==(a=e.label)&&void 0!==a?a:e.lang;return Object.assign({key:(0,app_1.getLangKey)(e),title:t,order:"number"==typeof v.get(t.toLowerCase())?v.get(t.toLowerCase()):9999},e)})).sort(((e,a)=>e.order-a.order));return{samples:f}}function createCodeSamples(e,{skipOptionalParameters:a,withOAuth2Call:t},o,s,n,r,l,i){return e.map((({lang:e,label:p,options:u})=>({lang:e,label:p,get:p=>(0,services_1.getCodeSample)(Object.assign(Object.assign({},p),{lang:e,options:Object.assign(Object.assign({},u),{skipOptionalParameters:a,withOAuth2Call:t,spec:o,generatedPayloadSamplesMaxDepth:s,store:n,activeMimeName:i}),environment:r,translate:l}))})))}function applyEnvironments(e,a,t){var o;if(!a||!e.length)return e;const s=null==t?void 0:t.server;let n=Object.assign({},a.values||{});return s&&(null===(o=a.serverValues)||void 0===o?void 0:o[s])&&(n=Object.assign(Object.assign({},n),a.serverValues[s])),0===Object.keys(n).length?e:e.map((e=>{const a=Object.assign({},e);return"source"in a&&"string"==typeof a.source&&(a.source=a.source.replace(/\{\{([^}]+)\}\}/g,((e,a)=>void 0!==n[a]?n[a]:e))),a}))}
-//# sourceMappingURL=useCodeSamples.js.map
+import{useAtomValue as u}from"jotai";import{getCodeSample as x}from"../../services/index.js";import{globalStoreAtom as D}from"../../jotai/store.js";import{operationStore as K}from"../../jotai/operation.js";import{environmentAtom as k,getLangKey as f,languageAtom as E,activeMimeNameAtom as j}from"../../jotai/app.js";import{useTranslate as N}from"../../hooks/index.js";function G({payload:t,isWebhook:s,definitionSamples:l,pointer:a,envVariables:r}){const{parser:m,options:{codeSamples:o,generatedSamplesMaxDepth:c}}=u(D),i=u(j),g=u(K(a)),{languages:d}=u(E),[S]=u(k),v=N(),p=new Map(d?.map(({key:e,order:n})=>[e,n])),M=l.filter(e=>p.has(f(e))),y=P(M,r,S),b=new Set(y.map(f));let C=[];if(!s){const e=o.languages?.filter(({lang:n,label:w})=>n!=="Payload"&&!b.has(f({lang:n,label:w})))||[];C=O(e,o,m.definition,c,g,S,v,i)}const L=[...y,...C],A=d?.find(({lang:e})=>e===t?.lang)?.title,h=t&&f({label:A,lang:t.lang});return t&&h&&p.has(h)&&L.push({...t,label:A,order:p.get(h)}),{samples:L.map(e=>{const n=e.label??e.lang;return{key:f(e),title:n,order:typeof p.get(n.toLowerCase())=="number"?p.get(n.toLowerCase()):9999,...e}}).sort((e,n)=>e.order-n.order)}}function O(t,{skipOptionalParameters:s,withOAuth2Call:l},a,r,m,o,c,i){return t.map(({lang:g,label:d,options:S})=>({lang:g,label:d,get:v=>x({...v,lang:g,options:{...S,skipOptionalParameters:s,withOAuth2Call:l,spec:a,generatedPayloadSamplesMaxDepth:r,store:m,activeMimeName:i},environment:o,translate:c})}))}function P(t,s,l){if(!s||!t.length)return t;const a=l?.server;let r={...s.values||{}};return a&&s.serverValues?.[a]&&(r={...r,...s.serverValues[a]}),Object.keys(r).length===0?t:t.map(m=>{const o={...m};return"source"in o&&typeof o.source=="string"&&(o.source=o.source.replace(/\{\{([^}]+)\}\}/g,(c,i)=>r[i]!==void 0?r[i]:c)),o})}export{G as useCodeSamples};

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

@@ -1,10 +1,12 @@
 import type { ReactElement } from 'react';
-import type { OperationModel } from '../../models';
+import type { OperationModel } from '../../models/index.js';
+import type { PanelType } from '../../events/types.js';
 export interface ResponseSamplesProps {
     operation: OperationModel;
     activeResponseTab?: string;
     onTabChange: (tab: string) => void;
+    onPanelToggle?: (isExpanded: boolean, panelType?: PanelType) => void;
 }
-declare function ResponseSamplesComponent({ operation, activeResponseTab, onTabChange, }: ResponseSamplesProps): ReactElement | null;
+declare function ResponseSamplesComponent({ operation, activeResponseTab, onTabChange, onPanelToggle, }: ResponseSamplesProps): ReactElement | null;
 export declare const ResponseSamples: import("react").MemoExoticComponent<typeof ResponseSamplesComponent>;
 export {};

package/lib/components/ResponseSamples/ResponseSamples.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseSamples=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),PayloadSamples_1=require("../PayloadSamples"),events_1=require("../../events"),store_1=require("../../jotai/store"),Summary_1=require("./Summary"),Tabs_1=require("../Tabs"),common_1=require("../common"),hooks_1=require("../../hooks"),app_1=require("../../jotai/app"),operation_1=require("../../jotai/operation");function ResponseSamplesComponent({operation:e,activeResponseTab:o,onTabChange:a}){const s=(0,hooks_1.useTelemetry)(),{events:t}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),n=(0,hooks_1.useTranslate)(),r=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})),i=e.responses.map((({code:e})=>({key:e,title:e}))),l=(null==i?void 0:i.find((({key:e})=>e===o)))||(null==i?void 0:i[0]),p=(0,jotai_1.useAtomValue)(app_1.activeMimeNameAtom),{activeExampleName:m}=(0,jotai_1.useAtomValue)((0,operation_1.operationStore)(e.pointer)),u=(0,react_1.useCallback)((()=>{var o;s.send({type:"openapi_docs.copy_code_snippet.clicked",payload:{snippet_type:"response"}});const a=(0,events_1.createCodeSampleCopyEvent)({operation:e,type:"response",activeMimeName:p,activeExampleName:m});null===(o=null==t?void 0:t.codeSamplesCopy)||void 0===o||o.call(t,a)}),[s,e,t,p,m]);if(!r.length)return null;return(0,jsx_runtime_1.jsx)(common_1.CodeBlockPanel,{className:"panel-response-samples",header:()=>(0,jsx_runtime_1.jsx)(Summary_1.Summary,{tabs:(0,jsx_runtime_1.jsx)(Tabs_1.Tabs,{tabs:i,activeTab:l,onChange:e=>a(e.key)})}),isExpandable:!1,children:e.responses.map((e=>{var o;return e.code===l.key?(0,jsx_runtime_1.jsx)("div",{children:(null===(o=null==e?void 0:e.content)||void 0===o?void 0:o.hasSample)?(0,jsx_runtime_1.jsx)(PayloadSamples_1.PayloadSamples,{content:e.content,onCopyClick:u}):(0,jsx_runtime_1.jsx)(PayloadSamples_1.StyledCodeBlock,{source:n("openapi.noResponseContent","No content")})},e.code):null}))})}exports.ResponseSamples=(0,react_1.memo)(ResponseSamplesComponent);
-//# sourceMappingURL=ResponseSamples.js.map
+import{jsx as t}from"react/jsx-runtime";import{memo as b,useCallback as i}from"react";import{useAtomValue as n}from"jotai";import{PayloadSamples as h,StyledCodeBlock as v}from"../PayloadSamples/index.js";import{createCodeSampleCopyEvent as k}from"../../events/index.js";import{globalOptionsAtom as T}from"../../jotai/store.js";import{Summary as g}from"./Summary.js";import{Tabs as x}from"../Tabs/index.js";import{CodeBlockPanel as N}from"../common/index.js";import{useTelemetry as _,useTranslate as A}from"../../hooks/index.js";import{activeMimeNameAtom as E}from"../../jotai/app.js";import{operationStore as P}from"../../jotai/operation.js";function R({operation:o,activeResponseTab:d,onTabChange:y,onPanelToggle:a}){const m=_(),{events:p}=n(T),f=A(),u=o.responses.filter(e=>e.content?.hasSample??!1),s=o.responses.map(({code:e})=>({key:e,title:e})),r=s?.find(({key:e})=>e===d)||s?.[0],l=n(E),{activeExampleName:c}=n(P(o.pointer)),C=i(()=>{m.send({type:"openapi_docs.copy_code_snippet.clicked",payload:{snippet_type:"response"}});const e=k({operation:o,type:"response",activeMimeName:l,activeExampleName:c});p?.codeSamplesCopy?.(e)},[m,o,p,l,c]),S=i(e=>{a?.(e,"response-samples")},[a]);return u.length?t(N,{className:"panel-response-samples",header:()=>t(g,{tabs:t(x,{tabs:s,activeTab:r,onChange:e=>y(e.key)})}),isExpandable:!1,children:o.responses.map(e=>e.code===r.key?t("div",{children:e?.content?.hasSample?t(h,{content:e.content,onCopyClick:C,onPanelToggle:S}):t(v,{source:f("openapi.noResponseContent","No content")})},e.code):null)}):null}const J=b(R);export{J as ResponseSamples};

package/lib/components/ResponseSamples/Summary.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Summary=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),hooks_1=require("../../hooks"),Summary=({tabs:e})=>{const r=(0,hooks_1.useTranslate)();return(0,jsx_runtime_1.jsxs)(theme_1.PanelHeader,{isExpandable:!1,children:[(0,jsx_runtime_1.jsx)(theme_1.PanelHeaderTitle,{"data-testid":"title",children:r("openapi.response","Response")}),e]})};exports.Summary=Summary;
-//# sourceMappingURL=Summary.js.map
+import{jsx as a,jsxs as r}from"react/jsx-runtime";import{PanelHeader as t,PanelHeaderTitle as n}from"@redocly/theme";import{useTranslate as o}from"../../hooks/index.js";const m=({tabs:e})=>{const s=o();return r(t,{isExpandable:!1,children:[a(n,{"data-testid":"title",children:s("openapi.response","Response")}),e]})};export{m as Summary};

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

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

package/lib/components/ResponseSamples/index.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseSamples=void 0;var ResponseSamples_1=require("./ResponseSamples");Object.defineProperty(exports,"ResponseSamples",{enumerable:!0,get:function(){return ResponseSamples_1.ResponseSamples}});
-//# sourceMappingURL=index.js.map
+import{ResponseSamples as p}from"./ResponseSamples.js";export{p as ResponseSamples};

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

@@ -1,6 +1,7 @@
 import type { ReactNode } from 'react';
-import type { ResponseModel } from '../../models';
-import type { TabType } from '../../models/tab';
+import type { ResponseModel } from '../../models/index.js';
+import type { TabType } from '../../models/tab.js';
+import type { PanelType } from '../../events/types.js';
 interface IOperationResponseList {
     responses: ResponseModel[];
     operationId: string;
@@ -9,6 +10,7 @@ interface IOperationResponseList {
     renderTitle?: (tab: TabType) => ReactNode;
     activeResponseTab?: string;
     onTabChange?: (key: string) => void;
+    onPanelToggle?: (isExpanded: boolean, panelType?: PanelType) => void;
 }
 export declare const OperationResponseList: import("react").NamedExoticComponent<IOperationResponseList>;
 export {};

package/lib/components/Responses/OperationResponseList.js

@@ -1,5 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationResponseList=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_router_dom_1=require("react-router-dom"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),Tabs_1=require("../Tabs"),ResponseDetails_1=require("./ResponseDetails"),services_1=require("../../services"),styled_1=require("./styled"),LinkToField_1=require("../common/LinkToField"),utils_1=require("../../utils"),ExpandAllButton_1=require("../ExpandAllButton"),hooks_1=require("../../hooks"),models_1=require("../../models"),app_1=require("../../jotai/app");exports.OperationResponseList=(0,react_1.memo)((({responses:e,renderTitle:t,operationId:s,operationPointer:i,activeResponseTab:r,onTabChange:n,callbackId:o})=>{const a=(0,react_router_dom_1.useLocation)(),l=(0,hooks_1.useTranslate)(),u=(0,jotai_1.useAtomValue)(app_1.activeMimeNameAtom),_=e.map((({code:e})=>({key:e,title:e}))),d=_.find((({key:e})=>e===r||(0,utils_1.pathIncludesLink)(a,s)&&(0,utils_1.pathIncludesLink)(a,`c=${e}`))),{activeTab:p,handleTabChange:c}=(0,Tabs_1.useTabsState)({tabs:_,defaultTab:null==d?void 0:d.key,onChange:n}),m=_.find((e=>e.key===(r||p))),x=e.find((e=>e.code===(null==m?void 0:m.key))),j=(0,react_1.useMemo)((()=>{var e;if(!(null==x?void 0:x.content))return!1;const{schema:t}=(0,models_1.getActiveMediaType)(null==x?void 0:x.content,u)||{};return null===(e=null==t?void 0:t.fields)||void 0===e?void 0:e.some((({schema:e})=>!e.isPrimitive&&!e.isCircular))}),[u,null==x?void 0:x.content]);return m?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(TitleWrap,{children:[(null==t?void 0:t(m))||(0,jsx_runtime_1.jsxs)(styled_1.StyledTitle,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(s,`response&c=${m.key}`)}),l("openapi.responses","Responses")]}),(0,jsx_runtime_1.jsx)(Tabs_1.Tabs,{tabs:_,activeTab:m,onChange:c}),j&&(0,jsx_runtime_1.jsx)(ExpandAllButton_1.ExpandAllButton,{type:"response",operationPointer:i})]}),x?(0,jsx_runtime_1.jsx)("div",{children:(0,jsx_runtime_1.jsx)(ResponseDetails_1.ResponseDetails,{response:x,operationId:s,callbackId:o})},x.code):null]}):null}));const TitleWrap=(0,styled_components_1.default)(styled_1.Row)`
+import{jsx as n,jsxs as a,Fragment as A}from"react/jsx-runtime";import{memo as L,useMemo as j}from"react";import{useLocation as w}from"react-router-dom";import{useAtomValue as C}from"jotai";import{Tabs as M,useTabsState as F}from"../Tabs/index.js";import{ResponseDetails as P}from"./ResponseDetails.js";import{makeDeepLink as R}from"../../services/index.js";import{Row as _,StyledTitle as B}from"./styled.js";import{LinkToField as D}from"../common/LinkToField.js";import{pathIncludesLink as f}from"../../utils/index.js";import{ExpandAllButton as E}from"../ExpandAllButton/index.js";import{useTranslate as N}from"../../hooks/index.js";import{getActiveMediaType as $}from"../../models/index.js";import{activeMimeNameAtom as I}from"../../jotai/app.js";import{styled as O}from"../../styled-components.js";const oe=L(({responses:i,renderTitle:d,operationId:s,operationPointer:u,activeResponseTab:m,onTabChange:T,callbackId:h,onPanelToggle:b})=>{const p=w(),g=N(),c=C(I),r=i.map(({code:e})=>({key:e,title:e})),k=r.find(({key:e})=>e===m||f(p,s)&&f(p,`c=${e}`)),{activeTab:x,handleTabChange:y}=F({tabs:r,defaultTab:k?.key,onChange:T}),o=r.find(e=>e.key===(m||x)),t=i.find(e=>e.code===o?.key),v=j(()=>{if(!t?.content)return!1;const{schema:e}=$(t?.content,c)||{};return e?.fields?.some(({schema:l})=>!l.isPrimitive&&!l.isCircular)},[c,t?.content]);return o?a(A,{children:[a(S,{children:[d?.(o)||a(B,{children:[n(D,{to:R(s,`response&c=${o.key}`)}),g("openapi.responses","Responses")]}),n(M,{tabs:r,activeTab:o,onChange:y}),v&&n(E,{type:"response",operationPointer:u,onPanelToggle:b})]}),t?n("div",{children:n(P,{response:t,operationId:s,callbackId:h})},t.code):null]}):null}),S=O(_)`
   flex-wrap: wrap;
   gap: var(--spacing-unit);
-`;
-//# sourceMappingURL=OperationResponseList.js.map
+`;export{oe as OperationResponseList};

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

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

package/lib/components/Responses/ResponseDetails.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseDetails=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ResponseHeaders_1=require("./ResponseHeaders"),styled_1=require("./styled"),BodyContent_1=require("../common/BodyContent"),services_1=require("../../services");function ResponseDetailsComponent({response:e,operationId:s,callbackId:n,disableDeepLinks:r}){const{description:t,headers:o,content:i,summary:d,code:a}=e;return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(styled_1.StyledDescription,{className:"redoc-markdown",source:d}),(0,jsx_runtime_1.jsx)(styled_1.StyledDescription,{className:"redoc-markdown",source:t}),(0,jsx_runtime_1.jsx)(ResponseHeaders_1.ResponseHeaders,{headers:o,deepLink:r?void 0:generateDeepLink(s,n,a,"headers")}),(0,jsx_runtime_1.jsx)(BodyContent_1.BodyContent,{content:i,skipWriteOnly:!0,deepLink:r?void 0:generateDeepLink(s,n,a,"body")})]})}function generateDeepLink(e,s="",n,r){const t=s?`${s}/response&c=${n}/${r}`:`response&c=${n}/${r}`;return(0,services_1.makeDeepLink)(e,t)}exports.ResponseDetails=(0,react_1.memo)(ResponseDetailsComponent);
-//# sourceMappingURL=ResponseDetails.js.map
+import{jsx as r,Fragment as f,jsxs as u}from"react/jsx-runtime";import{memo as x}from"react";import{ResponseHeaders as k}from"./ResponseHeaders.js";import{StyledDescription as i}from"./styled.js";import{BodyContent as y}from"../common/BodyContent/index.js";import{makeDeepLink as $}from"../../services/index.js";function h({response:s,operationId:e,callbackId:n,disableDeepLinks:o}){const{description:t,headers:d,content:a,summary:c,code:m}=s;return u(f,{children:[r(i,{className:"redoc-markdown",source:c}),r(i,{className:"redoc-markdown",source:t}),r(k,{headers:d,deepLink:o?void 0:p(e,n,m,"headers")}),r(y,{content:a,skipWriteOnly:!0,deepLink:o?void 0:p(e,n,m,"body")})]})}const w=x(h);function p(s,e="",n,o){const t=e?`${e}/response&c=${n}/${o}`:`response&c=${n}/${o}`;return $(s,t)}export{w as ResponseDetails};

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

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

package/lib/components/Responses/ResponseHeaders.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseHeaders=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_1=require("./styled"),PropertyDetails_1=require("../PropertyDetails"),LinkToField_1=require("../common/LinkToField"),hooks_1=require("../../hooks");function ResponseHeadersComponent({headers:e,deepLink:s}){const r=(0,hooks_1.useTranslate)();return void 0===e||0===e.length?null:(0,jsx_runtime_1.jsxs)(styled_1.StyledHeadersProperties,{children:[(0,jsx_runtime_1.jsxs)(styled_1.HeadersCaption,{children:[s&&(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:s}),r("openapi.header","Headers")]}),e.map(((e,r)=>(0,jsx_runtime_1.jsx)(PropertyDetails_1.PropertyDetails,{isFirst:0===r,field:e,disableDeepLinks:!s},e.name)))]})}exports.ResponseHeaders=(0,react_1.memo)(ResponseHeadersComponent);
-//# sourceMappingURL=ResponseHeaders.js.map
+import{jsx as s,jsxs as t}from"react/jsx-runtime";import{memo as m}from"react";import{HeadersCaption as a,StyledHeadersProperties as p}from"./styled.js";import{PropertyDetails as l}from"../PropertyDetails/index.js";import{LinkToField as d}from"../common/LinkToField.js";import{useTranslate as f}from"../../hooks/index.js";function u({headers:e,deepLink:r}){const n=f();return e===void 0||e.length===0?null:t(p,{children:[t(a,{children:[r&&s(d,{to:r}),n("openapi.header","Headers")]}),e.map((o,i)=>s(l,{isFirst:i===0,field:o,disableDeepLinks:!r},o.name))]})}const C=m(u);export{C as ResponseHeaders};

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

@@ -1,3 +1,5 @@
-export { ResponseDetails } from './ResponseDetails';
-export { ResponseHeaders } from './/ResponseHeaders';
-export { OperationResponseList } from './OperationResponseList';
+export { OperationResponseList } from './OperationResponseList.js';
+export { ResponseDetails } from './ResponseDetails.js';
+export { ResponseHeaders } from './ResponseHeaders.js';
+export * from './types.js';
+export { HeadersCaption, StyledHeadersProperties, StyledTitle, StyledDescription, } from './styled.js';

package/lib/components/Responses/index.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationResponseList=exports.ResponseHeaders=exports.ResponseDetails=void 0;var ResponseDetails_1=require("./ResponseDetails");Object.defineProperty(exports,"ResponseDetails",{enumerable:!0,get:function(){return ResponseDetails_1.ResponseDetails}});var ResponseHeaders_1=require(".//ResponseHeaders");Object.defineProperty(exports,"ResponseHeaders",{enumerable:!0,get:function(){return ResponseHeaders_1.ResponseHeaders}});var OperationResponseList_1=require("./OperationResponseList");Object.defineProperty(exports,"OperationResponseList",{enumerable:!0,get:function(){return OperationResponseList_1.OperationResponseList}});
-//# sourceMappingURL=index.js.map
+import{OperationResponseList as r}from"./OperationResponseList.js";import{ResponseDetails as s}from"./ResponseDetails.js";import{ResponseHeaders as i}from"./ResponseHeaders.js";export*from"./types.js";import{HeadersCaption as n,StyledHeadersProperties as f,StyledTitle as l,StyledDescription as m}from"./styled.js";export{n as HeadersCaption,r as OperationResponseList,s as ResponseDetails,i as ResponseHeaders,m as StyledDescription,f as StyledHeadersProperties,l as StyledTitle};

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

@@ -1,5 +1,5 @@
-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 | null, any, {}, never>;
+export declare const HeadersCaption: any;
+export declare const StyledHeadersProperties: any;
+export declare const Row: any;
+export declare const StyledTitle: any;
+export declare const StyledDescription: any;

package/lib/components/Responses/styled.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledDescription=exports.StyledTitle=exports.Row=exports.StyledHeadersProperties=exports.HeadersCaption=void 0;const styled_components_1=__importDefault(require("styled-components")),OperationItemTitle_1=require("../common/OperationItemTitle"),Markdown_1=require("../Markdown");exports.HeadersCaption=styled_components_1.default.div`
+import{Title as t}from"../common/OperationItemTitle.js";import{Markdown as e}from"../Markdown/index.js";import{styled as i}from"../../styled-components.js";const n=i.div`
   position: relative;
   display: flex;
   align-items: center;
@@ -8,16 +8,15 @@
   font-weight: var(--font-weight-semibold);
   color: var(--text-color-primary);
   padding: var(--spacing-xxs) 0;
-`,exports.StyledHeadersProperties=styled_components_1.default.div`
+`,s=i.div`
   margin-top: var(--spacing-md);
-`,exports.Row=styled_components_1.default.div`
+`,p=i.div`
   display: flex;
   align-items: center;
   margin-top: var(--spacing-base);
-`,exports.StyledTitle=(0,styled_components_1.default)(OperationItemTitle_1.Title)`
+`,l=i(t)`
   margin: 0 var(--spacing-sm) 0 0;
   position: relative;
-`,exports.StyledDescription=(0,styled_components_1.default)(Markdown_1.Markdown)`
+`,g=i(e)`
   margin-top: var(--spacing-xs);
-`;
-//# sourceMappingURL=styled.js.map
+`;export{n as HeadersCaption,p as Row,g as StyledDescription,s as StyledHeadersProperties,l as StyledTitle};

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

@@ -1,4 +1,4 @@
-import type { ResponseModel, FieldModel } from '../../models';
+import type { ResponseModel, FieldModel } from '../../models/index.js';
 export interface ResponseProps {
     response: ResponseModel;
     shouldBeExpandedByDefault?: boolean;

package/lib/components/Responses/types.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});
-//# sourceMappingURL=types.js.map

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

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

package/lib/components/RightPanel/RightPanel.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightPanel=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),Download_1=require("../Download"),Overview_1=require("../Overview"),Language_1=require("../Language"),ServerList_1=require("../ServerList"),store_1=require("../../jotai/store"),utils_1=require("../../utils"),operation_1=require("../../models/operation"),app_1=require("../../jotai/app"),hooks_1=require("../../hooks"),RightPanel=({item:{infoDefinition:e}})=>{const r=(0,hooks_1.useTranslate)(),{options:{hideDownloadButtons:i,mockServer:a},parser:{definition:n,definitionUrl:t}}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),{languages:s,activeLanguage:o}=(0,jotai_1.useAtomValue)(app_1.languageAtom),l=(0,utils_1.normalizeServers)(t,(0,operation_1.mergeInMockServer)(n.servers||[],a));return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[!i&&(0,jsx_runtime_1.jsx)(theme_1.Panel,{className:"panel-download",header:r("openapi.download.description.title","Download OpenAPI description"),isExpandable:!1,children:(0,jsx_runtime_1.jsx)(Download_1.DownloadSpecification,{})}),((null==e?void 0:e.license)||(null==e?void 0:e.contact)||(null==e?void 0:e.termsOfService))&&(0,jsx_runtime_1.jsx)(theme_1.Panel,{className:"panel-overview",header:r("openapi.info.title","Overview"),isExpandable:!1,children:(0,jsx_runtime_1.jsx)(theme_1.Markdown,{children:(0,jsx_runtime_1.jsx)(Overview_1.Overview,{info:e,translate:r})})}),!!(null==s?void 0:s.length)&&(0,jsx_runtime_1.jsx)(theme_1.Panel,{className:"panel-language-list",header:r("openapi.languages.title","Languages"),isExpandable:!1,children:(0,jsx_runtime_1.jsx)(Language_1.LanguageList,{languages:s,activeLanguage:o})}),!!l.length&&(0,jsx_runtime_1.jsx)(theme_1.Panel,{className:"panel-servers-list",header:r("openapi.servers.title","Servers"),isExpandable:!1,children:(0,jsx_runtime_1.jsx)(ServerList_1.ServerList,{servers:l,path:"/",translate:r})})]})};exports.RightPanel=RightPanel;
-//# sourceMappingURL=RightPanel.js.map
+import{jsx as e,Fragment as c,jsxs as g}from"react/jsx-runtime";import{Markdown as f,Panel as n}from"@redocly/theme";import{useAtomValue as t}from"jotai";import{DownloadSpecification as v}from"../Download/index.js";import{Overview as h}from"../Overview/index.js";import{LanguageList as u}from"../Language/index.js";import{ServerList as w}from"../ServerList/index.js";import{globalStoreAtom as x}from"../../jotai/store.js";import{normalizeServers as S}from"../../utils/index.js";import{mergeInMockServer as L}from"../../models/operation.js";import{languageAtom as b}from"../../jotai/app.js";import{useTranslate as j}from"../../hooks/index.js";const B=({item:{infoDefinition:r}})=>{const a=j(),{options:{hideDownloadButtons:i,mockServer:l},parser:{definition:m,definitionUrl:p}}=t(x),{languages:o,activeLanguage:d}=t(b),s=S(p,L(m.servers||[],l));return g(c,{children:[!i&&e(n,{className:"panel-download",header:a("openapi.download.description.title","Download OpenAPI description"),isExpandable:!1,children:e(v,{})}),(r?.license||r?.contact||r?.termsOfService)&&e(n,{className:"panel-overview",header:a("openapi.info.title","Overview"),isExpandable:!1,children:e(f,{children:e(h,{info:r,translate:a})})}),!!o?.length&&e(n,{className:"panel-language-list",header:a("openapi.languages.title","Languages"),isExpandable:!1,children:e(u,{languages:o,activeLanguage:d})}),!!s.length&&e(n,{className:"panel-servers-list",header:a("openapi.servers.title","Servers"),isExpandable:!1,children:e(w,{servers:s,path:"/",translate:a})})]})};export{B as RightPanel};

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

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

package/lib/components/RightPanel/index.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightPanel=void 0;var RightPanel_1=require("./RightPanel");Object.defineProperty(exports,"RightPanel",{enumerable:!0,get:function(){return RightPanel_1.RightPanel}});
-//# sourceMappingURL=index.js.map
+import{RightPanel as r}from"./RightPanel.js";export{r as RightPanel};

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

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import type { ExampleModel } from '../../models';
+import type { ExampleModel } from '../../models/index.js';
 export interface ExampleModelsMap {
     [key: string]: ExampleModel;
 }