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 • 899 B
JavaScript
import a from"react";import{isBoolean as b,isNumber as c,isString as d}from"lodash";import{useTranslation as e}from"react-i18next";import f from"./ViewableJSONDisplay.tsx";function g(g){var h,i=g.bindings,j=e(),k=j.t;if(0===i.length)return null;var l=Object.keys(i)[0],m=i[l].json();return 0<(null===(h=Object.keys(m))||void 0===h?void 0:h.length)&&a.createElement("div",{className:"bindingContainer"},a.createElement("h6",null,k("binding_details")),a.createElement("div",{className:"bindingTable"},Object.keys(m).map(function(e,g){return a.createElement("div",{className:"keyValueDisplay",key:"".concat(e+g)},a.createElement("div",{className:"key bindingKey"},e),(d(m[e])||c(m[e])||b(m[e]))&&a.createElement("div",{className:"value bindingValue"},m[e]+""),!d(m[e])&&!c(m[e])&&!b(m[e])&&a.createElement("div",{className:"value bindingValue"},a.createElement(f,{content:m[e]})))})))}export default g;