@redocly/asyncapi-docs 1.6.1 → 1.7.0-custom.1

package/lib/RedoclyAsyncAPIDocs.js

@@ -1 +1 @@
-import{jsx as e,jsxs as f}from"react/jsx-runtime";import{useMemo as M,memo as b}from"react";import{IS_BROWSER as x}from"@redocly/theme/core/utils";import{useMount as D}from"@redocly/theme/core/hooks";import{AppProvider as l}from"./jotai-store/Provider.js";import{AsyncApiDocs as u}from"./components/AsyncApiDocs.js";import{Breadcrumbs as y}from"./components/Breadcrumbs.js";import{AppRouter as O}from"./components/AppRouter.js";import{useTelemetry as R,usePerformanceMetrics as I}from"./hooks/index.js";const C=b(({pageProps:t,document:r,apiItems:i,routingBasePath:m,protocol:o,downloadUrls:c,markdocOptions:p})=>{const n=R(),a=M(()=>({layout:t.apiOptions.layout,protocol:o,routingBasePath:m,downloadUrls:c,definition:r,markdocOptions:p}),[t.apiOptions.layout,o,m,c,r,p]);return I({sendTelemetry:d=>{const s=Object.fromEntries(Object.entries(d).map(([A,j])=>[A.toLowerCase(),j]));n.sendAsyncapiDocsPerformanceMetricsMessage({cls:s.cls,lcp:s.lcp,fcp:s.fcp,ttfb:s.ttfb})}}),D(()=>{n.sendAsyncapiDocsViewedMessage({layout:t.apiOptions.layout,protocol:o||"default"})}),x?e(l,{store:a,children:f(O,{children:[e(y,{}),e(u,{apiItems:i})]})}):f(l,{store:a,children:[e(y,{}),e(u,{apiItems:i})]})});export{C as RedoclyAsyncAPIDocs};
+import{jsx as e,jsxs as f}from"react/jsx-runtime";import{useMemo as b,memo as M}from"react";import{IS_BROWSER as x}from"@redocly/theme/core/utils";import{useMount as D}from"@redocly/theme/core/hooks";import{AppProvider as l}from"./jotai-store/Provider.js";import{AsyncApiDocs as u}from"./components/AsyncApiDocs.js";import{Breadcrumbs as y}from"./components/Breadcrumbs.js";import{AppRouter as O}from"./components/AppRouter.js";import{useTelemetry as R,usePerformanceMetrics as _}from"./hooks/index.js";const C=M(({pageProps:s,document:r,apiItems:i,routingBasePath:c,protocol:o,downloadUrls:m,markdocOptions:p})=>{const n=R(),a=b(()=>({layout:s.apiOptions.layout,protocol:o,routingBasePath:c,downloadUrls:m,definition:r,markdocOptions:p}),[s.apiOptions.layout,o,c,m,r,p]);return _({sendTelemetry:d=>{const t=Object.fromEntries(Object.entries(d).map(([j,A])=>[j.toLowerCase(),A]));n.sendAsyncapiDocsPerformanceMetricsMessage([{object:"metrics",cls:t.cls,lcp:t.lcp,fcp:t.fcp,ttfb:t.ttfb}])}}),D(()=>{n.sendAsyncapiDocsViewedMessage([{object:"view_stats",layout:s.apiOptions.layout,protocol:o||"default"}])}),x?e(l,{store:a,children:f(O,{children:[e(y,{}),e(u,{apiItems:i})]})}):f(l,{store:a,children:[e(y,{}),e(u,{apiItems:i})]})});export{C as RedoclyAsyncAPIDocs};

package/lib/components/AsyncApiDocs.js

@@ -1 +1,3 @@
-import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useAtomValue as t}from"jotai";import{useCallback as p,memo as c}from"react";import{ThreePanelLayout as f}from"@redocly/theme/layouts/ThreePanelLayout";import{RightPanel as u}from"./RightPanel.js";import{TagBlock as d}from"./TagBlock.js";import{ApiInfo as h}from"./ApiInfo.js";import{ChannelSection as A}from"./ChannelSection.js";import{MarkdownSection as g}from"./MarkdownSection.js";import{SectionWrapper as y}from"./common/index.js";import{layoutAtom as k,routingBasePathAtom as v,definitionAtom as x}from"../jotai-store/app.js";import{useAutoScroll as P}from"../hooks/index.js";const N=c(({apiItems:n})=>{const a=t(v),i=t(x);P(a);const l=t(k),m=p(o=>o?.type==="tag"?r(d,{tag:o},o.link):o?.type==="channel"?r(A,{item:o},o.link):null,[]);return e(f,{className:"api-content",id:"api-content",layout:l,collapsedSidebar:!0,children:[e(y,{rightPanel:r(u,{info:i.info,servers:i.servers}),children:[r(h,{}),n.filter(({type:o})=>o==="markdown").map((o,s)=>r(g,{item:o},s))]}),n.map(m)]})});export{N as AsyncApiDocs};
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useAtomValue as t}from"jotai";import{useCallback as p,memo as c}from"react";import f from"styled-components";import{ThreePanelLayout as u}from"@redocly/theme/layouts/ThreePanelLayout";import{RightPanel as d}from"./RightPanel.js";import{TagBlock as g}from"./TagBlock.js";import{ApiInfo as h}from"./ApiInfo.js";import{ChannelSection as v}from"./ChannelSection.js";import{MarkdownSection as y}from"./MarkdownSection.js";import{SectionWrapper as A}from"./common/index.js";import{layoutAtom as k,routingBasePathAtom as x,definitionAtom as S}from"../jotai-store/app.js";import{useAutoScroll as P}from"../hooks/index.js";const R=c(({apiItems:n})=>{const a=t(x),i=t(S);P(a);const l=t(k),m=p(o=>o?.type==="tag"?r(g,{tag:o},o.link):o?.type==="channel"?r(v,{item:o},o.link):null,[]);return e(u,{className:"api-content",id:"api-content",layout:l,collapsedSidebar:!0,children:[e(j,{rightPanel:r(d,{info:i.info,servers:i.servers}),children:[r(h,{}),n.filter(({type:o})=>o==="markdown").map((o,s)=>r(y,{item:o},s))]}),n.map(m)]})}),j=f(A)`
+  padding-bottom: var(--spacing-xl);
+`;export{R as AsyncApiDocs};

package/lib/components/Breadcrumbs.d.ts

@@ -1 +1 @@
-export declare const Breadcrumbs: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare const Breadcrumbs: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element | null>;

package/lib/components/Breadcrumbs.js

@@ -1,7 +1,7 @@
-import{jsx as r}from"react/jsx-runtime";import a from"styled-components";import{memo as e}from"react";import{Breadcrumbs as t}from"@redocly/theme/components/Breadcrumbs/Breadcrumbs";const n=e(()=>r(o,{children:r(t,{})})),o=a.div`
+import{jsx as r}from"react/jsx-runtime";import t from"styled-components";import{memo as o}from"react";import{Breadcrumbs as m}from"@redocly/theme/components/Breadcrumbs/Breadcrumbs";import{useThemeHooks as n}from"@redocly/theme/core/hooks";const g=o(()=>{const{useBreadcrumbs:a}=n(),{breadcrumbs:e}=a();return e.length===0?null:r(i,{children:r(m,{})})}),i=t.div`
   padding-top: var(--panel-gap-vertical);
   padding-bottom: var(--panel-gap-vertical);
   padding-left: calc(var(--panel-gap-horizontal) * 2);
   padding-right: var(--panel-gap-horizontal);
   height: var(--navbar-height);
-`;export{n as Breadcrumbs};
+`;export{g as Breadcrumbs};

package/lib/components/ChannelBinding.js

@@ -1 +1 @@
-var g=function(o,c){var s={};for(var i in o)Object.prototype.hasOwnProperty.call(o,i)&&c.indexOf(i)<0&&(s[i]=o[i]);if(o!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,i=Object.getOwnPropertySymbols(o);a<i.length;a++)c.indexOf(i[a])<0&&Object.prototype.propertyIsEnumerable.call(o,i[a])&&(s[i[a]]=o[i[a]]);return s};import{jsx as n,jsxs as t,Fragment as u}from"react/jsx-runtime";import{useState as m}from"react";import{JsonViewer as b}from"@redocly/theme/components/JsonViewer/JsonViewer";import{BindingPanel as y,HeaderWrapper as l,TagStyled as d,TopicConfiguration as r,TopicConfigurationWrapper as C,MoreDetailsButton as j}from"./common/index.js";import{useProtocolLabels as x}from"../hooks/index.js";const B=({binding:o})=>{const[c,s]=m(!1),{getProtocolLabel:i}=x({amqp:Object.assign({},o.value||{})}),a=()=>{s(!c)},p=({key:h,value:e})=>{const{bindingVersion:O}=e,f=g(e,["bindingVersion"]);switch(h){case"kafka":return t(u,{children:[e.topic&&t(l,{children:[n("span",{"data-testid":"topic-label",children:"Topic"}),n("span",{children:n(d,{borderless:!0,"data-testid":"topic-value",children:e.topic})})]}),e.partitions&&t(l,{children:[n("span",{"data-testid":"partitions-label",children:"Partitions"}),n("span",{children:n(d,{borderless:!0,color:"blue","data-testid":"partitions-value",children:e.partitions})})]}),e.replicas&&t(l,{children:[n("span",{"data-testid":"replicas-label",children:"Replicas"}),n("span",{children:n(d,{borderless:!0,color:"green","data-testid":"replicas-value",children:e.replicas})})]}),e.topicConfiguration&&t("div",{children:[n(l,{expandable:!0,onClick:a,children:n(j,{expanded:c})}),c&&t(C,{children:[e.topicConfiguration["cleanup.policy"]&&t(r,{children:[n("span",{children:"\u0421leanup policy"}),n("span",{children:e.topicConfiguration["cleanup.policy"].join(", ")})]}),e.topicConfiguration["retention.ms"]&&t(r,{children:[n("span",{children:"Retention, ms"}),n("span",{children:e.topicConfiguration["retention.ms"]})]}),e.topicConfiguration["retention.bytes"]&&t(r,{children:[n("span",{children:"Retention, bytes"}),n("span",{children:e.topicConfiguration["retention.bytes"]})]}),e.topicConfiguration["delete.retention.ms"]&&t(r,{children:[n("span",{children:"Delete retention, ms"}),n("span",{children:e.topicConfiguration["delete.retention.ms"]})]}),e.topicConfiguration["max.message.bytes"]&&t(r,{children:[n("span",{children:"Max message bytes"}),n("span",{children:e.topicConfiguration["max.message.bytes"]})]}),e.topicConfiguration["confluent.key.schema.validation"]&&t(r,{children:[n("span",{children:"Confluent key schema validation"}),n("span",{children:String(e.topicConfiguration["confluent.key.schema.validation"])})]}),e.topicConfiguration["confluent.key.subject.name.strategy"]&&t(r,{children:[n("span",{children:"Confluent key subject name strategy"}),n("span",{children:e.topicConfiguration["confluent.key.subject.name.strategy"]})]}),e.topicConfiguration["confluent.value.schema.validation"]&&t(r,{children:[n("span",{children:"Confluent value schema validation"}),n("span",{children:String(e.topicConfiguration["confluent.value.schema.validation"])})]}),e.topicConfiguration["confluent.value.subject.name.strategy"]&&t(r,{children:[n("span",{children:"Confluent value subject name strategy"}),n("span",{children:e.topicConfiguration["confluent.value.subject.name.strategy"]})]})]})]})]});default:return n(b,{data:f,expandLevel:3,controls:!1})}};return n(y,{header:i("channelBinding"),children:p(o)})};export{B as ChannelBinding};
+var g=function(i,c){var s={};for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&c.indexOf(r)<0&&(s[r]=i[r]);if(i!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,r=Object.getOwnPropertySymbols(i);a<r.length;a++)c.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(i,r[a])&&(s[r[a]]=i[r[a]]);return s};import{jsx as n,jsxs as t,Fragment as u}from"react/jsx-runtime";import{useState as m}from"react";import{JsonViewer as y}from"@redocly/theme/components/JsonViewer/JsonViewer";import{BindingPanel as b,HeaderWrapper as l,TagStyled as d,TopicConfiguration as o,TopicConfigurationWrapper as C,MoreDetailsButton as j}from"./common/index.js";import{useProtocolLabels as x}from"../hooks/index.js";const T=({binding:i})=>{const[c,s]=m(!1),{getProtocolLabel:r}=x({amqp:Object.assign({},i.value||{})}),a=()=>{s(!c)},p=({key:h,value:e})=>{const{bindingVersion:k}=e,f=g(e,["bindingVersion"]);switch(h){case"kafka":return t(u,{children:[e.topic&&t(l,{children:[n("span",{"data-testid":"topic-label",children:"Topic"}),n("span",{children:n(d,{borderless:!0,"data-testid":"topic-value",children:e.topic})})]}),e.partitions&&t(l,{children:[n("span",{"data-testid":"partitions-label",children:"Partitions"}),n("span",{children:n(d,{borderless:!0,color:"blue","data-testid":"partitions-value",children:e.partitions})})]}),e.replicas&&t(l,{children:[n("span",{"data-testid":"replicas-label",children:"Replicas"}),n("span",{children:n(d,{borderless:!0,color:"green","data-testid":"replicas-value",children:e.replicas})})]}),e.topicConfiguration&&t("div",{children:[n(l,{expandable:!0,onClick:a,children:n(j,{expanded:c})}),c&&t(C,{children:[e.topicConfiguration["cleanup.policy"]&&t(o,{children:[n("span",{children:"\u0421leanup policy"}),n("span",{children:O(e.topicConfiguration["cleanup.policy"]).join(", ")})]}),e.topicConfiguration["retention.ms"]&&t(o,{children:[n("span",{children:"Retention, ms"}),n("span",{children:e.topicConfiguration["retention.ms"]})]}),e.topicConfiguration["retention.bytes"]&&t(o,{children:[n("span",{children:"Retention, bytes"}),n("span",{children:e.topicConfiguration["retention.bytes"]})]}),e.topicConfiguration["delete.retention.ms"]&&t(o,{children:[n("span",{children:"Delete retention, ms"}),n("span",{children:e.topicConfiguration["delete.retention.ms"]})]}),e.topicConfiguration["max.message.bytes"]&&t(o,{children:[n("span",{children:"Max message bytes"}),n("span",{children:e.topicConfiguration["max.message.bytes"]})]}),e.topicConfiguration["confluent.key.schema.validation"]&&t(o,{children:[n("span",{children:"Confluent key schema validation"}),n("span",{children:String(e.topicConfiguration["confluent.key.schema.validation"])})]}),e.topicConfiguration["confluent.key.subject.name.strategy"]&&t(o,{children:[n("span",{children:"Confluent key subject name strategy"}),n("span",{children:e.topicConfiguration["confluent.key.subject.name.strategy"]})]}),e.topicConfiguration["confluent.value.schema.validation"]&&t(o,{children:[n("span",{children:"Confluent value schema validation"}),n("span",{children:String(e.topicConfiguration["confluent.value.schema.validation"])})]}),e.topicConfiguration["confluent.value.subject.name.strategy"]&&t(o,{children:[n("span",{children:"Confluent value subject name strategy"}),n("span",{children:e.topicConfiguration["confluent.value.subject.name.strategy"]})]})]})]})]});default:return n(y,{data:f,expandLevel:3,controls:!1})}};return n(b,{header:r("channelBinding"),children:p(i)})};function O(i){return Array.isArray(i)?i:[i]}export{T as ChannelBinding};

package/lib/components/ChannelLinkItem.js

@@ -1,4 +1,4 @@
-import{jsx as o,jsxs as a}from"react/jsx-runtime";import{useMemo as c}from"react";import{Link as l}from"react-router-dom";import i from"styled-components";import{generateChannelLink as d}from"../utils/index.js";import{ListIcon as m}from"./common/ListIcon.js";import{useTelemetry as p}from"../hooks/index.js";const j=({channel:r,isActive:e})=>{const n=c(()=>d(r),[r]),t=p(),s=()=>{t.sendAsyncapiDocsReferencedInClickedMessage({id:"asyncapi-docs-channel-link",object:"link",uri:`${window.location.href}#asyncapi-docs-channel-link`,referencedIn:r.title||r.address||r.key})};return a(k,{children:[o(m,{size:"22px",color:e?"var(--color-info-border)":"var(--border-color-primary)",style:{marginRight:"var(--spacing-xs)",flexShrink:0}}),o(v,{to:n,onClick:s,children:r.title||r.address||r.key})]})},k=i.div`
+import{jsx as o,jsxs as a}from"react/jsx-runtime";import{useMemo as c}from"react";import{Link as l}from"react-router-dom";import i from"styled-components";import{generateChannelLink as d}from"../utils/index.js";import{ListIcon as m}from"./common/ListIcon.js";import{useTelemetry as p}from"../hooks/index.js";const j=({channel:r,isActive:e})=>{const n=c(()=>d(r),[r]),t=p(),s=()=>{t.sendAsyncapiDocsReferencedInClickedMessage([{id:"asyncapi-docs-channel-link",object:"link",uri:`${window.location.href}#asyncapi-docs-channel-link`,referencedIn:r.title||r.address||r.key}])};return a(k,{children:[o(m,{size:"22px",color:e?"var(--color-info-border)":"var(--border-color-primary)",style:{marginRight:"var(--spacing-xs)",flexShrink:0}}),o(v,{to:n,onClick:s,children:r.title||r.address||r.key})]})},k=i.div`
   padding: var(--spacing-xxs) var(--spacing-md);
   display: flex;
   align-items: center;

package/lib/components/ChannelSection.js

@@ -1,27 +1,29 @@
-import{jsx as i,jsxs as s}from"react/jsx-runtime";import{useMemo as a,memo as A}from"react";import l from"styled-components";import{useAtomValue as h}from"jotai";import{Row as f,SamplesMiddlePanel as b,OperationSamplesPanel as C,Section as L,CustomBadges as _}from"@redocly/openapi-docs";import{LayoutVariant as I}from"@redocly/config";import{H2 as w}from"@redocly/theme/components/Typography/H2";import{LinkIcon as B}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{CurveAutoColonIcon as D}from"@redocly/theme/icons/CurveAutoColonIcon/CurveAutoColonIcon";import{combineUrls as H}from"@redocly/theme/core/openapi";import{PageActions as M}from"@redocly/theme/components/PageActions/PageActions";import{layoutAtom as N,routingBasePathAtom as T,definitionAtom as W}from"../jotai-store/app.js";import{TagWithIcon as V,Information as $,ActionTag as z,ShareLink as E}from"./common/index.js";import{ChannelParameters as K}from"./ChannelParameters.js";import{ServersListPanel as R}from"./ServersListPanel.js";import{ChannelBinding as U}from"./ChannelBinding.js";import{MessageSection as q}from"./MessageSection.js";import{OperationSection as k}from"./OperationSection.js";import{useProtocolLabels as F}from"../hooks/index.js";const be=A(({item:r})=>{var p;const d=h(N),j=h(T),t=h(W),c=d===I.STACKED,e=(p=t.channels)===null||p===void 0?void 0:p[r.id],{getProtocolLabel:x}=F(e?.bindings),m=a(()=>Object.entries(t.servers||{}).map(([n,o])=>({key:n,value:o})).filter(({value:n})=>{var o;return(o=e?.servers)===null||o===void 0?void 0:o.some(P=>P.host===n.host)}),[e?.servers,t.servers]),S=a(()=>Object.entries(e?.bindings||{}).map(([n,o])=>({key:n,value:o})),[e?.bindings]),y=a(()=>Object.entries(e?.messages||{}).map(([n,o])=>({key:n,value:o})),[e?.messages]),v=a(()=>r.items.filter(n=>{var o;return n.action==="send"&&((o=t.operations)===null||o===void 0?void 0:o[n.id])}),[t.operations,r.items]),u=a(()=>r.items.filter(n=>{var o;return n.action==="receive"&&((o=t.operations)===null||o===void 0?void 0:o[n.id])}),[t.operations,r.items]),O=a(()=>{var n;return(n=e?.["x-badges"])===null||n===void 0?void 0:n.map(o=>Object.assign(Object.assign({},o),{position:o.position||"after"}))},[e]);if(!e)return null;const g=H(j,r.dataSectionId);return s(G,{children:[s(J,{sectionId:g,children:[i(f,{layout:d,children:i(b,{compact:!0,className:"api-info",isStacked:c,children:i(z,{color:x("channel").toLowerCase(),children:x("channel")})})}),s(f,{layout:d,children:[s(b,{compact:!0,className:"api-info",isStacked:c,children:[s(X,{children:[s(Q,{children:[i(_,{badges:O,children:e?.title||e?.address||r.id}),i(E,{to:g,"aria-label":`link to ${r.label}`})]}),i(M,{pageSlug:g})]}),e.address&&s(V,{icon:i(D,{size:"14px"}),children:["name: ",i("span",{children:e.address})]}),i($,{summary:e.summary,description:e.description,externalDocs:e.externalDocs}),e.parameters&&i(K,{parameters:e.parameters,id:r.link})]}),s(C,{isStacked:c,className:"panel-container-response-samples",children:[!!m?.length&&i(R,{servers:m,hideHeader:!0}),!!S.length&&i(U,{binding:S[0]})]})]}),y.length>0?i(q,{messages:y,id:r.link}):null]}),v.length>0?i(k,{operations:v,type:"send",id:r.link}):null,u.length>0&&v.length>0?i(f,{layout:d,children:i(b,{isStacked:c,children:i(Y,{})})}):null,u.length>0?i(k,{operations:u,type:"receive",id:r.link}):null]})}),G=l.div`
+import{jsx as i,jsxs as s}from"react/jsx-runtime";import{useMemo as d,memo as H}from"react";import c from"styled-components";import{useAtomValue as g}from"jotai";import{Row as f,SamplesMiddlePanel as b,OperationSamplesPanel as O,Section as P,CustomBadges as _}from"@redocly/openapi-docs";import{LayoutVariant as L}from"@redocly/config";import{AfterAsyncApiChannelDescription as I}from"@redocly/theme";import{H2 as w}from"@redocly/theme/components/Typography/H2";import{LinkIcon as D}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{CurveAutoColonIcon as B}from"@redocly/theme/icons/CurveAutoColonIcon/CurveAutoColonIcon";import{combineUrls as M}from"@redocly/theme/core/openapi";import{PageActions as T}from"@redocly/theme/components/PageActions/PageActions";import{layoutAtom as N,routingBasePathAtom as R,definitionAtom as W}from"../jotai-store/app.js";import{TagWithIcon as V,Information as $,ActionTag as z,ShareLink as E}from"./common/index.js";import{ChannelParameters as K}from"./ChannelParameters.js";import{ServersListPanel as U}from"./ServersListPanel.js";import{ChannelBinding as q}from"./ChannelBinding.js";import{MessageSection as F}from"./MessageSection.js";import{OperationSection as k}from"./OperationSection.js";import{useProtocolLabels as G}from"../hooks/index.js";const xe=H(({item:r})=>{var t;const a=g(N),A=g(R),l=g(W),m=a===L.STACKED,e=(t=l.channels)===null||t===void 0?void 0:t[r.id],{getProtocolLabel:y}=G(e?.bindings),p=d(()=>Object.entries(l.servers||{}).map(([n,o])=>({key:n,value:o})).filter(({value:n})=>{var o;return(o=e?.servers)===null||o===void 0?void 0:o.some(C=>C.host===n.host)}),[e?.servers,l.servers]),S=d(()=>Object.entries(e?.bindings||{}).map(([n,o])=>({key:n,value:o})),[e?.bindings]),x=d(()=>Object.entries(e?.messages||{}).map(([n,o])=>({key:n,value:o})),[e?.messages]),v=d(()=>r.items.filter(n=>{var o;return n.action==="send"&&((o=l.operations)===null||o===void 0?void 0:o[n.id])}),[l.operations,r.items]),u=d(()=>r.items.filter(n=>{var o;return n.action==="receive"&&((o=l.operations)===null||o===void 0?void 0:o[n.id])}),[l.operations,r.items]),j=d(()=>{var n;return(n=e?.["x-badges"])===null||n===void 0?void 0:n.map(o=>Object.assign(Object.assign({},o),{position:o.position||"after"}))},[e]);if(!e)return null;const h=M(A,r.dataSectionId);return s(Q,{children:[s(X,{sectionId:h,children:[i(f,{layout:a,children:i(b,{className:"api-info",isStacked:m,children:i(z,{color:y("channel").toLowerCase(),children:y("channel")})})}),s(f,{layout:a,children:[s(b,{className:"api-info",isStacked:m,children:[s(Z,{children:[s(Y,{children:[i(_,{badges:j,children:e?.title||e?.address||r.id}),i(E,{to:h,"aria-label":`link to ${r.label}`})]}),i(T,{pageSlug:h})]}),e.address&&s(V,{icon:i(B,{size:"14px"}),children:["name: ",i("span",{children:e.address})]}),i($,{summary:e.summary,description:e.description,externalDocs:e.externalDocs}),i(J,{Hook:I,props:{channel:e}}),e.parameters&&i(K,{parameters:e.parameters,id:r.link})]}),s(O,{isStacked:m,className:"panel-container-response-samples",children:[!!p?.length&&i(U,{servers:p,hideHeader:!0}),!!S.length&&i(q,{binding:S[0]})]})]}),x.length>0?i(F,{messages:x,id:r.link}):null]}),v.length>0?i(k,{operations:v,type:"send",id:r.link}):null,u.length>0&&v.length>0?i(f,{layout:a,children:i(b,{isStacked:m,children:i(ee,{})})}):null,u.length>0?i(k,{operations:u,type:"receive",id:r.link}):null]})});function J(r){if(!r.Hook)return null;const t=r.Hook(r.props),a=t&&t.html;return a?i("span",{dangerouslySetInnerHTML:{__html:a}}):t}const Q=c.div`
   width: 100%;
 
   &:not(:last-child) {
     border-bottom: 1px solid var(--border-color-primary);
   }
-`,J=l(L)`
+`,X=c(P)`
   padding: var(--spacing-xxl) 0 var(--spacing-base);
-  scroll-margin-top: calc(var(--navbar-height) - var(--spacing-base)) !important;
-`,Q=l(w)`
+  scroll-margin-top: calc(
+    var(--navbar-height) + var(--banner-height) - var(--spacing-base)
+  ) !important;
+`,Y=c(w)`
   margin: 0 0 var(--spacing-xs) 0;
   display: flex;
   align-items: center;
   gap: var(--spacing-xs);
   flex-wrap: wrap;
   :hover {
-    ${B} {
+    ${D} {
       opacity: 1;
       visibility: visible;
     }
   }
-`,X=l.div`
+`,Z=c.div`
   display: flex;
   align-items: flex-start;
-`,Y=l.div`
+`,ee=c.div`
   border-bottom: 1px solid var(--border-color-secondary);
-`;export{be as ChannelSection};
+`;export{xe as ChannelSection};

package/lib/components/MarkdownSection.js

@@ -1,3 +1,3 @@
-import{jsx as t,Fragment as l,jsxs as f}from"react/jsx-runtime";import{useAtomValue as s}from"jotai";import g from"styled-components";import{Markdown as i,Section as h}from"@redocly/openapi-docs";import{combineUrls as c}from"@redocly/theme/core/openapi";import{generateAst as m}from"../utils/index.js";import{markdocOptionsAtom as k,routingBasePathAtom as S}from"../jotai-store/app.js";const w=({item:o})=>{const a=s(k),n=s(S),d=m(o.ast);return f(l,{children:[t(e,{sectionId:c(n,o.dataSectionId),children:t(i,{ast:d,markdocOptions:a})}),o.items.map(r=>{const p=m(r.ast);return t(e,{sectionId:c(n,r.dataSectionId),children:t(i,{ast:p,markdocOptions:a})},r.link)})]})},e=g(h)`
-  scroll-margin-top: calc(var(--navbar-height)) !important;
+import{jsx as t,Fragment as l,jsxs as h}from"react/jsx-runtime";import{useAtomValue as s}from"jotai";import g from"styled-components";import{Markdown as i,Section as f}from"@redocly/openapi-docs";import{combineUrls as e}from"@redocly/theme/core/openapi";import{generateAst as c}from"../utils/index.js";import{markdocOptionsAtom as k,routingBasePathAtom as S}from"../jotai-store/app.js";const w=({item:o})=>{const a=s(k),n=s(S),d=c(o.ast);return h(l,{children:[t(m,{sectionId:e(n,o.dataSectionId),children:t(i,{ast:d,markdocOptions:a})}),o.items.map(r=>{const p=c(r.ast);return t(m,{sectionId:e(n,r.dataSectionId),children:t(i,{ast:p,markdocOptions:a})},r.link)})]})},m=g(f)`
+  scroll-margin-top: calc(var(--navbar-height) + var(--banner-height)) !important;
 `;export{w as MarkdownSection};

package/lib/components/MessageSection.js

@@ -1,4 +1,4 @@
-import{jsx as a,jsxs as s}from"react/jsx-runtime";import f from"styled-components";import{useAtomValue as b}from"jotai";import{useLocation as V}from"react-router-dom";import{Row as I,SamplesMiddlePanel as O,OperationSamplesPanel as q,Dropdown as G,makeDeepLink as C,pathIncludesLink as j}from"@redocly/openapi-docs";import{LayoutVariant as U}from"@redocly/config";import{useEffect as D,useMemo as c,useRef as J,useState as w,useCallback as A,memo as Q}from"react";import*as X from"openapi-sampler";import{H4 as Y}from"@redocly/theme/components/Typography/H4";import{Typography as Z}from"@redocly/theme/components/Typography/Typography";import{Segmented as ee}from"@redocly/theme/components/Segmented/Segmented";import{LinkIcon as R}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{combineUrls as $}from"@redocly/theme/core/openapi";import{SamplesPanel as oe}from"./SamplesPanel.js";import{MessageBinding as ne}from"./MessageBinding.js";import{MessageReferences as te}from"./MessageReferences.js";import{layoutAtom as ae,routingBasePathAtom as ie,definitionAtom as se}from"../jotai-store/app.js";import{Message as le}from"./Message.js";import{getSchema as re,modifyPayload as ce}from"../utils/index.js";import{LinkToField as B}from"./common/index.js";import{useTelemetry as de}from"../hooks/index.js";const me=3,De=Q(({messages:i,id:r})=>{var v;const d=V(),z=c(()=>i.find(e=>j(d,`m=${e.key}`))||i[0],[i,d]),[n,P]=w(z),[g,y]=w(n.value.payload),H=A(e=>{const o=ce(g,e);o&&y(o)},[]),l=b(se),F=A(()=>{var e;return n.value.examples||[{payload:X.sample(Object.assign({},re(g)),{},!((e=l?.components)===null||e===void 0)&&e.schemas?{components:{schemas:l.components.schemas}}:void 0)}]},[g,n.value.examples,(v=l?.components)===null||v===void 0?void 0:v.schemas]),h=b(ae),m=b(ie),k=h===U.STACKED,p=c(()=>i.map(e=>({label:e.value.title||e.value.name||e.key,value:e.key})),[i]),[S,K]=w(!1),M=J(null),x=de();D(()=>{var e;const o=i.find(t=>j(d,`m=${t.key}`));o&&(P(o),!((e=o?.value)===null||e===void 0)&&e.payload&&y(o.value.payload))},[d,i]);const L=A(({value:e})=>{var o;const t=i.find(u=>u.key===e);t&&(x.sendAsyncapiDocsSwitchMessageClickedMessage({message:t.key}),P(t),!((o=t?.value)===null||o===void 0)&&o.payload&&y(t.value.payload))},[i,x]),T=c(()=>Object.entries(n.value.bindings||{}).map(([e,o])=>({key:e,value:o})),[n.value.bindings]),_=c(()=>$(m,C(r,`messages&m=${n.key}`)),[r,m,n.key]);D(()=>{if(!M.current)return;const e=()=>{var o;const t=(o=M.current)===null||o===void 0?void 0:o.querySelectorAll('button[role="tab"]'),u=Array.from(t||[]).some(E=>E.offsetWidth<E.scrollWidth);u!==S&&K(u)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[S,p]);const N=c(()=>$(m,C(r,"messages")),[r,m]);return s(pe,{"data-component-name":"MessageSection/MessageSection",children:[a(I,{layout:h,children:s(O,{isStacked:k,children:[s(ue,{children:[a(B,{to:N}),"Messages"]}),i.length>1?s(W,{children:["Accepts ",a("span",{children:"one of"})," the following messages:"]}):a(W,{children:"Accepts the following message:"})]})}),s(I,{layout:h,children:[s(O,{isStacked:k,children:[s(fe,{children:[a(B,{to:_}),p.length>me||S?a(G,{options:p,value:n.key,onChange:L}):a(ee,{ref:M,size:"small",value:n.key,options:p,onChange:L})]}),a(le,{message:n.value,sectionId:r,id:n.key,onOneOfChange:H})]}),s(q,{isStacked:k,className:"panel-container-response-samples",children:[a(oe,{examples:F()}),!!T.length&&a(ne,{binding:T[0],slug:_}),a(te,{messageKey:n.key})]})]})]})}),pe=f.div`
+import{jsx as a,jsxs as i}from"react/jsx-runtime";import f from"styled-components";import{useAtomValue as b}from"jotai";import{useLocation as V}from"react-router-dom";import{Row as I,SamplesMiddlePanel as O,OperationSamplesPanel as q,Dropdown as G,makeDeepLink as j,pathIncludesLink as C}from"@redocly/openapi-docs";import{LayoutVariant as U}from"@redocly/config";import{useEffect as D,useMemo as c,useRef as J,useState as w,useCallback as A,memo as Q}from"react";import*as X from"openapi-sampler";import{H4 as Y}from"@redocly/theme/components/Typography/H4";import{Typography as Z}from"@redocly/theme/components/Typography/Typography";import{Segmented as ee}from"@redocly/theme/components/Segmented/Segmented";import{LinkIcon as R}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{combineUrls as $}from"@redocly/theme/core/openapi";import{SamplesPanel as oe}from"./SamplesPanel.js";import{MessageBinding as ne}from"./MessageBinding.js";import{MessageReferences as te}from"./MessageReferences.js";import{layoutAtom as ae,routingBasePathAtom as se,definitionAtom as ie}from"../jotai-store/app.js";import{Message as le}from"./Message.js";import{getSchema as re,modifyPayload as ce}from"../utils/index.js";import{LinkToField as B}from"./common/index.js";import{useTelemetry as de}from"../hooks/index.js";const me=3,De=Q(({messages:s,id:r})=>{var v;const d=V(),z=c(()=>s.find(e=>C(d,`m=${e.key}`))||s[0],[s,d]),[n,P]=w(z),[g,y]=w(n.value.payload),H=A(e=>{const o=ce(g,e);o&&y(o)},[]),l=b(ie),F=A(()=>{var e;return n.value.examples||[{payload:X.sample(Object.assign({},re(g)),{},!((e=l?.components)===null||e===void 0)&&e.schemas?{components:{schemas:l.components.schemas}}:void 0)}]},[g,n.value.examples,(v=l?.components)===null||v===void 0?void 0:v.schemas]),h=b(ae),m=b(se),k=h===U.STACKED,p=c(()=>s.map(e=>({label:e.value.title||e.value.name||e.key,value:e.key})),[s]),[S,K]=w(!1),M=J(null),x=de();D(()=>{var e;const o=s.find(t=>C(d,`m=${t.key}`));o&&(P(o),!((e=o?.value)===null||e===void 0)&&e.payload&&y(o.value.payload))},[d,s]);const L=A(({value:e})=>{var o;const t=s.find(u=>u.key===e);t&&(x.sendAsyncapiDocsSwitchMessageClickedMessage([{object:"switch_message",message:t.key}]),P(t),!((o=t?.value)===null||o===void 0)&&o.payload&&y(t.value.payload))},[s,x]),T=c(()=>Object.entries(n.value.bindings||{}).map(([e,o])=>({key:e,value:o})),[n.value.bindings]),_=c(()=>$(m,j(r,`messages&m=${n.key}`)),[r,m,n.key]);D(()=>{if(!M.current)return;const e=()=>{var o;const t=(o=M.current)===null||o===void 0?void 0:o.querySelectorAll('button[role="tab"]'),u=Array.from(t||[]).some(E=>E.offsetWidth<E.scrollWidth);u!==S&&K(u)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[S,p]);const N=c(()=>$(m,j(r,"messages")),[r,m]);return i(pe,{"data-component-name":"MessageSection/MessageSection",children:[a(I,{layout:h,children:i(O,{isStacked:k,children:[i(ue,{children:[a(B,{to:N}),"Messages"]}),s.length>1?i(W,{children:["Accepts ",a("span",{children:"one of"})," the following messages:"]}):a(W,{children:"Accepts the following message:"})]})}),i(I,{layout:h,children:[i(O,{isStacked:k,children:[i(fe,{children:[a(B,{to:_}),p.length>me||S?a(G,{options:p,value:n.key,onChange:L}):a(ee,{ref:M,size:"small",value:n.key,options:p,onChange:L})]}),a(le,{message:n.value,sectionId:r,id:n.key,onOneOfChange:H})]}),i(q,{isStacked:k,className:"panel-container-response-samples",children:[a(oe,{examples:F()}),!!T.length&&a(ne,{binding:T[0],slug:_}),a(te,{messageKey:n.key})]})]})]})}),pe=f.div`
   padding: var(--spacing-xl) 0 0 0;
 `,ue=f(Y)`
   margin: 0 0 var(--spacing-xs) 0;

package/lib/components/Metadata.d.ts

@@ -0,0 +1,8 @@
+import type { TFunction } from '@redocly/theme/core/openapi';
+import type { ReactElement } from 'react';
+interface MetadataProps {
+    metadata: any;
+    translate: TFunction;
+}
+export declare function Metadata({ metadata, translate }: MetadataProps): ReactElement | null;
+export {};

package/lib/components/Metadata.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useMemo as l}from"react";import{Markdown as a}from"@redocly/theme/components/Markdown/Markdown";import{H3 as d}from"@redocly/theme/components/Typography/H3";import{isNotNull as p}from"@redocly/theme/core/openapi";const s=["title","description"];function f([t,r]){return s.includes(t)?null:Array.isArray(r)?{key:t,value:r.filter(c=>typeof c!="object").join(", ")}:typeof r=="object"?null:{key:t,value:r}}function M({metadata:t,translate:r}){const c=l(()=>Object.entries(t||{}).map(f).filter(p).sort((n,i)=>n.key.localeCompare(i.key)),[t]);return t?o(a,{children:[e(d,{children:r("openapi.info.metadata.title","Metadata")}),o("table",{className:"md",children:[e("thead",{children:o("tr",{children:[e("th",{scope:"col",children:r("openapi.key","Key")}),e("th",{scope:"col",children:r("openapi.value","Value")})]})}),e("tbody",{children:c.map(({key:n,value:i})=>o("tr",{children:[e("td",{children:n}),e("td",{children:typeof i=="string"&&i.match(/^https?:\/\//)?e("a",{href:i,target:"_blank",rel:"noreferrer",children:i}):String(i)})]},n))})]})]}):null}export{M as Metadata};

package/lib/components/Operation.js

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

package/lib/components/RightPanel.js

@@ -1 +1,5 @@
-import{jsx as o,jsxs as m}from"react/jsx-runtime";import{useAtomValue as d}from"jotai";import{RightPanelContainer as c,Overview as p}from"@redocly/openapi-docs";import{LayoutVariant as v}from"@redocly/config";import{useMemo as u,memo as h}from"react";import{Panel as i}from"@redocly/theme/components/Panel/Panel";import{Markdown as w}from"@redocly/theme/components/Markdown/Markdown";import{ServersListPanel as f}from"./ServersListPanel.js";import{DownloadSpecification as x}from"./DownloadSpecification.js";import{layoutAtom as y}from"../jotai-store/app.js";import{useTranslate as P}from"../hooks/index.js";const M=h(({info:e,servers:r})=>{const a=P(),t=u(()=>Object.entries(r||{}).map(([s,n])=>({key:s,value:n})),[r]),l=d(y)===v.STACKED;return m(c,{isStacked:l,"data-component-name":"RightPanel/RightPanel",children:[o(i,{className:"panel-download",header:a("asyncapi.download.description.title","Download AsycAPI description"),isExpandable:!1,children:o(x,{})}),(e?.license||e?.contact||e?.termsOfService)&&o(i,{className:"panel-overview",header:a("asyncapi.info.title","Overview"),isExpandable:!1,children:o(w,{children:o(p,{info:e,translate:a})})}),!!t?.length&&o(f,{servers:t,showDetails:!0})]})});export{M as RightPanel};
+import{jsx as o,jsxs as m}from"react/jsx-runtime";import{useAtomValue as d}from"jotai";import{RightPanelContainer as c,Overview as p}from"@redocly/openapi-docs";import{LayoutVariant as v}from"@redocly/config";import{useMemo as u,memo as h}from"react";import y from"styled-components";import{Panel as r}from"@redocly/theme/components/Panel/Panel";import{Markdown as f}from"@redocly/theme/components/Markdown/Markdown";import{ServersListPanel as w}from"./ServersListPanel.js";import{DownloadSpecification as P}from"./DownloadSpecification.js";import{layoutAtom as x}from"../jotai-store/app.js";import{useTranslate as S}from"../hooks/index.js";const V=h(({info:e,servers:i})=>{const a=S(),t=u(()=>Object.entries(i||{}).map(([l,s])=>({key:l,value:s})),[i]),n=d(x)===v.STACKED;return m(c,{isStacked:n,"data-component-name":"RightPanel/RightPanel",children:[o(r,{className:"panel-download",header:a("asyncapi.download.description.title","Download AsycAPI description"),isExpandable:!1,children:o(P,{})}),(e?.license||e?.contact||e?.termsOfService)&&o(g,{className:"panel-overview",header:a("asyncapi.info.title","Overview"),isExpandable:!1,children:o(f,{children:o(p,{info:e,translate:a})})}),!!t?.length&&o(w,{servers:t,showDetails:!0})]})}),g=y(r)`
+  &:has(main > div:empty) {
+    display: none;
+  }
+`;export{V as RightPanel};

package/lib/components/SamplesPanel.js

@@ -1,10 +1,8 @@
-import{jsx as r,jsxs as p}from"react/jsx-runtime";import s from"styled-components";import{ExampleSwitch as f}from"@redocly/openapi-docs";import{useEffect as h,useMemo as g,useState as u}from"react";import{JsonViewer as v}from"@redocly/theme/components/JsonViewer/JsonViewer";import{Panel as E}from"@redocly/theme/components/Panel/Panel";import{PanelBody as y}from"@redocly/theme/components/Panel/PanelBody";import{PanelHeader as S}from"@redocly/theme/components/Panel/PanelHeader";import{useProtocolLabels as w,useTelemetry as x}from"../hooks/index.js";const A=({examples:e})=>{const[o,a]=u(e[0]),{getProtocolLabel:i}=w(),d=x();h(()=>{a(e[0])},[e,a]);const m=t=>{const n=e?.find(l=>l.name===t);n&&(a(n),d.sendAsyncapiDocsSwitchExampleClickedMessage({example:t,numberOfExamples:e.length}))},c=g(()=>e?.reduce((t,n,l)=>(t[n.name||`Example ${l+1}`]=Object.assign({},n),t),{}),[e]);return p(P,{className:"panel-messages-samples",header:()=>r(b,{isExpandable:!1,children:i("payload")}),children:[r(j,{examples:c,exampleKey:o?.name,onChange:m}),r(v,{data:o?.payload,expandLevel:3})]})},P=s(E)`
-  ${y} {
+import{jsx as s,jsxs as p}from"react/jsx-runtime";import r from"styled-components";import{ExampleSwitch as f}from"@redocly/openapi-docs";import{useEffect as h,useMemo as g,useState as u}from"react";import{JsonViewer as v}from"@redocly/theme/components/JsonViewer/JsonViewer";import{Panel as E}from"@redocly/theme/components/Panel/Panel";import{PanelBody as x}from"@redocly/theme/components/Panel/PanelBody";import{PanelHeader as y}from"@redocly/theme/components/Panel/PanelHeader";import{useProtocolLabels as P,useTelemetry as b}from"../hooks/index.js";const $=({examples:e})=>{const[o,a]=u(e[0]),{getProtocolLabel:i}=P(),d=b();h(()=>{a(e[0])},[e,a]);const m=t=>{const n=e?.find(l=>l.name===t);n&&(a(n),d.sendAsyncapiDocsSwitchExampleClickedMessage([{object:"switch_example",example:t,numberOfExamples:e.length}]))},c=g(()=>e?.reduce((t,n,l)=>(t[n.name||`Example ${l+1}`]=Object.assign({},n),t),{}),[e]);return p(j,{className:"panel-messages-samples",header:()=>s(w,{isExpandable:!1,children:i("payload")}),children:[s(f,{examples:c,exampleKey:o?.name,onChange:m}),s(v,{data:o?.payload,expandLevel:3})]})},j=r(E)`
+  ${x} {
     padding: var(--spacing-sm) 0 0;
     line-height: var(--line-height-md);
   }
-`,b=s(S)`
+`,w=r(y)`
   font-weight: var(--font-weight-regular);
-`,j=s(f)`
-  overflow: hidden;
-`;export{A as SamplesPanel};
+`;export{$ as SamplesPanel};

package/lib/components/TagBlock.js

@@ -1,5 +1,5 @@
 import{jsx as o,jsxs as l,Fragment as A}from"react/jsx-runtime";import d from"styled-components";import{useAtomValue as m}from"jotai";import{Row as D,SamplesMiddlePanel as L,Markdown as P,ExternalDocumentation as E,Section as M,saveTextBeforeHeading as W,getValueFromMdParsedExtension as $}from"@redocly/openapi-docs";import{LayoutVariant as j}from"@redocly/config";import{useLocation as I,useNavigate as F}from"react-router-dom";import{useMemo as b,useCallback as H,memo as O}from"react";import{H2 as T}from"@redocly/theme/components/Typography/H2";import{Button as V}from"@redocly/theme/components/Button/Button";import{breakpoints as N}from"@redocly/theme/core/openapi";import{LinkIcon as z}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{combineUrls as S}from"@redocly/theme/core/openapi";import{PageActions as K}from"@redocly/theme/components/PageActions/PageActions";import{layoutAtom as R,routingBasePathAtom as U,definitionAtom as q,markdocOptionsAtom as G}from"../jotai-store/app.js";import{ExternalDocumentationWrapper as J,ShareLink as Q,SectionWrapper as X}from"./common/index.js";import{ItemsNavigation as Y}from"./ItemsNavigation.js";import{ChannelSection as Z}from"./ChannelSection.js";import{MarkdownSection as nn}from"./MarkdownSection.js";const Bn=O(({tag:n})=>{var c,p,u,v;const h=m(R),f=m(U),t=m(q),y=m(G),k=I(),x=F(),e=!!(!((c=n.items)===null||c===void 0)&&c.length),w=h===j.STACKED,r=(u=(p=t?.components)===null||p===void 0?void 0:p.tags)===null||u===void 0?void 0:u[n.label],B=b(()=>{var i,a;return e?(a=(i=t?.channels)===null||i===void 0?void 0:i[n.items[0].id])===null||a===void 0?void 0:a.bindings:void 0},[e,t?.channels,n.items]),s=b(()=>{if(!e)return!1;const i=k.pathname;return i.endsWith(n.link||"")||n.items.some(a=>a.link&&i.toLowerCase().includes(a.link.toLowerCase()))},[e,k.pathname,n.link,n.items]),C=H(()=>{n.link&&x(n.link)},[x,n.link]),_=W($(r,"description")||""),g=S(f,n.link);return l(A,{children:[o(on,{expanded:e&&!s,sectionId:S(f,n.dataSectionId),children:l(tn,{expanded:s,children:[l(D,{layout:h,children:[l(L,{fullWidth:!e,isStacked:w,children:[l(rn,{children:[n.label,o(Q,{to:g,"aria-label":`link to ${n.label}`}),o(K,{pageSlug:g})]}),r?.description&&o(P,{source:_,markdocOptions:y}),r?.externalDocs&&o(J,{children:o(E,{externalDocs:r.externalDocs})})]}),e&&n.items&&o(Y,{items:n.items,firstChannelBinding:B})]}),e&&!s&&o(en,{type:"button",variant:"text",size:"medium",onClick:C,children:"+ Show"})]})}),s&&((v=n.items)===null||v===void 0?void 0:v.map(i=>i.type==="channel"?o(Z,{item:i},i.link):i.type==="markdown"?o(X,{children:o(nn,{item:i})},i.link):null))]})}),on=d(M)`
-  scroll-margin-top: calc(var(--navbar-height)) !important;
+  scroll-margin-top: calc(var(--navbar-height) + var(--banner-height)) !important;
 `,tn=d.div`
   padding-bottom: ${({expanded:n})=>n?"var(--spacing-xxl)":""};
   padding-bottom: ${({expanded:n})=>n?"var(--spacing-xxl)":""};

package/lib/components/common/SectionWrapper.d.ts

@@ -1,6 +1,7 @@
 type SectionWrapperProps = {
     children: React.ReactNode;
     rightPanel?: React.ReactNode;
+    className?: string;
 };
-export declare const SectionWrapper: ({ children, rightPanel }: SectionWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SectionWrapper: ({ children, rightPanel, className }: SectionWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/common/SectionWrapper.js

@@ -1 +1 @@
-import{jsx as o,jsxs as a}from"react/jsx-runtime";import{useAtomValue as s}from"jotai";import{SectionContainer as i,Row as l,SamplesMiddlePanel as m}from"@redocly/openapi-docs";import{layoutAtom as c}from"../../jotai-store/app.js";const f=({children:r,rightPanel:e})=>{const t=s(c);return a(l,{layout:t,children:[o(i,{layout:t,children:o(m,{compact:!0,fullWidth:!0,isStacked:t==="stacked",children:r})}),e]})};export{f as SectionWrapper};
+import{jsx as t,jsxs as a}from"react/jsx-runtime";import{useAtomValue as l}from"jotai";import{SectionContainer as i,Row as m,SamplesMiddlePanel as n}from"@redocly/openapi-docs";import{layoutAtom as c}from"../../jotai-store/app.js";const x=({children:e,rightPanel:r,className:s})=>{const o=l(c);return a(m,{layout:o,className:s,children:[t(i,{layout:o,children:t(n,{fullWidth:!0,isStacked:o==="stacked",children:e})}),r]})};export{x as SectionWrapper};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/asyncapi-docs",
-  "version": "1.6.1",
+  "version": "1.7.0-custom.1",
   "description": "Async API docs for Redocly Realm",
   "type": "module",
   "main": "lib/index.js",
@@ -26,7 +26,7 @@
     "esbuild-minify-dir": "^0.0.1",
     "jest-styled-components": "7.2.0",
     "json-schema": "0.4.0",
-    "react": "19.2.3",
+    "react": "^19.2.4",
     "tsc-alias": "1.8.16",
     "typescript": "5.9.3",
     "vitest": "4.0.10",
@@ -35,23 +35,23 @@
   "dependencies": {
     "@markdoc/markdoc": "0.5.2",
     "jotai": "^2.11.1",
-    "openapi-sampler": "1.6.2",
-    "react-router-dom": "^6.21.1",
+    "openapi-sampler": "1.7.0",
+    "react-router-dom": "^6.30.3",
     "styled-components": "5.3.11",
     "web-vitals": "3.3.1",
-    "@redocly/config": "0.41.2",
-    "@redocly/openapi-docs": "3.17.1",
-    "@redocly/theme": "0.61.1"
+    "@redocly/openapi-docs": "3.18.0-custom.1",
+    "@redocly/config": "0.43.0-custom.1",
+    "@redocly/theme": "0.62.0-custom.1"
   },
   "peerDependencies": {
-    "react": "19.2.3"
+    "react": "^19.2.4"
   },
   "scripts": {
     "clean": "rm -rf lib",
     "compile": "tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json",
     "build:minify": "esbuild-minify-dir lib --esm",
-    "build:without-minify": "npm run clean && npm run compile",
-    "build": "npm run clean && npm run compile && npm run build:minify",
+    "build:without-minify": "pnpm run clean && pnpm run compile",
+    "build": "pnpm run clean && pnpm run compile && pnpm run build:minify",
     "watch": "tsc -w -p tsconfig.build.json",
     "test": "vitest run",
     "test:update": "vitest run -u",