feat: JSON Form widget (#8472)
* initial layout
* updated parser to support nested array
* array field rendering
* changes
* ts fix
* minor revert FormWidget
* modified schema structure
* select and switch fields
* added checkbox field
* added RadioGroupField
* partial DateField and defaults, typing refactoring
* added label and field type change
* minor ts changes
* changes
* modified widget/utils for nested panelConfig, modified schema to object approach
* array/object label support
* hide field configuration when children not present
* added tooltip
* field visibility option
* disabled state
* upgraded tslib, form initial values
* custom field configuration - add/hide/edit
* field configuration - label change
* return input when field configuration reaches max depth
* minor changes
* form - scroll, fixedfooter, enitity defn and other minior changes
* form title
* unregister on unmount
* fixes
* zero state
* fix field padding
* patched updating form values, removed linting warnings
* configured action buttons
* minor fix
* minor change
* property pane - sort fields in field configuration
* refactor include all properties
* checkbox properties
* date properties
* refactor typings and radio group properties
* switch, multselect, select, array, object properties
* minor changes
* default value
* ts fixes
* checkbox field properties implementation
* date field prop implementation
* switch field
* select field and fix deep nested meta properties
* multiselect implementation
* minor change
* input field implementation
* fix position jump on field type change
* initial accordian
* field state property and auto-complete of JSONFormComputeControl
* merge fixes
* renamed FormBuilder to JSONForm
* source data validation minor change
* custom field default value fix
* Editable keys for custom field
* minor fixes
* replaced useFieldArray with custom logic, added widget icon
* array and object accordian with border/background styling
* minor change
* disabled states for array and objects
* default value minor fix
* form level styles
* modified logic for isDisabled for array and object, added disabledWhenInvalid, exposed isValid to fieldState for text input, removed useDisableChildren
* added isValid for all field types
* fixed reset to default values
* debounce form values update
* minor change
* minor change
* fix crash - source data change multi-select to array, fix crash - change of options
* fix positioning
* detect date type in source data
* fix crash - when object is passed to regex input field
* fixed default sourceData path for fields
* accodion keep children mounted on collapse
* jest test for schemaParser
* widget/helper and useRegisterFieldInvalid test
* tests for property config helper and generatePanelPropertyConfig
* fix input field validation not appearing
* fix date field type detection
* rename data -> formData
* handle null/undefined field value change in sourceData
* added null/undefined as valid values for defaultValue text field
* auto detect email field
* set formData default value on initial load
* switch field inline positioning
* field margin fix for row direction
* select full width
* fiex date field default value - out of range
* fix any field type to array
* array default value logic change
* base cypress test changes
* initial json form render cy test
* key sanitization
* fix fieldState update logic
* required design, object/array background color, accordion changes, fix - add new custom field
* minor change
* cypress tests
* fix date formatted value, field state cypress test
* cypress - field properties test and fixes
* rename test file
* fix accessort change to blank value, cypress tests
* fix array field default value for modified accessor
* minor fix
* added animate loading
* fix empty state, add new custom field
* test data fix
* fix warnings
* fix timePrecision visibility
* button styling
* ported input v2
* fix jest tests
* fix cypress tests
* perf changes
* perf improvement
* added comments
* multiselect changes
* input field perf refactor
* array field, object field refactor performance
* checkbox field refactor
* refectored date, radio, select and switch
* fixes
* test fixes
* fixes
* minor fix
* rename field renderer
* remove tracked fieldRenderer field
* cypress test fixes
* cypress changes
* array default value fixes
* arrayfield passedDefaultValue
* auto enabled JS mode for few properties, reverted swith and date property controls
* cypress changes
* added widget sniping mode and fixed object passedDefaultValue
* multiselect v2
* select v2
* fix jest tests
* test fixes
* field limit
* rename field type dropdown texts
* field type changes fixes
* jest fixes
* loading state submit button
* default source data for new widget
* modify limit message
* multiseelct default value changes and cypress fix
* select default value
* keep default value intact on field type change
* TextTable cypress text fix
* review changes
* fixed footer changes
* collapse styles section by default
* fixed footer changes
* form modes
* custom field key rentention
* fixed footer fix in view mode
* non ascii characters
* fix meta merge in dataTreeWidget
* minor fixes
* rename useRegisterFieldInvalid.ts -> useRegisterFieldValidity.ts
* modified dependency injection into evaluated values
* refactored fixedfooter logic
* minor change
* accessor update
* minor change
* fixes
* QA fixes date field, scroll content
* fix phone number field, removed visiblity option from array item
* fix sourceData autocomplete
* reset logic
* fix multiselect reset
* form values hydration on widget drag
* code review changes
* reverted order of merge dataTreeWidget
* fixes
* added button titles, fixed hydration issue
* default value fixes
* upgraded react hook form, modified array-level/field-level default value logic
* fixed select validation
* added icon entity explorer, modified icon align control
* modify accessor validation for mongo db _id
* update email field regex
* review changes
* explicitly handle empty source data validation
2022-03-24 07:13:25 +00:00
|
|
|
{
|
|
|
|
|
"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,
|
2023-01-03 08:02:16 +00:00
|
|
|
"useSourceData": false,
|
feat: JSON Form widget (#8472)
* initial layout
* updated parser to support nested array
* array field rendering
* changes
* ts fix
* minor revert FormWidget
* modified schema structure
* select and switch fields
* added checkbox field
* added RadioGroupField
* partial DateField and defaults, typing refactoring
* added label and field type change
* minor ts changes
* changes
* modified widget/utils for nested panelConfig, modified schema to object approach
* array/object label support
* hide field configuration when children not present
* added tooltip
* field visibility option
* disabled state
* upgraded tslib, form initial values
* custom field configuration - add/hide/edit
* field configuration - label change
* return input when field configuration reaches max depth
* minor changes
* form - scroll, fixedfooter, enitity defn and other minior changes
* form title
* unregister on unmount
* fixes
* zero state
* fix field padding
* patched updating form values, removed linting warnings
* configured action buttons
* minor fix
* minor change
* property pane - sort fields in field configuration
* refactor include all properties
* checkbox properties
* date properties
* refactor typings and radio group properties
* switch, multselect, select, array, object properties
* minor changes
* default value
* ts fixes
* checkbox field properties implementation
* date field prop implementation
* switch field
* select field and fix deep nested meta properties
* multiselect implementation
* minor change
* input field implementation
* fix position jump on field type change
* initial accordian
* field state property and auto-complete of JSONFormComputeControl
* merge fixes
* renamed FormBuilder to JSONForm
* source data validation minor change
* custom field default value fix
* Editable keys for custom field
* minor fixes
* replaced useFieldArray with custom logic, added widget icon
* array and object accordian with border/background styling
* minor change
* disabled states for array and objects
* default value minor fix
* form level styles
* modified logic for isDisabled for array and object, added disabledWhenInvalid, exposed isValid to fieldState for text input, removed useDisableChildren
* added isValid for all field types
* fixed reset to default values
* debounce form values update
* minor change
* minor change
* fix crash - source data change multi-select to array, fix crash - change of options
* fix positioning
* detect date type in source data
* fix crash - when object is passed to regex input field
* fixed default sourceData path for fields
* accodion keep children mounted on collapse
* jest test for schemaParser
* widget/helper and useRegisterFieldInvalid test
* tests for property config helper and generatePanelPropertyConfig
* fix input field validation not appearing
* fix date field type detection
* rename data -> formData
* handle null/undefined field value change in sourceData
* added null/undefined as valid values for defaultValue text field
* auto detect email field
* set formData default value on initial load
* switch field inline positioning
* field margin fix for row direction
* select full width
* fiex date field default value - out of range
* fix any field type to array
* array default value logic change
* base cypress test changes
* initial json form render cy test
* key sanitization
* fix fieldState update logic
* required design, object/array background color, accordion changes, fix - add new custom field
* minor change
* cypress tests
* fix date formatted value, field state cypress test
* cypress - field properties test and fixes
* rename test file
* fix accessort change to blank value, cypress tests
* fix array field default value for modified accessor
* minor fix
* added animate loading
* fix empty state, add new custom field
* test data fix
* fix warnings
* fix timePrecision visibility
* button styling
* ported input v2
* fix jest tests
* fix cypress tests
* perf changes
* perf improvement
* added comments
* multiselect changes
* input field perf refactor
* array field, object field refactor performance
* checkbox field refactor
* refectored date, radio, select and switch
* fixes
* test fixes
* fixes
* minor fix
* rename field renderer
* remove tracked fieldRenderer field
* cypress test fixes
* cypress changes
* array default value fixes
* arrayfield passedDefaultValue
* auto enabled JS mode for few properties, reverted swith and date property controls
* cypress changes
* added widget sniping mode and fixed object passedDefaultValue
* multiselect v2
* select v2
* fix jest tests
* test fixes
* field limit
* rename field type dropdown texts
* field type changes fixes
* jest fixes
* loading state submit button
* default source data for new widget
* modify limit message
* multiseelct default value changes and cypress fix
* select default value
* keep default value intact on field type change
* TextTable cypress text fix
* review changes
* fixed footer changes
* collapse styles section by default
* fixed footer changes
* form modes
* custom field key rentention
* fixed footer fix in view mode
* non ascii characters
* fix meta merge in dataTreeWidget
* minor fixes
* rename useRegisterFieldInvalid.ts -> useRegisterFieldValidity.ts
* modified dependency injection into evaluated values
* refactored fixedfooter logic
* minor change
* accessor update
* minor change
* fixes
* QA fixes date field, scroll content
* fix phone number field, removed visiblity option from array item
* fix sourceData autocomplete
* reset logic
* fix multiselect reset
* form values hydration on widget drag
* code review changes
* reverted order of merge dataTreeWidget
* fixes
* added button titles, fixed hydration issue
* default value fixes
* upgraded react hook form, modified array-level/field-level default value logic
* fixed select validation
* added icon entity explorer, modified icon align control
* modify accessor validation for mongo db _id
* update email field regex
* review changes
* explicitly handle empty source data validation
2022-03-24 07:13:25 +00:00
|
|
|
"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"
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
}
|