@redocly/graphql-docs
Version:
Redocly GraphQL docs
2 lines (1 loc) • 1.38 kB
JavaScript
import{jsx as i,jsxs as t}from"react/jsx-runtime";import{useContext as d}from"react";import{MenuStoreContext as a}from"../../menu/index.js";import{PaginationAwareLink as l}from"../../navigation/components/PaginationAwareLink.js";import{useBaseUrlPath as c}from"../../navigation/hooks/use-base-url-path.js";import{ListIcon as f}from"../../common/index.js";import{joinPath as m}from"../../navigation/utils/index.js";import{ROOT_PATH as p}from"../../navigation/constants.js";import{ReferenceField as u,Value as k}from"./styled.js";import{useTelemetry as g}from"../../hooks/index.js";function D({reference:e}){const s=d(a),o=c()||p,r=g(),n=s?.getGroupIdByTypeName(e.name);return n?t(k,{"data-testid":"ref-item",children:[i(f,{size:"22px",color:"var(--border-color-primary)",style:{marginRight:"var(--spacing-sm)"}}),i(l,{to:m(o,n,e.name),onClick:()=>r.sendReferencedInClickedMessage([{id:"graphqlDocsReferencedInLink",object:"link",uri:"urn:redocly:redoc:ui:link:graphqlDocsReferencedInLink",referencedIn:e.name}]),children:e.name}),e.field?t(u,{"data-testid":"ref-field",children:[".",i(l,{to:`${m(o,n,e.name)}#${e.name}-${e.field}`,onClick:()=>r.sendReferencedInClickedMessage([{id:"graphqlDocsReferencedInLink",object:"link",uri:"urn:redocly:redoc:ui:link:graphqlDocsReferencedInLink",referencedIn:e.field||""}]),children:e.field})]}):null]}):null}export{D as ReferenceItem};