Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity
a2688bb4da
PromucFlow_constructor/app/client/src/widgets/JSONFormWidget/schemaTestData.ts
Pawan Kumar 809a633306
feat: App Theming (#9714) 
* fix style bugs

* fix select styles

* test: fix font size issue for cypress tests

* incorporate ashit feedback

* test: addresed review comments for cypress tests

* add analytics events

* height issue in view mode

* incorporate code review feedbacks

* incorporate code review feedbacks

* refactor: addressed review comments; removed border radius and box shadow for text widget; Updated migrations

* feat: Makes shadow and radius controls keyboard accessible (#11547)

* makes shadow and radius controls keyboard accessible

* removes unused imports

* moves options out of render method

* fix: changed the misnomer background property name to the relevant property name

* fix: border radius issue for the map widget

* address qa bugs

* address qa bugs

* fix ux of theming pane when widget is selected

* fix:
* added backgroundColor to the video widget
* restricted pop-over border radius to 0.375rem
* added box shadow for the input group for select widget

* fix: added delete icon in the delete theme modal

* address qa bugs

* change checkbox column size in config

* add js convertible to button color

* remove unused imports

* test: fixed jest tests

* fix primary color typo

* fix: migrations for the theming

* fix:
* Removed background color from MultiTreeSelect and TreeSelect component.
* grouped button's menu button pop over border radius restricting to 0.375rem.

* test: updated Dsl migration UT

* address qa bugs

* address qa bugs

* fix: address qa comments

* address qa bugs

* fix:
* migration issue;
* unit test cases;

* fix rating widget scroll issue

* fix youtube video border radius bug

* fix select widget

* fix select widgets styles

* address qa bugs

* merge conflicts

* makes the reset button keyboard accessible (#12134)

* -resolved merge conflicts

* address qa bugs

* fix: labelTextSize migration fixes

* refactor:
* made changes to the fontSizeUtils function
* fixed the issue related to unit tests

* fix button group widget

* remove unused imports

* fix: fixed the text size migration for the table widget

* refactor: addressed review comments for the table widget theming migration

* fix button group widget

* add init calls for view mode

* json form init theme changes

* fix: added migration for boxShadow, borderRadius and textSizes for table widget

* fix broken fields

* test: fixed unit tests

* wip

* inconsistancy fixes and schemaItem update in updateHook/fieldConfiguration

* feat: init json form migration theming

* json form primaryColor -> accentColor

* update table widget

* update table widget

* object field label styling

* fix: migration related to the JSON form

* fix: fixed labelTextSize migration for JSON form nested widgets

* property control nested stylesheet lookup

* JSONForm label styles form array items

* show label for checkbox field array item

* fix button group widget

* wip

* refactor: addressed table widget review comments

* refactor: addressed ashit review comments;
* added childStylesheet for widgets

* feat: Keyboard navigable Color Picker control (#11797)

* Makes ColorPicker keyboard accessible

* seperate out keyboard and mouse interactions

* fix issue with not focusing back to input

* Adds test for Color picker

* chore: added comment for the boxShadow property

* fix:
* added unit test cases for the widget and property utils
* resolved warning messages

* wip

* theme config update

* fix merge conflicts

* refactor: moved theming migration inside the migrations folder

* fix qa bugs

* fix jest test

* fix: unit test cases

* fix table column creation logic

* refactor: addressed review comments for migrations

* fix: Overriding margin and padding for custom render in the dropdown component (#12875)

* * fix for custom render padding and margin in ADS dropdown

* * fix for removing padding from normal render options

* refactor: moved the boxShadow condition to the variable

* fix qa bugs

* fix: migration QA callouts for audio recorder widget

* refactor: added updated comments for boxShadow migration for table widget

* fix theme binfings for JSONForm fields under Object

* fix table widget theming bug

* fix: addressed code review comments

* fix: unit test cases

* fix: qa migration callouts

* fix table widget theming bug

* fix JSONForm currency input dropdown not submit form

* Added new tests - AppThemingSpec

* fix qa bugs

* fix unit test

* fix JSONForm cellBorderWidth to have default value post migration

* fix unit test

* fix qa bugs

* remove unused imports

* fix qa bugs

* fix JSONForm input height issue

* fix qa bugs

* Updating Theming spec

* * dropdown color fixes (#13249)

* fix caching issue
;

* Fixed Theming tests

* fix tests

* fix tab widget tests

* fix: json form children level migration issue

* fix table widget tests

* Updated test

* updated tests

* updated test

* updated tests

* updated tests

* updated pageload

* fix cypress tests

* remove cypress created files

* fix color picker issues

* Failure fixes

* Fixed some more tests

* fix: cypress test failures

* fix tests

* remove consoles

* fix table tests

* fix qa bugs

* updating snapshots for AppPageLayout_spec as per new UI

* fix rating widget bug

* fix qa bugs

* fix:
* cypress failing tests
* Migration QA callouts
* Removed unused imports

* update constract check algo

* fix color contrast issue

* fix: cypress failure test cases

* update font sizes labels

* fix regression bugs

* fix:
* JSON form labelTextSize issue fix
* Updated comment for the fontSizeUtility function
* migrations issues related to table widget borderRadius and boxShadow

* fix: default labelTextSize issue for the Input and Select families

* fix regression bugs

* fix regression bugs

* PassingParams spec - added wait time

* fix: font family default value issue on JS toggle

* fix js toggle issue in text widget

* fix tests

* fix tests

* fix tests

* fix cypress tests

* fix regression bugs

* fix regression bugs

* fix:
* refactored table widget migration function as per review comments,
* added default value to the widget

* fix: failing unit test cases

* fix theming spec

* fix cypress tests

* test: fixed failed cypress test

* incorporate ashit feedback

* fix cypress tests

* fix: addressed review comments

* comment out table cypress test

* fix merge conflicts

* comment out color picker tests

Co-authored-by: Pawan Kumar <pawankumar@Pawans-MacBook-Pro.local>
Co-authored-by: keyurparalkar <keyur@appsmith.com>
Co-authored-by: Aswath K <aswath@appsmith.com>
Co-authored-by: Nayan <nayan@appsmith.com>
Co-authored-by: Ashit Rath <ashit@appsmith.com>
Co-authored-by: balajisoundar <balaji@appsmith.com>
Co-authored-by: albinAppsmith <87797149+albinAppsmith@users.noreply.github.com>
Co-authored-by: Aishwarya UR <aishwarya@appsmith.com>
Co-authored-by: apple <nandan@thinkify.io>
Co-authored-by: Parthvi Goswami <parthvigoswami@Parthvis-MacBook-Pro.local>
2022-05-04 15:15:57 +05:30

1344 lines
47 KiB
TypeScript
Raw Blame History

import {
ARRAY_ITEM_KEY,
DataType,
FieldThemeStylesheet,
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,
labelTextSize: "0.875rem",
label: "",
isVisible: true,
children: {
name: {
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
age: {
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
dob: {
closeOnSelection: false,
dateFormat: "MM/DD/YYYY",
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
boolean: {
alignWidget: "LEFT",
isDisabled: false,
isRequired: false,
isVisible: true,
labelTextSize: "0.875rem",
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,
backgroundColor: "{{appsmith.theme.colors.primaryColor}}",
boxShadow: "none",
},
hobbies: {
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
__: {
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
xn__j2bd4cyac6f: {
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
education: {
backgroundColor: "#FAFAFA",
isCollapsible: true,
isDisabled: false,
isRequired: false,
isVisible: true,
labelTextSize: "0.875rem",
label: "Education",
children: {
__array_item__: {
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
label: "Array Item",
isVisible: true,
children: {
college: {
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius:
"{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
number: {
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius:
"{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
graduationDate: {
closeOnSelection: false,
dateFormat: "MM/DD/YYYY",
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius:
"{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
boolean: {
alignWidget: "LEFT",
isDisabled: false,
isRequired: false,
isVisible: true,
labelTextSize: "0.875rem",
label: "Boolean",
children: {},
dataType: DataType.BOOLEAN,
defaultValue: undefined,
fieldType: FieldType.SWITCH,
sourceData: true,
isCustomField: false,
accessor: "boolean",
identifier: "boolean",
originalIdentifier: "boolean",
position: 3,
backgroundColor: "{{appsmith.theme.colors.primaryColor}}",
boxShadow: "none",
},
},
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,
labelTextSize: "0.875rem",
label: "Address",
isVisible: true,
children: {
Line1: {
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
city: {
isSpellCheck: false,
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
},
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,
labelTextSize: "0.875rem",
label: "",
isVisible: true,
children: {
name: {
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
age: {
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
dob: {
closeOnSelection: false,
dateFormat: "MM/DD/YYYY",
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
hobbies: {
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
xn__j2bd4cyac6f: {
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
education: {
backgroundColor: "#FAFAFA",
isCollapsible: true,
isDisabled: false,
isRequired: false,
isVisible: true,
labelTextSize: "0.875rem",
label: "Education",
children: {
__array_item__: {
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
label: "Array Item",
isVisible: true,
children: {
college: {
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius:
"{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
number: {
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius:
"{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
graduationDate: {
closeOnSelection: false,
dateFormat: "MM/DD/YYYY",
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius:
"{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
boolean: {
alignWidget: "LEFT",
isDisabled: false,
isRequired: false,
isVisible: true,
labelTextSize: "0.875rem",
label: "Boolean",
children: {},
dataType: DataType.BOOLEAN,
defaultValue: undefined,
fieldType: FieldType.SWITCH,
sourceData: true,
isCustomField: false,
accessor: "boolean",
identifier: "boolean",
originalIdentifier: "boolean",
position: 3,
backgroundColor: "{{appsmith.theme.colors.primaryColor}}",
boxShadow: "none",
},
},
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,
labelTextSize: "0.875rem",
label: "Address",
isVisible: true,
children: {
Line1: {
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
city: {
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
},
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,
labelTextSize: "0.875rem",
label: "",
isVisible: true,
children: {
name: {
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
age: {
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
dob: {
closeOnSelection: false,
dateFormat: "MM/DD/YYYY",
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
hobbies: {
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
xn__j2bd4cyac6f: {
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
education: {
backgroundColor: "#FAFAFA",
isCollapsible: true,
isDisabled: false,
isRequired: false,
isVisible: true,
labelTextSize: "0.875rem",
label: "Education",
children: {
__array_item__: {
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
label: "Array Item",
isVisible: true,
children: {
college: {
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius:
"{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
number: {
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius:
"{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
graduationDate: {
closeOnSelection: false,
dateFormat: "MM/DD/YYYY",
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius:
"{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
boolean: {
alignWidget: "LEFT",
isDisabled: false,
isRequired: false,
isVisible: true,
labelTextSize: "0.875rem",
label: "Boolean",
children: {},
dataType: DataType.BOOLEAN,
defaultValue: undefined,
fieldType: FieldType.SWITCH,
sourceData: true,
isCustomField: false,
accessor: "boolean",
identifier: "boolean",
originalIdentifier: "boolean",
position: 3,
backgroundColor: "{{appsmith.theme.colors.primaryColor}}",
boxShadow: "none",
},
},
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,
labelTextSize: "0.875rem",
label: "Address",
isVisible: true,
children: {
Line1: {
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
city: {
isSpellCheck: false,
isDisabled: false,
isRequired: false,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
},
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,
labelTextSize: "0.875rem",
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,
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
},
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,
},
},
};
const fieldThemeStylesheets = ({
CHECKBOX: {
backgroundColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
CURRENCY_INPUT: {
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
DATEPICKER: {
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
EMAIL_INPUT: {
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
MULTISELECT: {
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
MULTILINE_TEXT_INPUT: {
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
NUMBER_INPUT: {
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
PASSWORD_INPUT: {
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
PHONE_NUMBER_INPUT: {
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
RADIO_GROUP: {
backgroundColor: "{{appsmith.theme.colors.primaryColor}}",
boxShadow: "none",
},
SELECT: {
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
SWITCH: {
backgroundColor: "{{appsmith.theme.colors.primaryColor}}",
boxShadow: "none",
},
TEXT_INPUT: {
accentColor: "{{appsmith.theme.colors.primaryColor}}",
borderRadius: "{{appsmith.theme.borderRadius.appBorderRadius}}",
boxShadow: "none",
},
} as unknown) as FieldThemeStylesheet;
export default {
initialDataset,
withRemovedKeyFromInitialDataset,
withRemovedAddedKeyToInitialDataset,
fieldThemeStylesheets,
};
Reference in New Issue View Git Blame Copy Permalink