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 16.6 kB
"use strict";function a(b){"@babel/helpers - typeof";return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},a(b)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.TestToolParameter=H,exports["default"]=void 0;var b=m(require("react")),c=require("@carbon/react"),d=require("react-i18next"),e=l(require("classnames")),f=require("lodash"),g=l(require("dompurify")),h=require("../utils/translate"),i=require("../utils/common"),j=require("../contexts/ApiHandler/index.tsx"),k=l(require("../utils/generator"));function l(a){return a&&a.__esModule?a:{default:a}}function m(b,c){if("function"==typeof WeakMap)var d=new WeakMap,g=new WeakMap;return(m=function(b,c){if(!c&&b&&b.__esModule)return b;var e,h,j={__proto__:null,default:b};if(null===b||"object"!=a(b)&&"function"!=typeof b)return j;if(e=c?g:d){if(e.has(b))return e.get(b);e.set(b,j)}for(var f in b)"default"!=f&&{}.hasOwnProperty.call(b,f)&&((h=(e=Object.defineProperty)&&Object.getOwnPropertyDescriptor(b,f))&&(h.get||h.set)?e(j,f,h):j[f]=b[f]);return j})(b,c)}function p(){function b(a,b,f,g){var h=b&&b.prototype instanceof d?b:d,c=Object.create(h.prototype);return q(c,"_invoke",function(a,b,g){function h(a,b){for(q=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[(q=f[4])?5:(q=3,3)],f[4]=f[5]=j):f[0]<=g&&((c=2>a&&g<f[1])?(q=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,q=0))}if(c||1<a)return m;throw w=!0,b}var k,q,s,t=0,v=g||[],w=!1,p={p:0,n:0,v:j,a:h,f:h.bind(j,4),d:function c(a,b){return k=a,q=0,s=j,p.n=b,m}};return function(c,d,f){if(1<t)throw TypeError("Generator is already running");for(w&&1===d&&h(d,f),q=d,s=f;(e=2>q?j:s)||!w;){k||(q?3>q?(1<q&&(p.n=-1),h(q,s)):p.n=s:p.v=s);try{if(t=2,k){if(q||(c="next"),e=k[c]){if(!(e=e.call(k,s)))throw TypeError("iterator result is not an object");if(!e.done)return e;s=e.value,2>q&&(q=0)}else 1===q&&(e=k["return"])&&e.call(k),2>q&&(s=TypeError("The iterator does not provide a '"+c+"' method"),q=1);k=j}else if((e=(w=0>p.n)?s:a.call(b,p))!==m)break}catch(a){k=j,q=1,s=a}finally{t=1}}return{value:e,done:w}}}(a,f,g),!0),c}function d(){}function g(){}function h(){}function i(a){return Object.setPrototypeOf?Object.setPrototypeOf(a,h):(a.__proto__=h,q(a,l,"GeneratorFunction")),a.prototype=Object.create(c),a}var j,e,f="function"==typeof Symbol?Symbol:{},k=f.iterator||"@@iterator",l=f.toStringTag||"@@toStringTag",m={};e=Object.getPrototypeOf;var a=[][k]?e(e([][k]())):(q(e={},k,function(){return this}),e),c=h.prototype=d.prototype=Object.create(a);return g.prototype=h,q(c,"constructor",h),q(h,"constructor",g),g.displayName="GeneratorFunction",q(h,l,"GeneratorFunction"),q(c),q(c,l,"Generator"),q(c,k,function(){return this}),q(c,"toString",function(){return"[object Generator]"}),(p=function a(){return{w:b,m:i}})()}function q(a,b,c,d){var f=Object.defineProperty;try{f({},"",{})}catch(a){f=0}q=function e(a,b,c,d){function g(b,c){q(a,b,function(a){return this._invoke(b,c,a)})}b?f?f(a,b,{value:c,enumerable:!d,configurable:!d,writable:!d}):a[b]=c:(g("next",0),g("throw",1),g("return",2))},q(a,b,c,d)}function s(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function t(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?s(Object(b),!0).forEach(function(c){u(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):s(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function u(a,b,c){return(b=v(b))in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function v(b){var c=w(b,"string");return"symbol"==a(c)?c:c+""}function w(b,c){if("object"!=a(b)||!b)return b;var d=b[Symbol.toPrimitive];if(void 0!==d){var e=d.call(b,c||"default");if("object"!=a(e))return e;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===c?String:Number)(b)}function x(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 y(b){return function(){var c=this,d=arguments;return new Promise(function(e,f){function g(a){x(i,e,f,g,h,"next",a)}function h(a){x(i,e,f,g,h,"throw",a)}var i=b.apply(c,d);g(void 0)})}}function z(a,b){return E(a)||D(a,b)||B(a,b)||A()}function A(){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 B(b,c){if(b){if("string"==typeof b)return C(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)?C(b,c):void 0}}function C(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 D(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 E(a){if(Array.isArray(a))return a}var F="x-ibm-languages",G={date:"date","date-time":"date-time",double:"number",email:"email",float:"number",int32:"number",int64:"number",number:"number",password:"password",url:"url",file:"file"};function H(a){var l,m=a.name,n=a.parameter,o=a.parameterValues,q=a.pathName,r=a.method,s=a.contentTypeHeader,u=a.onChange,v=a.isBody,w=a.maxDepth,x=a.apiReferences,A=a.exampleArrayItems,B=(0,b.useState)(!1),C=z(B,2),D=C[0],E=C[1],H=(0,b.useState)(!1),I=z(H,2),J=I[0],K=I[1],L=(0,b.useState)(!0),M=z(L,2),N=M[0],O=M[1],P=(0,b.useState)(null),Q=z(P,2),R=Q[0],S=Q[1],T=(0,b.useState)(!1),U=z(T,2),V=U[0],W=U[1],X=(0,b.useState)(!1),Y=z(X,2),Z=Y[0],$=Y[1],_=(0,b.useState)(!1),aa=z(_,2),ba=aa[0],ca=aa[1],da=(0,b.useState)(!1),ea=z(da,2),fa=ea[0],ga=ea[1],ha=(0,b.useState)(-1),ia=z(ha,2),ja=ia[0],ka=ia[1],la=(0,b.useState)(0),ma=z(la,1),na=ma[0],oa=(0,j.useApi)(),pa=oa.api,qa=oa.apiHandler,ra=(0,d.useTranslation)(),sa=ra.t;(0,b.useEffect)(function(){var a,b,c,d,e,g,i,j,k,l,m,o,p,q,r,s,t,u,w;W(!0===n.required);var x;"undefined"!==(null===(a=n)||void 0===a?void 0:a.description)&&n[F]&&(x={},x[F]=n[F]),x=(0,h.getTranslatedExtensions)(x,"description")||n.description||"",S(x);var y="array"===(null===(b=n)||void 0===b?void 0:b.type)&&(null===(c=n)||void 0===c?void 0:c.items),z="boolean"===(null===(d=n)||void 0===d?void 0:d.type)||"boolean"===(null===(e=n)||void 0===e||null===(e=e.schema)||void 0===e?void 0:e.type)||"boolean"===(null===(g=n)||void 0===g||null===(g=g.items)||void 0===g?void 0:g.type),A="file"===(null===(i=n)||void 0===i?void 0:i.type)||"string"===n.type&&("binary"===n.format||"base64"===n.format)||"file"===(null===(j=n)||void 0===j||null===(j=j.schema)||void 0===j?void 0:j.type)||"string"===(null===(k=n.schema)||void 0===k?void 0:k.type)&&("binary"===(null===(l=n.schema)||void 0===l?void 0:l.format)||"base64"===(null===(m=n.schema)||void 0===m?void 0:m.format))||"array"===n.type&&("file"===(null===(o=n.items)||void 0===o?void 0:o.type)||"string"===(null===(p=n.items)||void 0===p?void 0:p.type)&&("binary"===(null===(q=n.items)||void 0===q?void 0:q.format)||"base64"===(null===(r=n.items)||void 0===r?void 0:r.format))),B=(null===(s=n)||void 0===s?void 0:s["enum"])||(null===(t=n)||void 0===t||null===(t=t.items)||void 0===t?void 0:t["enum"])||(null===(u=n)||void 0===u||null===(u=u.schema)||void 0===u?void 0:u["enum"]);if(E("body"===(null===(w=n)||void 0===w?void 0:w["in"])||v),$(B),ca(y),ga(z),K(A),("JSON"===n.format||"date"===n.format||"boolean"===n.type||"X-Client-Certificate"===n.name||A||B)&&O(!1),B&&!y&&void 0===n.value){var C,D;n.value=null!==(C=null!==(D=(0,f.get)(n,"enum[0]"))&&void 0!==D?D:(0,f.get)(n,"schema.enum[0]"))&&void 0!==C?C:void 0}},[pa,qa,v,n]);var ta=(0,b.useMemo)(function(){var a,b,c,d="";return null!==(a=o[m])&&void 0!==a&&a.value&&(null!==(b=o[m])&&void 0!==b&&b.value||"boolean"===(null===(c=o[m])||void 0===c?void 0:c.type))&&(d=o[m].value),d},[m,o]);null!==(l=n)&&void 0!==l&&l.$ref&&(n=qa.getLocalReference(n.$ref,pa));var ua;Z&&ba&&(ua=[],n.items["enum"].map(function(a){return ua.push({id:(0,i.cleanUpKey)(a),text:a})}));var va=function b(a){u&&"function"==typeof u&&u(m,a)},wa=function b(a){var c;a.target&&"checkbox"===a.target.type?c=a.target.checked:a.target&&a.target.value?c=g["default"].sanitize(a.target.value,{ALLOWED_TAGS:[],ALLOWED_ATTR:[]}):a.selectedItems?c=a.selectedItems.map(function(b){return g["default"].sanitize(b.text,{ALLOWED_TAGS:[],ALLOWED_ATTR:[]})}):"boolean"==typeof a?c=a:a.target&&!0===a.target.allowEmptyValue?c="":a.target&&!1===a.target.allowEmptyValue&&(c=void 0),va(c)},xa=function b(a){var c=!0===(a||a.checked||a.target&&a.target.checked);c?wa({target:{allowEmptyValue:!0,value:""}}):wa({target:{allowEmptyValue:!1,value:void 0}})},ya=function a(){return G[n.format]?G[n.format]:"number"===n.type?"number":"text"},za=function a(){return"float"===n.format||"double"===n.format?"any":"int32"===n.format||"int64"===n.format?1:null},Aa=function(){var a=y(p().m(function a(){var b,c;return p().w(function(a){for(;1;)switch(a.n){case 0:return n.collectionFormat&&(n.collectionFormat=null),a.n=1,k["default"].generateExampleParameter({api:pa,pathName:q,verb:r,parameter:t(t({},n),{},{testTool:!0}),contentTypeHeader:s,skipBeautify:!1,maxDepth:w,references:x,numItems:A});case 1:b=a.v,(0,f.get)(b,"example")&&b.hasMultipleExamples?(c=ja,c+=1,c>=Object.keys(b.example).length&&(c=0),b=b.example[Object.keys(b.example)[c]],ka(c)):(0,f.get)(b,"example")&&(b=b.example),wa({target:{value:b}});case 2:return a.a(2)}},a)}));return function b(){return a.apply(this,arguments)}}(),Ba=function c(a,b){var d=[],e={};if(ta&&(d=ta),a.target&&a.target.files&&a.target.files[0]){var f=z(a.target.files,1);if(e.file=f[0],e.file&&e.file.name){var h=g["default"].sanitize(e.file.name,{ALLOWED_TAGS:[],ALLOWED_ATTR:[]});e.file=new File([e.file],h,{type:e.file.type})}var i=new FileReader;i.onload=function(a){e.fileContents=a.target.result,d[b]=e,d=Object.values(d),va(d)},i.readAsDataURL(e.file)}else a.target&&!0===a.target.allowEmptyValue?d="":a.target&&!1===a.target.allowEmptyValue&&(d=void 0);d&&""!==d&&b&&(d[b]=e,d=Object.values(d)),va(d)};null!==pa&&void 0!==pa&&pa.openapi&&D&&(m="body");var Ca=function a(){var b=ta?Object.values(ta).concat([null]):[null];va(b)},Da=function c(a,b){delete b[a],va(b)};return b["default"].createElement("div",{className:(0,e["default"])("parameterOuter","parameter-".concat((0,i.cleanUpKey)(n.type),"-").concat((0,i.cleanUpKey)(m)))},!D&&!Z&&!J&&!fa&&b["default"].createElement("div",{className:"parameterOther"},b["default"].createElement("div",{className:"parameterHeader"},b["default"].createElement("div",{className:"testToolHeaderLabel"},b["default"].createElement("label",{htmlFor:m,className:"parameterName"},m),V&&b["default"].createElement("span",{className:"requiredHighlight"},sa("required"))),N&&b["default"].createElement("button",{className:"generateButton",type:"button",tabIndex:"0",onClick:Aa},sa("assembly_generate_data"))),b["default"].createElement("div",{className:"clearBoth"}),"X-Client-Certificate"===n.name&&b["default"].createElement(c.TextArea,{labelText:"",id:m,rows:4,cols:50,hideLabel:!0,required:V,placeholder:R,name:m,onChange:wa}),"X-Client-Certificate"!==n.name&&b["default"].createElement(c.TextInput,{id:null!==m&&void 0!==m?m:"",labelText:"",onChange:wa,hideLabel:!0,required:V,placeholder:R,name:m,type:ya(),min:"undefined"==typeof n.minimum?null:n.minimum,max:"undefined"==typeof n.maximum?null:n.maximum,minLength:"undefined"==typeof n.minLength?null:n.minLength,maxLength:"undefined"==typeof n.maxLength?null:n.maxLength,step:za(),pattern:"undefined"==typeof n.pattern?null:n.pattern,value:null!==ta&&void 0!==ta?ta:""})),J&&b["default"].createElement("div",{className:"parameterOther"},b["default"].createElement("div",{className:"testToolHeaderLabel"},b["default"].createElement("span",{"aria-hidden":"true",className:"parameterName"},m),V&&b["default"].createElement("span",{className:"requiredHighlight"},sa("required"))),"array"===n.type?b["default"].createElement(b["default"].Fragment,null,""!==ta&&(null===ta||void 0===ta?void 0:ta.map(function(a,d){var e,f;return b["default"].createElement(b["default"].Fragment,null,b["default"].createElement("br",null),b["default"].createElement(c.FileUploaderButton,{id:d,labelText:null!==(e=null===a||void 0===a||null===(f=a.file)||void 0===f?void 0:f.name)&&void 0!==e?e:sa("choose_file"),onChange:function b(a){Ba(a,d)}}),b["default"].createElement(c.Button,{onClick:function a(){return Da(d,ta)}},"Remove"),b["default"].createElement("br",null))})),b["default"].createElement("br",null),b["default"].createElement(c.Button,{onClick:function a(){return Ca(na)}},"Add")):b["default"].createElement(c.FileUploaderButton,{labelText:sa("choose_file"),onChange:Ba})),Z&&(ua?b["default"].createElement("div",{className:"parameterEnum"},b["default"].createElement("div",{className:"testToolHeaderLabel"},b["default"].createElement("span",{"aria-hidden":"true",className:"parameterName"},m),V&&b["default"].createElement("span",{className:"requiredHighlight"},sa("required"))),b["default"].createElement(c.MultiSelect,{id:m,useTitleInItem:!1,label:R,items:ua,required:V,name:m,itemToString:function b(a){return a?a.text:""},onChange:wa,value:ta})):b["default"].createElement("div",{className:"parameterEnum"},b["default"].createElement("div",{className:"testToolHeaderLabel"},b["default"].createElement("label",{htmlFor:m,className:"parameterName"},m),V&&b["default"].createElement("span",{className:"requiredHighlight"},sa("required"))),b["default"].createElement(c.Select,{id:m,hideLabel:!0,className:"cds--select__input",required:V,name:m,labelText:m,onChange:wa,value:ta},V&&(""===ta||null===ta)&&b["default"].createElement(c.SelectItem,{value:"",text:""}),!V&&b["default"].createElement(c.SelectItem,{value:"__omit",text:"---"}),n["enum"]&&n["enum"].map(function(a,d){return b["default"].createElement(c.SelectItem,{key:"".concat(d+a.id),value:a,text:a})}),n.schema&&n.schema["enum"]&&n.schema["enum"].map(function(a,d){return b["default"].createElement(c.SelectItem,{key:"".concat(d+a.id),value:a,text:a})})))),D&&b["default"].createElement("div",{className:"parameterBody"},b["default"].createElement("div",{className:"parameterHeader"},b["default"].createElement("div",{className:"testToolHeaderLabel"},b["default"].createElement("label",{htmlFor:m,className:"parameterName"},m),V&&b["default"].createElement("span",{className:"requiredHighlight"},sa("required"))),N&&b["default"].createElement("button",{type:"button",className:"generateButton",tabIndex:"0",onClick:Aa},sa("assembly_generate_data"))),b["default"].createElement("div",{className:"clearBoth"}),b["default"].createElement(c.TextArea,{dir:"ltr",labelText:"",hideLabel:!0,id:m,rows:4,cols:50,required:V,placeholder:R,name:m,value:ta,onChange:wa})),fa&&(V?b["default"].createElement("div",{className:"parameterBoolean requiredBoolean"},b["default"].createElement("div",{className:"testToolHeaderLabel"},b["default"].createElement("label",{htmlFor:m,className:"parameterName"},m),b["default"].createElement("span",{className:"requiredHighlight"},sa("required"))),b["default"].createElement(c.Checkbox,{id:m,labelText:"",onChange:wa,checked:ta||!1})):b["default"].createElement("div",{className:"parameterBoolean notRequiredBoolean cds--select"},b["default"].createElement("label",{htmlFor:m,className:"parameterName"},m),b["default"].createElement("div",{className:"clearBoth"}),b["default"].createElement(c.Select,{id:m,hideLabel:!0,onChange:wa},b["default"].createElement(c.SelectItem,{value:"__omit",text:"---"}),b["default"].createElement(c.SelectItem,{value:"true",text:"true"}),b["default"].createElement(c.SelectItem,{value:"false",text:"false"})))),"query"===n["in"]&&n.allowEmptyValue&&b["default"].createElement(c.Checkbox,{id:"".concat(n.name,"SendEmpty"),onChange:function b(a){return xa(a)},labelText:"Send empty value",disabled:ta&&"__omit"!==ta}))}var I=exports["default"]=(0,d.withTranslation)()(H);