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=j.infoSectionEntries,m=j.documentationEntries,n=j.apps,o=(0,f.useApi)(),p=o.api,q=o.apiHandler,r=(0,g.useConfig)(),s=r.options,u=(0,d.useParams)(),v=u.entity,w=(0,b.useTranslation)(),x=w.t,t=(0,d.useNavigate)(),y=(0,d.useMatch)("/:entity/try-it"),z=s.tryIt&&q.isTestable(p),A=y&&z?1:0;return a["default"].createElement("div",{className:(0,e["default"])("apiconnect-explorer","graphql-display","main")},a["default"].createElement(k,null,a["default"].createElement(c.Tabs,{className:"graphql-display__section-tabs",selectedIndex:A},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(){t("/".concat(v,"/overview"))},title:x("overview")},x("overview")),z&&a["default"].createElement(c.Tab,{id:"TryItTab",onClick:function(){t("/".concat(v,"/try-it"))}},x("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:l,documentationEntries:m})))),z&&a["default"].createElement(c.TabPanel,null,a["default"].createElement(i["default"],{api:p,options:s,apps:n}))))))}l.displayName="GraphQLDisplay";var m=exports["default"]=l;