JSFiddle - React, Tailwind, and code Playground

by dshilkret

JavaScript

//Target Format???
/* var fields = {
  "spitemid": -1,
  "fullTitle": "Screenshot_20230725_092727_Wakey.jpg",
  "table_name": "x_153465_discovert_route_task_instance",
  "table_sys_id": "e69f1c851b8cf9100e1332231b4bcbb0",
  "action": "Document Added",
  "fields": {
    "Title": {
      "name": "Title",
      "display": true,
      "required": true,
      "field_type_options": "string",
      "value": "Screenshot_20230725_092727_Wakey.jpg"
    },
    "Comments": {
      "name": "Comments",
      "display": true,
      "required": false,
      "field_type_options": "note",
      "value": "test 2"
    },
    "SN_ID": {
      "name": "SN_ID",
      "display": false,
      "required": false,
      "field_type_options": "string",
      "value": "TASK0100006"
    }
  }
}; */
var fieldDefinition = {
	"fieldDefinitions": [
		{
			"isSystemField": true,
			"name": "Created",
			"label": "Created",
			"sharepoint_field_type": "DateTime",
			"display_order": "0",
			"display": true,
			"required": false,
			"default_value": "",
			"field_type_options": "date",
			"readonly": true
		},
		{
			"isSystemField": true,
			"name": "FileLeafRef",
			"label": "Name",
			"sharepoint_field_type": "File",
			"display_order": "1",
			"display": true,
			"required": true,
			"default_value": "",
			"field_type_options": "string",
			"readonly": false
		},
		{
			"isSystemField": true,
			"name": "Created_x0020_By",
			"label": "Document Created By",
			"sharepoint_field_type": "Text",
			"display_order": "2",
			"display": true,
			"required": false,
			"default_value": "",
			"field_type_options": "string",
			"readonly": true
		},
		{
			"isSystemField": false,
			"name": "Title",
			"label": "Title",
			"sharepoint_field_type": "Text",
			"display_order": -1,
			"display": true,
			"required": true,
			"default_value": "",
			"field_type_options": "string",
			"readonly": false
		},
		{
			"isSystemField": true,
			"name": "Modified",
			"label":...