@redocly/asyncapi-docs 1.8.0-next.6 → 1.8.0-next.8

package/lib/components/DownloadSpecification.js

@@ -1,4 +1,4 @@
-import{jsx as o,Fragment as d,jsxs as a}from"react/jsx-runtime";import{memo as m,useCallback as p}from"react";import r from"styled-components";import{useDownloadInfo as f}from"@redocly/openapi-docs";import{useAtomValue as w}from"jotai";import{DocumentIcon as x}from"@redocly/theme/icons/DocumentIcon/DocumentIcon";import{JsonIcon as b}from"@redocly/theme/icons/JsonIcon/JsonIcon";import{FileIcon as u}from"@redocly/theme/icons/FileIcon/FileIcon";import{Button as g}from"@redocly/theme/components/Button/Button";import{DownloadIcon as h}from"@redocly/theme/icons/DownloadIcon/DownloadIcon";import{downloadUrlsAtom as y}from"../jotai-store/app.js";import{useTelemetry as v}from"../hooks/index.js";function D(){const i=v(),s=w(y),n=f({downloadUrls:s}),l=p(e=>{switch(e){case"yaml":return o(x,{});case"json":return o(b,{});default:return o(u,{})}},[]);return n?o(I,{children:(n||[]).map(({title:e,url:t,iconType:c})=>a(j,{onClick:()=>i.sendAsyncapiDocsDownloadDefinitionClickedMessage(),children:[a(k,{children:[l(c),o("a",{href:t,target:"_blank",download:!0,rel:"noreferrer",children:e})]}),o("a",{href:t,target:"_blank",download:!0,rel:"noreferrer",children:o(g,{variant:"text",size:"small","aria-label":"Download",icon:o(h,{})})})]},e))}):o(d,{})}const T=m(D),j=r.div`
+import{jsx as o,Fragment as d,jsxs as a}from"react/jsx-runtime";import{memo as m,useCallback as p}from"react";import r from"styled-components";import{useDownloadInfo as f}from"@redocly/openapi-docs";import{useAtomValue as w}from"jotai";import{DocumentIcon as x}from"@redocly/theme/icons/DocumentIcon/DocumentIcon";import{JsonIcon as u}from"@redocly/theme/icons/JsonIcon/JsonIcon";import{FileIcon as b}from"@redocly/theme/icons/FileIcon/FileIcon";import{DownloadButton as g}from"@redocly/theme/components/Buttons/DownloadButton";import{downloadUrlsAtom as y}from"../jotai-store/app.js";import{useTelemetry as h}from"../hooks/index.js";function v(){const i=h(),s=w(y),t=f({downloadUrls:s}),l=p(e=>{switch(e){case"yaml":return o(x,{});case"json":return o(u,{});default:return o(b,{})}},[]);return t?o(k,{children:(t||[]).map(({title:e,url:n,iconType:c})=>a(j,{onClick:()=>i.sendAsyncapiDocsDownloadDefinitionClickedMessage(),children:[a(D,{children:[l(c),o("a",{href:n,target:"_blank",download:!0,rel:"noreferrer",children:e})]}),o(g,{data:n})]},e))}):o(d,{})}const N=m(v),j=r.div`
   display: flex;
   align-items: baseline;
   justify-content: space-between;
@@ -10,7 +10,7 @@ import{jsx as o,Fragment as d,jsxs as a}from"react/jsx-runtime";import{memo as m
     padding-bottom: 0px;
     border-bottom: none;
   }
-`,k=r.span`
+`,D=r.span`
   display: flex;
   width: calc(100% - 25px);
   gap: var(--spacing-xs);
@@ -28,7 +28,7 @@ import{jsx as o,Fragment as d,jsxs as a}from"react/jsx-runtime";import{memo as m
     overflow: hidden;
     white-space: nowrap;
   }
-`,I=r.div`
+`,k=r.div`
   display: flex;
   align-items: center;
   align-self: flex-start;
@@ -36,4 +36,4 @@ import{jsx as o,Fragment as d,jsxs as a}from"react/jsx-runtime";import{memo as m
   flex-direction: column;
   gap: var(--spacing-sm);
   font-size: var(--font-size-base);
-`;export{T as DownloadSpecification};
+`;export{N as DownloadSpecification};

package/lib/components/Server.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/asyncapi-docs",
-  "version": "1.8.0-next.6",
+  "version": "1.8.0-next.8",
   "description": "Async API docs for Redocly Realm",
   "type": "module",
   "main": "lib/index.js",
@@ -40,8 +40,8 @@
     "styled-components": "5.3.11",
     "web-vitals": "3.3.1",
     "@redocly/config": "0.44.0",
-    "@redocly/openapi-docs": "3.19.0-next.6",
-    "@redocly/theme": "0.63.0-next.4"
+    "@redocly/openapi-docs": "3.19.0-next.8",
+    "@redocly/theme": "0.63.0-next.5"
   },
   "peerDependencies": {
     "react": "^19.2.4"