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 • 2.06 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{Switch as h,Route as i,withRouter as j,useRouteMatch as k}from"react-router-dom";import l from"classnames";import{useApi as m}from"contexts/ApiHandler";import{useConfig as n}from"./../contexts/config/index.js";import o from"./Overview";import p from"./TestToolGraphQL";function q(b){var c=b.children;return a.createElement("section",{className:"graphql-display__section","aria-label":"operation-display"},c)}function r(r){var s,u=r.infoSectionEntries,v=r.documentationEntries,w=r.apps,x=m(),y=x.api,z=x.apiHandler,A=n(),B=A.options,C=(null===(s=k("/:apiName/:path?"))||void 0===s?void 0:s.params)||{},D=C.apiName,E=b(),F=E.t,t=B.tryIt&&z.isTestable(y),G=j(function(b){var h=b.history,i=b.selectedIndex;return a.createElement(c,{className:"graphql-display__section-tabs",selectedIndex:i},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(){h.push("/".concat(D,"/overview"))},title:F("overview")},F("overview")),t&&a.createElement(d,{id:"TryItTab",onClick:function(){h.push("/".concat(D,"/try-it"))}},F("try"))),a.createElement(f,null,a.createElement(g,null,a.createElement("section",{className:l("tab-content","overview"),"aria-label":"graphql-overview"},a.createElement("div",{className:"graphql-display__section-overview-tab-contents"},a.createElement(o,{infoSectionEntries:u,documentationEntries:v})))),a.createElement(g,null,a.createElement(p,{api:y,options:B,apps:w}))))});return a.createElement("div",{className:l("apiconnect-explorer","graphql-display","main")},a.createElement(h,null,t&&a.createElement(i,{exact:!0,path:"/".concat(D,"/try-it")},a.createElement(q,null,a.createElement(G,{selectedIndex:1}))),a.createElement(i,{path:"/".concat(D)},a.createElement(q,null,a.createElement(G,{selectedIndex:0})))))}r.displayName="GraphQLDisplay";export default r;