@redocly/asyncapi-docs 1.5.0-next.8 → 1.5.0

package/lib/components/MessageSection.js

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

package/lib/components/Operation.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-import type { AsyncApiOperation } from '../types';
+import type { AsyncApiOperation } from '../types/index.js';
+import type { ReactNode } from 'react';
 type OperationProps = {
     operation?: AsyncApiOperation;
     dataSectionId: string;
-    headerRow?: React.ReactNode;
+    headerRow?: ReactNode;
     id?: string;
     showDivider?: boolean;
 };
-export declare const Operation: React.MemoExoticComponent<({ operation, dataSectionId, headerRow, id, showDivider }: OperationProps) => import("react/jsx-runtime").JSX.Element | null>;
+export declare const Operation: import("react").MemoExoticComponent<({ operation, dataSectionId, headerRow, id, showDivider }: OperationProps) => import("react/jsx-runtime").JSX.Element | null>;
 export {};

package/lib/components/Operation.js

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

package/lib/components/OperationBinding.d.ts

@@ -1,4 +1,4 @@
-import type { AsyncApiOperationKafkaBinding } from '../types';
+import type { AsyncApiOperationKafkaBinding } from '../types/index.js';
 type OperationBindingProps = {
     id: string;
     binding: {

package/lib/components/OperationBinding.js

@@ -1 +1 @@
-"use strict";var m=exports&&exports.__rest||function(t,s){var i={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&s.indexOf(e)<0&&(i[e]=t[e]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var n=0,e=Object.getOwnPropertySymbols(t);n<e.length;n++)s.indexOf(e[n])<0&&Object.prototype.propertyIsEnumerable.call(t,e[n])&&(i[e[n]]=t[e[n]]);return i};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationBinding=void 0;const o=require("react/jsx-runtime"),c=require("@redocly/theme"),h=require("jotai"),_=require("@redocly/openapi-docs"),f=require("./common"),a=require("./JsonSchema"),u=require("../utils"),j=require("../jotai-store/app"),O=({binding:t,id:s})=>{const i=(0,h.useAtomValue)(j.routingBasePathAtom),e=(0,c.combineUrls)(i,(0,_.makeDeepLink)(s,"")),n=({key:d,value:r})=>{const{bindingVersion:b}=r,p=m(r,["bindingVersion"]);switch(d){case"kafka":const l={type:"object",properties:{groupId:(0,u.getSchema)(r.groupId)}},g={type:"object",properties:{clientId:(0,u.getSchema)(r.clientId)}};return(0,o.jsxs)(o.Fragment,{children:[r.groupId&&(0,o.jsx)(a.JsonSchema,{schema:l,slug:e}),r.clientId&&(0,o.jsx)(a.JsonSchema,{schema:g,slug:e})]});default:return(0,o.jsx)(c.JsonViewer,{data:p,expandLevel:3,controls:!1})}};return(0,o.jsx)(f.BindingPanel,{header:"Operation configuration",children:n(t)})};exports.OperationBinding=O;
+var l=function(t,i){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&i.indexOf(r)<0&&(n[r]=t[r]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var e=0,r=Object.getOwnPropertySymbols(t);e<r.length;e++)i.indexOf(r[e])<0&&Object.prototype.propertyIsEnumerable.call(t,r[e])&&(n[r[e]]=t[r[e]]);return n};import{jsx as s,Fragment as g,jsxs as u}from"react/jsx-runtime";import{useAtomValue as h}from"jotai";import{makeDeepLink as b}from"@redocly/openapi-docs";import{JsonViewer as y}from"@redocly/theme/components/JsonViewer/JsonViewer";import{combineUrls as O}from"@redocly/theme/core/openapi";import{BindingPanel as j}from"./common/index.js";import{JsonSchema as a}from"./JsonSchema.js";import{getSchema as c}from"../utils/index.js";import{routingBasePathAtom as I}from"../jotai-store/app.js";const J=({binding:t,id:i})=>{const n=h(I),r=O(n,b(i,""));return s(j,{header:"Operation configuration",children:(({key:p,value:o})=>{const{bindingVersion:x}=o,m=l(o,["bindingVersion"]);switch(p){case"kafka":const d={type:"object",properties:{groupId:c(o.groupId)}},f={type:"object",properties:{clientId:c(o.clientId)}};return u(g,{children:[o.groupId&&s(a,{schema:d,slug:r}),o.clientId&&s(a,{schema:f,slug:r})]});default:return s(y,{data:m,expandLevel:3,controls:!1})}})(t)})};export{J as OperationBinding};

package/lib/components/OperationSection.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
-import type { ApiItem } from '../types';
+import type { ApiItem } from '../types/index.js';
 type OperationSectionProps = {
     operations: ApiItem[];
     type: 'send' | 'receive';
     id: string;
 };
-export declare const OperationSection: React.MemoExoticComponent<({ operations, type, id }: OperationSectionProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const OperationSection: import("react").MemoExoticComponent<({ operations, type, id }: OperationSectionProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/lib/components/OperationSection.js

@@ -1,17 +1,17 @@
-"use strict";var m=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationSection=void 0;const t=require("react/jsx-runtime"),_=m(require("styled-components")),i=require("@redocly/theme"),a=require("@redocly/openapi-docs"),r=require("jotai"),S=m(require("react")),b=require("./Operation"),j=require("../hooks"),s=require("../jotai-store/app"),k=require("./common");exports.OperationSection=S.default.memo(({operations:e,type:c,id:p})=>{const{getProtocolLabel:h}=(0,j.useProtocolLabels)(),l=(0,r.useAtomValue)(s.layoutAtom),v=(0,r.useAtomValue)(s.definitionAtom),f=(0,r.useAtomValue)(s.routingBasePathAtom),g=l===i.LayoutVariant.STACKED,q=e.length?(0,t.jsx)(a.Row,{layout:l,children:(0,t.jsx)(a.SamplesMiddlePanel,{isStacked:g,children:(0,t.jsxs)(A,{children:[(0,t.jsx)(k.LinkToField,{to:(0,i.combineUrls)(f,(0,a.makeDeepLink)(p,c))}),h(`${c}Label`)]})})}):null;return(0,t.jsx)(y,{"data-component-name":"OperationSection/OperationSection",children:e.map((o,u)=>{var n;const d=(n=v.operations)===null||n===void 0?void 0:n[o.id];return d?(0,t.jsx)(b.Operation,{operation:d,dataSectionId:o.dataSectionId,headerRow:u===0?q:null,id:o.id,showDivider:u!==e.length-1},o.id):null})})});const y=_.default.div`
+import{jsx as o,jsxs as g}from"react/jsx-runtime";import s from"styled-components";import{memo as v}from"react";import{LayoutVariant as S}from"@redocly/config";import{Row as b,SamplesMiddlePanel as k,makeDeepLink as L}from"@redocly/openapi-docs";import{useAtomValue as e}from"jotai";import{breakpoints as w}from"@redocly/theme/core/openapi";import{H4 as x}from"@redocly/theme/components/Typography/H4";import{LinkIcon as y}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{combineUrls as A}from"@redocly/theme/core/openapi";import{Operation as P}from"./Operation.js";import{useProtocolLabels as j}from"../hooks/index.js";import{layoutAtom as D,routingBasePathAtom as O,definitionAtom as I}from"../jotai-store/app.js";import{LinkToField as R}from"./common/index.js";const J=v(({operations:i,type:a,id:d})=>{const{getProtocolLabel:c}=j(),n=e(D),p=e(I),f=e(O),u=n===S.STACKED,h=i.length?o(b,{layout:n,children:o(k,{isStacked:u,children:g($,{children:[o(R,{to:A(f,L(d,a))}),c(`${a}Label`)]})})}):null;return o(_,{"data-component-name":"OperationSection/OperationSection",children:i.map((t,m)=>{var r;const l=(r=p.operations)===null||r===void 0?void 0:r[t.id];return l?o(P,{operation:l,dataSectionId:t.dataSectionId,headerRow:m===0?h:null,id:t.id,showDivider:m!==i.length-1},t.id):null})})}),_=s.div`
   width: 100%;
-`,A=(0,_.default)(i.H4)`
+`,$=s(x)`
   margin-bottom: var(--spacing-lg);
   text-transform: capitalize;
   position: relative;
   :hover {
-    ${i.LinkIcon} {
+    ${y} {
       opacity: 1;
       visibility: visible;
     }
   }
 
-  @media screen and (max-width: ${i.breakpoints.large}) {
+  @media screen and (max-width: ${w.large}) {
     margin: 0;
   }
-`;
+`;export{J as OperationSection};

package/lib/components/RightPanel.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
-import type { AsyncApiServer, AsyncApiInfo } from '../types';
+import type { AsyncApiServer, AsyncApiInfo } from '../types/index.js';
 type RightPanelProps = {
     info: AsyncApiInfo;
     servers?: Record<string, AsyncApiServer>;
 };
-export declare const RightPanel: React.MemoExoticComponent<({ info, servers }: RightPanelProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const RightPanel: import("react").MemoExoticComponent<({ info, servers }: RightPanelProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/lib/components/RightPanel.js

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

package/lib/components/SamplesPanel.d.ts

@@ -1,4 +1,4 @@
-import type { AsyncApiMessageExample } from '../types';
+import type { AsyncApiMessageExample } from '../types/index.js';
 type SamplesPanelProps = {
     examples: AsyncApiMessageExample[];
 };

package/lib/components/SamplesPanel.js

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

package/lib/components/Server.d.ts

@@ -1,4 +1,4 @@
-import type { AsyncApiServer } from '../types';
+import type { AsyncApiServer } from '../types/index.js';
 type ServerProps = {
     server: {
         key?: string;

package/lib/components/Server.js

@@ -1,28 +1,28 @@
-"use strict";var x=exports&&exports.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Server=void 0;const e=require("react/jsx-runtime"),s=x(require("styled-components")),n=require("@redocly/theme"),f=require("react"),h=require("./ServerModal"),l=require("./common"),v=require("../hooks"),g=({server:t,showDetails:o})=>{const[r,i]=(0,f.useState)(!1),c=(0,v.useTelemetry)();(0,n.useModalScrollLock)(r);const d=a=>{switch(a){case"kafka":return(0,e.jsx)(n.KafkaIcon,{size:"20px"});case"amqp":return(0,e.jsx)(n.RabbitMQIcon,{size:"20px"});default:return(0,e.jsx)(n.DatabaseIcon,{size:"20px"})}},u=()=>{i(!0),c.sendAsyncapiDocsServerModalOpenedMessage()};return(0,e.jsxs)(m,{"data-component-name":"Server/Server",children:[(0,e.jsxs)(_,{children:[(0,e.jsx)(j,{children:d(t.value.protocol)}),(0,e.jsx)(S,{children:t.key})]}),(0,e.jsxs)(y,{children:[(0,e.jsx)(l.HostList,{children:t.value.host.split(" ").map((a,p)=>(0,e.jsx)("span",{children:a},p))}),(0,e.jsx)(n.CopyButton,{data:t.value.host},t.value.host)]}),o&&(0,e.jsx)(M,{onClick:u,children:(0,e.jsx)(l.MoreDetailsButton,{expanded:!1})}),r&&(0,e.jsx)(n.Portal,{mountId:"api-content",children:(0,e.jsx)(h.ServerModal,{server:t,onClose:()=>i(!1)})})]})};exports.Server=g;const m=s.default.div`
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import o from"styled-components";import{useState as m}from"react";import{DatabaseIcon as f}from"@redocly/theme/icons/DatabaseIcon/DatabaseIcon";import{KafkaIcon as x}from"@redocly/theme/icons/KafkaIcon/KafkaIcon";import{RabbitMQIcon as g}from"@redocly/theme/icons/RabbitMQIcon/RabbitMQIcon";import{CopyButton as h}from"@redocly/theme/components/Buttons/CopyButton";import{Portal as u}from"@redocly/theme/components/Portal/Portal";import{useModalScrollLock as v}from"@redocly/theme/core/hooks";import{ServerModal as y}from"./ServerModal.js";import{MoreDetailsButton as S,HostList as M}from"./common/index.js";import{useTelemetry as b}from"../hooks/index.js";const P=({server:t,showDetails:s})=>{const[a,i]=m(!1),l=b();v(a);const p=n=>{switch(n){case"kafka":return e(x,{size:"20px"});case"amqp":return e(g,{size:"20px"});default:return e(f,{size:"20px"})}},c=()=>{i(!0),l.sendAsyncapiDocsServerModalOpenedMessage()};return r(I,{"data-component-name":"Server/Server",children:[r(k,{children:[e(j,{children:p(t.value.protocol)}),e(z,{children:t.key})]}),r(w,{children:[e(M,{children:t.value.host.split(" ").map((n,d)=>e("span",{children:n},d))}),e(h,{data:t.value.host},t.value.host)]}),s&&e(B,{onClick:c,children:e(S,{expanded:!1})}),a&&e(u,{mountId:"api-content",children:e(y,{server:t,onClose:()=>i(!1)})})]})},I=o.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xxs);
   padding: var(--spacing-sm) var(--spacing-md);
-`,j=s.default.div`
+`,j=o.div`
   width: 20px;
   height: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
-`,_=s.default.div`
+`,k=o.div`
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: var(--spacing-xxs);
-`,y=s.default.span`
+`,w=o.span`
   padding-left: var(--spacing-lg);
   min-height: 24px;
   display: flex;
   align-items: center;
   justify-content: space-between;
-`,S=s.default.span`
+`,z=o.span`
   font-weight: var(--font-weight-semibold);
   text-transform: capitalize;
-`,M=s.default.div`
+`,B=o.div`
   padding-left: var(--spacing-lg);
-`;
+`;export{P as Server};

package/lib/components/ServerBindingsSection.d.ts

@@ -1,4 +1,4 @@
-import type { AsyncApiServer } from '../types';
+import type { AsyncApiServer } from '../types/index.js';
 type ServerBindingsSectionProps = {
     server: AsyncApiServer;
 };

package/lib/components/ServerBindingsSection.js

@@ -1 +1 @@
-"use strict";var c=exports&&exports.__rest||function(t,r){var o={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&r.indexOf(n)<0&&(o[n]=t[n]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var s=0,n=Object.getOwnPropertySymbols(t);s<n.length;s++)r.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(t,n[s])&&(o[n[s]]=t[n[s]]);return o};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerBindingsSection=void 0;const e=require("react/jsx-runtime"),a=require("@redocly/openapi-docs"),d=require("@redocly/theme"),l=require("react"),i=require("./common"),g=require("../hooks"),h=({key:t,value:r})=>{const{bindingVersion:o}=r,n=c(r,["bindingVersion"]);switch(t){case"kafka":return(0,e.jsxs)(e.Fragment,{children:[r.schemaRegistryUrl&&(0,e.jsxs)(i.Section,{children:[(0,e.jsx)(i.Label,{"data-testid":"schema-registry-url-label",children:"Schema Registry URL:"}),(0,e.jsx)(i.ExternalDocumentationWrapper,{children:(0,e.jsx)(a.ExternalDocumentation,{externalDocs:{url:r.schemaRegistryUrl},compact:!0})})]}),r.schemaRegistryUrl&&(0,e.jsxs)(i.Section,{children:[(0,e.jsx)(i.Label,{"data-testid":"schema-registry-vendor-label",children:"Schema Registry Vendor:"}),(0,e.jsx)(i.Value,{"data-testid":"schema-registry-vendor-value",children:r.schemaRegistryVendor})]}),r.bindingVersion&&(0,e.jsxs)(i.Section,{children:[(0,e.jsx)(i.Label,{"data-testid":"binding-version-label",children:"Binding Version:"}),(0,e.jsx)(i.Value,{"data-testid":"binding-version-value",children:r.bindingVersion})]})]});default:return(0,e.jsx)(d.JsonViewer,{data:n,expandLevel:3,controls:!1})}},b=({server:t})=>{const{getProtocolLabel:r}=(0,g.useProtocolLabels)(),o=(0,l.useMemo)(()=>Object.entries(t.bindings||{}).map(([n,s])=>({key:n,value:s}))[0],[t.bindings]);return(0,e.jsxs)(i.Block,{"data-component-name":"ServerBindingsSection/ServerBindingsSection",children:[(0,e.jsxs)(i.Header,{children:[r("server")," Configuration"]}),h(o)]})};exports.ServerBindingsSection=b;
+var l=function(n,r){var o={};for(var e in n)Object.prototype.hasOwnProperty.call(n,e)&&r.indexOf(e)<0&&(o[e]=n[e]);if(n!=null&&typeof Object.getOwnPropertySymbols=="function")for(var t=0,e=Object.getOwnPropertySymbols(n);t<e.length;t++)r.indexOf(e[t])<0&&Object.prototype.propertyIsEnumerable.call(n,e[t])&&(o[e[t]]=n[e[t]]);return o};import{jsx as i,jsxs as s,Fragment as m}from"react/jsx-runtime";import{ExternalDocumentation as g}from"@redocly/openapi-docs";import{useMemo as h}from"react";import{JsonViewer as b}from"@redocly/theme/components/JsonViewer/JsonViewer";import{Block as f,Header as p,Section as a,Label as c,Value as d,ExternalDocumentationWrapper as y}from"./common/index.js";import{useProtocolLabels as u}from"../hooks/index.js";const x=({key:n,value:r})=>{const{bindingVersion:o}=r,e=l(r,["bindingVersion"]);switch(n){case"kafka":return s(m,{children:[r.schemaRegistryUrl&&s(a,{children:[i(c,{"data-testid":"schema-registry-url-label",children:"Schema Registry URL:"}),i(y,{children:i(g,{externalDocs:{url:r.schemaRegistryUrl},compact:!0})})]}),r.schemaRegistryUrl&&s(a,{children:[i(c,{"data-testid":"schema-registry-vendor-label",children:"Schema Registry Vendor:"}),i(d,{"data-testid":"schema-registry-vendor-value",children:r.schemaRegistryVendor})]}),r.bindingVersion&&s(a,{children:[i(c,{"data-testid":"binding-version-label",children:"Binding Version:"}),i(d,{"data-testid":"binding-version-value",children:r.bindingVersion})]})]});default:return i(b,{data:e,expandLevel:3,controls:!1})}},R=({server:n})=>{const{getProtocolLabel:r}=u(),o=h(()=>Object.entries(n.bindings||{}).map(([e,t])=>({key:e,value:t}))[0],[n.bindings]);return s(f,{"data-component-name":"ServerBindingsSection/ServerBindingsSection",children:[s(p,{children:[r("server")," Configuration"]}),x(o)]})};export{R as ServerBindingsSection};

package/lib/components/ServerModal.d.ts

@@ -1,4 +1,4 @@
-import type { AsyncApiServer } from '../types';
+import type { AsyncApiServer } from '../types/index.js';
 type ServerModalProps = {
     server: {
         key?: string;

package/lib/components/ServerModal.js

@@ -1,4 +1,4 @@
-"use strict";var u=exports&&exports.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerModal=void 0;const e=require("react/jsx-runtime"),a=require("@redocly/theme"),o=u(require("styled-components")),l=require("react"),v=require("./ServerOverviewSection"),p=require("./ServerBindingsSection"),g=[{label:"Overview",value:0}],h=({protocol:t})=>{switch(t){case"kafka":return(0,e.jsx)(a.KafkaIcon,{size:"24px"});case"amqp":return(0,e.jsx)(a.RabbitMQIcon,{size:"24px"});default:return(0,e.jsx)(a.DatabaseIcon,{size:"24px"})}},f=({server:t,onClose:n})=>{const[r,c]=(0,l.useState)(0),i=(0,l.useRef)(null);(0,a.useOutsideClick)(i,n),(0,a.useFocusTrap)(i);const s=[...g];return t.value.bindings&&s.push({label:"Configuration",value:2}),(0,e.jsx)(x,{"data-component-name":"ServerModal/ServerModal",children:(0,e.jsxs)(b,{ref:i,tabIndex:0,children:[(0,e.jsx)(m,{onClick:n,"data-testid":"close",variant:"ghost",icon:(0,e.jsx)(a.CloseIcon,{})}),(0,e.jsxs)(S,{children:[(0,e.jsx)(h,{protocol:t.value.protocol}),(0,e.jsx)(_,{children:t.value.protocol}),": ",t.key]}),(0,e.jsx)(a.Segmented,{value:r,onChange:({value:d})=>c(d),options:s}),(0,e.jsxs)(j,{children:[r===0&&(0,e.jsx)(v.ServerOverviewSection,{server:t.value}),r===2&&(0,e.jsx)(p.ServerBindingsSection,{server:t.value})]})]})})};exports.ServerModal=f;const x=o.default.div`
+import{jsx as o,jsxs as i}from"react/jsx-runtime";import t from"styled-components";import{useState as c,useRef as d}from"react";import{Button as m}from"@redocly/theme/components/Button/Button";import{Typography as g}from"@redocly/theme/components/Typography/Typography";import{Segmented as v}from"@redocly/theme/components/Segmented/Segmented";import{CloseIcon as f}from"@redocly/theme/icons/CloseIcon/CloseIcon";import{DatabaseIcon as h}from"@redocly/theme/icons/DatabaseIcon/DatabaseIcon";import{KafkaIcon as u}from"@redocly/theme/icons/KafkaIcon/KafkaIcon";import{RabbitMQIcon as x}from"@redocly/theme/icons/RabbitMQIcon/RabbitMQIcon";import{useOutsideClick as b}from"@redocly/theme/core/hooks";import{useFocusTrap as S}from"@redocly/theme/core/hooks";import{ServerOverviewSection as w}from"./ServerOverviewSection.js";import{ServerBindingsSection as k}from"./ServerBindingsSection.js";const y=[{label:"Overview",value:0}],z=({protocol:e})=>{switch(e){case"kafka":return o(u,{size:"24px"});case"amqp":return o(x,{size:"24px"});default:return o(h,{size:"24px"})}},A=({server:e,onClose:n})=>{const[r,l]=c(0),a=d(null);b(a,n),S(a);const s=[...y];return e.value.bindings&&s.push({label:"Configuration",value:2}),o(I,{"data-component-name":"ServerModal/ServerModal",children:i(B,{ref:a,tabIndex:0,children:[o(C,{onClick:n,"data-testid":"close",variant:"ghost",icon:o(f,{})}),i(M,{children:[o(z,{protocol:e.value.protocol}),o(O,{children:e.value.protocol}),": ",e.key]}),o(v,{value:r,onChange:({value:p})=>l(p),options:s}),i(T,{children:[r===0&&o(w,{server:e.value}),r===2&&o(k,{server:e.value})]})]})})},I=t.div`
   background: var(--bg-color-modal-overlay);
   position: fixed;
   width: 100vw;
@@ -7,7 +7,7 @@
   left: 0;
   top: 0;
   pointer-events: auto;
-`,b=o.default.div`
+`,B=t.div`
   background: var(--bg-color);
   box-shadow: var(--bg-raised-shadow);
   border-radius: var(--border-radius-lg);
@@ -28,11 +28,11 @@
     font-size: var(--font-size-base);
     line-height: var(--line-height-base);
   }
-`,m=(0,o.default)(a.Button)`
+`,C=t(m)`
   position: absolute;
   right: var(--spacing-md);
   top: var(--spacing-md);
-`,S=(0,o.default)(a.Typography)`
+`,M=t(g)`
   display: flex;
   align-items: center;
   font-size: var(--h4-font-size);
@@ -41,9 +41,9 @@
   svg {
     margin-right: var(--spacing-xs);
   }
-`,_=o.default.span`
+`,O=t.span`
   text-transform: capitalize;
-`,j=o.default.div`
+`,T=t.div`
   padding-top: var(--spacing-base);
   width: 100%;
-`;
+`;export{A as ServerModal};

package/lib/components/ServerOverviewSection.d.ts

@@ -1,4 +1,4 @@
-import type { AsyncApiServer } from '../types';
+import type { AsyncApiServer } from '../types/index.js';
 type ServerOverviewSectionProps = {
     server: AsyncApiServer;
 };

package/lib/components/ServerOverviewSection.js

@@ -1,25 +1,25 @@
-"use strict";var j=exports&&exports.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerOverviewSection=void 0;const e=require("react/jsx-runtime"),x=require("@redocly/theme"),p=require("@redocly/openapi-docs"),c=j(require("styled-components")),h=require("react/jsx-runtime"),i=require("./common"),m=n=>{const s=n.title||n.summary||n.description;return(0,e.jsxs)(i.Block,{children:[(0,e.jsx)(i.Header,{children:"Info"}),(0,e.jsxs)(i.Section,{children:[(0,e.jsx)(i.Label,{children:"Host:"}),(0,e.jsx)(i.Value,{children:(0,e.jsx)(i.HostList,{children:n.host.split(" ").map((r,t)=>(0,e.jsx)("span",{children:r},t))})})]}),(0,e.jsxs)(i.Section,{children:[(0,e.jsxs)(i.Label,{children:["Protocol",n.protocolVersion?" and version":"",":"]}),(0,e.jsxs)(i.Value,{children:[n.protocol,n.protocolVersion&&`, ${n.protocolVersion}`]})]}),s&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(o,{}),n.title&&(0,e.jsxs)(i.Section,{children:[(0,e.jsx)(i.Label,{children:"Title:"}),(0,e.jsx)(i.Value,{children:n.title})]}),n.summary&&(0,e.jsxs)(i.Section,{children:[(0,e.jsx)(i.Label,{children:"Summary:"}),(0,e.jsx)(i.Value,{children:n.summary})]}),n.description&&(0,e.jsxs)(i.Section,{children:[(0,e.jsx)(i.Label,{children:"Description:"}),(0,e.jsx)(i.Value,{children:n.description})]})]})]})},u=n=>(0,e.jsxs)(i.Block,{children:[(0,e.jsx)(i.Header,{children:"Variables"}),n.map(({key:s,value:r},t,a)=>(0,e.jsxs)(h.Fragment,{children:[(0,e.jsxs)(i.Section,{children:[(0,e.jsx)(S,{children:s}),r.default&&(0,e.jsxs)(d,{children:["Default",(0,e.jsx)(x.Tag,{size:"small",borderless:!0,children:r.default})]}),r.description&&(0,e.jsx)(_,{children:r.description}),r.enum&&(0,e.jsxs)(d,{children:["Enum",(0,e.jsx)(v,{children:r.enum.map(l=>(0,e.jsx)(x.Tag,{size:"small",borderless:!0,children:l},l))})]})]}),t<a.length-1&&(0,e.jsx)(o,{})]},s))]}),g=n=>(0,e.jsxs)(i.Block,{children:[(0,e.jsx)(i.Header,{children:"Tags"}),n.map((s,r,t)=>(0,e.jsxs)(h.Fragment,{children:[(0,e.jsxs)(i.Section,{children:[(0,e.jsx)(i.Value,{children:s.name}),s.description&&(0,e.jsx)(i.Label,{children:s.description}),s.externalDocs&&(0,e.jsx)(i.ExternalDocumentationWrapper,{children:(0,e.jsx)(p.ExternalDocumentation,{externalDocs:s.externalDocs,compact:!0})})]}),r<t.length-1&&(0,e.jsx)(o,{})]},s.name))]}),f=({server:n})=>{const s=Object.entries(n.variables||{}).map(([a,l])=>({key:a,value:l})),r=n.tags&&n.tags.length>0,t=s.length>0;return(0,e.jsxs)(b,{"data-component-name":"ServerOverviewSection/ServerOverviewSection",children:[m(n),t&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(o,{}),u(s)]}),r&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(o,{}),n.tags&&g(n.tags)]})]})};exports.ServerOverviewSection=f;const b=c.default.div`
+import{jsx as i,jsxs as e,Fragment as m}from"react/jsx-runtime";import{ExternalDocumentation as S}from"@redocly/openapi-docs";import l from"styled-components";import{Fragment as b}from"react/jsx-runtime";import{Tag as u}from"@redocly/theme/components/Tag/Tag";import{Block as g,Header as x,Section as c,Label as a,Value as s,ExternalDocumentationWrapper as y,HostList as D}from"./common/index.js";const V=n=>{const r=n.title||n.summary||n.description;return e(g,{children:[i(x,{children:"Info"}),e(c,{children:[i(a,{children:"Host:"}),i(s,{children:i(D,{children:n.host.split(" ").map((o,t)=>i("span",{children:o},t))})})]}),e(c,{children:[e(a,{children:["Protocol",n.protocolVersion?" and version":"",":"]}),e(s,{children:[n.protocol,n.protocolVersion&&`, ${n.protocolVersion}`]})]}),r&&e(m,{children:[i(d,{}),n.title&&e(c,{children:[i(a,{children:"Title:"}),i(s,{children:n.title})]}),n.summary&&e(c,{children:[i(a,{children:"Summary:"}),i(s,{children:n.summary})]}),n.description&&e(c,{children:[i(a,{children:"Description:"}),i(s,{children:n.description})]})]})]})},w=n=>e(g,{children:[i(x,{children:"Variables"}),n.map(({key:r,value:o},t,p)=>e(b,{children:[e(c,{children:[i(j,{children:r}),o.default&&e(f,{children:["Default",i(u,{size:"small",borderless:!0,children:o.default})]}),o.description&&i(v,{children:o.description}),o.enum&&e(f,{children:["Enum",i(O,{children:o.enum.map(h=>i(u,{size:"small",borderless:!0,children:h},h))})]})]}),t<p.length-1&&i(d,{})]},r))]}),z=n=>e(g,{children:[i(x,{children:"Tags"}),n.map((r,o,t)=>e(b,{children:[e(c,{children:[i(s,{children:r.name}),r.description&&i(a,{children:r.description}),r.externalDocs&&i(y,{children:i(S,{externalDocs:r.externalDocs,compact:!0})})]}),o<t.length-1&&i(d,{})]},r.name))]}),L=({server:n})=>{const r=Object.entries(n.variables||{}).map(([p,h])=>({key:p,value:h})),o=n.tags&&n.tags.length>0,t=r.length>0;return e(T,{"data-component-name":"ServerOverviewSection/ServerOverviewSection",children:[V(n),t&&e(m,{children:[i(d,{}),w(r)]}),o&&e(m,{children:[i(d,{}),n.tags&&z(n.tags)]})]})},T=l.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-base);
-`,o=c.default.div`
+`,d=l.div`
   border-bottom: 1px solid var(--border-color-secondary);
-`,d=c.default.span`
+`,f=l.span`
   display: flex;
   gap: var(--spacing-xxs);
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
   color: var(--text-color-primary);
-`,S=(0,c.default)(d)`
+`,j=l(f)`
   padding-bottom: var(--spacing-xxs);
   font-weight: var(--font-weight-semibold);
-`,_=c.default.p`
+`,v=l.p`
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
   color: var(--text-color-primary);
   margin: 0;
-`,v=c.default.span`
+`,O=l.span`
   display: flex;
   gap: var(--spacing-xxs);
   flex-wrap: wrap;
-`;
+`;export{L as ServerOverviewSection};

package/lib/components/ServersListPanel.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import type { AsyncApiServer } from '../types';
+import type { AsyncApiServer } from '../types/index.js';
 type ServersListPanelProps = {
     servers: {
         key?: string;
@@ -8,5 +7,5 @@ type ServersListPanelProps = {
     showDetails?: boolean;
     hideHeader?: boolean;
 };
-export declare const ServersListPanel: React.MemoExoticComponent<({ servers, showDetails, hideHeader }: ServersListPanelProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const ServersListPanel: import("react").MemoExoticComponent<({ servers, showDetails, hideHeader }: ServersListPanelProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/lib/components/ServersListPanel.js

@@ -1,8 +1,8 @@
-"use strict";var t=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServersListPanel=void 0;const r=require("react/jsx-runtime"),s=require("@redocly/theme"),u=t(require("styled-components")),c=t(require("react")),d=require("./Server"),_=require("../hooks");exports.ServersListPanel=c.default.memo(({servers:e,showDetails:l,hideHeader:a})=>{const{getProtocolLabel:o}=(0,_.useProtocolLabels)();return(0,r.jsx)(v,{className:"panel-messages-samples",header:()=>a?null:(0,r.jsx)(s.PanelHeader,{isExpandable:!1,children:o("servers")}),children:e.map((n,i)=>(0,r.jsx)(d.Server,{server:n,showDetails:l},i))})});const v=(0,u.default)(s.Panel)`
-  ${s.PanelBody} {
+import{jsx as e}from"react/jsx-runtime";import t from"styled-components";import{memo as n}from"react";import{Panel as i}from"@redocly/theme/components/Panel/Panel";import{PanelBody as p}from"@redocly/theme/components/Panel/PanelBody";import{PanelHeader as d}from"@redocly/theme/components/Panel/PanelHeader";import{Server as c}from"./Server.js";import{useProtocolLabels as f}from"../hooks/index.js";const y=n(({servers:r,showDetails:o,hideHeader:l})=>{const{getProtocolLabel:s}=f();return e(P,{className:"panel-messages-samples",header:()=>l?null:e(d,{isExpandable:!1,children:s("servers")}),children:r.map((a,m)=>e(c,{server:a,showDetails:o},m))})}),P=t(i)`
+  ${p} {
     padding: 0;
     > *:not(:last-child) {
       border-bottom: var(--panel-border-local);
     }
   }
-`;
+`;export{y as ServersListPanel};

package/lib/components/TagBlock.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
-import type { ApiItemsGroup } from '../types';
+import type { ApiItemsGroup } from '../types/index.js';
 type TagBlockProps = {
     tag: ApiItemsGroup;
 };
-export declare const TagBlock: React.MemoExoticComponent<({ tag }: TagBlockProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const TagBlock: import("react").MemoExoticComponent<({ tag }: TagBlockProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/lib/components/TagBlock.js

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

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

@@ -1,4 +1,4 @@
-import { Panel } from '@redocly/theme';
+import { Panel } from '@redocly/theme/components/Panel/Panel';
 type BindingPanelProps = {
     header: string;
     children: React.ReactNode;