PromucFlow_constructor/app/client/src/widgets/JSONFormWidget/schemaTestData.ts

1115 lines
37 KiB
TypeScript
Raw Normal View History

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
import {
ARRAY_ITEM_KEY,
DataType,
FieldType,
ROOT_SCHEMA_KEY,
} from "./constants";
const initialDataset = {
dataSource: {
name: "Test name",
age: 20,
dob: "10/12/2021",
boolean: true,
hobbies: ["travelling", "skating", "off-roading"],
"%%": "%",
िि: "हिन्दि",
education: [
{
college: "String field ",
number: 1,
graduationDate: "10/12/2021",
boolean: true,
},
],
address: {
Line1: "String field ",
city: "1",
},
},
schemaOutput: {
__root_schema__: {
isDisabled: false,
isRequired: false,
label: "",
isVisible: true,
children: {
name: {
isDisabled: false,
isRequired: false,
label: "Name",
isVisible: true,
isSpellCheck: false,
children: {},
dataType: DataType.STRING,
defaultValue:
"{{((sourceData, formData, fieldState) => (sourceData.name))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
fieldType: FieldType.TEXT_INPUT,
iconAlign: "left",
sourceData: "Test name",
isCustomField: false,
accessor: "name",
identifier: "name",
originalIdentifier: "name",
position: 0,
},
age: {
isDisabled: false,
isRequired: false,
label: "Age",
isVisible: true,
isSpellCheck: false,
children: {},
dataType: DataType.NUMBER,
defaultValue:
"{{((sourceData, formData, fieldState) => (sourceData.age))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
fieldType: FieldType.NUMBER_INPUT,
iconAlign: "left",
sourceData: 20,
isCustomField: false,
accessor: "age",
identifier: "age",
originalIdentifier: "age",
position: 1,
},
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",
shortcuts: false,
isVisible: true,
convertToISO: false,
children: {},
dataType: 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: FieldType.DATEPICKER,
timePrecision: "minute",
sourceData: "10/12/2021",
isCustomField: false,
accessor: "dob",
identifier: "dob",
originalIdentifier: "dob",
position: 2,
},
boolean: {
alignWidget: "LEFT",
isDisabled: false,
isRequired: false,
isVisible: true,
label: "Boolean",
children: {},
dataType: DataType.BOOLEAN,
defaultValue:
"{{((sourceData, formData, fieldState) => (sourceData.boolean))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
fieldType: FieldType.SWITCH,
sourceData: true,
isCustomField: false,
accessor: "boolean",
identifier: "boolean",
originalIdentifier: "boolean",
position: 3,
},
hobbies: {
isDisabled: false,
isRequired: false,
label: "Hobbies",
isVisible: true,
serverSideFiltering: false,
options: [
{ label: "Blue", value: "BLUE" },
{ label: "Green", value: "GREEN" },
{ label: "Red", value: "RED" },
],
children: {},
dataType: DataType.ARRAY,
defaultValue: `{{((sourceData, formData, fieldState) => (sourceData.hobbies))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}`,
fieldType: FieldType.MULTISELECT,
isFilterable: false,
sourceData: ["travelling", "skating", "off-roading"],
isCustomField: false,
accessor: "hobbies",
identifier: "hobbies",
originalIdentifier: "hobbies",
position: 4,
},
__: {
isDisabled: false,
isRequired: false,
label: "%%",
isVisible: true,
isSpellCheck: false,
children: {},
dataType: DataType.STRING,
defaultValue:
'{{((sourceData, formData, fieldState) => (sourceData["%%"]))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}',
fieldType: FieldType.TEXT_INPUT,
iconAlign: "left",
sourceData: "%",
isCustomField: false,
accessor: "%%",
identifier: "__",
originalIdentifier: "%%",
position: 5,
},
xn__j2bd4cyac6f: {
isDisabled: false,
isRequired: false,
label: "हिन्दि",
isVisible: true,
isSpellCheck: false,
children: {},
dataType: DataType.STRING,
defaultValue:
'{{((sourceData, formData, fieldState) => (sourceData["हिन्दि"]))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}',
fieldType: FieldType.TEXT_INPUT,
iconAlign: "left",
sourceData: "हिन्दि",
isCustomField: false,
accessor: "हिन्दि",
identifier: "xn__j2bd4cyac6f",
originalIdentifier: "हिन्दि",
position: 6,
},
education: {
backgroundColor: "#FAFAFA",
isCollapsible: true,
isDisabled: false,
isRequired: false,
isVisible: true,
label: "Education",
children: {
__array_item__: {
isDisabled: false,
isRequired: false,
label: "Array Item",
isVisible: true,
children: {
college: {
isDisabled: false,
isRequired: false,
label: "College",
isVisible: true,
isSpellCheck: false,
children: {},
dataType: DataType.STRING,
defaultValue: undefined,
fieldType: FieldType.TEXT_INPUT,
iconAlign: "left",
sourceData: "String field ",
isCustomField: false,
accessor: "college",
identifier: "college",
originalIdentifier: "college",
position: 0,
},
number: {
isDisabled: false,
isRequired: false,
label: "Number",
isVisible: true,
isSpellCheck: false,
children: {},
dataType: DataType.NUMBER,
defaultValue: undefined,
fieldType: FieldType.NUMBER_INPUT,
iconAlign: "left",
sourceData: 1,
isCustomField: false,
accessor: "number",
identifier: "number",
originalIdentifier: "number",
position: 1,
},
graduationDate: {
closeOnSelection: false,
dateFormat: "MM/DD/YYYY",
isDisabled: false,
isRequired: false,
label: "Graduation Date",
maxDate: "2121-12-31T18:29:00.000Z",
minDate: "1920-12-31T18:30:00.000Z",
shortcuts: false,
isVisible: true,
children: {},
dataType: DataType.STRING,
defaultValue: undefined,
fieldType: FieldType.DATEPICKER,
timePrecision: "minute",
convertToISO: false,
sourceData: "10/12/2021",
isCustomField: false,
accessor: "graduationDate",
identifier: "graduationDate",
originalIdentifier: "graduationDate",
position: 2,
},
boolean: {
alignWidget: "LEFT",
isDisabled: false,
isRequired: false,
isVisible: true,
label: "Boolean",
children: {},
dataType: DataType.BOOLEAN,
defaultValue: undefined,
fieldType: FieldType.SWITCH,
sourceData: true,
isCustomField: false,
accessor: "boolean",
identifier: "boolean",
originalIdentifier: "boolean",
position: 3,
},
},
dataType: DataType.OBJECT,
defaultValue: undefined,
fieldType: FieldType.OBJECT,
sourceData: {
college: "String field ",
number: 1,
graduationDate: "10/12/2021",
boolean: true,
},
isCustomField: false,
accessor: ARRAY_ITEM_KEY,
identifier: ARRAY_ITEM_KEY,
originalIdentifier: ARRAY_ITEM_KEY,
position: -1,
},
},
dataType: DataType.ARRAY,
defaultValue:
"{{((sourceData, formData, fieldState) => (sourceData.education))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
fieldType: FieldType.ARRAY,
sourceData: [
{
boolean: true,
college: "String field ",
graduationDate: "10/12/2021",
number: 1,
},
],
isCustomField: false,
accessor: "education",
identifier: "education",
originalIdentifier: "education",
position: 7,
},
address: {
isDisabled: false,
isRequired: false,
label: "Address",
isVisible: true,
children: {
Line1: {
isDisabled: false,
isRequired: false,
label: "Line 1",
isVisible: true,
isSpellCheck: false,
children: {},
dataType: DataType.STRING,
defaultValue:
"{{((sourceData, formData, fieldState) => (sourceData.address.Line1))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
fieldType: FieldType.TEXT_INPUT,
iconAlign: "left",
sourceData: "String field ",
isCustomField: false,
accessor: "Line1",
identifier: "Line1",
originalIdentifier: "Line1",
position: 0,
},
city: {
isSpellCheck: false,
isDisabled: false,
isRequired: false,
label: "City",
isVisible: true,
children: {},
dataType: DataType.STRING,
defaultValue:
"{{((sourceData, formData, fieldState) => (sourceData.address.city))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
fieldType: FieldType.TEXT_INPUT,
iconAlign: "left",
sourceData: "1",
isCustomField: false,
accessor: "city",
identifier: "city",
originalIdentifier: "city",
position: 1,
},
},
dataType: DataType.OBJECT,
defaultValue:
"{{((sourceData, formData, fieldState) => (sourceData.address))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
fieldType: FieldType.OBJECT,
sourceData: { Line1: "String field ", city: "1" },
isCustomField: false,
accessor: "address",
identifier: "address",
originalIdentifier: "address",
position: 8,
},
},
dataType: DataType.OBJECT,
defaultValue:
"{{((sourceData, formData, fieldState) => (sourceData))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
fieldType: FieldType.OBJECT,
sourceData: {
name: "Test name",
age: 20,
dob: "10/12/2021",
boolean: true,
hobbies: ["travelling", "skating", "off-roading"],
"%%": "%",
education: [
{
college: "String field ",
number: 1,
graduationDate: "10/12/2021",
boolean: true,
},
],
address: {
Line1: "String field ",
city: "1",
},
िि: "हिन्दि",
},
isCustomField: false,
accessor: ROOT_SCHEMA_KEY,
identifier: ROOT_SCHEMA_KEY,
originalIdentifier: ROOT_SCHEMA_KEY,
position: -1,
},
},
};
const withRemovedKeyFromInitialDataset = {
dataSource: {
name: "Test name",
age: 20,
dob: "10/12/2021",
hobbies: ["travelling", "skating", "off-roading"],
िि: "हिन्दि",
education: [
{
college: "String field ",
number: 1,
graduationDate: "10/12/2021",
boolean: true,
},
],
address: {
Line1: "String field ",
city: "1",
},
},
schemaOutput: {
__root_schema__: {
isDisabled: false,
isRequired: false,
label: "",
isVisible: true,
children: {
name: {
isDisabled: false,
isRequired: false,
label: "Name",
isVisible: true,
isSpellCheck: false,
children: {},
dataType: DataType.STRING,
defaultValue:
"{{((sourceData, formData, fieldState) => (sourceData.name))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
fieldType: FieldType.TEXT_INPUT,
iconAlign: "left",
sourceData: "Test name",
isCustomField: false,
accessor: "name",
identifier: "name",
originalIdentifier: "name",
position: 0,
},
age: {
isDisabled: false,
isRequired: false,
label: "Age",
isVisible: true,
isSpellCheck: false,
children: {},
dataType: DataType.NUMBER,
defaultValue:
"{{((sourceData, formData, fieldState) => (sourceData.age))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
fieldType: FieldType.NUMBER_INPUT,
iconAlign: "left",
sourceData: 20,
isCustomField: false,
accessor: "age",
identifier: "age",
originalIdentifier: "age",
position: 1,
},
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",
shortcuts: false,
isVisible: true,
convertToISO: false,
children: {},
dataType: 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: FieldType.DATEPICKER,
timePrecision: "minute",
sourceData: "10/12/2021",
isCustomField: false,
accessor: "dob",
identifier: "dob",
originalIdentifier: "dob",
position: 2,
},
hobbies: {
isDisabled: false,
isRequired: false,
label: "Hobbies",
isVisible: true,
serverSideFiltering: false,
options: [
{ label: "Blue", value: "BLUE" },
{ label: "Green", value: "GREEN" },
{ label: "Red", value: "RED" },
],
children: {},
dataType: DataType.ARRAY,
defaultValue:
"{{((sourceData, formData, fieldState) => (sourceData.hobbies))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
fieldType: FieldType.MULTISELECT,
isFilterable: false,
sourceData: ["travelling", "skating", "off-roading"],
isCustomField: false,
accessor: "hobbies",
identifier: "hobbies",
originalIdentifier: "hobbies",
position: 4,
},
xn__j2bd4cyac6f: {
isDisabled: false,
isRequired: false,
label: "हिन्दि",
isVisible: true,
isSpellCheck: false,
children: {},
dataType: DataType.STRING,
defaultValue:
'{{((sourceData, formData, fieldState) => (sourceData["हिन्दि"]))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}',
fieldType: FieldType.TEXT_INPUT,
iconAlign: "left",
sourceData: "हिन्दि",
isCustomField: false,
accessor: "हिन्दि",
identifier: "xn__j2bd4cyac6f",
originalIdentifier: "हिन्दि",
position: 6,
},
education: {
backgroundColor: "#FAFAFA",
isCollapsible: true,
isDisabled: false,
isRequired: false,
isVisible: true,
label: "Education",
children: {
__array_item__: {
isDisabled: false,
isRequired: false,
label: "Array Item",
isVisible: true,
children: {
college: {
isDisabled: false,
isRequired: false,
label: "College",
isVisible: true,
isSpellCheck: false,
children: {},
dataType: DataType.STRING,
defaultValue: undefined,
fieldType: FieldType.TEXT_INPUT,
iconAlign: "left",
sourceData: "String field ",
isCustomField: false,
accessor: "college",
identifier: "college",
originalIdentifier: "college",
position: 0,
},
number: {
isDisabled: false,
isRequired: false,
label: "Number",
isVisible: true,
isSpellCheck: false,
children: {},
dataType: DataType.NUMBER,
defaultValue: undefined,
fieldType: FieldType.NUMBER_INPUT,
iconAlign: "left",
sourceData: 1,
isCustomField: false,
accessor: "number",
identifier: "number",
originalIdentifier: "number",
position: 1,
},
graduationDate: {
closeOnSelection: false,
dateFormat: "MM/DD/YYYY",
isDisabled: false,
isRequired: false,
label: "Graduation Date",
maxDate: "2121-12-31T18:29:00.000Z",
minDate: "1920-12-31T18:30:00.000Z",
shortcuts: false,
isVisible: true,
convertToISO: false,
children: {},
dataType: DataType.STRING,
defaultValue: undefined,
fieldType: FieldType.DATEPICKER,
timePrecision: "minute",
sourceData: "10/12/2021",
isCustomField: false,
accessor: "graduationDate",
identifier: "graduationDate",
originalIdentifier: "graduationDate",
position: 2,
},
boolean: {
alignWidget: "LEFT",
isDisabled: false,
isRequired: false,
isVisible: true,
label: "Boolean",
children: {},
dataType: DataType.BOOLEAN,
defaultValue: undefined,
fieldType: FieldType.SWITCH,
sourceData: true,
isCustomField: false,
accessor: "boolean",
identifier: "boolean",
originalIdentifier: "boolean",
position: 3,
},
},
dataType: DataType.OBJECT,
defaultValue: undefined,
fieldType: FieldType.OBJECT,
sourceData: {
college: "String field ",
number: 1,
graduationDate: "10/12/2021",
boolean: true,
},
isCustomField: false,
accessor: ARRAY_ITEM_KEY,
identifier: ARRAY_ITEM_KEY,
originalIdentifier: ARRAY_ITEM_KEY,
position: -1,
},
},
dataType: DataType.ARRAY,
defaultValue:
"{{((sourceData, formData, fieldState) => (sourceData.education))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
fieldType: FieldType.ARRAY,
sourceData: [
{
boolean: true,
college: "String field ",
graduationDate: "10/12/2021",
number: 1,
},
],
isCustomField: false,
accessor: "education",
identifier: "education",
originalIdentifier: "education",
position: 7,
},
address: {
isDisabled: false,
isRequired: false,
label: "Address",
isVisible: true,
children: {
Line1: {
isDisabled: false,
isRequired: false,
label: "Line 1",
isVisible: true,
isSpellCheck: false,
children: {},
dataType: DataType.STRING,
defaultValue:
"{{((sourceData, formData, fieldState) => (sourceData.address.Line1))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
fieldType: FieldType.TEXT_INPUT,
iconAlign: "left",
sourceData: "String field ",
isCustomField: false,
accessor: "Line1",
identifier: "Line1",
originalIdentifier: "Line1",
position: 0,
},
city: {
isDisabled: false,
isRequired: false,
label: "City",
isSpellCheck: false,
isVisible: true,
children: {},
dataType: DataType.STRING,
defaultValue:
"{{((sourceData, formData, fieldState) => (sourceData.address.city))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
fieldType: FieldType.TEXT_INPUT,
iconAlign: "left",
sourceData: "1",
isCustomField: false,
accessor: "city",
identifier: "city",
originalIdentifier: "city",
position: 1,
},
},
dataType: DataType.OBJECT,
defaultValue:
"{{((sourceData, formData, fieldState) => (sourceData.address))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
fieldType: FieldType.OBJECT,
sourceData: { Line1: "String field ", city: "1" },
isCustomField: false,
accessor: "address",
identifier: "address",
originalIdentifier: "address",
position: 8,
},
},
dataType: DataType.OBJECT,
defaultValue:
"{{((sourceData, formData, fieldState) => (sourceData))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
fieldType: FieldType.OBJECT,
sourceData: {
name: "Test name",
age: 20,
dob: "10/12/2021",
hobbies: ["travelling", "skating", "off-roading"],
िि: "हिन्दि",
education: [
{
college: "String field ",
number: 1,
graduationDate: "10/12/2021",
boolean: true,
},
],
address: {
Line1: "String field ",
city: "1",
},
},
isCustomField: false,
accessor: ROOT_SCHEMA_KEY,
identifier: ROOT_SCHEMA_KEY,
originalIdentifier: ROOT_SCHEMA_KEY,
position: -1,
},
},
};
const withRemovedAddedKeyToInitialDataset = {
dataSource: {
name: "Test name",
age: 20,
dob: "10/12/2021",
gender: "male",
hobbies: ["travelling", "skating", "off-roading"],
िि: "हिन्दि",
education: [
{
college: "String field ",
number: 1,
graduationDate: "10/12/2021",
boolean: true,
},
],
address: {
Line1: "String field ",
city: "1",
},
},
schemaOutput: {
__root_schema__: {
isDisabled: false,
isRequired: false,
label: "",
isVisible: true,
children: {
name: {
isDisabled: false,
isRequired: false,
label: "Name",
isVisible: true,
isSpellCheck: false,
children: {},
dataType: DataType.STRING,
defaultValue:
"{{((sourceData, formData, fieldState) => (sourceData.name))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
fieldType: FieldType.TEXT_INPUT,
iconAlign: "left",
sourceData: "Test name",
isCustomField: false,
accessor: "name",
identifier: "name",
originalIdentifier: "name",
position: 0,
},
age: {
isDisabled: false,
isRequired: false,
label: "Age",
isVisible: true,
isSpellCheck: false,
children: {},
dataType: DataType.NUMBER,
defaultValue:
"{{((sourceData, formData, fieldState) => (sourceData.age))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
fieldType: FieldType.NUMBER_INPUT,
iconAlign: "left",
sourceData: 20,
isCustomField: false,
accessor: "age",
identifier: "age",
originalIdentifier: "age",
position: 1,
},
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",
shortcuts: false,
isVisible: true,
children: {},
dataType: DataType.STRING,
convertToISO: false,
defaultValue:
'{{((sourceData, formData, fieldState) => (moment(sourceData.dob, "MM/DD/YYYY").format("YYYY-MM-DDTHH:mm:ss.sssZ")))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}',
fieldType: FieldType.DATEPICKER,
timePrecision: "minute",
sourceData: "10/12/2021",
isCustomField: false,
accessor: "dob",
identifier: "dob",
originalIdentifier: "dob",
position: 2,
},
hobbies: {
isDisabled: false,
isRequired: false,
label: "Hobbies",
isVisible: true,
serverSideFiltering: false,
options: [
{ label: "Blue", value: "BLUE" },
{ label: "Green", value: "GREEN" },
{ label: "Red", value: "RED" },
],
children: {},
dataType: DataType.ARRAY,
defaultValue:
"{{((sourceData, formData, fieldState) => (sourceData.hobbies))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
fieldType: FieldType.MULTISELECT,
isFilterable: false,
sourceData: ["travelling", "skating", "off-roading"],
isCustomField: false,
accessor: "hobbies",
identifier: "hobbies",
originalIdentifier: "hobbies",
position: 3,
},
xn__j2bd4cyac6f: {
isDisabled: false,
isRequired: false,
label: "हिन्दि",
isVisible: true,
isSpellCheck: false,
children: {},
dataType: DataType.STRING,
defaultValue:
'{{((sourceData, formData, fieldState) => (sourceData["हिन्दि"]))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}',
fieldType: FieldType.TEXT_INPUT,
iconAlign: "left",
sourceData: "हिन्दि",
isCustomField: false,
accessor: "हिन्दि",
identifier: "xn__j2bd4cyac6f",
originalIdentifier: "हिन्दि",
position: 4,
},
education: {
backgroundColor: "#FAFAFA",
isCollapsible: true,
isDisabled: false,
isRequired: false,
isVisible: true,
label: "Education",
children: {
__array_item__: {
isDisabled: false,
isRequired: false,
label: "Array Item",
isVisible: true,
children: {
college: {
isDisabled: false,
isRequired: false,
label: "College",
isVisible: true,
isSpellCheck: false,
children: {},
dataType: DataType.STRING,
defaultValue: undefined,
fieldType: FieldType.TEXT_INPUT,
iconAlign: "left",
sourceData: "String field ",
isCustomField: false,
accessor: "college",
identifier: "college",
originalIdentifier: "college",
position: 0,
},
number: {
isDisabled: false,
isRequired: false,
label: "Number",
isVisible: true,
isSpellCheck: false,
children: {},
dataType: DataType.NUMBER,
defaultValue: undefined,
fieldType: FieldType.NUMBER_INPUT,
iconAlign: "left",
sourceData: 1,
isCustomField: false,
accessor: "number",
identifier: "number",
originalIdentifier: "number",
position: 1,
},
graduationDate: {
closeOnSelection: false,
dateFormat: "MM/DD/YYYY",
isDisabled: false,
isRequired: false,
label: "Graduation Date",
maxDate: "2121-12-31T18:29:00.000Z",
minDate: "1920-12-31T18:30:00.000Z",
shortcuts: false,
isVisible: true,
children: {},
dataType: DataType.STRING,
defaultValue: undefined,
fieldType: FieldType.DATEPICKER,
timePrecision: "minute",
sourceData: "10/12/2021",
convertToISO: false,
isCustomField: false,
accessor: "graduationDate",
identifier: "graduationDate",
originalIdentifier: "graduationDate",
position: 2,
},
boolean: {
alignWidget: "LEFT",
isDisabled: false,
isRequired: false,
isVisible: true,
label: "Boolean",
children: {},
dataType: DataType.BOOLEAN,
defaultValue: undefined,
fieldType: FieldType.SWITCH,
sourceData: true,
isCustomField: false,
accessor: "boolean",
identifier: "boolean",
originalIdentifier: "boolean",
position: 3,
},
},
dataType: DataType.OBJECT,
defaultValue: undefined,
fieldType: FieldType.OBJECT,
sourceData: {
college: "String field ",
number: 1,
graduationDate: "10/12/2021",
boolean: true,
},
isCustomField: false,
accessor: ARRAY_ITEM_KEY,
identifier: ARRAY_ITEM_KEY,
originalIdentifier: ARRAY_ITEM_KEY,
position: -1,
},
},
dataType: DataType.ARRAY,
defaultValue:
"{{((sourceData, formData, fieldState) => (sourceData.education))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
fieldType: FieldType.ARRAY,
sourceData: [
{
boolean: true,
college: "String field ",
graduationDate: "10/12/2021",
number: 1,
},
],
isCustomField: false,
accessor: "education",
identifier: "education",
originalIdentifier: "education",
position: 5,
},
address: {
isDisabled: false,
isRequired: false,
label: "Address",
isVisible: true,
children: {
Line1: {
isDisabled: false,
isRequired: false,
label: "Line 1",
isVisible: true,
isSpellCheck: false,
children: {},
dataType: DataType.STRING,
defaultValue:
"{{((sourceData, formData, fieldState) => (sourceData.address.Line1))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
fieldType: FieldType.TEXT_INPUT,
iconAlign: "left",
sourceData: "String field ",
isCustomField: false,
accessor: "Line1",
identifier: "Line1",
originalIdentifier: "Line1",
position: 0,
},
city: {
isSpellCheck: false,
isDisabled: false,
isRequired: false,
label: "City",
isVisible: true,
children: {},
dataType: DataType.STRING,
defaultValue:
"{{((sourceData, formData, fieldState) => (sourceData.address.city))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
fieldType: FieldType.TEXT_INPUT,
iconAlign: "left",
sourceData: "1",
isCustomField: false,
accessor: "city",
identifier: "city",
originalIdentifier: "city",
position: 1,
},
},
dataType: DataType.OBJECT,
defaultValue:
"{{((sourceData, formData, fieldState) => (sourceData.address))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
fieldType: FieldType.OBJECT,
sourceData: { Line1: "String field ", city: "1" },
isCustomField: false,
accessor: "address",
identifier: "address",
originalIdentifier: "address",
position: 6,
},
gender: {
isDisabled: false,
isRequired: false,
label: "Gender",
isVisible: true,
isSpellCheck: false,
children: {},
dataType: DataType.STRING,
defaultValue:
"{{((sourceData, formData, fieldState) => (sourceData.gender))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
fieldType: FieldType.TEXT_INPUT,
iconAlign: "left",
sourceData: "male",
isCustomField: false,
accessor: "gender",
identifier: "gender",
originalIdentifier: "gender",
position: 7,
},
},
dataType: DataType.OBJECT,
defaultValue:
"{{((sourceData, formData, fieldState) => (sourceData))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
fieldType: FieldType.OBJECT,
sourceData: {
name: "Test name",
age: 20,
dob: "10/12/2021",
gender: "male",
hobbies: ["travelling", "skating", "off-roading"],
िि: "हिन्दि",
education: [
{
college: "String field ",
number: 1,
graduationDate: "10/12/2021",
boolean: true,
},
],
address: {
Line1: "String field ",
city: "1",
},
},
isCustomField: false,
accessor: ROOT_SCHEMA_KEY,
identifier: ROOT_SCHEMA_KEY,
originalIdentifier: ROOT_SCHEMA_KEY,
position: -1,
},
},
};
export default {
initialDataset,
withRemovedKeyFromInitialDataset,
withRemovedAddedKeyToInitialDataset,
};