apiconnect-explorer/dist/lib/components/GraphQLDisplay.js

- [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

"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=void 0;var a=j(require("react")),b=require("react-i18next"),c=require("@carbon/react"),d=require("react-router-dom"),e=j(require("classnames")),f=require("contexts/ApiHandler"),g=require("./../contexts/config/index.js"),h=j(require("./Overview")),i=j(require("./TestToolGraphQL"));function j(a){return a&&a.__esModule?a:{default:a}}function k(b){var c=b.children;return a["default"].createElement("section",{className:"graphql-display__section","aria-label":"operation-display"},c)}function l(j){var l,m=j.infoSectionEntries,n=j.documentationEntries,o=j.apps,p=(0,f.useApi)(),q=p.api,r=p.apiHandler,s=(0,g.useConfig)(),u=s.options,v=(null===(l=(0,d.useRouteMatch)("/:apiName/:path?"))||void 0===l?void 0:l.params)||{},w=v.apiName,x=(0,b.useTranslation)(),y=x.t,t=u.tryIt&&r.isTestable(q),z=(0,d.withRouter)(function(b){var d=b.history,f=b.selectedIndex;return a["default"].createElement(c.Tabs,{className:"graphql-display__section-tabs",selectedIndex:f},a["default"].createElement(c.TabList,{"aria-label":"graphql display tabs"},a["default"].createElement(c.Tab,{id:"graphql-display__section-overview-tab",className:"graphql-display__section-overview-tab",onClick:function(){d.push("/".concat(w,"/overview"))},title:y("overview")},y("overview")),t&&a["default"].createElement(c.Tab,{id:"TryItTab",onClick:function(){d.push("/".concat(w,"/try-it"))}},y("try"))),a["default"].createElement(c.TabPanels,null,a["default"].createElement(c.TabPanel,null,a["default"].createElement("section",{className:(0,e["default"])("tab-content","overview"),"aria-label":"graphql-overview"},a["default"].createElement("div",{className:"graphql-display__section-overview-tab-contents"},a["default"].createElement(h["default"],{infoSectionEntries:m,documentationEntries:n})))),a["default"].createElement(c.TabPanel,null,a["default"].createElement(i["default"],{api:q,options:u,apps:o}))))});return a["default"].createElement("div",{className:(0,e["default"])("apiconnect-explorer","graphql-display","main")},a["default"].createElement(d.Switch,null,t&&a["default"].createElement(d.Route,{exact:!0,path:"/".concat(w,"/try-it")},a["default"].createElement(k,null,a["default"].createElement(z,{selectedIndex:1}))),a["default"].createElement(d.Route,{path:"/".concat(w)},a["default"].createElement(k,null,a["default"].createElement(z,{selectedIndex:0})))))}l.displayName="GraphQLDisplay";var m=exports["default"]=l;