4d7d7f80f9
## Description When fields is hidden in a json form, those fields value are no longer available on the widget formData. This implementation is meant to give dev the options to set if they want to use sourceData that still contains hidden fields value as fallback when some fields are hidden. ### Step To Reproduce 1. Drop a JSON form 2. create a field and its value is present in the Jsonform1.formdata 3. make this field invisible and its value is not present in the formdata anymore. 4. do the same thing with a simple form, the field is present regardless of the field visiibility. NB: This would require updating the Appsmith Documentation Fixes #14231 ## Type of change - New feature (non-breaking change which adds functionality) - This change requires a documentation update ## How Has This Been Tested? - Cypress Tests ## Checklist: - [x] My code follows the style guidelines of this project - [x] I have performed a self-review of my own code - [x] I have commented my code, particularly in hard-to-understand areas - [ ] I have made corresponding changes to the documentation - [x] My changes generate no new warnings - [x] I have added tests that prove my fix is effective or that my feature works - [x] New and existing unit tests pass locally with my changes
394 lines
19 KiB
JSON
394 lines
19 KiB
JSON
{
|
|
"dsl": {
|
|
"widgetName": "MainContainer",
|
|
"backgroundColor": "none",
|
|
"rightColumn": 1168,
|
|
"snapColumns": 64,
|
|
"detachFromLayout": true,
|
|
"widgetId": "0",
|
|
"topRow": 0,
|
|
"bottomRow": 680,
|
|
"containerStyle": "none",
|
|
"snapRows": 125,
|
|
"parentRowSpace": 1,
|
|
"type": "CANVAS_WIDGET",
|
|
"canExtend": true,
|
|
"version": 47,
|
|
"minHeight": 870,
|
|
"parentColumnSpace": 1,
|
|
"dynamicTriggerPathList": [],
|
|
"dynamicBindingPathList": [],
|
|
"leftColumn": 0,
|
|
"children": [
|
|
{
|
|
"widgetName": "Text1",
|
|
"displayName": "Text",
|
|
"iconSVG": "/static/media/icon.97c59b52.svg",
|
|
"topRow": 54,
|
|
"bottomRow": 58,
|
|
"parentRowSpace": 10,
|
|
"type": "TEXT_WIDGET",
|
|
"hideCard": false,
|
|
"animateLoading": true,
|
|
"useSourceData": false,
|
|
"parentColumnSpace": 18.0625,
|
|
"leftColumn": 22,
|
|
"text": "Label",
|
|
"key": "zgsygilz5a",
|
|
"rightColumn": 38,
|
|
"textAlign": "LEFT",
|
|
"widgetId": "ums2hvawa0",
|
|
"isVisible": true,
|
|
"fontStyle": "BOLD",
|
|
"textColor": "#231F20",
|
|
"version": 1,
|
|
"parentId": "0",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"fontSize": "PARAGRAPH"
|
|
},
|
|
{
|
|
"schema": {
|
|
"__root_schema__": {
|
|
"children": {
|
|
"name": {
|
|
"children": {},
|
|
"dataType": "string",
|
|
"defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.name))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
|
|
"fieldType": "Text Input",
|
|
"sourceData": "John",
|
|
"isCustomField": false,
|
|
"accessor": "name",
|
|
"identifier": "name",
|
|
"position": 0,
|
|
"originalIdentifier": "name",
|
|
"isDisabled": false,
|
|
"isRequired": false,
|
|
"isSpellCheck": false,
|
|
"isVisible": true,
|
|
"label": "Name"
|
|
},
|
|
"age": {
|
|
"children": {},
|
|
"dataType": "number",
|
|
"defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.age))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
|
|
"fieldType": "Number Input",
|
|
"sourceData": 30,
|
|
"isCustomField": false,
|
|
"accessor": "age",
|
|
"identifier": "age",
|
|
"position": 1,
|
|
"originalIdentifier": "age",
|
|
"isDisabled": false,
|
|
"isRequired": false,
|
|
"isSpellCheck": false,
|
|
"isVisible": true,
|
|
"label": "Age"
|
|
},
|
|
"dob": {
|
|
"children": {},
|
|
"dataType": "string",
|
|
"defaultValue": "{{((sourceData, formData, fieldState) => (moment(sourceData.dob, \"MM/DD/YYYY\").format(\"YYYY-MM-DDTHH:mm:ss.sssZ\")))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
|
|
"fieldType": "Datepicker",
|
|
"sourceData": "10/12/1992",
|
|
"isCustomField": false,
|
|
"accessor": "dob",
|
|
"identifier": "dob",
|
|
"position": 2,
|
|
"originalIdentifier": "dob",
|
|
"closeOnSelection": false,
|
|
"dateFormat": "MM/DD/YYYY",
|
|
"isDisabled": false,
|
|
"isRequired": false,
|
|
"label": "Dob",
|
|
"maxDate": "2121-12-31T18:29:00.000Z",
|
|
"minDate": "1920-12-31T18:30:00.000Z",
|
|
"convertToISO": false,
|
|
"shortcuts": false,
|
|
"isVisible": true
|
|
},
|
|
"migrant": {
|
|
"children": {},
|
|
"dataType": "boolean",
|
|
"defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.migrant))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
|
|
"fieldType": "Switch",
|
|
"sourceData": false,
|
|
"isCustomField": false,
|
|
"accessor": "migrant",
|
|
"identifier": "migrant",
|
|
"position": 3,
|
|
"originalIdentifier": "migrant",
|
|
"alignWidget": "LEFT",
|
|
"isDisabled": false,
|
|
"isRequired": false,
|
|
"isVisible": true,
|
|
"label": "Migrant"
|
|
},
|
|
"address": {
|
|
"children": {
|
|
"street": {
|
|
"children": {},
|
|
"dataType": "string",
|
|
"defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.address.street))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
|
|
"fieldType": "Text Input",
|
|
"sourceData": "Koramangala",
|
|
"isCustomField": false,
|
|
"accessor": "street",
|
|
"identifier": "street",
|
|
"position": 0,
|
|
"originalIdentifier": "street",
|
|
"isDisabled": false,
|
|
"isRequired": false,
|
|
"isSpellCheck": false,
|
|
"isVisible": true,
|
|
"label": "Street"
|
|
},
|
|
"city": {
|
|
"children": {},
|
|
"dataType": "string",
|
|
"defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.address.city))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
|
|
"fieldType": "Text Input",
|
|
"sourceData": "Bangalore",
|
|
"isCustomField": false,
|
|
"accessor": "city",
|
|
"identifier": "city",
|
|
"position": 1,
|
|
"originalIdentifier": "city",
|
|
"isDisabled": false,
|
|
"isRequired": false,
|
|
"isSpellCheck": false,
|
|
"isVisible": true,
|
|
"label": "City"
|
|
}
|
|
},
|
|
"dataType": "object",
|
|
"defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.address))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
|
|
"fieldType": "Object",
|
|
"sourceData": {
|
|
"street": "Koramangala",
|
|
"city": "Bangalore"
|
|
},
|
|
"isCustomField": false,
|
|
"accessor": "address",
|
|
"identifier": "address",
|
|
"position": 4,
|
|
"originalIdentifier": "address",
|
|
"isDisabled": false,
|
|
"isRequired": false,
|
|
"isVisible": true,
|
|
"label": "Address"
|
|
},
|
|
"education": {
|
|
"children": {
|
|
"__array_item__": {
|
|
"children": {
|
|
"college": {
|
|
"children": {},
|
|
"dataType": "string",
|
|
"fieldType": "Text Input",
|
|
"sourceData": "MIT",
|
|
"isCustomField": false,
|
|
"accessor": "college",
|
|
"identifier": "college",
|
|
"position": 0,
|
|
"originalIdentifier": "college",
|
|
"isDisabled": false,
|
|
"isRequired": false,
|
|
"isSpellCheck": false,
|
|
"isVisible": true,
|
|
"label": "College"
|
|
},
|
|
"year": {
|
|
"children": {},
|
|
"dataType": "string",
|
|
"fieldType": "Datepicker",
|
|
"sourceData": "20/10/2014",
|
|
"isCustomField": false,
|
|
"accessor": "year",
|
|
"identifier": "year",
|
|
"position": 1,
|
|
"originalIdentifier": "year",
|
|
"closeOnSelection": false,
|
|
"dateFormat": "DD/MM/YYYY",
|
|
"isDisabled": false,
|
|
"isRequired": false,
|
|
"label": "Year",
|
|
"convertToISO": false,
|
|
"maxDate": "2121-12-31T18:29:00.000Z",
|
|
"minDate": "1920-12-31T18:30:00.000Z",
|
|
"shortcuts": false,
|
|
"isVisible": true
|
|
}
|
|
},
|
|
"dataType": "object",
|
|
"fieldType": "Object",
|
|
"sourceData": {
|
|
"college": "MIT",
|
|
"year": "20/10/2014"
|
|
},
|
|
"isCustomField": false,
|
|
"accessor": "__array_item__",
|
|
"identifier": "__array_item__",
|
|
"position": -1,
|
|
"originalIdentifier": "__array_item__",
|
|
"isDisabled": false,
|
|
"isRequired": false,
|
|
"isVisible": true,
|
|
"label": "Array Item"
|
|
}
|
|
},
|
|
"dataType": "array",
|
|
"defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.education))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
|
|
"fieldType": "Array",
|
|
"sourceData": [
|
|
{
|
|
"college": "MIT",
|
|
"year": "20/10/2014"
|
|
}
|
|
],
|
|
"isCustomField": false,
|
|
"accessor": "education",
|
|
"identifier": "education",
|
|
"position": 5,
|
|
"originalIdentifier": "education",
|
|
"backgroundColor": "#FAFAFA",
|
|
"isCollapsible": true,
|
|
"isDisabled": false,
|
|
"isRequired": false,
|
|
"isVisible": true,
|
|
"label": "Education"
|
|
},
|
|
"hobbies": {
|
|
"children": {},
|
|
"dataType": "array",
|
|
"defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.hobbies))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
|
|
"fieldType": "Multiselect",
|
|
"sourceData": [
|
|
"travelling",
|
|
"swimming"
|
|
],
|
|
"isCustomField": false,
|
|
"accessor": "hobbies",
|
|
"identifier": "hobbies",
|
|
"position": 6,
|
|
"originalIdentifier": "hobbies",
|
|
"isDisabled": false,
|
|
"isRequired": false,
|
|
"isVisible": true,
|
|
"label": "Hobbies",
|
|
"serverSideFiltering": false,
|
|
"options": [
|
|
{
|
|
"label": "Blue",
|
|
"value": "BLUE"
|
|
},
|
|
{
|
|
"label": "Green",
|
|
"value": "GREEN"
|
|
},
|
|
{
|
|
"label": "Red",
|
|
"value": "RED"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
"dataType": "object",
|
|
"defaultValue": "{{((sourceData, formData, fieldState) => (sourceData))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
|
|
"fieldType": "Object",
|
|
"sourceData": {
|
|
"name": "John",
|
|
"age": 30,
|
|
"dob": "10/12/1992",
|
|
"migrant": false,
|
|
"address": {
|
|
"street": "Koramangala",
|
|
"city": "Bangalore"
|
|
},
|
|
"education": [
|
|
{
|
|
"college": "MIT",
|
|
"year": "20/10/2014"
|
|
}
|
|
],
|
|
"hobbies": [
|
|
"travelling",
|
|
"swimming"
|
|
]
|
|
},
|
|
"isCustomField": false,
|
|
"name": "",
|
|
"identifier": "",
|
|
"position": -1,
|
|
"originalIdentifier": "",
|
|
"isDisabled": false,
|
|
"isRequired": false,
|
|
"isVisible": true,
|
|
"label": ""
|
|
}
|
|
},
|
|
"widgetName": "JSONForm1",
|
|
"displayName": "JSON Form",
|
|
"iconSVG": "/static/media/icon.6bacf7df.svg",
|
|
"topRow": 5,
|
|
"bottomRow": 45,
|
|
"parentRowSpace": 10,
|
|
"title": "Form",
|
|
"type": "JSON_FORM_WIDGET",
|
|
"hideCard": false,
|
|
"parentColumnSpace": 18.0625,
|
|
"dynamicTriggerPathList": [],
|
|
"autoGenerateForm": true,
|
|
"leftColumn": 18,
|
|
"dynamicBindingPathList": [
|
|
{
|
|
"key": "schema.__root_schema__.children.name.defaultValue"
|
|
},
|
|
{
|
|
"key": "schema.__root_schema__.children.age.defaultValue"
|
|
},
|
|
{
|
|
"key": "schema.__root_schema__.children.dob.defaultValue"
|
|
},
|
|
{
|
|
"key": "schema.__root_schema__.children.migrant.defaultValue"
|
|
},
|
|
{
|
|
"key": "schema.__root_schema__.children.address.children.street.defaultValue"
|
|
},
|
|
{
|
|
"key": "schema.__root_schema__.children.address.children.city.defaultValue"
|
|
},
|
|
{
|
|
"key": "schema.__root_schema__.children.address.defaultValue"
|
|
},
|
|
{
|
|
"key": "schema.__root_schema__.children.education.defaultValue"
|
|
},
|
|
{
|
|
"key": "schema.__root_schema__.children.hobbies.defaultValue"
|
|
},
|
|
{
|
|
"key": "schema.__root_schema__.defaultValue"
|
|
}
|
|
],
|
|
"sourceData": "{\n \"name\": \"John\",\n \"age\": 30,\n \"dob\": \"10/12/1992\",\n \"migrant\": false,\n \"address\": {\n \"street\": \"Koramangala\",\n \"city\": \"Bangalore\"\n },\n \"education\": [\n {\n \"college\": \"MIT\",\n \"year\": \"20/10/2014\"\n }\n ],\n \"hobbies\": [\"travelling\", \"swimming\"]\n}",
|
|
"showReset": true,
|
|
"key": "4x3ilx80d3",
|
|
"backgroundColor": "#fff",
|
|
"rightColumn": 43,
|
|
"widgetId": "u77r23ogdl",
|
|
"isVisible": true,
|
|
"version": 1,
|
|
"parentId": "0",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"scrollContents": true,
|
|
"fixedFooter": true,
|
|
"disabledWhenInvalid": true,
|
|
"submitButtonLabel": "Submit",
|
|
"resetButtonLabel": "Reset"
|
|
}
|
|
]
|
|
}
|
|
} |