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

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

@@ -1,4 +1,4 @@
-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 t,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),a=h(W),c=d===I.STACKED,e=(p=a.channels)===null||p===void 0?void 0:p[r.id],{getProtocolLabel:x}=F(e?.bindings),m=t(()=>Object.entries(a.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,a.servers]),S=t(()=>Object.entries(e?.bindings||{}).map(([n,o])=>({key:n,value:o})),[e?.bindings]),y=t(()=>Object.entries(e?.messages||{}).map(([n,o])=>({key:n,value:o})),[e?.messages]),v=t(()=>r.items.filter(n=>{var o;return n.action==="send"&&((o=a.operations)===null||o===void 0?void 0:o[n.id])}),[a.operations,r.items]),u=t(()=>r.items.filter(n=>{var o;return n.action==="receive"&&((o=a.operations)===null||o===void 0?void 0:o[n.id])}),[a.operations,r.items]),O=t(()=>{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,{className:"api-info",isStacked:c,children:i(z,{color:x("channel").toLowerCase(),children:x("channel")})})}),s(f,{layout:d,children:[s(b,{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`
   width: 100%;
 
   &:not(:last-child) {

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.7.0-next.5",
+  "version": "1.7.0-next.7",
   "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",
@@ -39,12 +39,12 @@
     "react-router-dom": "^6.21.1",
     "styled-components": "5.3.11",
     "web-vitals": "3.3.1",
-    "@redocly/config": "0.41.2",
-    "@redocly/openapi-docs": "3.18.0-next.5",
-    "@redocly/theme": "0.62.0-next.4"
+    "@redocly/config": "0.41.4",
+    "@redocly/openapi-docs": "3.18.0-next.7",
+    "@redocly/theme": "0.62.0-next.5"
   },
   "peerDependencies": {
-    "react": "19.2.3"
+    "react": "19.2.4"
   },
   "scripts": {
     "clean": "rm -rf lib",