@redocly/graphql-docs/lib-esm/src/definition/items/ScalarItem.js

Redocly GraphQL docs

import{jsx as r,jsxs as i}from"react/jsx-runtime";import{memo as m,useMemo as c}from"react";import{MiddleSection as d,RightSection as p,useStore as l}from"../../app/index.js";import{Markdown as f}from"../../markdown/index.js";import{useSettings as h}from"../../settings/index.js";import{ShareLink as u}from"../../navigation/index.js";import{Box as S}from"../../common/index.js";import{StyledItemHeader as g}from"../../common/components/Headers.js";import{Annotation as k,ReferenceList as w}from"../components/index.js";import{useItemLink as x}from"../hooks/use-item-link.js";function j({name:e}){const o=l(),{markdown:s}=h(),a=x(e),{type:t,references:n}=c(()=>({type:o?.getType(e),references:o?.getTypeReferences(e)}),[e,o]);return t?i(S,{"data-testid":t.name,direction:"row",wrap:"wrap",gap:"64px",children:[i(d,{"data-testid":e,children:[i(g,{"data-testid":"title",children:[r(u,{to:a,"aria-label":`link to ${t.name}`}),t.name]}),r(k,{"data-testid":"object-description",children:r(f,{rawMarkdown:t.description,parser:s?.parser})})]}),n?.length?r(p,{"data-testid":"right-section",children:r(w,{references:n})}):null]}):null}const C=m(j);export{C as ScalarItem};