@redocly/asyncapi-docs 1.7.0-next.7 → 1.7.0-next.8

package/lib/components/ChannelSection.js

@@ -6,7 +6,9 @@ import{jsx as i,jsxs as s}from"react/jsx-runtime";import{useMemo as t,memo as A}
   }
 `,J=l(L)`
   padding: var(--spacing-xxl) 0 var(--spacing-base);
-  scroll-margin-top: calc(var(--navbar-height) - var(--spacing-base)) !important;
+  scroll-margin-top: calc(
+    var(--navbar-height) + var(--banner-height) - var(--spacing-base)
+  ) !important;
 `,Q=l(w)`
   margin: 0 0 var(--spacing-xs) 0;
   display: flex;

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/Operation.js

@@ -1,6 +1,6 @@
-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 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 ne}from"../jotai-store/app.js";import{useProtocolLabels as se,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(ne),S=w===K.STACKED,{getProtocolLabel:L}=se(),_=re(),j=O(()=>Object.entries(e?.bindings||{}).map(([n,s])=>({key:n,value:s})),[e?.bindings]),T=O(()=>{var n;return(n=e?.["x-badges"])===null||n===void 0?void 0:n.map(s=>Object.assign(Object.assign({},s),{position:s.position||"after"}))},[e]),A=U(),v=P(n=>{var s,o;return(o=Object.entries(((s=a?.components)===null||s===void 0?void 0:s.messages)||{}).find(([M,B])=>le(B,n)))===null||o===void 0?void 0:o[0]},[(c=a?.components)===null||c===void 0?void 0:c.messages]),z=P(n=>{const s=v(n);if(!s||!t)return;const o=t.substring(1).split("/operations")[0],M=C(g,E(o,`messages&m=${s}`));_.sendAsyncapiDocsMessageClickedMessage({message:s}),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((n,s)=>r(pe,{icon:null,onClick:()=>z(n),children:[n.title||n.name||v(n),i(V,{size:"12px"})]},s))})]}),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(n=>n.title||n.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($)`
   padding: var(--spacing-lg) 0;
-  scroll-margin-top: ${e=>e.hasHeader?"calc(var(--navbar-height) - var(--spacing-xl)*2)":"var(--navbar-height)"} !important;
+  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=l(y)`
   font-size: var(--font-size-lg);
   font-weight: var(--font-weight-semibold);

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/asyncapi-docs",
-  "version": "1.7.0-next.7",
+  "version": "1.7.0-next.8",
   "description": "Async API docs for Redocly Realm",
   "type": "module",
   "main": "lib/index.js",
@@ -40,7 +40,7 @@
     "styled-components": "5.3.11",
     "web-vitals": "3.3.1",
     "@redocly/config": "0.41.4",
-    "@redocly/openapi-docs": "3.18.0-next.7",
+    "@redocly/openapi-docs": "3.18.0-next.8",
     "@redocly/theme": "0.62.0-next.5"
   },
   "peerDependencies": {