@redocly/asyncapi-docs 1.1.0-next.3 → 1.1.0-next.5

package/lib/components/ApiInfo.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ApiInfo=void 0;const o=require("react/jsx-runtime"),t=require("jotai"),n=require("@redocly/openapi-docs"),s=require("./common"),i=require("../jotai-store/app"),u=()=>{const e=(0,t.useAtomValue)(i.definitionAtom),c=(0,t.useAtomValue)(i.routingBasePathAtom),a=(0,t.useAtomValue)(i.markdocOptionsAtom),r=(0,n.saveTextBeforeHeading)((0,n.getValueFromMdParsedExtension)(e.info,"description")||"");return(0,o.jsxs)(n.Section,{sectionId:c,children:[(0,o.jsxs)(s.ApiHeader,{children:[e.info.title," ",e.info.version]}),r&&(0,o.jsx)(n.Markdown,{source:r,markdocOptions:a}),e.info.externalDocs&&(0,o.jsx)(s.ExternalDocumentationWrapper,{children:(0,o.jsx)(n.ExternalDocumentation,{externalDocs:e.info.externalDocs})})]})};exports.ApiInfo=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ApiInfo=void 0;const e=require("react/jsx-runtime"),t=require("jotai"),n=require("@redocly/openapi-docs"),u=require("@redocly/theme"),c=require("./common"),i=require("../jotai-store/app"),d=()=>{const o=(0,t.useAtomValue)(i.definitionAtom),s=(0,t.useAtomValue)(i.routingBasePathAtom),a=(0,t.useAtomValue)(i.markdocOptionsAtom),r=(0,n.saveTextBeforeHeading)((0,n.getValueFromMdParsedExtension)(o.info,"description")||"");return(0,e.jsxs)(n.Section,{sectionId:s,children:[(0,e.jsxs)(c.ApiHeader,{children:[o.info.title," ",o.info.version,(0,e.jsx)(u.PageActions,{pageSlug:s})]}),r&&(0,e.jsx)(n.Markdown,{source:r,markdocOptions:a}),o.info.externalDocs&&(0,e.jsx)(c.ExternalDocumentationWrapper,{children:(0,e.jsx)(n.ExternalDocumentation,{externalDocs:o.info.externalDocs})})]})};exports.ApiInfo=d;

package/lib/components/ChannelSection.js

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

package/lib/components/Operation.js

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

package/lib/components/TagBlock.js

@@ -1,22 +1,23 @@
-"use strict";var O=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]}),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(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)&&O(n,e,t);return C(n,e),n},P=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=P(require("styled-components")),_=require("jotai"),u=require("@redocly/openapi-docs"),d=require("@redocly/theme"),S=require("react-router-dom"),f=D(require("react")),h=require("../jotai-store/app"),b=require("./common"),A=require("./ItemsNavigation"),L=require("./ChannelSection"),V=require("./MarkdownSection");exports.TagBlock=f.default.memo(({tag:e})=>{var n,t,r,a;const x=(0,_.useAtomValue)(h.layoutAtom),g=(0,_.useAtomValue)(h.routingBasePathAtom),l=(0,_.useAtomValue)(h.definitionAtom),y=(0,_.useAtomValue)(h.markdocOptionsAtom),j=(0,S.useLocation)(),k=(0,S.useNavigate)(),s=!!(!((n=e.items)===null||n===void 0)&&n.length),w=x===d.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,f.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,f.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,f.useCallback)(()=>{e.link&&k(e.link)},[k,e.link]),B=(0,u.saveTextBeforeHeading)((0,u.getValueFromMdParsedExtension)(c,"description")||"");return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(E,{expanded:s&&!v,sectionId:(0,d.combineUrls)(g,e.dataSectionId),children:(0,i.jsxs)(I,{expanded:v,children:[(0,i.jsxs)(u.Row,{layout:x,children:[(0,i.jsxs)(u.SamplesMiddlePanel,{fullWidth:!s,isStacked:w,children:[(0,i.jsxs)($,{children:[e.label,(0,i.jsx)(b.ShareLink,{to:(0,d.combineUrls)(g,e.link),"aria-label":`link to ${e.label}`})]}),c?.description&&(0,i.jsx)(u.Markdown,{source:B,markdocOptions:y}),c?.externalDocs&&(0,i.jsx)(b.ExternalDocumentationWrapper,{children:(0,i.jsx)(u.ExternalDocumentation,{externalDocs:c.externalDocs})})]}),s&&e.items&&(0,i.jsx)(A.ItemsNavigation,{items:e.items,firstChannelBinding:M})]}),s&&!v&&(0,i.jsx)(W,{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)(L.ChannelSection,{item:o},o.link):o.type==="markdown"?(0,i.jsx)(b.SectionWrapper,{children:(0,i.jsx)(V.MarkdownSection,{item:o})},o.link):null))]})});const E=(0,p.default)(u.Section)`
+"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)`
   scroll-margin-top: calc(var(--navbar-height)) !important;
-`,I=p.default.div`
+`,W=p.default.div`
   padding-bottom: ${({expanded:e})=>e?"var(--spacing-xxl)":""};
   padding-bottom: ${({expanded:e})=>e?"var(--spacing-xxl)":""};
-`,W=(0,p.default)(d.Button)`
+`,$=(0,p.default)(u.Button)`
   margin: var(--spacing-md) var(--spacing-xl) var(--spacing-xxs);
   width: calc(100% - var(--spacing-xl) * 2);
 
-  @media screen and (min-width: ${d.breakpoints.medium}) {
+  @media screen and (min-width: ${u.breakpoints.medium}) {
     --button-margin-md: calc(var(--spacing-xl) * 2);
 
     margin-left: var(--button-margin-md);
     margin-right: var(--button-margin-md);
     width: calc(100% - var(--button-margin-md) * 2);
   }
-`,$=(0,p.default)(d.H2)`
+`,T=(0,p.default)(u.H2)`
+  display: flex;
   :hover {
-    ${d.LinkIcon} {
+    ${u.LinkIcon} {
       opacity: 1;
       visibility: visible;
     }

package/lib/components/common/styles.js

@@ -1,4 +1,5 @@
 "use strict";var t=exports&&exports.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.HostList=exports.ActionTag=exports.TopicConfigurationWrapper=exports.TopicConfiguration=exports.TagStyled=exports.HeaderWrapper=exports.ExternalDocumentationWrapper=exports.Value=exports.Label=exports.Section=exports.Header=exports.Block=exports.ApiHeader=void 0;const e=t(require("styled-components")),i=require("@redocly/theme");exports.ApiHeader=(0,e.default)(i.H1)`
+  display: flex;
   margin-top: 0;
   margin-bottom: 0;
   & + ${i.Markdown} {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/asyncapi-docs",
-  "version": "1.1.0-next.3",
+  "version": "1.1.0-next.5",
   "description": "Async API docs for Redocly Realm",
   "main": "lib/index.js",
   "module": "lib/index.js",
@@ -39,9 +39,9 @@
     "react-router-dom": "^6.21.1",
     "styled-components": "5.3.11",
     "web-vitals": "3.3.1",
-    "@redocly/config": "0.27.0",
-    "@redocly/openapi-docs": "3.12.0-next.20",
-    "@redocly/theme": "0.56.0-next.11"
+    "@redocly/config": "0.28.0",
+    "@redocly/openapi-docs": "3.12.0-next.22",
+    "@redocly/theme": "0.56.0-next.13"
   },
   "peerDependencies": {
     "react": "^19.1.0"