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