apiconnect-explorer
Version:
- [Getting Started](#getting-started) - [Configuration](#configuration) * [Required](#required) * [Optional](#optional) - [Usage in React](#usage-in-react) - [Usage outside of React](#usage-outside-of-react) - [Detailed description of options](#detail
1 lines • 1.74 kB
JavaScript
import a from"react";import{useTranslation as b}from"react-i18next";import{Tabs as c,Tab as d,TabList as e,TabPanels as f,TabPanel as g}from"@carbon/react";import{useParams as h,useNavigate as i,useMatch as j}from"react-router-dom";import k from"classnames";import{useApi as l}from"contexts/ApiHandler";import{useConfig as m}from"./../contexts/config/index.js";import n from"./Overview";import o from"./TestToolGraphQL";function p(b){var c=b.children;return a.createElement("section",{className:"graphql-display__section","aria-label":"operation-display"},c)}function q(q){var r=q.infoSectionEntries,s=q.documentationEntries,u=q.apps,v=l(),w=v.api,x=v.apiHandler,y=m(),z=y.options,A=h(),B=A.entity,C=b(),D=C.t,t=i(),E=j("/:entity/try-it"),F=z.tryIt&&x.isTestable(w),G=E&&F?1:0;return a.createElement("div",{className:k("apiconnect-explorer","graphql-display","main")},a.createElement(p,null,a.createElement(c,{className:"graphql-display__section-tabs",selectedIndex:G},a.createElement(e,{"aria-label":"graphql display tabs"},a.createElement(d,{id:"graphql-display__section-overview-tab",className:"graphql-display__section-overview-tab",onClick:function(){t("/".concat(B,"/overview"))},title:D("overview")},D("overview")),F&&a.createElement(d,{id:"TryItTab",onClick:function(){t("/".concat(B,"/try-it"))}},D("try"))),a.createElement(f,null,a.createElement(g,null,a.createElement("section",{className:k("tab-content","overview"),"aria-label":"graphql-overview"},a.createElement("div",{className:"graphql-display__section-overview-tab-contents"},a.createElement(n,{infoSectionEntries:r,documentationEntries:s})))),F&&a.createElement(g,null,a.createElement(o,{api:w,options:z,apps:u}))))))}q.displayName="GraphQLDisplay";export default q;