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

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 u}from"@redocly/theme/icons/JsonIcon/JsonIcon";import{FileIcon as b}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 j(){const i=v(),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(I,{children:(t||[]).map(({title:e,url:n,iconType:c})=>a(k,{onClick:()=>i.sendAsyncapiDocsDownloadDefinitionClickedMessage(),children:[a(D,{children:[l(c),o("a",{href:n,target:"_blank",download:!0,rel:"noreferrer",children:e})]}),o("a",{href:n,target:"_blank",download:!0,rel:"noreferrer",children:o(g,{variant:"text",size:"small",icon:o(h,{})})})]},e))}):o(d,{})}const T=m(j),k=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 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`
   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;
   }
-`,D=r.span`
+`,k=r.span`
   display: flex;
   width: calc(100% - 25px);
   gap: var(--spacing-xs);

package/lib/components/common/Link.js

@@ -1,5 +1,9 @@
-import{jsx as e}from"react/jsx-runtime";import s,{css as c}from"styled-components";import{Link as d,useLocation as h}from"react-router-dom";import{LinkIcon as o}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{tryDecodeURIComponent as v}from"../../utils/index.js";function b(i){const n=i.to;return e(d,{"aria-label":i["aria-label"]||`link to ${n}`,id:v(i.id||""),className:i.className||"",to:n,children:i.children})}function f(i){return e(y,Object.assign({},i,{children:e(o,{size:"13px",color:"--heading-anchor-color"})}))}const g=({to:i,className:n})=>{const t=i,a=h(),r=t?.split("#")[1],l=a?a.hash===`#${r}`:!1;return e(m,{ariaLabel:`link to ${t}`,className:n,isActive:l,to:t||"",id:r})},m=s(f)`
+import{jsx as e}from"react/jsx-runtime";import r,{css as c}from"styled-components";import{Link as d,useLocation as h}from"react-router-dom";import{LinkIcon as o}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{tryDecodeURIComponent as f}from"../../utils/index.js";function m(i){const n=i.to;return e(d,{"aria-label":i["aria-label"]||`link to ${n}`,id:f(i.id||""),className:i.className||"",to:n,children:i.children})}function v(i){return e(p,Object.assign({},i,{children:e(o,{size:"13px",color:"--heading-anchor-color"})}))}const g=({to:i,className:n})=>{const t=i,s=h(),a=t?.split("#")[1],l=s?s.hash===`#${a}`:!1;return e(b,{ariaLabel:`link to ${t}`,className:n,isActive:l,to:t||"",id:a})},b=r(v)`
   display: flex;
+  height: 24px;
+  width: 24px;
+  align-items: center;
+  justify-content: flex-end;
   ${o} {
     visibility: hidden;
     cursor: pointer;
@@ -16,7 +20,7 @@ import{jsx as e}from"react/jsx-runtime";import s,{css as c}from"styled-component
     visibility: visible;
     opacity: 1;
   }
-`,y=s(b)`
+`,p=r(m)`
   position: absolute;
   top: 50%;
   left: 0;
@@ -35,4 +39,4 @@ import{jsx as e}from"react/jsx-runtime";import s,{css as c}from"styled-component
     visibility: visible;
     opacity: 1;
   }
-`;export{g as LinkToField,f as ShareLink};
+`;export{g as LinkToField,v as ShareLink};

package/lib/components/common/MoreDetailsButton.js

@@ -1,4 +1,4 @@
-import{jsx as o,jsxs as t}from"react/jsx-runtime";import n from"styled-components";import{Button as s}from"@redocly/theme/components/Button/Button";import{ChevronDownIcon as a}from"@redocly/theme/icons/ChevronDownIcon/ChevronDownIcon";import{ChevronRightIcon as e}from"@redocly/theme/icons/ChevronRightIcon/ChevronRightIcon";const h=({expanded:r})=>t(i,{children:[o("span",{children:"More details"}),o(s,{icon:r?o(a,{}):o(e,{}),size:"small",variant:"ghost"})]}),i=n.span.attrs(()=>({"data-component-name":"MoreDetailsButton/MoreDetailsButton"}))`
+import{jsx as r,jsxs as t}from"react/jsx-runtime";import a from"styled-components";import{Button as e}from"@redocly/theme/components/Button/Button";import{ChevronDownIcon as n}from"@redocly/theme/icons/ChevronDownIcon/ChevronDownIcon";import{ChevronRightIcon as i}from"@redocly/theme/icons/ChevronRightIcon/ChevronRightIcon";const f=({expanded:o})=>t(s,{children:[r("span",{children:"More details"}),r(e,{icon:o?r(n,{}):r(i,{}),size:"small",variant:"ghost","aria-label":"More details"})]}),s=a.span.attrs(()=>({"data-component-name":"MoreDetailsButton/MoreDetailsButton"}))`
   cursor: pointer;
   align-items: center;
   display: flex;
@@ -9,4 +9,4 @@ import{jsx as o,jsxs as t}from"react/jsx-runtime";import n from"styled-component
   & path {
     fill: var(--link-color-primary);
   }
-`;export{h as MoreDetailsButton};
+`;export{f as MoreDetailsButton};

package/lib/components/common/TagWithIcon.js

@@ -1,6 +1,7 @@
-import{jsx as o,jsxs as c}from"react/jsx-runtime";import e from"styled-components";import{Tag as l}from"@redocly/theme/components/Tag/Tag";const v=({icon:r,info:a,children:i,capitalize:t,className:s,onClick:n})=>c(d,{className:s,onClick:n,children:[r&&o(p,{children:r}),o(h,{borderless:!0,capitalize:t,children:i}),a&&o(g,{children:a})]}),d=e.div`
+import{jsx as o,jsxs as c}from"react/jsx-runtime";import e from"styled-components";import{Tag as l}from"@redocly/theme/components/Tag/Tag";const u=({icon:r,info:a,children:i,capitalize:n,className:s,onClick:t})=>c(d,{className:s,onClick:t,tabIndex:t?0:-1,children:[r&&o(p,{children:r}),o(g,{borderless:!0,capitalize:n,children:i}),a&&o(h,{children:a})]}),d=e.button`
   display: flex;
   gap: var(--spacing-xxs);
+  padding: 0;
 `,p=e.div`
   width: 24px;
   height: 24px;
@@ -10,7 +11,7 @@ import{jsx as o,jsxs as c}from"react/jsx-runtime";import e from"styled-component
   display: flex;
   flex-shrink: 0;
   background-color: var(--layer-color-hover);
-`,h=e(l)`
+`,g=e(l)`
   text-transform: ${({capitalize:r})=>r?"capitalize":"initial"};
   margin: 0;
   background-color: var(--layer-color-hover);
@@ -18,7 +19,7 @@ import{jsx as o,jsxs as c}from"react/jsx-runtime";import e from"styled-component
   & span {
     font-weight: 600;
   }
-`,g=e.div`
+`,h=e.div`
   width: 24px;
   height: 24px;
   border-radius: var(--border-radius);
@@ -27,4 +28,4 @@ import{jsx as o,jsxs as c}from"react/jsx-runtime";import e from"styled-component
   background-color: var(--layer-color-hover);
   display: flex;
   cursor: pointer;
-`;export{v as TagWithIcon};
+`;export{u as TagWithIcon};

package/package.json

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