@redocly/asyncapi-docs/lib/src/components/Server.js

Async API docs for Redocly Realm

var x=Object.create;var l=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var y=(e,a)=>{for(var i in a)l(e,i,{get:a[i],enumerable:!0})},c=(e,a,i,r)=>{if(a&&typeof a=="object"||typeof a=="function")for(let s of u(a))!v.call(e,s)&&s!==i&&l(e,s,{get:()=>a[s],enumerable:!(r=g(a,s))||r.enumerable});return e};var S=(e,a,i)=>(i=e!=null?x(h(e)):{},c(a||!e||!e.__esModule?l(i,"default",{value:e,enumerable:!0}):i,e)),b=e=>c(l({},"__esModule",{value:!0}),e);var C={};y(C,{Server:()=>I});module.exports=b(C);var t=require("react/jsx-runtime"),o=S(require("styled-components")),n=require("@redocly/theme"),p=require("react"),d=require("./ServerModal"),f=require("./common");const I=({server:e,showDetails:a})=>{const[i,r]=(0,p.useState)(!1);return(0,n.useModalScrollLock)(i),(0,t.jsxs)(j,{"data-component-name":"Server/Server",children:[(0,t.jsxs)(w,{children:[(0,t.jsx)(k,{children:(m=>{switch(m){case"kafka":return(0,t.jsx)(n.KafkaIcon,{size:"20px"});case"amqp":return(0,t.jsx)(n.RabbitMQIcon,{size:"20px"});default:return(0,t.jsx)(n.DatabaseIcon,{size:"20px"})}})(e.value.protocol)}),(0,t.jsx)(z,{children:e.key})]}),(0,t.jsxs)(M,{children:[e.value.host,(0,t.jsx)(n.CopyButton,{data:e.value.host},e.value.host)]}),a&&(0,t.jsx)(B,{onClick:()=>r(!0),children:(0,t.jsx)(f.MoreDetailsButton,{expanded:!1})}),i&&(0,t.jsx)(n.Portal,{mountId:"api-content",children:(0,t.jsx)(d.ServerModal,{server:e,onClose:()=>r(!1)})})]})},j=o.default.div`
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  padding: var(--spacing-sm) var(--spacing-md);
`,k=o.default.div`
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
`,w=o.default.div`
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-xxs);
`,M=o.default.span`
  padding-left: var(--spacing-lg);
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
`,z=o.default.span`
  font-weight: var(--font-weight-semibold);
  text-transform: capitalize;
`,B=o.default.div`
  padding-left: var(--spacing-lg);
`;0&&(module.exports={Server});