@redocly/graphql-docs/lib/src/definition/components/FieldView.js

Redocly GraphQL docs

var S=Object.create;var m=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var q=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty;var H=(e,t)=>{for(var a in t)m(e,a,{get:t[a],enumerable:!0})},h=(e,t,a,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of k(t))!A.call(e,o)&&o!==a&&m(e,o,{get:()=>t[o],enumerable:!(n=b(t,o))||n.enumerable});return e};var B=(e,t,a)=>(a=e!=null?S(q(e)):{},h(t||!e||!e.__esModule?m(a,"default",{value:e,enumerable:!0}):a,e)),V=e=>h(m({},"__esModule",{value:!0}),e);var I={};H(I,{FieldView:()=>u});module.exports=V(I);var r=B(require("react")),E=require("@redocly/theme"),v=require("../../../shared/index.js"),s=require("../../navigation"),i=require("../../definition/utils/is-field-expandable"),g=require("../../common/components/ViewNested"),y=require("./TypeView"),T=require("./Arguments"),w=require("./FieldRow"),l=require("./styled");function u({field:e,contrast:t,key:a,fieldExpandLevel:n}){var o;const x=n+1,F=(0,s.useNavigationContext)(),[d,f]=r.default.useState(!1),[c,C]=r.default.useState(!1),{useTranslate:N}=(0,E.useThemeHooks)(),{translate:p}=N();return r.default.createElement(s.NavigationContextProvider,{key:a,value:F},r.default.createElement(v.HiddenNavigationAnchor,Object.assign({},(0,s.getNavigationIdProp)(""))),r.default.createElement(l.FieldWrapper,{showBorder:(0,i.useShowExpandableBorder)(e,n,{expandedTypes:d,expandedArguments:c})},r.default.createElement(w.FieldRow,{fieldExpandLevel:n,field:e}),(0,i.useIsFieldExpandable)(e,n)?r.default.createElement(l.ExpandableFieldBody,{contrast:!t},!!(!((o=e.args)===null||o===void 0)&&o.length)&&r.default.createElement(g.ViewNested,{expanded:c,level:n,expandText:p("graphql.arguments.show","Show arguments"),collapseText:p("graphql.arguments.hide","Hide arguments"),args:e.args,onClick:()=>C(!c)},r.default.createElement(T.Arguments,{args:e.args,fieldExpandLevel:x,renderField:u})),r.default.createElement(g.ViewNested,{expanded:d,level:n,expandText:p("graphql.returnTypes.show","Show return type"),collapseText:p("graphql.returnTypes.hide","Hide return type"),onClick:()=>f(!d)},r.default.createElement(y.TypeView,{type:e.type,contrast:!t,fieldExpandLevel:x,renderField:u}))):null))}0&&(module.exports={FieldView});