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.22 kB
JavaScript
var a=["channelName","operationId"];function b(a,b){if(null==a)return{};var d,e,f=c(a,b);if(Object.getOwnPropertySymbols){var g=Object.getOwnPropertySymbols(a);for(e=0;e<g.length;e++)d=g[e],-1===b.indexOf(d)&&{}.propertyIsEnumerable.call(a,d)&&(f[d]=a[d])}return f}function c(a,b){if(null==a)return{};var c={};for(var d in a)if({}.hasOwnProperty.call(a,d)){if(-1!==b.indexOf(d))continue;c[d]=a[d]}return c}import d from"react";import{Table as e,TableHead as f,TableRow as g,TableHeader as h,TableBody as i,TableCell as j}from"@carbon/react";import k from"hooks/kafkaProperties";import{useTranslation as l}from"react-i18next";function m(c){var m=c.channelName,n=c.operationId,o=b(c,a),p=l(),q=p.t,r=k(m,n),s=[q("key"),q("value")];return d.createElement("div",{className:"channel__information"},d.createElement("h3",{className:"channel__label"},q("properties")),d.createElement("div",{className:"channel__value"},d.createElement(e,o,d.createElement(f,null,d.createElement(g,null,s.map(function(a){return d.createElement(h,{key:a},a)}))),d.createElement(i,null,r.map(function(a){return d.createElement(g,{tabIndex:0,key:a.key},Object.keys(a).map(function(b){return d.createElement(j,{key:b},a[b])}))})))))}export default m;