32fee08c5c
* 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
265 lines
9.2 KiB
JSON
265 lines
9.2 KiB
JSON
{
|
|
"dsl": {
|
|
"widgetName": "MainContainer",
|
|
"backgroundColor": "none",
|
|
"rightColumn": 1168,
|
|
"snapColumns": 64,
|
|
"detachFromLayout": true,
|
|
"widgetId": "0",
|
|
"topRow": 0,
|
|
"bottomRow": 1340,
|
|
"containerStyle": "none",
|
|
"snapRows": 125,
|
|
"parentRowSpace": 1,
|
|
"type": "CANVAS_WIDGET",
|
|
"canExtend": true,
|
|
"version": 52,
|
|
"minHeight": 1320,
|
|
"parentColumnSpace": 1,
|
|
"dynamicBindingPathList": [],
|
|
"leftColumn": 0,
|
|
"children": [
|
|
{
|
|
"widgetName": "Text1",
|
|
"displayName": "Text",
|
|
"iconSVG": "/static/media/icon.97c59b52.svg",
|
|
"topRow": 0,
|
|
"bottomRow": 58,
|
|
"parentRowSpace": 10,
|
|
"type": "TEXT_WIDGET",
|
|
"hideCard": false,
|
|
"animateLoading": true,
|
|
"parentColumnSpace": 26.890625,
|
|
"dynamicTriggerPathList": [],
|
|
"leftColumn": 0,
|
|
"dynamicBindingPathList": [
|
|
{
|
|
"key": "text"
|
|
}
|
|
],
|
|
"shouldTruncate": false,
|
|
"truncateButtonColor": "#FFC13D",
|
|
"text": "{{JSONForm1.formData}}",
|
|
"key": "fcglufpc9q",
|
|
"rightColumn": 20,
|
|
"textAlign": "LEFT",
|
|
"widgetId": "2cvwkaegxy",
|
|
"isVisible": true,
|
|
"fontStyle": "BOLD",
|
|
"textColor": "#231F20",
|
|
"shouldScroll": false,
|
|
"version": 1,
|
|
"parentId": "0",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"fontSize": "PARAGRAPH"
|
|
},
|
|
{
|
|
"schema": {
|
|
"__root_schema__": {
|
|
"children": {
|
|
"xn__80a1afdk69b": {
|
|
"children": {
|
|
"xn__mgbuhw": {
|
|
"children": {},
|
|
"dataType": "string",
|
|
"defaultValue": "{{((sourceData, formData, fieldState) => (sourceData[\"суроға\"][\"شارع\"]))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
|
|
"fieldType": "Text Input",
|
|
"sourceData": "Koramangala",
|
|
"isCustomField": false,
|
|
"accessor": "شارع",
|
|
"identifier": "xn__mgbuhw",
|
|
"position": 0,
|
|
"originalIdentifier": "شارع",
|
|
"iconAlign": "left",
|
|
"isDisabled": false,
|
|
"isRequired": false,
|
|
"isSpellCheck": false,
|
|
"isVisible": true,
|
|
"label": "شارع"
|
|
}
|
|
},
|
|
"dataType": "object",
|
|
"defaultValue": "{{((sourceData, formData, fieldState) => (sourceData[\"суроға\"]))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
|
|
"fieldType": "Object",
|
|
"sourceData": {
|
|
"شارع": "Koramangala"
|
|
},
|
|
"isCustomField": false,
|
|
"accessor": "суроға",
|
|
"identifier": "xn__80a1afdk69b",
|
|
"position": 0,
|
|
"originalIdentifier": "суроға",
|
|
"isDisabled": false,
|
|
"isRequired": false,
|
|
"isVisible": true,
|
|
"label": "Суроға"
|
|
},
|
|
"xn__12ca5huag4ce3a": {
|
|
"children": {
|
|
"__array_item__": {
|
|
"children": {
|
|
"xn__ohco9d4d": {
|
|
"children": {},
|
|
"dataType": "string",
|
|
"fieldType": "Text Input",
|
|
"sourceData": "MIT",
|
|
"isCustomField": false,
|
|
"accessor": "କଲେଜ",
|
|
"identifier": "xn__ohco9d4d",
|
|
"position": 0,
|
|
"originalIdentifier": "କଲେଜ",
|
|
"iconAlign": "left",
|
|
"isDisabled": false,
|
|
"isRequired": false,
|
|
"isSpellCheck": false,
|
|
"isVisible": true,
|
|
"label": "କଲେଜ"
|
|
}
|
|
},
|
|
"dataType": "object",
|
|
"fieldType": "Object",
|
|
"sourceData": {
|
|
"କଲେଜ": "MIT"
|
|
},
|
|
"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[\"การศึกษา\"]))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
|
|
"fieldType": "Array",
|
|
"sourceData": [
|
|
{
|
|
"କଲେଜ": "MIT"
|
|
}
|
|
],
|
|
"isCustomField": false,
|
|
"accessor": "การศึกษา",
|
|
"identifier": "xn__12ca5huag4ce3a",
|
|
"position": 1,
|
|
"originalIdentifier": "การศึกษา",
|
|
"backgroundColor": "#FAFAFA",
|
|
"isCollapsible": true,
|
|
"isDisabled": false,
|
|
"isRequired": false,
|
|
"isVisible": true,
|
|
"label": "การศึกษา"
|
|
},
|
|
"xn__l2bm1c": {
|
|
"children": {},
|
|
"dataType": "string",
|
|
"defaultValue": "{{((sourceData, formData, fieldState) => (sourceData[\"नाम\"]))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
|
|
"fieldType": "Text Input",
|
|
"sourceData": "John",
|
|
"isCustomField": false,
|
|
"accessor": "नाम",
|
|
"identifier": "xn__l2bm1c",
|
|
"position": 3,
|
|
"originalIdentifier": "नाम",
|
|
"iconAlign": "left",
|
|
"isDisabled": false,
|
|
"isRequired": false,
|
|
"isSpellCheck": false,
|
|
"isVisible": true,
|
|
"label": "नाम"
|
|
}
|
|
},
|
|
"dataType": "object",
|
|
"defaultValue": "{{((sourceData, formData, fieldState) => (sourceData))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
|
|
"fieldType": "Object",
|
|
"sourceData": {
|
|
"नाम": "John",
|
|
"суроға": {
|
|
"شارع": "Koramangala"
|
|
},
|
|
"การศึกษา": [
|
|
{
|
|
"କଲେଜ": "MIT"
|
|
}
|
|
]
|
|
},
|
|
"isCustomField": false,
|
|
"accessor": "__root_schema__",
|
|
"identifier": "__root_schema__",
|
|
"position": -1,
|
|
"originalIdentifier": "__root_schema__",
|
|
"isDisabled": false,
|
|
"isRequired": false,
|
|
"isVisible": true,
|
|
"label": ""
|
|
}
|
|
},
|
|
"widgetName": "JSONForm1",
|
|
"submitButtonStyles": {
|
|
"buttonColor": "#03B365",
|
|
"buttonVariant": "PRIMARY"
|
|
},
|
|
"dynamicPropertyPathList": [
|
|
{
|
|
"key": "schema.__root_schema__.children.date_of_birth.defaultValue"
|
|
}
|
|
],
|
|
"displayName": "JSON Form",
|
|
"iconSVG": "/static/media/icon.6bacf7df.svg",
|
|
"topRow": 3,
|
|
"bottomRow": 53,
|
|
"fieldLimitExceeded": false,
|
|
"parentRowSpace": 10,
|
|
"title": "Form",
|
|
"type": "JSON_FORM_WIDGET",
|
|
"hideCard": false,
|
|
"animateLoading": true,
|
|
"parentColumnSpace": 18.0625,
|
|
"dynamicTriggerPathList": [],
|
|
"leftColumn": 21,
|
|
"dynamicBindingPathList": [
|
|
{
|
|
"key": "schema.__root_schema__.defaultValue"
|
|
},
|
|
{
|
|
"key": "schema.__root_schema__.children.xn__80a1afdk69b.children.xn__mgbuhw.defaultValue"
|
|
},
|
|
{
|
|
"key": "schema.__root_schema__.children.xn__80a1afdk69b.defaultValue"
|
|
},
|
|
{
|
|
"key": "schema.__root_schema__.children.xn__12ca5huag4ce3a.defaultValue"
|
|
},
|
|
{
|
|
"key": "schema.__root_schema__.children.xn__l2bm1c.defaultValue"
|
|
}
|
|
],
|
|
"sourceData": "",
|
|
"showReset": true,
|
|
"key": "si6k7qupn4",
|
|
"backgroundColor": "#fff",
|
|
"rightColumn": 46,
|
|
"autoGenerateForm": true,
|
|
"widgetId": "v5ddirn0i0",
|
|
"resetButtonStyles": {
|
|
"buttonColor": "#03B365",
|
|
"buttonVariant": "SECONDARY"
|
|
},
|
|
"isVisible": true,
|
|
"version": 1,
|
|
"parentId": "0",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"scrollContents": true,
|
|
"fixedFooter": true,
|
|
"disabledWhenInvalid": true,
|
|
"submitButtonLabel": "Submit",
|
|
"resetButtonLabel": "Reset"
|
|
|
|
}
|
|
]
|
|
}
|
|
} |