JSFiddle - React, Tailwind, and code Playground

by bilbobaggins

JavaScript

let output = [{
  "inputtype": "multiselect",
  "inputtextval": "rolename",
  "inputname": "roleid",
  "inputCustomMapping": "rolename",
  "vals": "PrypkqmFPdkJEktHYjmbofXlroscehbOfuvwLZXPaltNWgRHesggFMbDBuMiXRXzdItiprCKcTeroAZT"
}, {
  "inputtype": "multiselect",
  "inputtextval": "mname",
  "inputname": "modnameid",
  "inputCustomMapping": "modulename",
  "vals": ["employees", "poli"]
}, {
  "inputtype": "multiselect",
  "inputtextval": "accesstype",
  "inputname": "accesstype",
  "inputCustomMapping": "accesstype",
  "vals": ["AA", "VO"]
}]
console.log(output)
var data = [{
  "rolename": "PrypkqmFPdkJEktHYjmbofXlroscehbOfuvwLZXPaltNWgRHesggFMbDBuMiXRXzdItiprCKcTeroAZT",
  "modulename": "employees,poli",
  "accesstype": "AA,VO",
  "recordstate": true,
  "modnameid": "28,51",
  "mname": "28,51",
  "mroleid": "47",
  "roleid": 47
}]

var valitionmap = [{
  "inputtype": "multiselect",
  "inputname": "roleid",
  "inputtextval": "rolename",
  "inputCustomMapping": "rolename",
  "inputplaceholder": "Rolename",
  "fieldvalidatename": "number",
  "fieldmaxlength": "80"
}, {
  "inputtype": "multiselect",
  "inputname": "modnameid",
  "inputtextval": "mname",
  "inputCustomMapping": "modulename",
  "inputplaceholder": "Module",
  "fieldvalidatename": "number",
  "fieldmaxlength": "80"
}, {
  "inputtype": "multiselect",
  "inputtextval": "accesstype",
  "inputname": "accesstype",
  "inputCustomMapping": "accesstype",
  "inputplaceholder": "accesstype",
  "fieldvalidatename": "string",
  "fieldmaxlength": "2"
}]