apiconnect-explorer/dist/es/components/TestToolParameter.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

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