JSFiddle - React, Tailwind, and code Playground

JavaScript

define("ContractPageV2", ["ContractPageV2Resources", "GeneralDetails", "BusinessRuleModule"],
function(resources, GeneralDetails, BusinessRuleModule) {
	return {
		entitySchemaName: "Contract",
		details: /**SCHEMA_DETAILS*/{
			"Invoice": {
				"schemaName": "InvoiceDetailV2",
				"filter": {
					"masterColumn": "Id",
					"detailColumn": "Contract"
				},
				"defaultValues": {
					"Account": {
						"masterColumn": "Account"
					},
					"Contact": {
						"masterColumn": "Contact"
					},
					"CustomerBillingInfo": {
						"masterColumn": "CustomerBillingInfo"
					},
					"SupplierBillingInfo": {
						"masterColumn": "SupplierBillingInfo"
					}
				}
			}
		}/**SCHEMA_DETAILS*/,
		diff: /**SCHEMA_DIFF*/[
			{
				"operation": "insert",
				"parentName": "Header",
				"propertyName": "items",
				"name": "Client",
				"values": {
					"layout": {"column": 0, "row": 3, "colSpan": 12},
					"controlConfig": {
						"enableLeftIcon": true,
						"leftIconConfig": {"bindTo": "getMultiLookupIconConfig"}
					}
				}
			}
		]/**SCHEMA_DIFF*/,
		attributes: {
			"Client": {
				"caption": "TestClient",
				"dataValueType": this.Terrasoft.DataValueType.LOOKUP,
				"multiLookupColumns": ["Contact", "Account"],
				"isRequired": false
			}
		},
		methods: {},
		rules: {
			"Contact": {
				"FiltrationContactByAccount": {
					"ruleType": BusinessRuleModule.enums.RuleType.FILTRATION,
					"autocomplete": false,
					"autoClean": false,
					"baseAttributePatch": "Account",
					"comparisonType": this.Terrasoft.ComparisonType.EQUAL,
					"type": BusinessRuleModule.enums.ValueType.ATTRIBUTE,
					"attribute": "Account"
				}
			}
		},
		userCode: {}
	};
});