@redocly/asyncapi-docs 1.4.0-next.1 → 1.4.0-next.2

package/lib/RedoclyAsyncAPIDocs.js

@@ -1 +1 @@
-"use strict";var v=exports&&exports.__createBinding||(Object.create?(function(e,t,r,s){s===void 0&&(s=r);var i=Object.getOwnPropertyDescriptor(t,r);(!i||("get"in i?!t.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,s,i)}):(function(e,t,r,s){s===void 0&&(s=r),e[s]=t[r]})),h=exports&&exports.__setModuleDefault||(Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}):function(e,t){e.default=t}),D=exports&&exports.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var r in e)r!=="default"&&Object.prototype.hasOwnProperty.call(e,r)&&v(t,e,r);return h(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedoclyAsyncAPIDocs=void 0;const c=require("react/jsx-runtime"),f=require("@redocly/theme"),_=D(require("react")),d=require("./jotai-store/Provider"),p=require("./components/AsyncApiDocs"),y=require("./components/Breadcrumbs"),M=require("./components/AppRouter"),b=require("./hooks");exports.RedoclyAsyncAPIDocs=_.default.memo(({pageProps:e,document:t,apiItems:r,routingBasePath:s,protocol:i,downloadUrls:u,markdocOptions:o})=>{const a=(0,b.useTelemetry)(),l=(0,_.useMemo)(()=>({layout:e.apiOptions.layout,protocol:i,routingBasePath:s,downloadUrls:u,definition:t,markdocOptions:o}),[e.apiOptions.layout,i,s,u,t,o]);return(0,b.usePerformanceMetrics)({sendTelemetry:j=>{const n=Object.fromEntries(Object.entries(j).map(([A,O])=>[A.toLowerCase(),O]));a.sendAsyncapiDocsPerformanceMetricsMessage({cls:n.cls,lcp:n.lcp,fcp:n.fcp,ttfb:n.ttfb})}}),(0,f.useMount)(()=>{a.sendAsyncapiDocsViewedMessage({layout:e.apiOptions.layout})}),f.IS_BROWSER?(0,c.jsx)(d.AppProvider,{store:l,children:(0,c.jsxs)(M.AppRouter,{children:[(0,c.jsx)(y.Breadcrumbs,{}),(0,c.jsx)(p.AsyncApiDocs,{apiItems:r})]})}):(0,c.jsxs)(d.AppProvider,{store:l,children:[(0,c.jsx)(y.Breadcrumbs,{}),(0,c.jsx)(p.AsyncApiDocs,{apiItems:r})]})});
+"use strict";var v=exports&&exports.__createBinding||(Object.create?(function(s,e,n,t){t===void 0&&(t=n);var r=Object.getOwnPropertyDescriptor(e,n);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(s,t,r)}):(function(s,e,n,t){t===void 0&&(t=n),s[t]=e[n]})),h=exports&&exports.__setModuleDefault||(Object.create?(function(s,e){Object.defineProperty(s,"default",{enumerable:!0,value:e})}):function(s,e){s.default=e}),m=exports&&exports.__importStar||(function(){var s=function(e){return s=Object.getOwnPropertyNames||function(n){var t=[];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[t.length]=r);return t},s(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var t=s(e),r=0;r<t.length;r++)t[r]!=="default"&&v(n,e,t[r]);return h(n,e),n}})();Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedoclyAsyncAPIDocs=void 0;const c=require("react/jsx-runtime"),f=require("@redocly/theme"),_=m(require("react")),d=require("./jotai-store/Provider"),y=require("./components/AsyncApiDocs"),p=require("./components/Breadcrumbs"),D=require("./components/AppRouter"),b=require("./hooks");exports.RedoclyAsyncAPIDocs=_.default.memo(({pageProps:s,document:e,apiItems:n,routingBasePath:t,protocol:r,downloadUrls:u,markdocOptions:o})=>{const a=(0,b.useTelemetry)(),l=(0,_.useMemo)(()=>({layout:s.apiOptions.layout,protocol:r,routingBasePath:t,downloadUrls:u,definition:e,markdocOptions:o}),[s.apiOptions.layout,r,t,u,e,o]);return(0,b.usePerformanceMetrics)({sendTelemetry:j=>{const i=Object.fromEntries(Object.entries(j).map(([A,O])=>[A.toLowerCase(),O]));a.sendAsyncapiDocsPerformanceMetricsMessage({cls:i.cls,lcp:i.lcp,fcp:i.fcp,ttfb:i.ttfb})}}),(0,f.useMount)(()=>{a.sendAsyncapiDocsViewedMessage({layout:s.apiOptions.layout})}),f.IS_BROWSER?(0,c.jsx)(d.AppProvider,{store:l,children:(0,c.jsxs)(D.AppRouter,{children:[(0,c.jsx)(p.Breadcrumbs,{}),(0,c.jsx)(y.AsyncApiDocs,{apiItems:n})]})}):(0,c.jsxs)(d.AppProvider,{store:l,children:[(0,c.jsx)(p.Breadcrumbs,{}),(0,c.jsx)(y.AsyncApiDocs,{apiItems:n})]})});

package/lib/components/ChannelSection.js

@@ -1,4 +1,4 @@
-"use strict";var q=exports&&exports.__createBinding||(Object.create?(function(n,t,a,l){l===void 0&&(l=a);var o=Object.getOwnPropertyDescriptor(t,a);(!o||("get"in o?!t.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(n,l,o)}):(function(n,t,a,l){l===void 0&&(l=a),n[l]=t[a]})),C=exports&&exports.__setModuleDefault||(Object.create?(function(n,t){Object.defineProperty(n,"default",{enumerable:!0,value:t})}):function(n,t){n.default=t}),w=exports&&exports.__importStar||function(n){if(n&&n.__esModule)return n;var t={};if(n!=null)for(var a in n)a!=="default"&&Object.prototype.hasOwnProperty.call(n,a)&&q(t,n,a);return C(t,n),t},A=exports&&exports.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ChannelSection=void 0;const i=require("react/jsx-runtime"),d=w(require("react")),v=A(require("styled-components")),j=require("jotai"),c=require("@redocly/openapi-docs"),u=require("@redocly/theme"),b=require("../jotai-store/app"),g=require("./common"),D=require("./ChannelParameters"),L=require("./ServersListPanel"),B=require("./ChannelBinding"),I=require("./MessageSection"),O=require("./OperationSection"),k=require("../hooks");exports.ChannelSection=d.default.memo(({item:n})=>{var t;const a=(0,j.useAtomValue)(b.layoutAtom),l=(0,j.useAtomValue)(b.routingBasePathAtom),o=(0,j.useAtomValue)(b.definitionAtom),p=a===u.LayoutVariant.STACKED,e=(t=o.channels)===null||t===void 0?void 0:t[n.id],{getProtocolLabel:x}=(0,k.useProtocolLabels)(e?.bindings),h=(0,d.useMemo)(()=>Object.entries(o.servers||{}).map(([r,s])=>({key:r,value:s})).filter(({value:r})=>{var s;return(s=e?.servers)===null||s===void 0?void 0:s.some(M=>M.host===r.host)}),[e?.servers,o.servers]),S=(0,d.useMemo)(()=>Object.entries(e?.bindings||{}).map(([r,s])=>({key:r,value:s})),[e?.bindings]),y=(0,d.useMemo)(()=>Object.entries(e?.messages||{}).map(([r,s])=>({key:r,value:s})),[e?.messages]),f=(0,d.useMemo)(()=>n.items.filter(r=>{var s;return r.action==="send"&&((s=o.operations)===null||s===void 0?void 0:s[r.id])}),[o.operations,n.items]),m=(0,d.useMemo)(()=>n.items.filter(r=>{var s;return r.action==="receive"&&((s=o.operations)===null||s===void 0?void 0:s[r.id])}),[o.operations,n.items]),P=(0,d.useMemo)(()=>{var r;return(r=e?.["x-badges"])===null||r===void 0?void 0:r.map(s=>Object.assign(Object.assign({},s),{position:s.position||"after"}))},[e]);if(!e)return null;const _=(0,u.combineUrls)(l,n.dataSectionId);return(0,i.jsxs)(H,{children:[(0,i.jsxs)(V,{sectionId:_,children:[(0,i.jsx)(c.Row,{layout:a,children:(0,i.jsx)(c.SamplesMiddlePanel,{compact:!0,className:"api-info",isStacked:p,children:(0,i.jsx)(g.ActionTag,{color:x("channel").toLowerCase(),children:x("channel")})})}),(0,i.jsxs)(c.Row,{layout:a,children:[(0,i.jsxs)(c.SamplesMiddlePanel,{compact:!0,className:"api-info",isStacked:p,children:[(0,i.jsxs)(R,{children:[(0,i.jsxs)(N,{children:[(0,i.jsx)(c.CustomBadges,{badges:P,children:e?.title||e?.address||n.id}),(0,i.jsx)(g.ShareLink,{to:_,"aria-label":`link to ${n.label}`})]}),(0,i.jsx)(u.PageActions,{pageSlug:_})]}),e.address&&(0,i.jsxs)(g.TagWithIcon,{icon:(0,i.jsx)(u.CurveAutoColonIcon,{size:"14px"}),children:["name: ",(0,i.jsx)("span",{children:e.address})]}),(0,i.jsx)(g.Information,{summary:e.summary,description:e.description,externalDocs:e.externalDocs}),e.parameters&&(0,i.jsx)(D.ChannelParameters,{parameters:e.parameters,id:n.link})]}),(0,i.jsxs)(c.OperationSamplesPanel,{isStacked:p,className:"panel-container-response-samples",children:[!!h?.length&&(0,i.jsx)(L.ServersListPanel,{servers:h,hideHeader:!0}),!!S.length&&(0,i.jsx)(B.ChannelBinding,{binding:S[0]})]})]}),y.length>0?(0,i.jsx)(I.MessageSection,{messages:y,id:n.link}):null]}),f.length>0?(0,i.jsx)(O.OperationSection,{operations:f,type:"send",id:n.link}):null,m.length>0&&f.length>0?(0,i.jsx)(c.Row,{layout:a,children:(0,i.jsx)(c.SamplesMiddlePanel,{isStacked:p,children:(0,i.jsx)(T,{})})}):null,m.length>0?(0,i.jsx)(O.OperationSection,{operations:m,type:"receive",id:n.link}):null]})});const H=v.default.div`
+"use strict";var q=exports&&exports.__createBinding||(Object.create?(function(n,t,a,o){o===void 0&&(o=a);var s=Object.getOwnPropertyDescriptor(t,a);(!s||("get"in s?!t.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(n,o,s)}):(function(n,t,a,o){o===void 0&&(o=a),n[o]=t[a]})),w=exports&&exports.__setModuleDefault||(Object.create?(function(n,t){Object.defineProperty(n,"default",{enumerable:!0,value:t})}):function(n,t){n.default=t}),C=exports&&exports.__importStar||(function(){var n=function(t){return n=Object.getOwnPropertyNames||function(a){var o=[];for(var s in a)Object.prototype.hasOwnProperty.call(a,s)&&(o[o.length]=s);return o},n(t)};return function(t){if(t&&t.__esModule)return t;var a={};if(t!=null)for(var o=n(t),s=0;s<o.length;s++)o[s]!=="default"&&q(a,t,o[s]);return w(a,t),a}})(),A=exports&&exports.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ChannelSection=void 0;const i=require("react/jsx-runtime"),d=C(require("react")),v=A(require("styled-components")),j=require("jotai"),c=require("@redocly/openapi-docs"),u=require("@redocly/theme"),b=require("../jotai-store/app"),g=require("./common"),D=require("./ChannelParameters"),L=require("./ServersListPanel"),B=require("./ChannelBinding"),I=require("./MessageSection"),O=require("./OperationSection"),H=require("../hooks");exports.ChannelSection=d.default.memo(({item:n})=>{var t;const a=(0,j.useAtomValue)(b.layoutAtom),o=(0,j.useAtomValue)(b.routingBasePathAtom),s=(0,j.useAtomValue)(b.definitionAtom),p=a===u.LayoutVariant.STACKED,e=(t=s.channels)===null||t===void 0?void 0:t[n.id],{getProtocolLabel:x}=(0,H.useProtocolLabels)(e?.bindings),h=(0,d.useMemo)(()=>Object.entries(s.servers||{}).map(([l,r])=>({key:l,value:r})).filter(({value:l})=>{var r;return(r=e?.servers)===null||r===void 0?void 0:r.some(M=>M.host===l.host)}),[e?.servers,s.servers]),S=(0,d.useMemo)(()=>Object.entries(e?.bindings||{}).map(([l,r])=>({key:l,value:r})),[e?.bindings]),y=(0,d.useMemo)(()=>Object.entries(e?.messages||{}).map(([l,r])=>({key:l,value:r})),[e?.messages]),f=(0,d.useMemo)(()=>n.items.filter(l=>{var r;return l.action==="send"&&((r=s.operations)===null||r===void 0?void 0:r[l.id])}),[s.operations,n.items]),m=(0,d.useMemo)(()=>n.items.filter(l=>{var r;return l.action==="receive"&&((r=s.operations)===null||r===void 0?void 0:r[l.id])}),[s.operations,n.items]),P=(0,d.useMemo)(()=>{var l;return(l=e?.["x-badges"])===null||l===void 0?void 0:l.map(r=>Object.assign(Object.assign({},r),{position:r.position||"after"}))},[e]);if(!e)return null;const _=(0,u.combineUrls)(o,n.dataSectionId);return(0,i.jsxs)(N,{children:[(0,i.jsxs)(V,{sectionId:_,children:[(0,i.jsx)(c.Row,{layout:a,children:(0,i.jsx)(c.SamplesMiddlePanel,{compact:!0,className:"api-info",isStacked:p,children:(0,i.jsx)(g.ActionTag,{color:x("channel").toLowerCase(),children:x("channel")})})}),(0,i.jsxs)(c.Row,{layout:a,children:[(0,i.jsxs)(c.SamplesMiddlePanel,{compact:!0,className:"api-info",isStacked:p,children:[(0,i.jsxs)(R,{children:[(0,i.jsxs)(k,{children:[(0,i.jsx)(c.CustomBadges,{badges:P,children:e?.title||e?.address||n.id}),(0,i.jsx)(g.ShareLink,{to:_,"aria-label":`link to ${n.label}`})]}),(0,i.jsx)(u.PageActions,{pageSlug:_})]}),e.address&&(0,i.jsxs)(g.TagWithIcon,{icon:(0,i.jsx)(u.CurveAutoColonIcon,{size:"14px"}),children:["name: ",(0,i.jsx)("span",{children:e.address})]}),(0,i.jsx)(g.Information,{summary:e.summary,description:e.description,externalDocs:e.externalDocs}),e.parameters&&(0,i.jsx)(D.ChannelParameters,{parameters:e.parameters,id:n.link})]}),(0,i.jsxs)(c.OperationSamplesPanel,{isStacked:p,className:"panel-container-response-samples",children:[!!h?.length&&(0,i.jsx)(L.ServersListPanel,{servers:h,hideHeader:!0}),!!S.length&&(0,i.jsx)(B.ChannelBinding,{binding:S[0]})]})]}),y.length>0?(0,i.jsx)(I.MessageSection,{messages:y,id:n.link}):null]}),f.length>0?(0,i.jsx)(O.OperationSection,{operations:f,type:"send",id:n.link}):null,m.length>0&&f.length>0?(0,i.jsx)(c.Row,{layout:a,children:(0,i.jsx)(c.SamplesMiddlePanel,{isStacked:p,children:(0,i.jsx)(T,{})})}):null,m.length>0?(0,i.jsx)(O.OperationSection,{operations:m,type:"receive",id:n.link}):null]})});const N=v.default.div`
   width: 100%;
 
   &:not(:last-child) {
@@ -7,7 +7,7 @@
 `,V=(0,v.default)(c.Section)`
   padding: var(--spacing-xxl) 0 var(--spacing-base);
   scroll-margin-top: calc(var(--navbar-height) - var(--spacing-base)) !important;
-`,N=(0,v.default)(u.H2)`
+`,k=(0,v.default)(u.H2)`
   margin: 0 0 var(--spacing-xs) 0;
   display: flex;
   align-items: center;

package/lib/components/MessageAMQPReferences.js

@@ -1,4 +1,4 @@
-"use strict";var m=exports&&exports.__createBinding||(Object.create?(function(e,n,s,a){a===void 0&&(a=s);var t=Object.getOwnPropertyDescriptor(n,s);(!t||("get"in t?!n.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return n[s]}}),Object.defineProperty(e,a,t)}):(function(e,n,s,a){a===void 0&&(a=s),e[a]=n[s]})),j=exports&&exports.__setModuleDefault||(Object.create?(function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}):function(e,n){e.default=n}),y=exports&&exports.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var s in e)s!=="default"&&Object.prototype.hasOwnProperty.call(e,s)&&m(n,e,s);return j(n,e),n},b=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MessageAMQPReferences=void 0;const r=require("react/jsx-runtime"),d=y(require("react")),M=require("react-router-dom"),c=require("@redocly/theme"),x=require("jotai"),g=b(require("styled-components")),q=require("@redocly/openapi-docs"),P=require("../utils"),h=require("./ChannelLinkItem"),O=require("./../jotai-store/app");exports.MessageAMQPReferences=d.default.memo(({messageKey:e})=>{const n=(0,x.useAtomValue)(O.definitionAtom),s=(0,M.useLocation)(),a=(0,c.useActiveSectionId)(s,!0),t=(0,d.useMemo)(()=>{var i,l;const u={exchanges:[],queues:[]};if(!n.channels)return u;for(const[v,o]of Object.entries(n.channels))if(o.messages&&o.messages[e]){const f=Object.assign(Object.assign({},o),{key:v});((l=(i=o.bindings)===null||i===void 0?void 0:i.amqp)===null||l===void 0?void 0:l.is)==="routingKey"?u.exchanges.push(f):u.queues.push(f)}return u},[e,n]),p=(0,d.useMemo)(()=>(0,P.generateMessageReferencesHeader)(t),[t]);return(0,r.jsxs)(A,{className:"panel-messages-samples",header:()=>(0,r.jsx)(c.PanelHeader,{isExpandable:!1,children:p}),"data-component-name":"MessageAMQPReferences/MessageAMQPReferences",children:[!!t.exchanges.length&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(_,{children:"Exchanges"}),t.exchanges.map(i=>(0,r.jsx)(h.ChannelLinkItem,{channel:i,isActive:a.endsWith(i.key)},i.key))]}),!!t.queues.length&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(_,{children:"Queues"}),t.queues.map(i=>(0,r.jsx)(h.ChannelLinkItem,{channel:i,isActive:a.endsWith(i.key)},i.key))]})]})});const _=(0,g.default)(c.Typography)`
+"use strict";var m=exports&&exports.__createBinding||(Object.create?(function(t,e,r,s){s===void 0&&(s=r);var n=Object.getOwnPropertyDescriptor(e,r);(!n||("get"in n?!e.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,s,n)}):(function(t,e,r,s){s===void 0&&(s=r),t[s]=e[r]})),y=exports&&exports.__setModuleDefault||(Object.create?(function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}):function(t,e){t.default=e}),j=exports&&exports.__importStar||(function(){var t=function(e){return t=Object.getOwnPropertyNames||function(r){var s=[];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(s[s.length]=n);return s},t(e)};return function(e){if(e&&e.__esModule)return e;var r={};if(e!=null)for(var s=t(e),n=0;n<s.length;n++)s[n]!=="default"&&m(r,e,s[n]);return y(r,e),r}})(),b=exports&&exports.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MessageAMQPReferences=void 0;const a=require("react/jsx-runtime"),d=j(require("react")),M=require("react-router-dom"),c=require("@redocly/theme"),x=require("jotai"),g=b(require("styled-components")),P=require("@redocly/openapi-docs"),q=require("../utils"),h=require("./ChannelLinkItem"),O=require("./../jotai-store/app");exports.MessageAMQPReferences=d.default.memo(({messageKey:t})=>{const e=(0,x.useAtomValue)(O.definitionAtom),r=(0,M.useLocation)(),s=(0,c.useActiveSectionId)(r,!0),n=(0,d.useMemo)(()=>{var i,l;const u={exchanges:[],queues:[]};if(!e.channels)return u;for(const[v,o]of Object.entries(e.channels))if(o.messages&&o.messages[t]){const f=Object.assign(Object.assign({},o),{key:v});((l=(i=o.bindings)===null||i===void 0?void 0:i.amqp)===null||l===void 0?void 0:l.is)==="routingKey"?u.exchanges.push(f):u.queues.push(f)}return u},[t,e]),p=(0,d.useMemo)(()=>(0,q.generateMessageReferencesHeader)(n),[n]);return(0,a.jsxs)(A,{className:"panel-messages-samples",header:()=>(0,a.jsx)(c.PanelHeader,{isExpandable:!1,children:p}),"data-component-name":"MessageAMQPReferences/MessageAMQPReferences",children:[!!n.exchanges.length&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(_,{children:"Exchanges"}),n.exchanges.map(i=>(0,a.jsx)(h.ChannelLinkItem,{channel:i,isActive:s.endsWith(i.key)},i.key))]}),!!n.queues.length&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(_,{children:"Queues"}),n.queues.map(i=>(0,a.jsx)(h.ChannelLinkItem,{channel:i,isActive:s.endsWith(i.key)},i.key))]})]})});const _=(0,g.default)(c.Typography)`
   font-weight: var(--font-weight-semibold);
   font-size: var(--font-size-sm);
   padding: var(--spacing-xxs) var(--spacing-md);
@@ -19,7 +19,7 @@
     gap: var(--spacing-xs);
   }
 
-  ${q.SamplesMiddlePanel} {
+  ${P.SamplesMiddlePanel} {
     padding: 0 var(--spacing-md);
   }
 `;

package/lib/components/MessageSection.js

@@ -1,4 +1,4 @@
-"use strict";var R=exports&&exports.__createBinding||(Object.create?(function(e,n,o,u){u===void 0&&(u=o);var s=Object.getOwnPropertyDescriptor(n,o);(!s||("get"in s?!n.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return n[o]}}),Object.defineProperty(e,u,s)}):(function(e,n,o,u){u===void 0&&(u=o),e[u]=n[o]})),$=exports&&exports.__setModuleDefault||(Object.create?(function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}):function(e,n){e.default=n}),O=exports&&exports.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var o in e)o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)&&R(n,e,o);return $(n,e),n},W=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MessageSection=void 0;const i=require("react/jsx-runtime"),v=W(require("styled-components")),w=require("jotai"),z=require("react-router-dom"),c=require("@redocly/openapi-docs"),d=require("@redocly/theme"),l=O(require("react")),F=O(require("openapi-sampler")),H=require("./SamplesPanel"),V=require("./MessageBinding"),K=require("./MessageReferences"),L=require("../jotai-store/app"),N=require("./Message"),A=require("../utils"),D=require("./common"),U=require("../hooks"),G=3;exports.MessageSection=l.default.memo(({messages:e,id:n})=>{const o=(0,z.useLocation)(),u=(0,l.useMemo)(()=>e.find(t=>(0,c.pathIncludesLink)(o,`m=${t.key}`))||e[0],[e,o]),[s,b]=(0,l.useState)(u),[m,y]=(0,l.useState)(s.value.payload),I=(0,l.useCallback)(t=>{const a=(0,A.modifyPayload)(m,t);a&&y(a)},[]),C=(0,l.useCallback)(()=>s.value.examples||[{payload:F.sample(Object.assign({},(0,A.getSchema)(m)))}],[m,s.value.examples]),h=(0,w.useAtomValue)(L.layoutAtom),f=(0,w.useAtomValue)(L.routingBasePathAtom),_=h===d.LayoutVariant.STACKED,p=(0,l.useMemo)(()=>e.map(t=>({label:t.value.title||t.value.name||t.key,value:t.key})),[e]),[M,E]=(0,l.useState)(!1),j=(0,l.useRef)(null),S=(0,U.useTelemetry)();(0,l.useEffect)(()=>{var t;const a=e.find(r=>(0,c.pathIncludesLink)(o,`m=${r.key}`));a&&(b(a),!((t=a?.value)===null||t===void 0)&&t.payload&&y(a.value.payload))},[o,e]);const k=(0,l.useCallback)(({value:t})=>{var a;const r=e.find(g=>g.key===t);r&&(S.sendAsyncapiDocsSwitchMessageClickedMessage({message:r.key}),b(r),!((a=r?.value)===null||a===void 0)&&a.payload&&y(r.value.payload))},[e,S]),P=(0,l.useMemo)(()=>Object.entries(s.value.bindings||{}).map(([t,a])=>({key:t,value:a})),[s.value.bindings]),x=(0,l.useMemo)(()=>(0,d.combineUrls)(f,(0,c.makeDeepLink)(n,`messages&m=${s.key}`)),[n,f,s.key]);(0,l.useEffect)(()=>{if(!j.current)return;const t=()=>{var a;const r=(a=j.current)===null||a===void 0?void 0:a.querySelectorAll('button[role="tab"]'),g=Array.from(r||[]).some(q=>q.offsetWidth<q.scrollWidth);g!==M&&E(g)};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[M,p]);const B=(0,l.useMemo)(()=>(0,d.combineUrls)(f,(0,c.makeDeepLink)(n,"messages")),[n,f]);return(0,i.jsxs)(J,{"data-component-name":"MessageSection/MessageSection",children:[(0,i.jsx)(c.Row,{layout:h,children:(0,i.jsxs)(c.SamplesMiddlePanel,{isStacked:_,children:[(0,i.jsxs)(Q,{children:[(0,i.jsx)(D.LinkToField,{to:B}),"Messages"]}),e.length>1?(0,i.jsxs)(T,{children:["Accepts ",(0,i.jsx)("span",{children:"one of"})," the following messages:"]}):(0,i.jsx)(T,{children:"Accepts the following message:"})]})}),(0,i.jsxs)(c.Row,{layout:h,children:[(0,i.jsxs)(c.SamplesMiddlePanel,{isStacked:_,children:[(0,i.jsxs)(X,{children:[(0,i.jsx)(D.LinkToField,{to:x}),p.length>G||M?(0,i.jsx)(c.Dropdown,{options:p,value:s.key,onChange:k}):(0,i.jsx)(d.Segmented,{ref:j,size:"small",value:s.key,options:p,onChange:k})]}),(0,i.jsx)(N.Message,{message:s.value,sectionId:n,id:s.key,onOneOfChange:I})]}),(0,i.jsxs)(c.OperationSamplesPanel,{isStacked:_,className:"panel-container-response-samples",children:[(0,i.jsx)(H.SamplesPanel,{examples:C()}),!!P.length&&(0,i.jsx)(V.MessageBinding,{binding:P[0],slug:x}),(0,i.jsx)(K.MessageReferences,{messageKey:s.key})]})]})]})});const J=v.default.div`
+"use strict";var R=exports&&exports.__createBinding||(Object.create?(function(e,n,o,r){r===void 0&&(r=o);var t=Object.getOwnPropertyDescriptor(n,o);(!t||("get"in t?!n.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return n[o]}}),Object.defineProperty(e,r,t)}):(function(e,n,o,r){r===void 0&&(r=o),e[r]=n[o]})),$=exports&&exports.__setModuleDefault||(Object.create?(function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}):function(e,n){e.default=n}),x=exports&&exports.__importStar||(function(){var e=function(n){return e=Object.getOwnPropertyNames||function(o){var r=[];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(r[r.length]=t);return r},e(n)};return function(n){if(n&&n.__esModule)return n;var o={};if(n!=null)for(var r=e(n),t=0;t<r.length;t++)r[t]!=="default"&&R(o,n,r[t]);return $(o,n),o}})(),W=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MessageSection=void 0;const i=require("react/jsx-runtime"),v=W(require("styled-components")),q=require("jotai"),z=require("react-router-dom"),u=require("@redocly/openapi-docs"),d=require("@redocly/theme"),l=x(require("react")),F=x(require("openapi-sampler")),H=require("./SamplesPanel"),K=require("./MessageBinding"),N=require("./MessageReferences"),L=require("../jotai-store/app"),V=require("./Message"),A=require("../utils"),D=require("./common"),U=require("../hooks"),G=3;exports.MessageSection=l.default.memo(({messages:e,id:n})=>{const o=(0,z.useLocation)(),r=(0,l.useMemo)(()=>e.find(s=>(0,u.pathIncludesLink)(o,`m=${s.key}`))||e[0],[e,o]),[t,b]=(0,l.useState)(r),[m,y]=(0,l.useState)(t.value.payload),I=(0,l.useCallback)(s=>{const a=(0,A.modifyPayload)(m,s);a&&y(a)},[]),C=(0,l.useCallback)(()=>t.value.examples||[{payload:F.sample(Object.assign({},(0,A.getSchema)(m)))}],[m,t.value.examples]),h=(0,q.useAtomValue)(L.layoutAtom),f=(0,q.useAtomValue)(L.routingBasePathAtom),_=h===d.LayoutVariant.STACKED,p=(0,l.useMemo)(()=>e.map(s=>({label:s.value.title||s.value.name||s.key,value:s.key})),[e]),[M,E]=(0,l.useState)(!1),j=(0,l.useRef)(null),S=(0,U.useTelemetry)();(0,l.useEffect)(()=>{var s;const a=e.find(c=>(0,u.pathIncludesLink)(o,`m=${c.key}`));a&&(b(a),!((s=a?.value)===null||s===void 0)&&s.payload&&y(a.value.payload))},[o,e]);const k=(0,l.useCallback)(({value:s})=>{var a;const c=e.find(g=>g.key===s);c&&(S.sendAsyncapiDocsSwitchMessageClickedMessage({message:c.key}),b(c),!((a=c?.value)===null||a===void 0)&&a.payload&&y(c.value.payload))},[e,S]),P=(0,l.useMemo)(()=>Object.entries(t.value.bindings||{}).map(([s,a])=>({key:s,value:a})),[t.value.bindings]),O=(0,l.useMemo)(()=>(0,d.combineUrls)(f,(0,u.makeDeepLink)(n,`messages&m=${t.key}`)),[n,f,t.key]);(0,l.useEffect)(()=>{if(!j.current)return;const s=()=>{var a;const c=(a=j.current)===null||a===void 0?void 0:a.querySelectorAll('button[role="tab"]'),g=Array.from(c||[]).some(w=>w.offsetWidth<w.scrollWidth);g!==M&&E(g)};return s(),window.addEventListener("resize",s),()=>window.removeEventListener("resize",s)},[M,p]);const B=(0,l.useMemo)(()=>(0,d.combineUrls)(f,(0,u.makeDeepLink)(n,"messages")),[n,f]);return(0,i.jsxs)(J,{"data-component-name":"MessageSection/MessageSection",children:[(0,i.jsx)(u.Row,{layout:h,children:(0,i.jsxs)(u.SamplesMiddlePanel,{isStacked:_,children:[(0,i.jsxs)(Q,{children:[(0,i.jsx)(D.LinkToField,{to:B}),"Messages"]}),e.length>1?(0,i.jsxs)(T,{children:["Accepts ",(0,i.jsx)("span",{children:"one of"})," the following messages:"]}):(0,i.jsx)(T,{children:"Accepts the following message:"})]})}),(0,i.jsxs)(u.Row,{layout:h,children:[(0,i.jsxs)(u.SamplesMiddlePanel,{isStacked:_,children:[(0,i.jsxs)(X,{children:[(0,i.jsx)(D.LinkToField,{to:O}),p.length>G||M?(0,i.jsx)(u.Dropdown,{options:p,value:t.key,onChange:k}):(0,i.jsx)(d.Segmented,{ref:j,size:"small",value:t.key,options:p,onChange:k})]}),(0,i.jsx)(V.Message,{message:t.value,sectionId:n,id:t.key,onOneOfChange:I})]}),(0,i.jsxs)(u.OperationSamplesPanel,{isStacked:_,className:"panel-container-response-samples",children:[(0,i.jsx)(H.SamplesPanel,{examples:C()}),!!P.length&&(0,i.jsx)(K.MessageBinding,{binding:P[0],slug:O}),(0,i.jsx)(N.MessageReferences,{messageKey:t.key})]})]})]})});const J=v.default.div`
   padding: var(--spacing-xl) 0 0 0;
 `,Q=(0,v.default)(d.H4)`
   margin: 0 0 var(--spacing-xs) 0;

package/lib/components/Operation.js

@@ -1,7 +1,7 @@
-"use strict";var z=exports&&exports.__createBinding||(Object.create?(function(e,n,a,r){r===void 0&&(r=a);var o=Object.getOwnPropertyDescriptor(n,a);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[a]}}),Object.defineProperty(e,r,o)}):(function(e,n,a,r){r===void 0&&(r=a),e[r]=n[a]})),W=exports&&exports.__setModuleDefault||(Object.create?(function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}):function(e,n){e.default=n}),I=exports&&exports.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var a in e)a!=="default"&&Object.prototype.hasOwnProperty.call(e,a)&&z(n,e,a);return W(n,e),n},R=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Operation=void 0;const s=require("react/jsx-runtime"),l=R(require("styled-components")),y=require("jotai"),u=require("@redocly/openapi-docs"),c=require("@redocly/theme"),f=I(require("react")),V=require("react-router-dom"),p=require("./common"),$=require("./OperationBinding"),O=require("../jotai-store/app"),k=require("../hooks"),F=require("../utils");exports.Operation=f.default.memo(({operation:e,dataSectionId:n,headerRow:a,id:r,showDivider:o})=>{var v,h,m,_;const M=(0,y.useAtomValue)(O.layoutAtom),j=(0,y.useAtomValue)(O.routingBasePathAtom),d=(0,y.useAtomValue)(O.definitionAtom),P=M===c.LayoutVariant.STACKED,{getProtocolLabel:H}=(0,k.useProtocolLabels)(),q=(0,k.useTelemetry)(),S=(0,f.useMemo)(()=>Object.entries(e?.bindings||{}).map(([i,t])=>({key:i,value:t})),[e?.bindings]),C=(0,f.useMemo)(()=>{var i;return(i=e?.["x-badges"])===null||i===void 0?void 0:i.map(t=>Object.assign(Object.assign({},t),{position:t.position||"after"}))},[e]),A=(0,V.useNavigate)(),x=(0,f.useCallback)(i=>{var t,g;return(g=Object.entries(((t=d?.components)===null||t===void 0?void 0:t.messages)||{}).find(([D,T])=>(0,F.isEqual)(T,i)))===null||g===void 0?void 0:g[0]},[(v=d?.components)===null||v===void 0?void 0:v.messages]),L=(0,f.useCallback)(i=>{const t=x(i);if(!t||!n)return;const g=n.substring(1).split("/operations")[0],D=(0,c.combineUrls)(j,(0,u.makeDeepLink)(g,`messages&m=${t}`));q.sendAsyncapiDocsMessageClickedMessage({message:t}),A(D)},[n,x,A,j,q]);if(!e)return null;const b=(0,c.combineUrls)(j,n);return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)(U,{sectionId:b,"data-component-name":"Operation/Operation",hasHeader:!!a,children:[a,(0,s.jsxs)(u.Row,{layout:M,children:[(0,s.jsxs)(J,{isStacked:P,children:[(0,s.jsxs)("div",{children:[(0,s.jsxs)(X,{children:[(0,s.jsxs)("div",{children:[(0,s.jsx)(p.ActionTag,{color:e.action,children:H(e.action)}),(0,s.jsxs)(B,{children:[(0,s.jsx)(u.CustomBadges,{badges:C,children:e.title||r}),(0,s.jsx)(p.ShareLink,{to:b,"aria-label":`link to ${e.title||r}`})]})]}),(0,s.jsx)(c.PageActions,{pageSlug:b})]}),(0,s.jsx)(p.Information,{summary:e.summary,description:e.description,externalDocs:e.externalDocs}),((h=e.messages)===null||h===void 0?void 0:h.length)&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(E,{children:"Messages"}),(0,s.jsx)(K,{children:(m=e.messages)===null||m===void 0?void 0:m.map((i,t)=>(0,s.jsxs)(Q,{icon:null,onClick:()=>L(i),children:[i.title||i.name||x(i),(0,s.jsx)(c.ArrowUpRightIcon,{size:"12px"})]},t))})]}),e.reply&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(B,{children:"Reply"}),(0,s.jsxs)(N,{children:[e.reply.address&&(0,s.jsxs)(w,{children:[(0,s.jsx)("span",{children:"Address: "}),(0,s.jsx)("span",{children:e.reply.address.location})]}),e.reply.channel&&(0,s.jsxs)(w,{children:[(0,s.jsx)("span",{children:"Topic: "}),(0,s.jsx)("span",{children:e.reply.channel.address})]}),!!(!((_=e.reply.messages)===null||_===void 0)&&_.length)&&(0,s.jsxs)(w,{children:[(0,s.jsx)("span",{children:"Messages: "}),(0,s.jsx)("span",{children:e.reply.messages.map(i=>i.title||i.name).join(", ")})]})]})]})]}),o&&(0,s.jsx)(G,{})]}),(0,s.jsx)(u.OperationSamplesPanel,{isStacked:P,className:"panel-container-response-samples",children:!!S.length&&(0,s.jsx)($.OperationBinding,{binding:S[0],id:n})})]})]})})});const U=(0,l.default)(u.Section)`
+"use strict";var z=exports&&exports.__createBinding||(Object.create?(function(e,n,r,i){i===void 0&&(i=r);var a=Object.getOwnPropertyDescriptor(n,r);(!a||("get"in a?!n.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(e,i,a)}):(function(e,n,r,i){i===void 0&&(i=r),e[i]=n[r]})),W=exports&&exports.__setModuleDefault||(Object.create?(function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}):function(e,n){e.default=n}),I=exports&&exports.__importStar||(function(){var e=function(n){return e=Object.getOwnPropertyNames||function(r){var i=[];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(i[i.length]=a);return i},e(n)};return function(n){if(n&&n.__esModule)return n;var r={};if(n!=null)for(var i=e(n),a=0;a<i.length;a++)i[a]!=="default"&&z(r,n,i[a]);return W(r,n),r}})(),R=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Operation=void 0;const s=require("react/jsx-runtime"),c=R(require("styled-components")),y=require("jotai"),u=require("@redocly/openapi-docs"),o=require("@redocly/theme"),f=I(require("react")),V=require("react-router-dom"),v=require("./common"),$=require("./OperationBinding"),O=require("../jotai-store/app"),k=require("../hooks"),F=require("../utils");exports.Operation=f.default.memo(({operation:e,dataSectionId:n,headerRow:r,id:i,showDivider:a})=>{var p,h,m,j;const M=(0,y.useAtomValue)(O.layoutAtom),_=(0,y.useAtomValue)(O.routingBasePathAtom),d=(0,y.useAtomValue)(O.definitionAtom),P=M===o.LayoutVariant.STACKED,{getProtocolLabel:H}=(0,k.useProtocolLabels)(),q=(0,k.useTelemetry)(),S=(0,f.useMemo)(()=>Object.entries(e?.bindings||{}).map(([t,l])=>({key:t,value:l})),[e?.bindings]),C=(0,f.useMemo)(()=>{var t;return(t=e?.["x-badges"])===null||t===void 0?void 0:t.map(l=>Object.assign(Object.assign({},l),{position:l.position||"after"}))},[e]),A=(0,V.useNavigate)(),x=(0,f.useCallback)(t=>{var l,g;return(g=Object.entries(((l=d?.components)===null||l===void 0?void 0:l.messages)||{}).find(([D,T])=>(0,F.isEqual)(T,t)))===null||g===void 0?void 0:g[0]},[(p=d?.components)===null||p===void 0?void 0:p.messages]),L=(0,f.useCallback)(t=>{const l=x(t);if(!l||!n)return;const g=n.substring(1).split("/operations")[0],D=(0,o.combineUrls)(_,(0,u.makeDeepLink)(g,`messages&m=${l}`));q.sendAsyncapiDocsMessageClickedMessage({message:l}),A(D)},[n,x,A,_,q]);if(!e)return null;const b=(0,o.combineUrls)(_,n);return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)(K,{sectionId:b,"data-component-name":"Operation/Operation",hasHeader:!!r,children:[r,(0,s.jsxs)(u.Row,{layout:M,children:[(0,s.jsxs)(J,{isStacked:P,children:[(0,s.jsxs)("div",{children:[(0,s.jsxs)(X,{children:[(0,s.jsxs)("div",{children:[(0,s.jsx)(v.ActionTag,{color:e.action,children:H(e.action)}),(0,s.jsxs)(B,{children:[(0,s.jsx)(u.CustomBadges,{badges:C,children:e.title||i}),(0,s.jsx)(v.ShareLink,{to:b,"aria-label":`link to ${e.title||i}`})]})]}),(0,s.jsx)(o.PageActions,{pageSlug:b})]}),(0,s.jsx)(v.Information,{summary:e.summary,description:e.description,externalDocs:e.externalDocs}),((h=e.messages)===null||h===void 0?void 0:h.length)&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(N,{children:"Messages"}),(0,s.jsx)(U,{children:(m=e.messages)===null||m===void 0?void 0:m.map((t,l)=>(0,s.jsxs)(Q,{icon:null,onClick:()=>L(t),children:[t.title||t.name||x(t),(0,s.jsx)(o.ArrowUpRightIcon,{size:"12px"})]},l))})]}),e.reply&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(B,{children:"Reply"}),(0,s.jsxs)(E,{children:[e.reply.address&&(0,s.jsxs)(w,{children:[(0,s.jsx)("span",{children:"Address: "}),(0,s.jsx)("span",{children:e.reply.address.location})]}),e.reply.channel&&(0,s.jsxs)(w,{children:[(0,s.jsx)("span",{children:"Topic: "}),(0,s.jsx)("span",{children:e.reply.channel.address})]}),!!(!((j=e.reply.messages)===null||j===void 0)&&j.length)&&(0,s.jsxs)(w,{children:[(0,s.jsx)("span",{children:"Messages: "}),(0,s.jsx)("span",{children:e.reply.messages.map(t=>t.title||t.name).join(", ")})]})]})]})]}),a&&(0,s.jsx)(G,{})]}),(0,s.jsx)(u.OperationSamplesPanel,{isStacked:P,className:"panel-container-response-samples",children:!!S.length&&(0,s.jsx)($.OperationBinding,{binding:S[0],id:n})})]})]})})});const K=(0,c.default)(u.Section)`
   padding: var(--spacing-lg) 0;
   scroll-margin-top: ${e=>e.hasHeader?"calc(var(--navbar-height) - var(--spacing-xl)*2)":"var(--navbar-height)"} !important;
-`,B=(0,l.default)(c.H4)`
+`,B=(0,c.default)(o.H4)`
   font-size: var(--font-size-lg);
   font-weight: var(--font-weight-semibold);
   margin: 0 0 var(--spacing-xxs) 0;
@@ -12,37 +12,37 @@
   gap: var(--spacing-xs);
   flex-wrap: wrap;
   :hover {
-    ${c.LinkIcon} {
+    ${o.LinkIcon} {
       opacity: 1;
       visibility: visible;
     }
   }
-`,E=(0,l.default)(c.H4)`
+`,N=(0,c.default)(o.H4)`
   font-size: var(--font-size-base);
   font-weight: var(--font-weight-medium);
   margin: var(--spacing-sm) 0 0 0;
-`,K=l.default.div`
+`,U=c.default.div`
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   gap: var(--spacing-xs);
   padding: var(--spacing-xs) 0;
-`,N=l.default.div`
+`,E=c.default.div`
   display: flex;
   flex-direction: column;
   padding: var(--spacing-xs) 0;
-`,w=(0,l.default)(c.H4)`
+`,w=(0,c.default)(o.H4)`
   & > span:first-child {
     font-weight: var(--font-weight-medium);
   }
-`,G=l.default.div`
+`,G=c.default.div`
   border-bottom: 1px solid var(--border-color-secondary);
-`,J=(0,l.default)(u.SamplesMiddlePanel)`
+`,J=(0,c.default)(u.SamplesMiddlePanel)`
   display: flex;
   justify-content: space-between;
-`,Q=(0,l.default)(p.TagWithIcon)`
+`,Q=(0,c.default)(v.TagWithIcon)`
   cursor: pointer;
-`,X=l.default.div`
+`,X=c.default.div`
   display: flex;
   align-items: center;
 `;

package/lib/components/RightPanel.js

@@ -1 +1 @@
-"use strict";var _=exports&&exports.__createBinding||(Object.create?(function(e,t,n,i){i===void 0&&(i=n);var a=Object.getOwnPropertyDescriptor(t,n);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,i,a)}):(function(e,t,n,i){i===void 0&&(i=n),e[i]=t[n]})),v=exports&&exports.__setModuleDefault||(Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}):function(e,t){e.default=t}),f=exports&&exports.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var n in e)n!=="default"&&Object.prototype.hasOwnProperty.call(e,n)&&_(t,e,n);return v(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightPanel=void 0;const r=require("react/jsx-runtime"),h=require("jotai"),s=require("@redocly/openapi-docs"),l=require("@redocly/theme"),c=f(require("react")),p=require("./ServersListPanel"),j=require("./DownloadSpecification"),P=require("../jotai-store/app"),b=require("../hooks");exports.RightPanel=c.default.memo(({info:e,servers:t})=>{const n=(0,b.useTranslate)(),i=(0,c.useMemo)(()=>Object.entries(t||{}).map(([u,d])=>({key:u,value:d})),[t]),o=(0,h.useAtomValue)(P.layoutAtom)===l.LayoutVariant.STACKED;return(0,r.jsxs)(s.RightPanelContainer,{isStacked:o,"data-component-name":"RightPanel/RightPanel",children:[(0,r.jsx)(l.Panel,{className:"panel-download",header:n("asyncapi.download.description.title","Download AsycAPI description"),isExpandable:!1,children:(0,r.jsx)(j.DownloadSpecification,{})}),(e?.license||e?.contact||e?.termsOfService)&&(0,r.jsx)(l.Panel,{className:"panel-overview",header:n("asyncapi.info.title","Overview"),isExpandable:!1,children:(0,r.jsx)(l.Markdown,{children:(0,r.jsx)(s.Overview,{info:e,translate:n})})}),!!i?.length&&(0,r.jsx)(p.ServersListPanel,{servers:i,showDetails:!0})]})});
+"use strict";var v=exports&&exports.__createBinding||(Object.create?(function(e,t,r,n){n===void 0&&(n=r);var a=Object.getOwnPropertyDescriptor(t,r);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,a)}):(function(e,t,r,n){n===void 0&&(n=r),e[n]=t[r]})),_=exports&&exports.__setModuleDefault||(Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}):function(e,t){e.default=t}),f=exports&&exports.__importStar||(function(){var e=function(t){return e=Object.getOwnPropertyNames||function(r){var n=[];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(n[n.length]=a);return n},e(t)};return function(t){if(t&&t.__esModule)return t;var r={};if(t!=null)for(var n=e(t),a=0;a<n.length;a++)n[a]!=="default"&&v(r,t,n[a]);return _(r,t),r}})();Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightPanel=void 0;const i=require("react/jsx-runtime"),h=require("jotai"),s=require("@redocly/openapi-docs"),l=require("@redocly/theme"),o=f(require("react")),p=require("./ServersListPanel"),j=require("./DownloadSpecification"),P=require("../jotai-store/app"),b=require("../hooks");exports.RightPanel=o.default.memo(({info:e,servers:t})=>{const r=(0,b.useTranslate)(),n=(0,o.useMemo)(()=>Object.entries(t||{}).map(([u,d])=>({key:u,value:d})),[t]),c=(0,h.useAtomValue)(P.layoutAtom)===l.LayoutVariant.STACKED;return(0,i.jsxs)(s.RightPanelContainer,{isStacked:c,"data-component-name":"RightPanel/RightPanel",children:[(0,i.jsx)(l.Panel,{className:"panel-download",header:r("asyncapi.download.description.title","Download AsycAPI description"),isExpandable:!1,children:(0,i.jsx)(j.DownloadSpecification,{})}),(e?.license||e?.contact||e?.termsOfService)&&(0,i.jsx)(l.Panel,{className:"panel-overview",header:r("asyncapi.info.title","Overview"),isExpandable:!1,children:(0,i.jsx)(l.Markdown,{children:(0,i.jsx)(s.Overview,{info:e,translate:r})})}),!!n?.length&&(0,i.jsx)(p.ServersListPanel,{servers:n,showDetails:!0})]})});

package/lib/components/TagBlock.js

@@ -1,9 +1,9 @@
-"use strict";var C=exports&&exports.__createBinding||(Object.create?(function(e,n,t,r){r===void 0&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);(!a||("get"in a?!n.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}):(function(e,n,t,r){r===void 0&&(r=t),e[r]=n[t]})),D=exports&&exports.__setModuleDefault||(Object.create?(function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}):function(e,n){e.default=n}),P=exports&&exports.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var t in e)t!=="default"&&Object.prototype.hasOwnProperty.call(e,t)&&C(n,e,t);return D(n,e),n},A=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagBlock=void 0;const i=require("react/jsx-runtime"),p=A(require("styled-components")),f=require("jotai"),d=require("@redocly/openapi-docs"),u=require("@redocly/theme"),y=require("react-router-dom"),_=P(require("react")),h=require("../jotai-store/app"),b=require("./common"),L=require("./ItemsNavigation"),V=require("./ChannelSection"),E=require("./MarkdownSection");exports.TagBlock=_.default.memo(({tag:e})=>{var n,t,r,a;const g=(0,f.useAtomValue)(h.layoutAtom),x=(0,f.useAtomValue)(h.routingBasePathAtom),l=(0,f.useAtomValue)(h.definitionAtom),w=(0,f.useAtomValue)(h.markdocOptionsAtom),j=(0,y.useLocation)(),k=(0,y.useNavigate)(),s=!!(!((n=e.items)===null||n===void 0)&&n.length),B=g===u.LayoutVariant.STACKED,c=(r=(t=l?.components)===null||t===void 0?void 0:t.tags)===null||r===void 0?void 0:r[e.label],M=(0,_.useMemo)(()=>{var o,m;return s?(m=(o=l?.channels)===null||o===void 0?void 0:o[e.items[0].id])===null||m===void 0?void 0:m.bindings:void 0},[s,l?.channels,e.items]),v=(0,_.useMemo)(()=>{if(!s)return!1;const o=j.pathname;return o.endsWith(e.link||"")||e.items.some(m=>m.link&&o.toLowerCase().includes(m.link.toLowerCase()))},[s,j.pathname,e.link,e.items]),q=(0,_.useCallback)(()=>{e.link&&k(e.link)},[k,e.link]),O=(0,d.saveTextBeforeHeading)((0,d.getValueFromMdParsedExtension)(c,"description")||""),S=(0,u.combineUrls)(x,e.link);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(I,{expanded:s&&!v,sectionId:(0,u.combineUrls)(x,e.dataSectionId),children:(0,i.jsxs)(W,{expanded:v,children:[(0,i.jsxs)(d.Row,{layout:g,children:[(0,i.jsxs)(d.SamplesMiddlePanel,{fullWidth:!s,isStacked:B,children:[(0,i.jsxs)(T,{children:[e.label,(0,i.jsx)(b.ShareLink,{to:S,"aria-label":`link to ${e.label}`}),(0,i.jsx)(u.PageActions,{pageSlug:S})]}),c?.description&&(0,i.jsx)(d.Markdown,{source:O,markdocOptions:w}),c?.externalDocs&&(0,i.jsx)(b.ExternalDocumentationWrapper,{children:(0,i.jsx)(d.ExternalDocumentation,{externalDocs:c.externalDocs})})]}),s&&e.items&&(0,i.jsx)(L.ItemsNavigation,{items:e.items,firstChannelBinding:M})]}),s&&!v&&(0,i.jsx)($,{type:"button",variant:"text",size:"medium",onClick:q,children:"+ Show"})]})}),v&&((a=e.items)===null||a===void 0?void 0:a.map(o=>o.type==="channel"?(0,i.jsx)(V.ChannelSection,{item:o},o.link):o.type==="markdown"?(0,i.jsx)(b.SectionWrapper,{children:(0,i.jsx)(E.MarkdownSection,{item:o})},o.link):null))]})});const I=(0,p.default)(d.Section)`
+"use strict";var P=exports&&exports.__createBinding||(Object.create?(function(e,n,o,t){t===void 0&&(t=o);var i=Object.getOwnPropertyDescriptor(n,o);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[o]}}),Object.defineProperty(e,t,i)}):(function(e,n,o,t){t===void 0&&(t=o),e[t]=n[o]})),C=exports&&exports.__setModuleDefault||(Object.create?(function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}):function(e,n){e.default=n}),D=exports&&exports.__importStar||(function(){var e=function(n){return e=Object.getOwnPropertyNames||function(o){var t=[];for(var i in o)Object.prototype.hasOwnProperty.call(o,i)&&(t[t.length]=i);return t},e(n)};return function(n){if(n&&n.__esModule)return n;var o={};if(n!=null)for(var t=e(n),i=0;i<t.length;i++)t[i]!=="default"&&P(o,n,t[i]);return C(o,n),o}})(),A=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagBlock=void 0;const r=require("react/jsx-runtime"),f=A(require("styled-components")),p=require("jotai"),d=require("@redocly/openapi-docs"),u=require("@redocly/theme"),k=require("react-router-dom"),h=D(require("react")),_=require("../jotai-store/app"),b=require("./common"),L=require("./ItemsNavigation"),V=require("./ChannelSection"),E=require("./MarkdownSection");exports.TagBlock=h.default.memo(({tag:e})=>{var n,o,t,i;const g=(0,p.useAtomValue)(_.layoutAtom),x=(0,p.useAtomValue)(_.routingBasePathAtom),l=(0,p.useAtomValue)(_.definitionAtom),w=(0,p.useAtomValue)(_.markdocOptionsAtom),j=(0,k.useLocation)(),y=(0,k.useNavigate)(),s=!!(!((n=e.items)===null||n===void 0)&&n.length),O=g===u.LayoutVariant.STACKED,c=(t=(o=l?.components)===null||o===void 0?void 0:o.tags)===null||t===void 0?void 0:t[e.label],B=(0,h.useMemo)(()=>{var a,m;return s?(m=(a=l?.channels)===null||a===void 0?void 0:a[e.items[0].id])===null||m===void 0?void 0:m.bindings:void 0},[s,l?.channels,e.items]),v=(0,h.useMemo)(()=>{if(!s)return!1;const a=j.pathname;return a.endsWith(e.link||"")||e.items.some(m=>m.link&&a.toLowerCase().includes(m.link.toLowerCase()))},[s,j.pathname,e.link,e.items]),M=(0,h.useCallback)(()=>{e.link&&y(e.link)},[y,e.link]),q=(0,d.saveTextBeforeHeading)((0,d.getValueFromMdParsedExtension)(c,"description")||""),S=(0,u.combineUrls)(x,e.link);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(I,{expanded:s&&!v,sectionId:(0,u.combineUrls)(x,e.dataSectionId),children:(0,r.jsxs)(W,{expanded:v,children:[(0,r.jsxs)(d.Row,{layout:g,children:[(0,r.jsxs)(d.SamplesMiddlePanel,{fullWidth:!s,isStacked:O,children:[(0,r.jsxs)(N,{children:[e.label,(0,r.jsx)(b.ShareLink,{to:S,"aria-label":`link to ${e.label}`}),(0,r.jsx)(u.PageActions,{pageSlug:S})]}),c?.description&&(0,r.jsx)(d.Markdown,{source:q,markdocOptions:w}),c?.externalDocs&&(0,r.jsx)(b.ExternalDocumentationWrapper,{children:(0,r.jsx)(d.ExternalDocumentation,{externalDocs:c.externalDocs})})]}),s&&e.items&&(0,r.jsx)(L.ItemsNavigation,{items:e.items,firstChannelBinding:B})]}),s&&!v&&(0,r.jsx)($,{type:"button",variant:"text",size:"medium",onClick:M,children:"+ Show"})]})}),v&&((i=e.items)===null||i===void 0?void 0:i.map(a=>a.type==="channel"?(0,r.jsx)(V.ChannelSection,{item:a},a.link):a.type==="markdown"?(0,r.jsx)(b.SectionWrapper,{children:(0,r.jsx)(E.MarkdownSection,{item:a})},a.link):null))]})});const I=(0,f.default)(d.Section)`
   scroll-margin-top: calc(var(--navbar-height)) !important;
-`,W=p.default.div`
+`,W=f.default.div`
   padding-bottom: ${({expanded:e})=>e?"var(--spacing-xxl)":""};
   padding-bottom: ${({expanded:e})=>e?"var(--spacing-xxl)":""};
-`,$=(0,p.default)(u.Button)`
+`,$=(0,f.default)(u.Button)`
   margin: var(--spacing-md) var(--spacing-xl) var(--spacing-xxs);
   width: calc(100% - var(--spacing-xl) * 2);
 
@@ -14,7 +14,7 @@
     margin-right: var(--button-margin-md);
     width: calc(100% - var(--button-margin-md) * 2);
   }
-`,T=(0,p.default)(u.H2)`
+`,N=(0,f.default)(u.H2)`
   display: flex;
   :hover {
     ${u.LinkIcon} {

package/lib/components/common/Link.js

@@ -1,4 +1,4 @@
-"use strict";var d=exports&&exports.__createBinding||(Object.create?(function(i,e,t,n){n===void 0&&(n=t);var r=Object.getOwnPropertyDescriptor(e,t);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(i,n,r)}):(function(i,e,t,n){n===void 0&&(n=t),i[n]=e[t]})),f=exports&&exports.__setModuleDefault||(Object.create?(function(i,e){Object.defineProperty(i,"default",{enumerable:!0,value:e})}):function(i,e){i.default=e}),h=exports&&exports.__importStar||function(i){if(i&&i.__esModule)return i;var e={};if(i!=null)for(var t in i)t!=="default"&&Object.prototype.hasOwnProperty.call(i,t)&&d(e,i,t);return f(e,i),e};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LinkToField=void 0,exports.ShareLink=s;const c=require("react/jsx-runtime"),a=h(require("styled-components")),l=require("react-router-dom"),o=require("@redocly/theme"),_=require("../../utils");function b(i){const e=i.to;return(0,c.jsx)(l.Link,{"aria-label":i["aria-label"]||`link to ${e}`,id:(0,_.tryDecodeURIComponent)(i.id||""),className:i.className||"",to:e,children:i.children})}function s(i){return(0,c.jsx)(L,Object.assign({},i,{children:(0,c.jsx)(o.LinkIcon,{size:"13px",color:"--heading-anchor-color"})}))}const v=({to:i,className:e})=>{const t=i,n=(0,l.useLocation)(),r=t?.split("#")[1],u=n?n.hash===`#${r}`:!1;return(0,c.jsx)(y,{ariaLabel:`link to ${t}`,className:e,isActive:u,to:t||"",id:r})};exports.LinkToField=v;const y=(0,a.default)(s)`
+"use strict";var d=exports&&exports.__createBinding||(Object.create?(function(i,e,n,t){t===void 0&&(t=n);var r=Object.getOwnPropertyDescriptor(e,n);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(i,t,r)}):(function(i,e,n,t){t===void 0&&(t=n),i[t]=e[n]})),f=exports&&exports.__setModuleDefault||(Object.create?(function(i,e){Object.defineProperty(i,"default",{enumerable:!0,value:e})}):function(i,e){i.default=e}),h=exports&&exports.__importStar||(function(){var i=function(e){return i=Object.getOwnPropertyNames||function(n){var t=[];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[t.length]=r);return t},i(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var t=i(e),r=0;r<t.length;r++)t[r]!=="default"&&d(n,e,t[r]);return f(n,e),n}})();Object.defineProperty(exports,"__esModule",{value:!0}),exports.LinkToField=void 0,exports.ShareLink=s;const a=require("react/jsx-runtime"),c=h(require("styled-components")),l=require("react-router-dom"),o=require("@redocly/theme"),v=require("../../utils");function b(i){const e=i.to;return(0,a.jsx)(l.Link,{"aria-label":i["aria-label"]||`link to ${e}`,id:(0,v.tryDecodeURIComponent)(i.id||""),className:i.className||"",to:e,children:i.children})}function s(i){return(0,a.jsx)(L,Object.assign({},i,{children:(0,a.jsx)(o.LinkIcon,{size:"13px",color:"--heading-anchor-color"})}))}const _=({to:i,className:e})=>{const n=i,t=(0,l.useLocation)(),r=n?.split("#")[1],u=t?t.hash===`#${r}`:!1;return(0,a.jsx)(y,{ariaLabel:`link to ${n}`,className:e,isActive:u,to:n||"",id:r})};exports.LinkToField=_;const y=(0,c.default)(s)`
   display: flex;
   ${o.LinkIcon} {
     visibility: hidden;
@@ -6,7 +6,7 @@
     background-color: var(--bg-color);
   }
 
-  ${({isActive:i})=>i&&(0,a.css)`
+  ${({isActive:i})=>i&&(0,c.css)`
       ${o.LinkIcon} {
         visibility: visible;
         opacity: 1;
@@ -16,7 +16,7 @@
     visibility: visible;
     opacity: 1;
   }
-`,L=(0,a.default)(b)`
+`,L=(0,c.default)(b)`
   position: absolute;
   top: 50%;
   left: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/asyncapi-docs",
-  "version": "1.4.0-next.1",
+  "version": "1.4.0-next.2",
   "description": "Async API docs for Redocly Realm",
   "main": "lib/index.js",
   "module": "lib/index.js",
@@ -29,8 +29,8 @@
     "react": "^19.1.0",
     "ts-jest": "29.1.2",
     "ts-jest-mock-import-meta": "1.1.0",
-    "tsc-alias": "1.8.10",
-    "typescript": "5.6.2"
+    "tsc-alias": "1.8.16",
+    "typescript": "5.9.3"
   },
   "dependencies": {
     "@markdoc/markdoc": "0.5.2",
@@ -39,8 +39,8 @@
     "react-router-dom": "^6.21.1",
     "styled-components": "5.3.11",
     "web-vitals": "3.3.1",
-    "@redocly/config": "0.35.1",
-    "@redocly/openapi-docs": "3.15.0-next.1",
+    "@redocly/config": "0.36.0",
+    "@redocly/openapi-docs": "3.15.0-next.2",
     "@redocly/theme": "0.59.0-next.1"
   },
   "peerDependencies": {