UNPKG

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 8.67 kB
function b(){function g(a,b,f,g){var i=b&&b.prototype instanceof h?b:h,c=Object.create(i.prototype);return d(c,"_invoke",function(a,b,g){function h(a,b){for(k=a,s=b,e=0;!w&&t&&!c&&e<v.length;e++){var c,f=v[e],g=p.p,h=f[2];3<a?(c=h===b)&&(s=f[(k=f[4])?5:(k=3,3)],f[4]=f[5]=m):f[0]<=g&&((c=2>a&&g<f[1])?(k=0,p.v=b,p.n=f[1]):g<h&&(c=3>a||f[0]>b||b>h)&&(f[4]=a,f[5]=b,p.n=h,k=0))}if(c||1<a)return q;throw w=!0,b}var j,k,s,t=0,v=g||[],w=!1,p={p:0,n:0,v:m,a:h,f:h.bind(m,4),d:function c(a,b){return j=a,k=0,s=m,p.n=b,q}};return function(c,d,f){if(1<t)throw TypeError("Generator is already running");for(w&&1===d&&h(d,f),k=d,s=f;(e=2>k?m:s)||!w;){j||(k?3>k?(1<k&&(p.n=-1),h(k,s)):p.n=s:p.v=s);try{if(t=2,j){if(k||(c="next"),e=j[c]){if(!(e=e.call(j,s)))throw TypeError("iterator result is not an object");if(!e.done)return e;s=e.value,2>k&&(k=0)}else 1===k&&(e=j["return"])&&e.call(j),2>k&&(s=TypeError("The iterator does not provide a '"+c+"' method"),k=1);j=m}else if((e=(w=0>p.n)?s:a.call(b,p))!==q)break}catch(a){j=m,k=1,s=a}finally{t=1}}return{value:e,done:w}}}(a,f,g),!0),c}function h(){}function i(){}function j(){}function k(a){return Object.setPrototypeOf?Object.setPrototypeOf(a,j):(a.__proto__=j,d(a,n,"GeneratorFunction")),a.prototype=Object.create(c),a}var m,e,f="function"==typeof Symbol?Symbol:{},l=f.iterator||"@@iterator",n=f.toStringTag||"@@toStringTag",q={};e=Object.getPrototypeOf;var a=[][l]?e(e([][l]())):(d(e={},l,function(){return this}),e),c=j.prototype=h.prototype=Object.create(a);return i.prototype=j,d(c,"constructor",j),d(j,"constructor",i),i.displayName="GeneratorFunction",d(j,n,"GeneratorFunction"),d(c),d(c,n,"Generator"),d(c,l,function(){return this}),d(c,"toString",function(){return"[object Generator]"}),(b=function a(){return{w:g,m:k}})()}function d(a,b,c,e){var f=Object.defineProperty;try{f({},"",{})}catch(a){f=0}d=function g(a,b,c,e){function h(b,c){d(a,b,function(a){return this._invoke(b,c,a)})}b?f?f(a,b,{value:c,enumerable:!e,configurable:!e,writable:!e}):a[b]=c:(h("next",0),h("throw",1),h("return",2))},d(a,b,c,e)}function e(b,d,f,e,g,h,a){try{var c=b[h](a),i=c.value}catch(a){return void f(a)}c.done?d(i):Promise.resolve(i).then(e,g)}function f(b){return function(){var c=this,d=arguments;return new Promise(function(f,g){function h(a){e(j,f,g,h,i,"next",a)}function i(a){e(j,f,g,h,i,"throw",a)}var j=b.apply(c,d);h(void 0)})}}function g(a,b){return l(a)||k(a,b)||i(a,b)||h()}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function i(b,c){if(b){if("string"==typeof b)return j(b,c);var a={}.toString.call(b).slice(8,-1);return"Object"===a&&b.constructor&&(a=b.constructor.name),"Map"===a||"Set"===a?Array.from(b):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?j(b,c):void 0}}function j(b,c){(null==c||c>b.length)&&(c=b.length);for(var d=0,f=Array(c);d<c;d++)f[d]=b[d];return f}function k(b,c){var d=null==b?null:"undefined"!=typeof Symbol&&b[Symbol.iterator]||b["@@iterator"];if(null!=d){var g,h,j,k,l=[],a=!0,m=!1;try{if(j=(d=d.call(b)).next,0===c){if(Object(d)!==d)return;a=!1}else for(;!(a=(g=j.call(d)).done)&&(l.push(g.value),l.length!==c);a=!0);}catch(a){m=!0,h=a}finally{try{if(!a&&null!=d["return"]&&(k=d["return"](),Object(k)!==k))return}finally{if(m)throw h}}return l}}function l(a){if(Array.isArray(a))return a}import m,{useState as n,Fragment as o,useEffect as p}from"react";import q from"classnames";import{uniqueId as r}from"lodash";import{useTranslation as s}from"react-i18next";import{eventPath as u}from"./../utils/navigation.js";import{Link as v}from"react-router-dom";import{Accordion as w,AccordionItem as x,Tabs as y,Tab as z,Table as A,TableHead as B,TableRow as C,TableHeader as D,TableBody as E,TableCell as F,TabList as G,TabPanels as H,TabPanel as I}from"@carbon/react";import J from"./AsyncapiBindings";import K from"./Markdown.tsx";import{useApi as L}from"../contexts/ApiHandler/index.tsx";import M from"../utils/generator";function N(a){var c,d=a.channelName,e=L(),h=e.apiHandler,i=e.api,j=s(),k=j.t,l=n(function(){return r("channel-overview-")}),t=g(l,1),N=t[0],O=n([]),P=g(O,2),Q=P[0],R=P[1],S=h.getChannel(d),T=h.getMarkupType(),U=null===(c=h.getChannel(d))||void 0===c?void 0:c.operations().all(),V=h.getDescription(d),W=h.getChannelBindings(d);p(function(){var a=h.getParameters(d);a.forEach(function(){var c=f(b().m(function e(c,d){return b().w(function(b){for(;1;)switch(b.n){case 0:return b.n=1,M.generateDummyValue({propertyName:"content",property:c.schema||{},empty:!1}).then(function(b){a[d].value=b,R(a)},function(a){console.error(a)});case 1:return b.a(2)}},e)}));return function(a,b){return c.apply(this,arguments)}}())},[h,d]);var X=function a(){var b="path";return 0===Q.length?null:m.createElement("div",{className:"operationInformation operationSummary operationParms channel__parameter_body"},m.createElement("h3",{className:"channel__labelText"},k("parameters")),m.createElement("div",{className:"channelParameters"},m.createElement(w,{align:"start"},m.createElement(x,{className:q("parameter-".concat("path")),key:"path",title:k("path"),open:!0},m.createElement(A,null,m.createElement(B,null,m.createElement(C,null,m.createElement(D,null,k("name")),m.createElement(D,null,k("description")))),m.createElement(E,null,Q.map(function(a,b){var c=a.schema&&a.schema.type?a.value:null;return m.createElement(o,{key:"fragment_".concat(a+b)},m.createElement(C,null,m.createElement(F,{className:"channel__parameterNameContainer"},m.createElement("div",{className:"channel__parameterName","data-testid":"channel-parameter-name"},a.name),m.createElement("div",{className:"requiredHighlight parameterIn"},k("required"))),m.createElement(F,{className:"channel__parameterDescriptionContainer"},a.description&&m.createElement(K,{className:"parameterDescription",data:a.description,markupType:"markdown","data-testid":"channel-description-name"}),a.schema&&a.schema.type&&m.createElement(m.Fragment,null,m.createElement("div",{className:"parameterType schema"},m.createElement("div",{"data-testid":"channel-schema-type"},a.schema.type)),m.createElement("div",{className:"channel__tabsExample"},m.createElement(y,{className:"channel__tab"},m.createElement(G,{"aria-label":"channel tab"},m.createElement(z,{title:k("example"),"data-testid":"channel-example-tab"},k("example"))),m.createElement(H,null,m.createElement(I,null,m.createElement("div",{className:"cds--snippet--multi channel__tabExample","data-testid":"channel-example-snippet"},c)))))))))})))))))},Y=function b(a){return m.createElement(K,{"data-testid":"channel-overview-description",data:a,markupType:T})},Z=function c(a,b){var d=b.summary,e=b.description,f="".concat(N,"-").concat(a,"-operation").replace(/ /g,"");return(d||e)&&m.createElement("div",{className:"channel__overviewInformation","data-testid":"channel-overview-summary"},m.createElement("h3",{className:"channel__label",id:f},a),m.createElement("section",{className:"channel__value","data-testid":"channel-overview-summary-value","aria-labelledby":f},d?m.createElement("p",null,d):null,e?m.createElement(K,{data:e,markupType:T}):null))},$=function a(){return m.createElement("div",{"data-testid":"channel-tableofcontents",className:"channel__value"},m.createElement(A,null,m.createElement(B,null,m.createElement(C,null,m.createElement(D,null,k("operation")),m.createElement(D,null,k("description")))),m.createElement(E,null,U.map(function(a){var b=a.action(),c=u(i,d,"operation/".concat(a.id()?encodeURIComponent(a.id()):b));return m.createElement(C,{key:a.id()},m.createElement(F,null,m.createElement(v,{to:c},m.createElement("p",{"data-testid":"channel-".concat(b,"-link")},k("channel_".concat(b,"_operation"),{channelName:a.id()})))),m.createElement(F,null,m.createElement("p",null,k("channel_".concat(b,"_description")))))}))))},_=!0;return m.createElement("section",{className:q("channel","main")},m.createElement("h2",{className:"channel__header","aria-label":k("channel_overview_label"),"data-testid":"channel-overview-header"},d),W&&m.createElement(J,{bindings:W}),m.createElement("div",{className:"channel__body divided"},S&&0!==Object.values(S).length?m.createElement(m.Fragment,null,V?Y(V):null,X(),U.map(function(a){var b=a.description(),c=a.summary();return(b||c)&&(_=!1),m.createElement(m.Fragment,null,b||c?Z(k("channel_overview_".concat(a.action()),a.id()),{summary:c,description:b}):null)}),_&&U&&0<U.length&&$()):m.createElement("div",{className:"channel__overviewInformation","data-testid":"channel-error","aria-label":k("channel_overview_error_label")},k("channel_overview_error"))))}export default N;