JSFiddle - React, Tailwind, and code Playground

by bilbobaggins

JavaScript

var content=[{"rolename":"gGYQGVhFxpwZcjXCKLulEbXRAkPbpVlqGtFYhpximjijWiCMulpLgAuoDFUkWOIbOPwSLlCWZEHAHTBW","modulename":"WVniirLiiCEtBmacgQzDDGQmBasLJmCvqSpoHuOBITczAZhxXWgKtBTcZxTxIczDucfWyQkWJZasrqyi,lYMvdiVEFmgUjsszXcdusgKbGXakvPgrnpLJkEUKXJLRgTQlJJRfEQhzFduhqwRcviCAjXvArqVfykZv,qoKxNxQObfPLLSuXgqknxyFRyLJhOAQauFaORRrnDvrXfvOxoHFsXvXpcOvPielfbalWyNPJFmQqYYnm","accesstype":"AA,VO","recordstate":true,"modnameid":"1514,1515,1516","mname":"1514,1515,1516","mroleid":"1639","roleid":1639}]
var multiselects={}
let validationmap = [
  {
    inputtype: "multiselect",
    inputname: "roleid",
    inputtextval: "rolename",
    inputCustomMapping:"rolename",
    inputParent:"role",
    inputplaceholder: "Rolename",
    selecttype:"single",
    fieldtypename: "STRING",
    fieldvalidatename: "number",
    fieldmaxlength: "80"
  },
  {
    inputtype: "multiselect",
    inputname: "modnameid",
    inputtextval: "mname",
    selecttype:"multi",
    inputCustomMapping:"modulename",
    inputParent:"modname",
    inputplaceholder: "Module",
    fieldtypename: "STRING",
    fieldvalidatename: "number",
    fieldmaxlength: "80"
  },
  {
    inputtype: "multiselect",
    inputtextval: "accesstype",
    inputname: "accesstype",
    inputCustomMapping:"accesstype",
    inputplaceholder: "accesstype",
    fieldtypename: "STRING",
    fieldvalidatename: "string",
    fieldmaxlength: "2"
  }
];
//console.log(validationmap)
//console.log(content)

var a1 = validationmap
    var res = content.map(function (data) {
      return a1.map(function (da) {
  
var inten={}
if(data[da.inputCustomMapping].indexOf(',') != -1)
{

if(isNaN(parseInt(data[da.inputname].split(',')[0])))
{
multiselects[da.inputtextval]={[da.inputname]:[{[da.inputtextval]:data[da.inputname].split(',')}]}
}
else
{
multiselects[da.inputtextval]={[da.inputname]:[{[da.inputtextval]:data[da.inputname].split(',').map(Number)}]}

}
 inten[da.inputtextval]=data[da.inputCustomMapping].split(',').map(function(dt,i){
return {
key:...