mirror of
https://github.com/ToolJet/ToolJet
synced 2026-04-21 21:47:17 +00:00
491908ebb6
* bugfix: airtable plugin support for personal access token (#8295) * fix: airtable plugin support for personal access token * fix: review comments fixed * Add new templates and remove old templates * Change onboarding page templates and fix CSS * Change Job application tracker template images * Implement dark mode for onbarding page templates * Fix templates with query issues * fix template creation * Remove redundant datasource options from templates --------- Co-authored-by: Ganesh Kumar <40178541+ganesh8056@users.noreply.github.com> Co-authored-by: Akshay <akshaysasidharan93@gmail.com>
39015 lines
No EOL
2.6 MiB
39015 lines
No EOL
2.6 MiB
{
|
|
"tooljet_database": [
|
|
{
|
|
"id": "78ade0db-c37c-4abc-89e4-31bbe00fdda3",
|
|
"table_name": "employee_directory",
|
|
"schema": {
|
|
"columns": [
|
|
{
|
|
"column_name": "id",
|
|
"data_type": "integer",
|
|
"column_default": "nextval('\"78ade0db-c37c-4abc-89e4-31bbe00fdda3_id_seq\"'::regclass)",
|
|
"character_maximum_length": null,
|
|
"numeric_precision": 32,
|
|
"is_nullable": "NO",
|
|
"constraint_type": "PRIMARY KEY",
|
|
"keytype": "PRIMARY KEY"
|
|
},
|
|
{
|
|
"column_name": "name",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "email",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "designation",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "phone_no",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "department",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "blood_group",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "date_of_joining",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "date_of_birth",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "address",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "image_data",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
}
|
|
]
|
|
}
|
|
}
|
|
],
|
|
"app": [
|
|
{
|
|
"definition": {
|
|
"appV2": {
|
|
"id": "34fcc2ae-3995-4a1b-8d62-8b0530cfa4d4",
|
|
"type": "front-end",
|
|
"name": "Employee Directory",
|
|
"slug": "employee-directory",
|
|
"isPublic": false,
|
|
"isMaintenanceOn": false,
|
|
"icon": "share",
|
|
"organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
|
|
"currentVersionId": null,
|
|
"userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc",
|
|
"workflowApiToken": null,
|
|
"workflowEnabled": false,
|
|
"createdAt": "2023-12-06T07:28:54.443Z",
|
|
"creationMode": "DEFAULT",
|
|
"updatedAt": "2024-01-04T23:02:17.262Z",
|
|
"editingVersion": {
|
|
"id": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8",
|
|
"name": "v1",
|
|
"definition": {
|
|
"showViewerNavigation": false,
|
|
"homePageId": "a60c0ee5-1809-4046-9ac9-30ea02060cc9",
|
|
"pages": {
|
|
"a60c0ee5-1809-4046-9ac9-30ea02060cc9": {
|
|
"components": {
|
|
"5147e387-41c6-48cc-a385-67c5e4e0c3bf": {
|
|
"id": "5147e387-41c6-48cc-a385-67c5e4e0c3bf",
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border Radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00",
|
|
"fxActive": false
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "container1",
|
|
"displayName": "Container",
|
|
"description": "Wrapper for multiple components",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 200
|
|
},
|
|
"component": "Container",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 20,
|
|
"left": 2.3255813953488373,
|
|
"width": 41,
|
|
"height": 70
|
|
}
|
|
}
|
|
},
|
|
"1243e386-3596-4679-b2e7-5e940a3eb195": {
|
|
"id": "1243e386-3596-4679-b2e7-5e940a3eb195",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"textSize": {
|
|
"value": "{{24}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": "{{0}}"
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "B R A N D"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text1",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 2.3255818774724633,
|
|
"width": 6,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "5147e387-41c6-48cc-a385-67c5e4e0c3bf"
|
|
},
|
|
"fd035cca-9d02-4294-90c2-49cc50b8d29f": {
|
|
"component": {
|
|
"properties": {
|
|
"title": {
|
|
"type": "string",
|
|
"displayName": "Title",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"data": {
|
|
"type": "code",
|
|
"displayName": "Table data",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "object"
|
|
},
|
|
"optional": true
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"columns": {
|
|
"type": "array",
|
|
"displayName": "Table Columns"
|
|
},
|
|
"useDynamicColumn": {
|
|
"type": "toggle",
|
|
"displayName": "Use dynamic column",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"columnData": {
|
|
"type": "code",
|
|
"displayName": "Column data"
|
|
},
|
|
"rowsPerPage": {
|
|
"type": "code",
|
|
"displayName": "Number of rows per page",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"enableNextButton": {
|
|
"type": "toggle",
|
|
"displayName": "Enable next page button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"enabledSort": {
|
|
"type": "toggle",
|
|
"displayName": "Enable column sorting",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"hideColumnSelectorButton": {
|
|
"type": "toggle",
|
|
"displayName": "Hide column selector button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"enablePrevButton": {
|
|
"type": "toggle",
|
|
"displayName": "Enable previous page button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"totalRecords": {
|
|
"type": "code",
|
|
"displayName": "Total records server side",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"enablePagination": {
|
|
"type": "toggle",
|
|
"displayName": "Enable pagination",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"serverSidePagination": {
|
|
"type": "clientServerSwitch",
|
|
"displayName": "Type",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
},
|
|
"options": [
|
|
{
|
|
"displayName": "Client side",
|
|
"value": "clientSide"
|
|
},
|
|
{
|
|
"displayName": "Server side",
|
|
"value": "serverSide"
|
|
}
|
|
]
|
|
},
|
|
"serverSideSearch": {
|
|
"type": "clientServerSwitch",
|
|
"displayName": "Type",
|
|
"options": [
|
|
{
|
|
"displayName": "Client side",
|
|
"value": "clientSide"
|
|
},
|
|
{
|
|
"displayName": "Server side",
|
|
"value": "serverSide"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"serverSideSort": {
|
|
"type": "clientServerSwitch",
|
|
"displayName": "Type",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
},
|
|
"options": [
|
|
{
|
|
"displayName": "Client side",
|
|
"value": "clientSide"
|
|
},
|
|
{
|
|
"displayName": "Server side",
|
|
"value": "serverSide"
|
|
}
|
|
]
|
|
},
|
|
"serverSideFilter": {
|
|
"type": "clientServerSwitch",
|
|
"displayName": "Type",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
},
|
|
"options": [
|
|
{
|
|
"displayName": "Client side",
|
|
"value": "clientSide"
|
|
},
|
|
{
|
|
"displayName": "Server side",
|
|
"value": "serverSide"
|
|
}
|
|
],
|
|
"defaultValue": "clientSide"
|
|
},
|
|
"actionButtonBackgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"actionButtonTextColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"displaySearchBox": {
|
|
"type": "toggle",
|
|
"displayName": "Show search",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showDownloadButton": {
|
|
"type": "toggle",
|
|
"displayName": "Show download button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showFilterButton": {
|
|
"type": "toggle",
|
|
"displayName": "Enable filtering",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"type": "toggle",
|
|
"displayName": "Show update buttons",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"allowSelection": {
|
|
"type": "toggle",
|
|
"displayName": "Allow selection",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showBulkSelector": {
|
|
"type": "toggle",
|
|
"displayName": "Bulk selection",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"highlightSelectedRow": {
|
|
"type": "toggle",
|
|
"displayName": "Highlight selected row",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"defaultSelectedRow": {
|
|
"type": "code",
|
|
"displayName": "Default selected row",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "object"
|
|
}
|
|
}
|
|
},
|
|
"showAddNewRowButton": {
|
|
"type": "toggle",
|
|
"displayName": "Show add new row button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop "
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onRowHovered": {
|
|
"displayName": "Row hovered"
|
|
},
|
|
"onRowClicked": {
|
|
"displayName": "Row clicked"
|
|
},
|
|
"onBulkUpdate": {
|
|
"displayName": "Save changes"
|
|
},
|
|
"onPageChanged": {
|
|
"displayName": "Page changed"
|
|
},
|
|
"onSearch": {
|
|
"displayName": "Search"
|
|
},
|
|
"onCancelChanges": {
|
|
"displayName": "Cancel changes"
|
|
},
|
|
"onSort": {
|
|
"displayName": "Sort applied"
|
|
},
|
|
"onCellValueChanged": {
|
|
"displayName": "Cell value changed"
|
|
},
|
|
"onFilterChanged": {
|
|
"displayName": "Filter changed"
|
|
},
|
|
"onNewRowsAdded": {
|
|
"displayName": "Add new rows"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"actionButtonRadius": {
|
|
"type": "code",
|
|
"displayName": "Action Button Radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"tableType": {
|
|
"type": "select",
|
|
"displayName": "Table type",
|
|
"options": [
|
|
{
|
|
"name": "Bordered",
|
|
"value": "table-bordered"
|
|
},
|
|
{
|
|
"name": "Regular",
|
|
"value": "table-classic"
|
|
},
|
|
{
|
|
"name": "Striped",
|
|
"value": "table-striped"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"cellSize": {
|
|
"type": "select",
|
|
"displayName": "Cell size",
|
|
"options": [
|
|
{
|
|
"name": "Condensed",
|
|
"value": "condensed"
|
|
},
|
|
{
|
|
"name": "Regular",
|
|
"value": "regular"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border Radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"actionButtonRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"cellSize": {
|
|
"value": "regular"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"tableType": {
|
|
"value": "table-classic"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": "Table"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getEmployees.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"data": {
|
|
"value": "{{queries.getEmployees.data}}"
|
|
},
|
|
"useDynamicColumn": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnData": {
|
|
"value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
|
|
},
|
|
"rowsPerPage": {
|
|
"value": "{{10}}"
|
|
},
|
|
"serverSidePagination": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableNextButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"enablePrevButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"totalRecords": {
|
|
"value": ""
|
|
},
|
|
"enablePagination": {
|
|
"value": "{{true}}"
|
|
},
|
|
"serverSideSort": {
|
|
"value": "{{false}}"
|
|
},
|
|
"serverSideFilter": {
|
|
"value": "{{false}}"
|
|
},
|
|
"displaySearchBox": {
|
|
"value": "{{false}}"
|
|
},
|
|
"showDownloadButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showFilterButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"autogenerateColumns": {
|
|
"value": true,
|
|
"generateNestedColumns": true
|
|
},
|
|
"columns": {
|
|
"value": [
|
|
{
|
|
"name": "id",
|
|
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"name": "name",
|
|
"id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"name": "email",
|
|
"id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "c13331c3-7040-4b47-90a1-10c5245bd110",
|
|
"name": "designation",
|
|
"key": "designation",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "4ed1e639-52e7-4df4-99aa-e25b57b5c52b",
|
|
"name": "department",
|
|
"key": "department",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "ac7129df-ff8a-42aa-9798-e1a4099b8f46",
|
|
"name": "phone no",
|
|
"key": "phone_no",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "a249ad47-c52d-43e5-b384-fa54122914a7",
|
|
"name": "blood group",
|
|
"key": "blood_group",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "568ce851-ae8f-4ebc-be26-c5a5eae89a57",
|
|
"name": "date of joining",
|
|
"key": "date_of_joining",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "61ad21ce-70e5-4c4e-97e1-2f576c690dbe",
|
|
"name": "date of birth",
|
|
"key": "date_of_birth",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "de287f35-26ef-4fac-b574-a265d22d9232",
|
|
"name": "address",
|
|
"key": "address",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
}
|
|
]
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"value": "{{false}}"
|
|
},
|
|
"showBulkSelector": {
|
|
"value": "{{false}}"
|
|
},
|
|
"highlightSelectedRow": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnSizes": {
|
|
"value": {
|
|
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 39,
|
|
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 149,
|
|
"db258ca5-d4f5-4b22-a667-143882f7f004": 123,
|
|
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 168,
|
|
"c13331c3-7040-4b47-90a1-10c5245bd110": 180
|
|
}
|
|
},
|
|
"actions": {
|
|
"value": []
|
|
},
|
|
"enabledSort": {
|
|
"value": "{{true}}"
|
|
},
|
|
"hideColumnSelectorButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"defaultSelectedRow": {
|
|
"value": "{{{\"id\":1}}}"
|
|
},
|
|
"showAddNewRowButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"allowSelection": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnDeletionHistory": {
|
|
"value": [
|
|
"new_column1",
|
|
"Department",
|
|
"Title",
|
|
"image_data"
|
|
]
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "table1",
|
|
"displayName": "Table",
|
|
"description": "Display paginated tabular data",
|
|
"component": "Table",
|
|
"defaultSize": {
|
|
"width": 28.86,
|
|
"height": 456
|
|
},
|
|
"exposedVariables": {
|
|
"selectedRow": {},
|
|
"changeSet": {},
|
|
"dataUpdates": [],
|
|
"pageIndex": 1,
|
|
"searchText": "",
|
|
"selectedRows": [],
|
|
"filters": []
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setPage",
|
|
"displayName": "Set page",
|
|
"params": [
|
|
{
|
|
"handle": "page",
|
|
"displayName": "Page",
|
|
"defaultValue": "{{1}}"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "selectRow",
|
|
"displayName": "Select row",
|
|
"params": [
|
|
{
|
|
"handle": "key",
|
|
"displayName": "Key"
|
|
},
|
|
{
|
|
"handle": "value",
|
|
"displayName": "Value"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "deselectRow",
|
|
"displayName": "Deselect row"
|
|
},
|
|
{
|
|
"handle": "discardChanges",
|
|
"displayName": "Discard Changes"
|
|
},
|
|
{
|
|
"handle": "discardNewlyAddedRows",
|
|
"displayName": "Discard newly added rows"
|
|
},
|
|
{
|
|
"displayName": "Download table data",
|
|
"handle": "downloadTableData",
|
|
"params": [
|
|
{
|
|
"handle": "type",
|
|
"displayName": "Type",
|
|
"options": [
|
|
{
|
|
"name": "Download as Excel",
|
|
"value": "xlsx"
|
|
},
|
|
{
|
|
"name": "Download as CSV",
|
|
"value": "csv"
|
|
},
|
|
{
|
|
"name": "Download as PDF",
|
|
"value": "pdf"
|
|
}
|
|
],
|
|
"defaultValue": "{{Download as Excel}}",
|
|
"type": "select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 160,
|
|
"left": 2.3255816549441892,
|
|
"width": 28,
|
|
"height": 610
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"86959f97-61d2-4013-b834-8ed2edc3862c": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Button text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
},
|
|
"onHover": {
|
|
"displayName": "On hover"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"loaderColor": {
|
|
"type": "color",
|
|
"displayName": "Loader color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "number",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "show-modal",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"modal": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Add Employee"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button1",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110.0000228881836,
|
|
"left": 55.8139664941029,
|
|
"width": 5,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"fad2a0c5-b28f-4560-a60c-7d0ebdfb2b3e": {
|
|
"id": "fad2a0c5-b28f-4560-a60c-7d0ebdfb2b3e",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#ffffffff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{20}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "right"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Employee Directory"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text16",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 69.76744229792882,
|
|
"width": 12,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "5147e387-41c6-48cc-a385-67c5e4e0c3bf"
|
|
},
|
|
"2a83a770-0295-4590-a84e-65c075c26c6a": {
|
|
"id": "2a83a770-0295-4590-a84e-65c075c26c6a",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{20}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{!queries.getEmployees.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{`Employees (${queries?.getEmployees?.data?.length ?? 0})`}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text17",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 2.325578812294464,
|
|
"width": 12,
|
|
"height": 40
|
|
}
|
|
}
|
|
},
|
|
"670b6c6c-97c2-4f59-a63b-f381550b6b22": {
|
|
"component": {
|
|
"properties": {
|
|
"title": {
|
|
"type": "code",
|
|
"displayName": "Title",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"useDefaultButton": {
|
|
"type": "toggle",
|
|
"displayName": "Use default trigger button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"triggerButtonLabel": {
|
|
"type": "code",
|
|
"displayName": "Trigger button label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"hideTitleBar": {
|
|
"type": "toggle",
|
|
"displayName": "Hide title bar"
|
|
},
|
|
"hideCloseButton": {
|
|
"type": "toggle",
|
|
"displayName": "Hide close button"
|
|
},
|
|
"hideOnEsc": {
|
|
"type": "toggle",
|
|
"displayName": "Close on escape key"
|
|
},
|
|
"closeOnClickingOutside": {
|
|
"type": "toggle",
|
|
"displayName": "Close on clicking outside"
|
|
},
|
|
"size": {
|
|
"type": "select",
|
|
"displayName": "Modal size",
|
|
"options": [
|
|
{
|
|
"name": "small",
|
|
"value": "sm"
|
|
},
|
|
{
|
|
"name": "medium",
|
|
"value": "lg"
|
|
},
|
|
{
|
|
"name": "large",
|
|
"value": "xl"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"modalHeight": {
|
|
"type": "code",
|
|
"displayName": "Modal height",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onOpen": {
|
|
"displayName": "On open"
|
|
},
|
|
"onClose": {
|
|
"displayName": "On close"
|
|
}
|
|
},
|
|
"styles": {
|
|
"headerBackgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Header background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"headerTextColor": {
|
|
"type": "color",
|
|
"displayName": "Header title color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"bodyBackgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Body background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": true
|
|
}
|
|
},
|
|
"triggerButtonBackgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Trigger button background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"triggerButtonTextColor": {
|
|
"type": "color",
|
|
"displayName": "Trigger button text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"headerBackgroundColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"headerTextColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"bodyBackgroundColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"triggerButtonBackgroundColor": {
|
|
"value": "#4D72FA"
|
|
},
|
|
"triggerButtonTextColor": {
|
|
"value": "#ffffffff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": "Add employee"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"useDefaultButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"triggerButtonLabel": {
|
|
"value": "Launch Modal"
|
|
},
|
|
"size": {
|
|
"value": "lg"
|
|
},
|
|
"hideTitleBar": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideCloseButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideOnEsc": {
|
|
"value": "{{true}}"
|
|
},
|
|
"closeOnClickingOutside": {
|
|
"value": "{{false}}"
|
|
},
|
|
"modalHeight": {
|
|
"value": "830px"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "modal1",
|
|
"displayName": "Modal",
|
|
"description": "Show pop-up windows",
|
|
"component": "Modal",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 34
|
|
},
|
|
"exposedVariables": {
|
|
"show": false
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "open",
|
|
"displayName": "Open"
|
|
},
|
|
{
|
|
"handle": "close",
|
|
"displayName": "Close"
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 810,
|
|
"left": 83.72092605396375,
|
|
"width": 6,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"2af7aa24-b57f-4f30-b50a-66df44023c29": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Name"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text15",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 20,
|
|
"left": 4.651162790697675,
|
|
"width": 7.000000000000001,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"80b8a3fb-4582-4625-b4b2-3e82bf138398": {
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde",
|
|
"fxActive": false
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{components.textinput8.value == \"\" ? \"Enter a valid name\" : true}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput8",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 20,
|
|
"left": 23.255822586473915,
|
|
"width": 31.000000000000004,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"c26ce442-21df-4007-9cae-5e0d67d99339": {
|
|
"id": "c26ce442-21df-4007-9cae-5e0d67d99339",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(components.textinput9.value) ? true : \"Enter a valid email\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter email"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput9",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 80,
|
|
"left": 23.255820698864962,
|
|
"width": 31.000000000000004,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
"32737e80-01f7-44e9-b635-56c7f5f4479f": {
|
|
"id": "32737e80-01f7-44e9-b635-56c7f5f4479f",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Email"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text18",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 80,
|
|
"left": 4.651163235502693,
|
|
"width": 7.000000000000001,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
"efbdc5a4-4a2c-4144-bd72-6bb2d07ce5de": {
|
|
"id": "efbdc5a4-4a2c-4144-bd72-6bb2d07ce5de",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{components.textinput10.value == \"\" ? \"Enter a valid designation\" : true}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter designation"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput10",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 140,
|
|
"left": 23.25582064777614,
|
|
"width": 31.000000000000004,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
"67955ad1-0db4-4dba-9e7a-ca458061fd1d": {
|
|
"id": "67955ad1-0db4-4dba-9e7a-ca458061fd1d",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Designation"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text19",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 140,
|
|
"left": 4.651163680307713,
|
|
"width": 7.000000000000001,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
"0a57684b-e0fd-4660-9f8a-c29ad5408fba": {
|
|
"id": "0a57684b-e0fd-4660-9f8a-c29ad5408fba",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{/^[6-9]\\d{9}$/.test(components.textinput11.value) ? true : \"Enter a valid phone number\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter phone number"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput11",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 200,
|
|
"left": 23.255787518409473,
|
|
"width": 31.000000000000004,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
"3c429e1f-5bea-4108-8326-e05ce4eadebc": {
|
|
"id": "3c429e1f-5bea-4108-8326-e05ce4eadebc",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Phone number"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text20",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 200,
|
|
"left": 4.651163680307713,
|
|
"width": 7.000000000000001,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
"067ff4f8-a1ad-4797-800a-7d407443e77b": {
|
|
"id": "067ff4f8-a1ad-4797-800a-7d407443e77b",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{components.textinput12.value == \"\" ? \"Enter a valid department\" : true}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter department"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput12",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 260,
|
|
"left": 23.2558241465199,
|
|
"width": 31.000000000000004,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
"9a04991d-8f0f-4b2c-969d-ab2c05675430": {
|
|
"id": "9a04991d-8f0f-4b2c-969d-ab2c05675430",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Department"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text21",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 260,
|
|
"left": 4.651163680307713,
|
|
"width": 7.000000000000001,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
"bc654bb8-6a75-4ecb-a9ce-143e67160c3b": {
|
|
"id": "bc654bb8-6a75-4ecb-a9ce-143e67160c3b",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{/^(A|B|AB|O)(\\+|-)$/.test(components.textinput13.value) ? true : \"Enter a valid blood group\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter blood group"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput13",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 320,
|
|
"left": 23.255822043292874,
|
|
"width": 31.000000000000004,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
"283eb2f1-0d9c-48f1-b98d-276975899eaf": {
|
|
"id": "283eb2f1-0d9c-48f1-b98d-276975899eaf",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Blood group"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text22",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 320,
|
|
"left": 4.651163680307713,
|
|
"width": 7.000000000000001,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
"28cffa48-c50c-4187-980f-95f4753f1edb": {
|
|
"id": "28cffa48-c50c-4187-980f-95f4753f1edb",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Date of joining"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text23",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 380,
|
|
"left": 4.651166080089099,
|
|
"width": 7.000000000000001,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
"f75970d7-f9ec-4137-96b3-8546eebb9624": {
|
|
"component": {
|
|
"properties": {
|
|
"defaultValue": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"format": {
|
|
"type": "code",
|
|
"displayName": "Format",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"enableTime": {
|
|
"type": "toggle",
|
|
"displayName": "Enable time selection?",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"enableDate": {
|
|
"type": "toggle",
|
|
"displayName": "Enable date selection?",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": true
|
|
}
|
|
},
|
|
"disabledDates": {
|
|
"type": "code",
|
|
"displayName": "Disabled dates",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
}
|
|
},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{components.datepicker1.value == undefined ? \"Select a valid date of joining\" : true}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"defaultValue": {
|
|
"value": ""
|
|
},
|
|
"format": {
|
|
"value": "DD/MM/YYYY"
|
|
},
|
|
"enableTime": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableDate": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledDates": {
|
|
"value": "{{[]}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "datepicker1",
|
|
"displayName": "Date Picker",
|
|
"description": "Choose date and time",
|
|
"component": "Datepicker",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 380,
|
|
"left": 23.25583468662219,
|
|
"width": 31.000000000000004,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"db2d8e61-295d-4a68-b788-c2529d7fd69d": {
|
|
"id": "db2d8e61-295d-4a68-b788-c2529d7fd69d",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Date of birth"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text24",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 440,
|
|
"left": 4.65115750773569,
|
|
"width": 7.000000000000001,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
"f8a3dfb7-e0e5-4c49-a7d7-dbe75c307c8a": {
|
|
"id": "f8a3dfb7-e0e5-4c49-a7d7-dbe75c307c8a",
|
|
"component": {
|
|
"properties": {
|
|
"defaultValue": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"format": {
|
|
"type": "code",
|
|
"displayName": "Format",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"enableTime": {
|
|
"type": "toggle",
|
|
"displayName": "Enable time selection?",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"enableDate": {
|
|
"type": "toggle",
|
|
"displayName": "Enable date selection?",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": true
|
|
}
|
|
},
|
|
"disabledDates": {
|
|
"type": "code",
|
|
"displayName": "Disabled dates",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
}
|
|
},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{components.datepicker2.value == undefined || moment(components.datepicker1.value,\"DD/MM/YYYY\").diff(moment(components.datepicker2.value,\"DD/MM/YYYY\"), \"years\") < 18 ? \"Select a valid date of birth\" : true}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"defaultValue": {
|
|
"value": ""
|
|
},
|
|
"format": {
|
|
"value": "DD/MM/YYYY"
|
|
},
|
|
"enableTime": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableDate": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledDates": {
|
|
"value": "{{[]}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "datepicker2",
|
|
"displayName": "Date Picker",
|
|
"description": "Choose date and time",
|
|
"component": "Datepicker",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 440,
|
|
"left": 23.255826114268785,
|
|
"width": 31.000000000000004,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
"325a6afb-f8ed-4622-9f18-63fa78bba69c": {
|
|
"id": "325a6afb-f8ed-4622-9f18-63fa78bba69c",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Address"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text25",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 500,
|
|
"left": 4.651161793912395,
|
|
"width": 7.000000000000001,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
"187a03b0-79ea-4b14-93b2-4696de8ab9e0": {
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter address"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textarea1",
|
|
"displayName": "Text Area",
|
|
"description": "Multi-line text input",
|
|
"component": "TextArea",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 100
|
|
},
|
|
"exposedVariables": {
|
|
"value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
}
|
|
]
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 500,
|
|
"left": 23.255825333373483,
|
|
"width": 31.000000000000004,
|
|
"height": 100
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"8fed7c76-4fd3-4839-ba22-335ebd107676": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Button text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
},
|
|
"onHover": {
|
|
"displayName": "On hover"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"loaderColor": {
|
|
"type": "color",
|
|
"displayName": "Loader color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "number",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "226fbfbf-eee5-402a-9400-db8347d6fe42",
|
|
"queryName": "addEmployee",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{!components.textinput8.isValid || !components.textinput9.isValid || !components.textinput10.isValid || !components.textinput11.isValid || !components.textinput12.isValid || !components.textinput13.isValid || !components.datepicker1.isValid || !components.datepicker2.isValid || components.textarea1.value.length < 1 || components.filepicker1.file.length < 1}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Add"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.addEmployee.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button4",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 770,
|
|
"left": 79.06978876664246,
|
|
"width": 7,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"32406903-ee36-4e69-a640-f4af28a44ef0": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Button text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
},
|
|
"onHover": {
|
|
"displayName": "On hover"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"loaderColor": {
|
|
"type": "color",
|
|
"displayName": "Loader color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "number",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "close-modal",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"modal": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#375fcf26"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Cancel"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button5",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 770,
|
|
"left": 60.46512903792135,
|
|
"width": 7,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"171e0e10-7715-452e-af3d-23c1a71c4d4b": {
|
|
"component": {
|
|
"properties": {
|
|
"buttonToSubmit": {
|
|
"type": "select",
|
|
"displayName": "Button To Submit Form",
|
|
"options": [
|
|
{
|
|
"name": "None",
|
|
"value": "none"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
},
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": " Use custom schema"
|
|
},
|
|
"JSONSchema": {
|
|
"type": "code",
|
|
"displayName": "JSON Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSubmit": {
|
|
"displayName": "On submit"
|
|
},
|
|
"onInvalid": {
|
|
"displayName": "On invalid"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border Radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"borderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{queries.removeEmployee.isLoading || queries.updateEmployee.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"loadingState": {
|
|
"value": "{{queries.getEmployees.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"JSONSchema": {
|
|
"value": "{{ {title: 'User registration form', properties: {firstname: {type: 'textinput',value: 'Maria',label:'First name', validation:{maxLength:6}, styles: {backgroundColor: '#f6f5ff',textColor: 'black'},},lastname:{type: 'textinput',value: 'Doe', label:'Last name', styles: {backgroundColor: '#f6f5ff',textColor: 'black'},},age:{type:'number'},}, submitButton: {value: 'Submit', styles: {backgroundColor: '#3a433b',borderColor:'#595959'}}} }}"
|
|
},
|
|
"buttonToSubmit": {
|
|
"value": "none"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "form1",
|
|
"displayName": "Form",
|
|
"description": "Wrapper for multiple components",
|
|
"defaultSize": {
|
|
"width": 13,
|
|
"height": 330
|
|
},
|
|
"defaultChildren": [
|
|
{
|
|
"componentName": "Text",
|
|
"layout": {
|
|
"top": 40,
|
|
"left": 10,
|
|
"height": 30,
|
|
"width": 17
|
|
},
|
|
"properties": [
|
|
"text"
|
|
],
|
|
"styles": [
|
|
"fontWeight",
|
|
"textSize",
|
|
"textColor"
|
|
],
|
|
"defaultValue": {
|
|
"text": "User Details",
|
|
"fontWeight": "bold",
|
|
"textSize": 20,
|
|
"textColor": "#000"
|
|
}
|
|
},
|
|
{
|
|
"componentName": "Text",
|
|
"layout": {
|
|
"top": 90,
|
|
"left": 10,
|
|
"height": 30
|
|
},
|
|
"properties": [
|
|
"text"
|
|
],
|
|
"defaultValue": {
|
|
"text": "Name"
|
|
}
|
|
},
|
|
{
|
|
"componentName": "Text",
|
|
"layout": {
|
|
"top": 160,
|
|
"left": 10,
|
|
"height": 30
|
|
},
|
|
"properties": [
|
|
"text"
|
|
],
|
|
"defaultValue": {
|
|
"text": "Age"
|
|
}
|
|
},
|
|
{
|
|
"componentName": "TextInput",
|
|
"layout": {
|
|
"top": 120,
|
|
"left": 10,
|
|
"height": 30,
|
|
"width": 25
|
|
},
|
|
"properties": [
|
|
"placeholder"
|
|
],
|
|
"defaultValue": {
|
|
"placeholder": "Enter your name"
|
|
}
|
|
},
|
|
{
|
|
"componentName": "NumberInput",
|
|
"layout": {
|
|
"top": 190,
|
|
"left": 10,
|
|
"height": 30,
|
|
"width": 25
|
|
},
|
|
"properties": [
|
|
"value"
|
|
],
|
|
"styles": [
|
|
"borderColor"
|
|
],
|
|
"defaultValue": {
|
|
"value": 24,
|
|
"borderColor": "#dadcde"
|
|
}
|
|
},
|
|
{
|
|
"componentName": "Button",
|
|
"layout": {
|
|
"top": 240,
|
|
"left": 10,
|
|
"height": 30,
|
|
"width": 10
|
|
},
|
|
"properties": [
|
|
"text"
|
|
],
|
|
"defaultValue": {
|
|
"text": "Submit"
|
|
}
|
|
}
|
|
],
|
|
"component": "Form",
|
|
"exposedVariables": {
|
|
"data": {},
|
|
"isValid": true
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "submitForm",
|
|
"displayName": "Submit Form"
|
|
},
|
|
{
|
|
"handle": "resetForm",
|
|
"displayName": "Reset Form"
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110.00000762939453,
|
|
"left": 69.76744432354135,
|
|
"width": 12,
|
|
"height": 660
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"8fd95776-4b1a-4dd0-8490-89224f498f19": {
|
|
"id": "8fd95776-4b1a-4dd0-8490-89224f498f19",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) != undefined ? \"EMPLOYEE DETAILS\" : \"SELECT A ROW TO VIEW DETAILS\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text26",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 6.976745455952444,
|
|
"width": 32,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"22eb6007-a5eb-4202-985f-255ca0a77532": {
|
|
"id": "22eb6007-a5eb-4202-985f-255ca0a77532",
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"dividerColor": {
|
|
"type": "color",
|
|
"displayName": "Divider Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#9b9b9b80"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "divider3",
|
|
"displayName": "Divider",
|
|
"description": "Separator between components",
|
|
"component": "Divider",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
"exposedVariables": {
|
|
"value": {}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 50,
|
|
"left": 4.651162790697675,
|
|
"width": 39.00000000000001,
|
|
"height": 10
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"d653ce20-9211-472c-94ef-8088307cc759": {
|
|
"id": "d653ce20-9211-472c-94ef-8088307cc759",
|
|
"component": {
|
|
"properties": {
|
|
"source": {
|
|
"type": "code",
|
|
"displayName": "URL",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"alternativeText": {
|
|
"type": "code",
|
|
"displayName": "Alternative text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"zoomButtons": {
|
|
"type": "toggle",
|
|
"displayName": "Zoom button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"rotateButton": {
|
|
"type": "toggle",
|
|
"displayName": "Rotate button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderType": {
|
|
"type": "select",
|
|
"displayName": "Border type",
|
|
"options": [
|
|
{
|
|
"name": "None",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "Rounded",
|
|
"value": "rounded"
|
|
},
|
|
{
|
|
"name": "Circle",
|
|
"value": "rounded-circle"
|
|
},
|
|
{
|
|
"name": "Thumbnail",
|
|
"value": "img-thumbnail"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"padding": {
|
|
"type": "code",
|
|
"displayName": "Padding",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"imageFit": {
|
|
"type": "select",
|
|
"displayName": "Image fit",
|
|
"options": [
|
|
{
|
|
"name": "fill",
|
|
"value": "fill"
|
|
},
|
|
{
|
|
"name": "contain",
|
|
"value": "contain"
|
|
},
|
|
{
|
|
"name": "cover",
|
|
"value": "cover"
|
|
},
|
|
{
|
|
"name": "scale-down",
|
|
"value": "scale-down"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderType": {
|
|
"value": "none"
|
|
},
|
|
"padding": {
|
|
"value": "0"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"imageFit": {
|
|
"value": "contain"
|
|
},
|
|
"backgroundColor": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"source": {
|
|
"value": "{{components?.table1?.selectedRow?.image_data ?? \"https://www.svgrepo.com/show/444673/user.svg\"}}"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"alternativeText": {
|
|
"value": ""
|
|
},
|
|
"zoomButtons": {
|
|
"value": "{{false}}"
|
|
},
|
|
"rotateButton": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "image1",
|
|
"displayName": "Image",
|
|
"description": "Show image files",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 100
|
|
},
|
|
"component": "Image",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 70,
|
|
"left": 6.976745455952444,
|
|
"width": 14,
|
|
"height": 110
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"8494566e-3fa9-4dec-81a5-cdd6bfd0848a": {
|
|
"id": "8494566e-3fa9-4dec-81a5-cdd6bfd0848a",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.name ?? \"Employee Name\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text27",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 80,
|
|
"left": 44.18605455436548,
|
|
"width": 19,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"954fc54d-2e9f-4f8b-b307-41ed935ae461": {
|
|
"id": "954fc54d-2e9f-4f8b-b307-41ed935ae461",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "italic"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.designation ?? \"Employee Designation\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text28",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 44.18605455436548,
|
|
"width": 18,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"926561b2-d47e-4ee5-b6da-bac01f3ecf01": {
|
|
"id": "926561b2-d47e-4ee5-b6da-bac01f3ecf01",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.id ?? \"Employee ID\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text29",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 140,
|
|
"left": 44.18603992819973,
|
|
"width": 18,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"5c8e1419-3be0-4c68-afdf-47e670f68838": {
|
|
"id": "5c8e1419-3be0-4c68-afdf-47e670f68838",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Email"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text30",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 220,
|
|
"left": 6.976731705767766,
|
|
"width": 13.999999999999998,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"c8e2e22b-e625-48da-af9c-663a6eca7271": {
|
|
"id": "c8e2e22b-e625-48da-af9c-663a6eca7271",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Phone no"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text31",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 260,
|
|
"left": 6.9767655593373705,
|
|
"width": 13.999999999999998,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"e1ef32fa-6595-4922-b5e5-9aaf1d4e36e3": {
|
|
"id": "e1ef32fa-6595-4922-b5e5-9aaf1d4e36e3",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Department"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text32",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 300,
|
|
"left": 6.976725034594776,
|
|
"width": 13.999999999999998,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"5cc39fe8-3774-412f-8ca9-c024aa55b766": {
|
|
"id": "5cc39fe8-3774-412f-8ca9-c024aa55b766",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Blood group"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text33",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 340,
|
|
"left": 6.976763552732405,
|
|
"width": 13.999999999999998,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"ce519cd8-a471-4d21-9060-f70526a265da": {
|
|
"id": "ce519cd8-a471-4d21-9060-f70526a265da",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Date of joining"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text34",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 380,
|
|
"left": 6.976709139595084,
|
|
"width": 13.999999999999998,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"d1da8c95-af7e-4756-9e95-c19adc1d1113": {
|
|
"id": "d1da8c95-af7e-4756-9e95-c19adc1d1113",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Date of birth"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text35",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 420,
|
|
"left": 6.976763993502584,
|
|
"width": 13.999999999999998,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"ae4159bf-b6b3-42a0-ba77-104cdc814694": {
|
|
"id": "ae4159bf-b6b3-42a0-ba77-104cdc814694",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Address"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text36",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 460,
|
|
"left": 6.976745455952444,
|
|
"width": 13.999999999999998,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"37dd89e1-fa3c-488c-8751-bc3449786ea7": {
|
|
"id": "37dd89e1-fa3c-488c-8751-bc3449786ea7",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde",
|
|
"fxActive": false
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.form1.data.editemailtextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || /^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(components.form1.data.editemailtextinput.value) ? true : \" \"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.email}}"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "editemailtextinput",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 220,
|
|
"left": 41.86044855841798,
|
|
"width": 21.999999999999996,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"2529bdea-3423-46de-a1fa-a3a6cc5d427e": {
|
|
"id": "2529bdea-3423-46de-a1fa-a3a6cc5d427e",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.form1.data.editphonenotextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || /^[6-9]\\d{9}$/.test(components.form1.data.editphonenotextinput.value) ? true : \" \"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.phone_no}}"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "editphonenotextinput",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 260,
|
|
"left": 41.86041269782743,
|
|
"width": 21.999999999999996,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"5e8ea0a2-dc8b-4f2b-8f3b-a9b47e7a3ac8": {
|
|
"id": "5e8ea0a2-dc8b-4f2b-8f3b-a9b47e7a3ac8",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.form1.data.editdepartmenttextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || (components?.form1?.data?.editdepartmenttextinput?.value ?? \"\").length > 0 ? true : \" \"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.department}}"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "editdepartmenttextinput",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 300,
|
|
"left": 41.860474366050234,
|
|
"width": 21.999999999999996,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"dbd1ee87-bdd0-4f07-8a7d-0ddd40e461d3": {
|
|
"id": "dbd1ee87-bdd0-4f07-8a7d-0ddd40e461d3",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.form1.data.editbloodgrouptextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || /^(A|B|AB|O)(\\+|-)$/.test(components.form1.data.editbloodgrouptextinput.value) ? true : \" \"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.blood_group}}"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "editbloodgrouptextinput",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 340,
|
|
"left": 41.86045855100046,
|
|
"width": 21.999999999999996,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"be1e55cf-7a75-40db-a5ac-7abc2893f469": {
|
|
"id": "be1e55cf-7a75-40db-a5ac-7abc2893f469",
|
|
"component": {
|
|
"properties": {
|
|
"defaultValue": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"format": {
|
|
"type": "code",
|
|
"displayName": "Format",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"enableTime": {
|
|
"type": "toggle",
|
|
"displayName": "Enable time selection?",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"enableDate": {
|
|
"type": "toggle",
|
|
"displayName": "Enable date selection?",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": true
|
|
}
|
|
},
|
|
"disabledDates": {
|
|
"type": "code",
|
|
"displayName": "Disabled dates",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
}
|
|
},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || components.form1.data.editdateofjoiningdatepicker.value != undefined ? true : \" \"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"defaultValue": {
|
|
"value": "{{components.table1.selectedRow.date_of_joining}}"
|
|
},
|
|
"format": {
|
|
"value": "DD/MM/YYYY"
|
|
},
|
|
"enableTime": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableDate": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledDates": {
|
|
"value": "{{[]}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "editdateofjoiningdatepicker",
|
|
"displayName": "Date Picker",
|
|
"description": "Choose date and time",
|
|
"component": "Datepicker",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 380,
|
|
"left": 41.86049061192336,
|
|
"width": 22.000000000000004,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"43793a29-05d6-4230-b59c-bf49edeb0c1d": {
|
|
"id": "43793a29-05d6-4230-b59c-bf49edeb0c1d",
|
|
"component": {
|
|
"properties": {
|
|
"defaultValue": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"format": {
|
|
"type": "code",
|
|
"displayName": "Format",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"enableTime": {
|
|
"type": "toggle",
|
|
"displayName": "Enable time selection?",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"enableDate": {
|
|
"type": "toggle",
|
|
"displayName": "Enable date selection?",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": true
|
|
}
|
|
},
|
|
"disabledDates": {
|
|
"type": "code",
|
|
"displayName": "Disabled dates",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
}
|
|
},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || (components.form1.data.editdateofbirthdatepicker.value != undefined && moment(components.form1.data.editdateofjoiningdatepicker.value,\"DD/MM/YYYY\").diff(moment(components.form1.data.editdateofbirthdatepicker.value,\"DD/MM/YYYY\"), \"years\") >= 18) ? true : \" \"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"defaultValue": {
|
|
"value": "{{components.table1.selectedRow.date_of_birth}}"
|
|
},
|
|
"format": {
|
|
"value": "DD/MM/YYYY"
|
|
},
|
|
"enableTime": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableDate": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledDates": {
|
|
"value": "{{[]}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "editdateofbirthdatepicker",
|
|
"displayName": "Date Picker",
|
|
"description": "Choose date and time",
|
|
"component": "Datepicker",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 420,
|
|
"left": 41.86045482705194,
|
|
"width": 22.000000000000004,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"6a1314c6-607c-4c61-b9e9-e5a159124132": {
|
|
"id": "6a1314c6-607c-4c61-b9e9-e5a159124132",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || (components?.form1?.data?.editaddresstextarea?.value ?? \"\").length > 0 ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.address}}"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "editaddresstextarea",
|
|
"displayName": "Text Area",
|
|
"description": "Multi-line text input",
|
|
"component": "TextArea",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 100
|
|
},
|
|
"exposedVariables": {
|
|
"value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 460,
|
|
"left": 41.86049211986877,
|
|
"width": 22.000000000000004,
|
|
"height": 100
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"ea83a9e2-0d7b-44f5-9fab-298205480bd0": {
|
|
"id": "ea83a9e2-0d7b-44f5-9fab-298205480bd0",
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"dividerColor": {
|
|
"type": "color",
|
|
"displayName": "Divider Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#9b9b9b80"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "divider4",
|
|
"displayName": "Divider",
|
|
"description": "Separator between components",
|
|
"component": "Divider",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
"exposedVariables": {
|
|
"value": {}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 580,
|
|
"left": 4.651164060603607,
|
|
"width": 39.00000000000001,
|
|
"height": 10
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"f552df70-09f4-4aba-a6ad-93303e0074e7": {
|
|
"id": "f552df70-09f4-4aba-a6ad-93303e0074e7",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Button text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
},
|
|
"onHover": {
|
|
"displayName": "On hover"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"loaderColor": {
|
|
"type": "color",
|
|
"displayName": "Loader color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "number",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "5fef3fcb-ef14-4e99-9f70-9fb08a59b22e",
|
|
"queryName": "removeEmployee",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"textColor": {
|
|
"value": "#d0021bff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#d0021bff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#d0021bff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Delete"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.removeEmployee.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button8",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 600,
|
|
"left": 39.53488193106961,
|
|
"width": 11.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"3d2d1b93-9917-42a8-a44f-df793e748159": {
|
|
"id": "3d2d1b93-9917-42a8-a44f-df793e748159",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Button text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
},
|
|
"onHover": {
|
|
"displayName": "On hover"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"loaderColor": {
|
|
"type": "color",
|
|
"displayName": "Loader color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "number",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "83a1826f-9082-4f56-b020-d18554f767e4",
|
|
"queryName": "updateEmployee",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || !components.form1.data.editemailtextinput.isValid || !components.form1.data.editphonenotextinput.isValid || !components.form1.data.editdepartmenttextinput.isValid || !components.form1.data.editbloodgrouptextinput.isValid || !components.form1.data.editdateofjoiningdatepicker.isValid || !components.form1.data.editdateofbirthdatepicker.isValid || (components?.form1?.data?.editaddresstextarea?.value ?? \"\").length < 1}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Save"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.updateEmployee.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button9",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 600,
|
|
"left": 67.44187386283085,
|
|
"width": 10.999999999999998,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"25e13e19-4fe3-4bdf-81b9-e753ad12bbb2": {
|
|
"id": "25e13e19-4fe3-4bdf-81b9-e753ad12bbb2",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Profile picture"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text37",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 620,
|
|
"left": 4.651162790697675,
|
|
"width": 7,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
"8bc3c4c5-b309-4188-aeb2-33ba2d1a2d96": {
|
|
"component": {
|
|
"properties": {
|
|
"instructionText": {
|
|
"type": "code",
|
|
"displayName": "Instruction text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"enableDropzone": {
|
|
"type": "code",
|
|
"displayName": "Use drop zone",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"enablePicker": {
|
|
"type": "code",
|
|
"displayName": "Use file picker",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"enableMultiple": {
|
|
"type": "code",
|
|
"displayName": "Pick multiple files",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"maxFileCount": {
|
|
"type": "code",
|
|
"displayName": "Max file count",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"fileType": {
|
|
"type": "code",
|
|
"displayName": "Accept file types",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"maxSize": {
|
|
"type": "code",
|
|
"displayName": "Max size limit (Bytes)",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"minSize": {
|
|
"type": "code",
|
|
"displayName": "Min size limit (Bytes)",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"parseContent": {
|
|
"type": "toggle",
|
|
"displayName": "Parse content",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"parseFileType": {
|
|
"type": "select",
|
|
"displayName": "File type",
|
|
"options": [
|
|
{
|
|
"name": "Autodetect from extension",
|
|
"value": "auto-detect"
|
|
},
|
|
{
|
|
"name": "CSV",
|
|
"value": "csv"
|
|
},
|
|
{
|
|
"name": "Microsoft Excel - xls",
|
|
"value": "vnd.ms-excel"
|
|
},
|
|
{
|
|
"name": "Microsoft Excel - xlsx",
|
|
"value": "vnd.openxmlformats-officedocument.spreadsheetml.sheet"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onFileSelected": {
|
|
"displayName": "On File Selected"
|
|
},
|
|
"onFileLoaded": {
|
|
"displayName": "On File Loaded"
|
|
},
|
|
"onFileDeselected": {
|
|
"displayName": "On File Deselected"
|
|
}
|
|
},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{10}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"instructionText": {
|
|
"value": "Drag and drop a file here or click to select an image file"
|
|
},
|
|
"enableDropzone": {
|
|
"value": "{{true}}"
|
|
},
|
|
"enablePicker": {
|
|
"value": "{{true}}"
|
|
},
|
|
"maxFileCount": {
|
|
"value": "{{1}}"
|
|
},
|
|
"enableMultiple": {
|
|
"value": "{{false}}"
|
|
},
|
|
"fileType": {
|
|
"value": "{{\"image/*\"}}"
|
|
},
|
|
"maxSize": {
|
|
"value": "{{1048576}}"
|
|
},
|
|
"minSize": {
|
|
"value": "{{50}}"
|
|
},
|
|
"parseContent": {
|
|
"value": "{{false}}"
|
|
},
|
|
"parseFileType": {
|
|
"value": "auto-detect"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "filepicker1",
|
|
"displayName": "File Picker",
|
|
"description": "File Picker",
|
|
"component": "FilePicker",
|
|
"defaultSize": {
|
|
"width": 15,
|
|
"height": 100
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "clearFiles",
|
|
"displayName": "Clear Files"
|
|
}
|
|
],
|
|
"exposedVariables": {
|
|
"file": [
|
|
{
|
|
"name": "",
|
|
"content": "",
|
|
"dataURL": "",
|
|
"type": "",
|
|
"parsedData": ""
|
|
}
|
|
],
|
|
"isParsing": false
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 620,
|
|
"left": 23.255828874749245,
|
|
"width": 21,
|
|
"height": 120
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"0fbe2bb1-1e36-42b5-bf72-32a60f24da44": {
|
|
"id": "0fbe2bb1-1e36-42b5-bf72-32a60f24da44",
|
|
"component": {
|
|
"properties": {
|
|
"source": {
|
|
"type": "code",
|
|
"displayName": "URL",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"alternativeText": {
|
|
"type": "code",
|
|
"displayName": "Alternative text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"zoomButtons": {
|
|
"type": "toggle",
|
|
"displayName": "Zoom button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"rotateButton": {
|
|
"type": "toggle",
|
|
"displayName": "Rotate button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderType": {
|
|
"type": "select",
|
|
"displayName": "Border type",
|
|
"options": [
|
|
{
|
|
"name": "None",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "Rounded",
|
|
"value": "rounded"
|
|
},
|
|
{
|
|
"name": "Circle",
|
|
"value": "rounded-circle"
|
|
},
|
|
{
|
|
"name": "Thumbnail",
|
|
"value": "img-thumbnail"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"padding": {
|
|
"type": "code",
|
|
"displayName": "Padding",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"imageFit": {
|
|
"type": "select",
|
|
"displayName": "Image fit",
|
|
"options": [
|
|
{
|
|
"name": "fill",
|
|
"value": "fill"
|
|
},
|
|
{
|
|
"name": "contain",
|
|
"value": "contain"
|
|
},
|
|
{
|
|
"name": "cover",
|
|
"value": "cover"
|
|
},
|
|
{
|
|
"name": "scale-down",
|
|
"value": "scale-down"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderType": {
|
|
"value": "none"
|
|
},
|
|
"padding": {
|
|
"value": "0"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"imageFit": {
|
|
"value": "contain"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#8888881a"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"source": {
|
|
"value": "{{components.filepicker1.file.length > 0 ? `data:${components.filepicker1.file[0].type};base64,${components.filepicker1.file[0].base64Data}` : \"https://www.svgrepo.com/show/444673/user.svg\"}}"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"alternativeText": {
|
|
"value": ""
|
|
},
|
|
"zoomButtons": {
|
|
"value": "{{false}}"
|
|
},
|
|
"rotateButton": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "image3",
|
|
"displayName": "Image",
|
|
"description": "Show image files",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 100
|
|
},
|
|
"component": "Image",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 620,
|
|
"left": 74.41861323454575,
|
|
"width": 9,
|
|
"height": 120
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
}
|
|
},
|
|
"handle": "home",
|
|
"name": "Home"
|
|
}
|
|
},
|
|
"globalSettings": {
|
|
"hideHeader": true,
|
|
"appInMaintenance": false,
|
|
"canvasMaxWidth": 100,
|
|
"canvasMaxWidthType": "%",
|
|
"canvasMaxHeight": 2400,
|
|
"canvasBackgroundColor": "",
|
|
"backgroundFxQuery": ""
|
|
}
|
|
},
|
|
"globalSettings": {
|
|
"hideHeader": true,
|
|
"appInMaintenance": false,
|
|
"canvasMaxWidth": 100,
|
|
"canvasMaxWidthType": "%",
|
|
"canvasMaxHeight": 2400,
|
|
"canvasBackgroundColor": "",
|
|
"backgroundFxQuery": ""
|
|
},
|
|
"showViewerNavigation": false,
|
|
"homePageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"appId": "34fcc2ae-3995-4a1b-8d62-8b0530cfa4d4",
|
|
"currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"promotedFrom": null,
|
|
"createdAt": "2023-12-06T07:28:54.453Z",
|
|
"updatedAt": "2024-01-02T20:44:09.556Z"
|
|
},
|
|
"components": [
|
|
{
|
|
"id": "59199ddf-0671-42c5-a05d-6f2b1d3c3654",
|
|
"name": "container1",
|
|
"type": "Container",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": null,
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00",
|
|
"fxActive": false
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "761766c3-b502-4219-9d32-513040406ef8",
|
|
"type": "desktop",
|
|
"top": 20,
|
|
"left": 2.3255813953488373,
|
|
"width": 41,
|
|
"height": 70,
|
|
"componentId": "59199ddf-0671-42c5-a05d-6f2b1d3c3654"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "ebc2a1df-197b-4911-97fe-1182b0cdd50f",
|
|
"name": "text1",
|
|
"type": "Text",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "59199ddf-0671-42c5-a05d-6f2b1d3c3654",
|
|
"properties": {
|
|
"text": {
|
|
"value": "B R A N D"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"textSize": {
|
|
"value": "{{24}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": "{{0}}"
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "0bb1792d-b52c-4ad7-a5b1-f62c6e1463f0",
|
|
"type": "desktop",
|
|
"top": 10,
|
|
"left": 2.3255818774724633,
|
|
"width": 6,
|
|
"height": 40,
|
|
"componentId": "ebc2a1df-197b-4911-97fe-1182b0cdd50f"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "707eb13d-b8ee-4741-9674-14b15684ff18",
|
|
"name": "table1",
|
|
"type": "Table",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": null,
|
|
"properties": {
|
|
"title": {
|
|
"value": "Table"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getEmployees.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"data": {
|
|
"value": "{{queries.getEmployees.data}}"
|
|
},
|
|
"useDynamicColumn": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnData": {
|
|
"value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
|
|
},
|
|
"rowsPerPage": {
|
|
"value": "{{10}}"
|
|
},
|
|
"serverSidePagination": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableNextButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"enablePrevButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"totalRecords": {
|
|
"value": ""
|
|
},
|
|
"enablePagination": {
|
|
"value": "{{true}}"
|
|
},
|
|
"serverSideSort": {
|
|
"value": "{{false}}"
|
|
},
|
|
"serverSideFilter": {
|
|
"value": "{{false}}"
|
|
},
|
|
"displaySearchBox": {
|
|
"value": "{{false}}"
|
|
},
|
|
"showDownloadButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showFilterButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"autogenerateColumns": {
|
|
"value": true,
|
|
"generateNestedColumns": true
|
|
},
|
|
"columns": {
|
|
"value": [
|
|
{
|
|
"name": "id",
|
|
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"name": "name",
|
|
"id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"name": "email",
|
|
"id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "c13331c3-7040-4b47-90a1-10c5245bd110",
|
|
"name": "designation",
|
|
"key": "designation",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "4ed1e639-52e7-4df4-99aa-e25b57b5c52b",
|
|
"name": "department",
|
|
"key": "department",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "ac7129df-ff8a-42aa-9798-e1a4099b8f46",
|
|
"name": "phone no",
|
|
"key": "phone_no",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "a249ad47-c52d-43e5-b384-fa54122914a7",
|
|
"name": "blood group",
|
|
"key": "blood_group",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "568ce851-ae8f-4ebc-be26-c5a5eae89a57",
|
|
"name": "date of joining",
|
|
"key": "date_of_joining",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "61ad21ce-70e5-4c4e-97e1-2f576c690dbe",
|
|
"name": "date of birth",
|
|
"key": "date_of_birth",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "de287f35-26ef-4fac-b574-a265d22d9232",
|
|
"name": "address",
|
|
"key": "address",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
}
|
|
]
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"value": "{{false}}"
|
|
},
|
|
"showBulkSelector": {
|
|
"value": "{{false}}"
|
|
},
|
|
"highlightSelectedRow": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnSizes": {
|
|
"value": {
|
|
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 39,
|
|
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 149,
|
|
"db258ca5-d4f5-4b22-a667-143882f7f004": 123,
|
|
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 229,
|
|
"c13331c3-7040-4b47-90a1-10c5245bd110": 206
|
|
}
|
|
},
|
|
"actions": {
|
|
"value": []
|
|
},
|
|
"enabledSort": {
|
|
"value": "{{true}}"
|
|
},
|
|
"hideColumnSelectorButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"defaultSelectedRow": {
|
|
"value": "{{{\"id\":1}}}"
|
|
},
|
|
"showAddNewRowButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"allowSelection": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnDeletionHistory": {
|
|
"value": [
|
|
"new_column1",
|
|
"Department",
|
|
"Title",
|
|
"image_data"
|
|
]
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"actionButtonRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"cellSize": {
|
|
"value": "regular"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"tableType": {
|
|
"value": "table-classic"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-27T00:30:09.423Z",
|
|
"layouts": [
|
|
{
|
|
"id": "0b630ffb-4bd6-40b0-ac9c-a62084a6d426",
|
|
"type": "desktop",
|
|
"top": 160,
|
|
"left": 2.3255816549441892,
|
|
"width": 28,
|
|
"height": 610,
|
|
"componentId": "707eb13d-b8ee-4741-9674-14b15684ff18"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "bc07337b-b5b3-4da6-95b0-6f822027a72e",
|
|
"name": "button1",
|
|
"type": "Button",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": null,
|
|
"properties": {
|
|
"text": {
|
|
"value": "Add Employee"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "40fbb547-9213-479d-923b-1ab8d2111c37",
|
|
"type": "desktop",
|
|
"top": 110.0000228881836,
|
|
"left": 55.8139664941029,
|
|
"width": 5,
|
|
"height": 40,
|
|
"componentId": "bc07337b-b5b3-4da6-95b0-6f822027a72e"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "eda3ccd5-9f7a-419a-ba42-b04b5c647352",
|
|
"name": "text16",
|
|
"type": "Text",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "59199ddf-0671-42c5-a05d-6f2b1d3c3654",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Employee Directory"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#ffffffff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{20}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "right"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "b55ca4ca-4f26-47ee-8012-3398f74f57c6",
|
|
"type": "desktop",
|
|
"top": 10,
|
|
"left": 69.76744229792882,
|
|
"width": 12,
|
|
"height": 40,
|
|
"componentId": "eda3ccd5-9f7a-419a-ba42-b04b5c647352"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "385fb905-abe0-4cbc-8f43-b52e56e899bd",
|
|
"name": "text17",
|
|
"type": "Text",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": null,
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{`Employees (${queries?.getEmployees?.data?.length ?? 0})`}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{20}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{!queries.getEmployees.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "fa60cde4-f092-4934-9867-a5f14af585be",
|
|
"type": "desktop",
|
|
"top": 110,
|
|
"left": 2.325578812294464,
|
|
"width": 12,
|
|
"height": 40,
|
|
"componentId": "385fb905-abe0-4cbc-8f43-b52e56e899bd"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "122e48ff-c638-4165-9b09-2d9f3825d000",
|
|
"name": "text15",
|
|
"type": "Text",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Name"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "020db546-b950-40be-83cf-a24398e73949",
|
|
"type": "desktop",
|
|
"top": 20,
|
|
"left": 4.651162790697675,
|
|
"width": 7.000000000000001,
|
|
"height": 40,
|
|
"componentId": "122e48ff-c638-4165-9b09-2d9f3825d000"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "66d3e235-d0e4-4cec-9f99-8bf2f743896b",
|
|
"name": "textinput8",
|
|
"type": "TextInput",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6",
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde",
|
|
"fxActive": false
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{components.textinput8.value == \"\" ? \"Enter a valid name\" : true}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "9cb855cb-3341-4f3c-a892-73a2ba8de525",
|
|
"type": "desktop",
|
|
"top": 20,
|
|
"left": 23.255822586473915,
|
|
"width": 31.000000000000004,
|
|
"height": 40,
|
|
"componentId": "66d3e235-d0e4-4cec-9f99-8bf2f743896b"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "c50677d0-89b8-4c26-9e5a-98e211791ec2",
|
|
"name": "textinput9",
|
|
"type": "TextInput",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6",
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter email"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(components.textinput9.value) ? true : \"Enter a valid email\"}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "198b29c7-a9e3-4dd5-b79c-dfc08f0903f6",
|
|
"type": "desktop",
|
|
"top": 80,
|
|
"left": 23.255820698864962,
|
|
"width": 31.000000000000004,
|
|
"height": 40,
|
|
"componentId": "c50677d0-89b8-4c26-9e5a-98e211791ec2"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "e4b078ee-ea26-48ed-bbd3-5470cbe20442",
|
|
"name": "text18",
|
|
"type": "Text",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Email"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "be852c06-34b6-42a4-bdb7-162d838a5471",
|
|
"type": "desktop",
|
|
"top": 80,
|
|
"left": 4.651163235502693,
|
|
"width": 7.000000000000001,
|
|
"height": 40,
|
|
"componentId": "e4b078ee-ea26-48ed-bbd3-5470cbe20442"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "86b38d19-8c19-4a16-85b4-2d0771b7632e",
|
|
"name": "textinput10",
|
|
"type": "TextInput",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6",
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter designation"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{components.textinput10.value == \"\" ? \"Enter a valid designation\" : true}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "72034c1b-29b8-4b73-a3ef-cec88ad954a8",
|
|
"type": "desktop",
|
|
"top": 140,
|
|
"left": 23.25582064777614,
|
|
"width": 31.000000000000004,
|
|
"height": 40,
|
|
"componentId": "86b38d19-8c19-4a16-85b4-2d0771b7632e"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "912b17c7-1338-487d-97da-c5e0fdedc981",
|
|
"name": "text19",
|
|
"type": "Text",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Designation"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "0e298e54-89ba-4d47-a4c4-47e6466a3906",
|
|
"type": "desktop",
|
|
"top": 140,
|
|
"left": 4.651163680307713,
|
|
"width": 7.000000000000001,
|
|
"height": 40,
|
|
"componentId": "912b17c7-1338-487d-97da-c5e0fdedc981"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "7c2f5078-437a-45c5-80a6-84bfff4dee5e",
|
|
"name": "textinput11",
|
|
"type": "TextInput",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6",
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter phone number"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{/^[6-9]\\d{9}$/.test(components.textinput11.value) ? true : \"Enter a valid phone number\"}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "29524490-3ab2-4edb-ac06-58281d21dbc9",
|
|
"type": "desktop",
|
|
"top": 200,
|
|
"left": 23.255787518409473,
|
|
"width": 31.000000000000004,
|
|
"height": 40,
|
|
"componentId": "7c2f5078-437a-45c5-80a6-84bfff4dee5e"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "23ecd935-62c5-4f59-903c-51bfcc82cd0f",
|
|
"name": "text20",
|
|
"type": "Text",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Phone number"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "9eb27713-0ce4-4441-a438-cec4f1924755",
|
|
"type": "desktop",
|
|
"top": 200,
|
|
"left": 4.651163680307713,
|
|
"width": 7.000000000000001,
|
|
"height": 40,
|
|
"componentId": "23ecd935-62c5-4f59-903c-51bfcc82cd0f"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "d1f8b0f9-fa3a-4f02-9620-5935c840a6c4",
|
|
"name": "textinput12",
|
|
"type": "TextInput",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6",
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter department"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{components.textinput12.value == \"\" ? \"Enter a valid department\" : true}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "024ffe54-9a80-4e77-92c2-fffe18e9940e",
|
|
"type": "desktop",
|
|
"top": 260,
|
|
"left": 23.2558241465199,
|
|
"width": 31.000000000000004,
|
|
"height": 40,
|
|
"componentId": "d1f8b0f9-fa3a-4f02-9620-5935c840a6c4"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "77d0fa67-dcdb-4b51-a0e5-4bd3d855e562",
|
|
"name": "text21",
|
|
"type": "Text",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Department"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "9a9bf98a-5e06-4f61-bcef-6a45ba1702bf",
|
|
"type": "desktop",
|
|
"top": 260,
|
|
"left": 4.651163680307713,
|
|
"width": 7.000000000000001,
|
|
"height": 40,
|
|
"componentId": "77d0fa67-dcdb-4b51-a0e5-4bd3d855e562"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "f478d538-f9a4-4a95-b4fe-c6b6cb37cc20",
|
|
"name": "textinput13",
|
|
"type": "TextInput",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6",
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter blood group"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{/^(A|B|AB|O)(\\+|-)$/.test(components.textinput13.value) ? true : \"Enter a valid blood group\"}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "23c4a79b-c1e6-492e-97bf-4d11c3018da4",
|
|
"type": "desktop",
|
|
"top": 320,
|
|
"left": 23.255822043292874,
|
|
"width": 31.000000000000004,
|
|
"height": 40,
|
|
"componentId": "f478d538-f9a4-4a95-b4fe-c6b6cb37cc20"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "4b812366-c614-4ca4-8e33-0e3c1d64e74c",
|
|
"name": "text22",
|
|
"type": "Text",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Blood group"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "b341bcc2-a3d1-4e39-ba12-aff96c29451a",
|
|
"type": "desktop",
|
|
"top": 320,
|
|
"left": 4.651163680307713,
|
|
"width": 7.000000000000001,
|
|
"height": 40,
|
|
"componentId": "4b812366-c614-4ca4-8e33-0e3c1d64e74c"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "a07d4ca2-9c50-440e-a74a-03110f4fbb56",
|
|
"name": "text23",
|
|
"type": "Text",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Date of joining"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "e894e244-c92a-404e-b574-a2cdac30a48e",
|
|
"type": "desktop",
|
|
"top": 380,
|
|
"left": 4.651166080089099,
|
|
"width": 7.000000000000001,
|
|
"height": 40,
|
|
"componentId": "a07d4ca2-9c50-440e-a74a-03110f4fbb56"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "abc1c9c6-f0bd-4204-87ab-5194b75697f3",
|
|
"name": "datepicker1",
|
|
"type": "Datepicker",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6",
|
|
"properties": {
|
|
"defaultValue": {
|
|
"value": ""
|
|
},
|
|
"format": {
|
|
"value": "DD/MM/YYYY"
|
|
},
|
|
"enableTime": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableDate": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledDates": {
|
|
"value": "{{[]}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{components.datepicker1.value == undefined ? \"Select a valid date of joining\" : true}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "439d1f91-c8ec-4b04-b2c0-663c7b84e5df",
|
|
"type": "desktop",
|
|
"top": 380,
|
|
"left": 23.25583468662219,
|
|
"width": 31.000000000000004,
|
|
"height": 40,
|
|
"componentId": "abc1c9c6-f0bd-4204-87ab-5194b75697f3"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "afca4583-105d-45cf-859f-883f7cc33be7",
|
|
"name": "text24",
|
|
"type": "Text",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Date of birth"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "2a8e4f62-37f7-44a6-86bc-59618725724c",
|
|
"type": "desktop",
|
|
"top": 440,
|
|
"left": 4.65115750773569,
|
|
"width": 7.000000000000001,
|
|
"height": 40,
|
|
"componentId": "afca4583-105d-45cf-859f-883f7cc33be7"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "9816a9a6-1ae6-4b69-a7a2-a343cc509a2f",
|
|
"name": "datepicker2",
|
|
"type": "Datepicker",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6",
|
|
"properties": {
|
|
"defaultValue": {
|
|
"value": ""
|
|
},
|
|
"format": {
|
|
"value": "DD/MM/YYYY"
|
|
},
|
|
"enableTime": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableDate": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledDates": {
|
|
"value": "{{[]}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{components.datepicker2.value == undefined || moment(components.datepicker1.value,\"DD/MM/YYYY\").diff(moment(components.datepicker2.value,\"DD/MM/YYYY\"), \"years\") < 18 ? \"Select a valid date of birth\" : true}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "806835be-2e25-47ca-b9b5-258ef1fd3072",
|
|
"type": "desktop",
|
|
"top": 440,
|
|
"left": 23.255826114268785,
|
|
"width": 31.000000000000004,
|
|
"height": 40,
|
|
"componentId": "9816a9a6-1ae6-4b69-a7a2-a343cc509a2f"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "ff74120d-60fd-4b2e-8f05-b90dc234fbb4",
|
|
"name": "text25",
|
|
"type": "Text",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Address"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "a91b3dbf-4eac-409f-a0ae-0a3bd50e8fb4",
|
|
"type": "desktop",
|
|
"top": 500,
|
|
"left": 4.651161793912395,
|
|
"width": 7.000000000000001,
|
|
"height": 40,
|
|
"componentId": "ff74120d-60fd-4b2e-8f05-b90dc234fbb4"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "5b06d235-6e41-479d-b1ba-255afbf87d5b",
|
|
"name": "textarea1",
|
|
"type": "TextArea",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6",
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter address"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "f5af4406-4cbd-4ba8-909d-16a4c72f2c06",
|
|
"type": "desktop",
|
|
"top": 500,
|
|
"left": 23.255825333373483,
|
|
"width": 31.000000000000004,
|
|
"height": 100,
|
|
"componentId": "5b06d235-6e41-479d-b1ba-255afbf87d5b"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "055da7ef-dee7-480e-a1c3-581bbe581f03",
|
|
"name": "button4",
|
|
"type": "Button",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Add"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.addEmployee.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{!components.textinput8.isValid || !components.textinput9.isValid || !components.textinput10.isValid || !components.textinput11.isValid || !components.textinput12.isValid || !components.textinput13.isValid || !components.datepicker1.isValid || !components.datepicker2.isValid || components.textarea1.value.length < 1 || components.filepicker1.file.length < 1}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "c9d36e90-090b-41cd-b837-59b40bc8cb4c",
|
|
"type": "desktop",
|
|
"top": 770,
|
|
"left": 79.06978876664246,
|
|
"width": 7,
|
|
"height": 40,
|
|
"componentId": "055da7ef-dee7-480e-a1c3-581bbe581f03"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "f55210a3-e67b-42a5-a51f-92e98863b3ec",
|
|
"name": "button5",
|
|
"type": "Button",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Cancel"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#375fcf26"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "3358fbe2-a9c9-4e59-8900-d09c2ed6091d",
|
|
"type": "desktop",
|
|
"top": 770,
|
|
"left": 60.46512903792135,
|
|
"width": 7,
|
|
"height": 40,
|
|
"componentId": "f55210a3-e67b-42a5-a51f-92e98863b3ec"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "9cdead96-50ca-44ea-8ac0-316d22661f9e",
|
|
"name": "text26",
|
|
"type": "Text",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "7e4ba30a-01d1-4069-b035-2ce8de991790",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) != undefined ? \"EMPLOYEE DETAILS\" : \"SELECT A ROW TO VIEW DETAILS\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "d17dc0d9-07c9-40cb-a484-b01a7d60157a",
|
|
"type": "desktop",
|
|
"top": 10,
|
|
"left": 6.976745455952444,
|
|
"width": 32,
|
|
"height": 40,
|
|
"componentId": "9cdead96-50ca-44ea-8ac0-316d22661f9e"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "5b53f2a1-f971-4df5-888c-768578ad43bf",
|
|
"name": "divider3",
|
|
"type": "Divider",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "7e4ba30a-01d1-4069-b035-2ce8de991790",
|
|
"properties": {},
|
|
"general": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#9b9b9b80"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "b6262f4a-710b-4ac4-b2a9-0b269872481a",
|
|
"type": "desktop",
|
|
"top": 50,
|
|
"left": 4.651162790697675,
|
|
"width": 39.00000000000001,
|
|
"height": 10,
|
|
"componentId": "5b53f2a1-f971-4df5-888c-768578ad43bf"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "012144ec-ad85-417c-8ab5-2d11ff6a97ff",
|
|
"name": "image1",
|
|
"type": "Image",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "7e4ba30a-01d1-4069-b035-2ce8de991790",
|
|
"properties": {
|
|
"source": {
|
|
"value": "{{components?.table1?.selectedRow?.image_data ?? \"https://www.svgrepo.com/show/444673/user.svg\"}}"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"alternativeText": {
|
|
"value": ""
|
|
},
|
|
"zoomButtons": {
|
|
"value": "{{false}}"
|
|
},
|
|
"rotateButton": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"borderType": {
|
|
"value": "none"
|
|
},
|
|
"padding": {
|
|
"value": "0"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"imageFit": {
|
|
"value": "contain"
|
|
},
|
|
"backgroundColor": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "af26ebe3-f08d-4e74-82b2-dc32916ee2d4",
|
|
"type": "desktop",
|
|
"top": 70,
|
|
"left": 6.976745455952444,
|
|
"width": 14,
|
|
"height": 110,
|
|
"componentId": "012144ec-ad85-417c-8ab5-2d11ff6a97ff"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "850b582a-d0e6-41b6-acb3-8a8ce569193c",
|
|
"name": "text27",
|
|
"type": "Text",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "7e4ba30a-01d1-4069-b035-2ce8de991790",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.name ?? \"Employee Name\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "5f6ffa41-f4ea-4e38-accd-cca116a99c01",
|
|
"type": "desktop",
|
|
"top": 80,
|
|
"left": 44.18605455436548,
|
|
"width": 19,
|
|
"height": 30,
|
|
"componentId": "850b582a-d0e6-41b6-acb3-8a8ce569193c"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "52178963-ec9d-45ac-9e90-297e0ab94ea5",
|
|
"name": "text28",
|
|
"type": "Text",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "7e4ba30a-01d1-4069-b035-2ce8de991790",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.designation ?? \"Employee Designation\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "italic"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "0fafe2c7-703e-415a-80fe-77517b226f02",
|
|
"type": "desktop",
|
|
"top": 110,
|
|
"left": 44.18605455436548,
|
|
"width": 18,
|
|
"height": 30,
|
|
"componentId": "52178963-ec9d-45ac-9e90-297e0ab94ea5"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "1266f108-1b00-48a5-9311-ceb34790f75e",
|
|
"name": "text29",
|
|
"type": "Text",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "7e4ba30a-01d1-4069-b035-2ce8de991790",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.id ?? \"Employee ID\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "19c24616-04a5-4efa-afd1-70ea24014a51",
|
|
"type": "desktop",
|
|
"top": 140,
|
|
"left": 44.18603992819973,
|
|
"width": 18,
|
|
"height": 30,
|
|
"componentId": "1266f108-1b00-48a5-9311-ceb34790f75e"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "75cf0872-e50c-4d3a-a4c5-95f1b82e747d",
|
|
"name": "text30",
|
|
"type": "Text",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "7e4ba30a-01d1-4069-b035-2ce8de991790",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Email"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "1daf0ca2-6ac2-4f7a-b442-0415e708ea5f",
|
|
"type": "desktop",
|
|
"top": 220,
|
|
"left": 6.976731705767766,
|
|
"width": 13.999999999999998,
|
|
"height": 30,
|
|
"componentId": "75cf0872-e50c-4d3a-a4c5-95f1b82e747d"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "d17b3838-206f-41aa-a5ba-2237675f9f8d",
|
|
"name": "text31",
|
|
"type": "Text",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "7e4ba30a-01d1-4069-b035-2ce8de991790",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Phone no"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "3db73267-78f7-44d4-be17-a21c5309f31b",
|
|
"type": "desktop",
|
|
"top": 260,
|
|
"left": 6.9767655593373705,
|
|
"width": 13.999999999999998,
|
|
"height": 30,
|
|
"componentId": "d17b3838-206f-41aa-a5ba-2237675f9f8d"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "ce5264ae-9801-4192-a993-bf54d12ab063",
|
|
"name": "text32",
|
|
"type": "Text",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "7e4ba30a-01d1-4069-b035-2ce8de991790",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Department"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "daaae769-f493-44dd-b95b-4c00d523c731",
|
|
"type": "desktop",
|
|
"top": 300,
|
|
"left": 6.976725034594776,
|
|
"width": 13.999999999999998,
|
|
"height": 30,
|
|
"componentId": "ce5264ae-9801-4192-a993-bf54d12ab063"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "82461685-f698-4a6b-b213-fa0d42224519",
|
|
"name": "text33",
|
|
"type": "Text",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "7e4ba30a-01d1-4069-b035-2ce8de991790",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Blood group"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "7e7d5d6f-2dce-45df-9468-341a9ff6b6b4",
|
|
"type": "desktop",
|
|
"top": 340,
|
|
"left": 6.976763552732405,
|
|
"width": 13.999999999999998,
|
|
"height": 30,
|
|
"componentId": "82461685-f698-4a6b-b213-fa0d42224519"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "065f53f5-c434-4582-a536-4eed28e7160e",
|
|
"name": "text34",
|
|
"type": "Text",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "7e4ba30a-01d1-4069-b035-2ce8de991790",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Date of joining"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "4a8f4396-ea62-40de-a57d-2285e9386a77",
|
|
"type": "desktop",
|
|
"top": 380,
|
|
"left": 6.976709139595084,
|
|
"width": 13.999999999999998,
|
|
"height": 30,
|
|
"componentId": "065f53f5-c434-4582-a536-4eed28e7160e"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "3c54eda1-6707-4ad3-8676-94accb7c55ac",
|
|
"name": "text35",
|
|
"type": "Text",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "7e4ba30a-01d1-4069-b035-2ce8de991790",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Date of birth"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "77a8af5f-c980-4672-b875-6d895efcb28d",
|
|
"type": "desktop",
|
|
"top": 420,
|
|
"left": 6.976763993502584,
|
|
"width": 13.999999999999998,
|
|
"height": 30,
|
|
"componentId": "3c54eda1-6707-4ad3-8676-94accb7c55ac"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "14cdee54-d6b0-4904-bf75-fe27d21ddf00",
|
|
"name": "text36",
|
|
"type": "Text",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "7e4ba30a-01d1-4069-b035-2ce8de991790",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Address"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "c98f5432-46a8-407c-be05-1dfd17073eb8",
|
|
"type": "desktop",
|
|
"top": 460,
|
|
"left": 6.976745455952444,
|
|
"width": 13.999999999999998,
|
|
"height": 30,
|
|
"componentId": "14cdee54-d6b0-4904-bf75-fe27d21ddf00"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "6767e066-061c-49dd-adb2-951ed8414c5a",
|
|
"name": "editemailtextinput",
|
|
"type": "TextInput",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "7e4ba30a-01d1-4069-b035-2ce8de991790",
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.email}}"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde",
|
|
"fxActive": false
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.form1.data.editemailtextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || /^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(components.form1.data.editemailtextinput.value) ? true : \" \"}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "f02f2466-de64-4958-b54b-bfb6c7802eb4",
|
|
"type": "desktop",
|
|
"top": 220,
|
|
"left": 41.86044855841798,
|
|
"width": 21.999999999999996,
|
|
"height": 30,
|
|
"componentId": "6767e066-061c-49dd-adb2-951ed8414c5a"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "84c1270e-6b7f-4216-8431-45bf7cbb9940",
|
|
"name": "editphonenotextinput",
|
|
"type": "TextInput",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "7e4ba30a-01d1-4069-b035-2ce8de991790",
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.phone_no}}"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.form1.data.editphonenotextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || /^[6-9]\\d{9}$/.test(components.form1.data.editphonenotextinput.value) ? true : \" \"}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "59240b33-0c50-488c-8695-64db723ccf0d",
|
|
"type": "desktop",
|
|
"top": 260,
|
|
"left": 41.86041269782743,
|
|
"width": 21.999999999999996,
|
|
"height": 30,
|
|
"componentId": "84c1270e-6b7f-4216-8431-45bf7cbb9940"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "2e3f6826-04cf-4107-b4cf-e5f59f2a604a",
|
|
"name": "editdepartmenttextinput",
|
|
"type": "TextInput",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "7e4ba30a-01d1-4069-b035-2ce8de991790",
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.department}}"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.form1.data.editdepartmenttextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || (components?.form1?.data?.editdepartmenttextinput?.value ?? \"\").length > 0 ? true : \" \"}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "5939505f-7537-4ea5-a72a-3cf8712a02b5",
|
|
"type": "desktop",
|
|
"top": 300,
|
|
"left": 41.860474366050234,
|
|
"width": 21.999999999999996,
|
|
"height": 30,
|
|
"componentId": "2e3f6826-04cf-4107-b4cf-e5f59f2a604a"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "8d38581a-1250-4d65-ac34-79668e68a9be",
|
|
"name": "editbloodgrouptextinput",
|
|
"type": "TextInput",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "7e4ba30a-01d1-4069-b035-2ce8de991790",
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.blood_group}}"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.form1.data.editbloodgrouptextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || /^(A|B|AB|O)(\\+|-)$/.test(components.form1.data.editbloodgrouptextinput.value) ? true : \" \"}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "6534771a-1da8-4826-b45f-b44847eab117",
|
|
"type": "desktop",
|
|
"top": 340,
|
|
"left": 41.86045855100046,
|
|
"width": 21.999999999999996,
|
|
"height": 30,
|
|
"componentId": "8d38581a-1250-4d65-ac34-79668e68a9be"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "048dd784-4b4b-428e-ad23-c02def08dc42",
|
|
"name": "editdateofjoiningdatepicker",
|
|
"type": "Datepicker",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "7e4ba30a-01d1-4069-b035-2ce8de991790",
|
|
"properties": {
|
|
"defaultValue": {
|
|
"value": "{{components.table1.selectedRow.date_of_joining}}"
|
|
},
|
|
"format": {
|
|
"value": "DD/MM/YYYY"
|
|
},
|
|
"enableTime": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableDate": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledDates": {
|
|
"value": "{{[]}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || components.form1.data.editdateofjoiningdatepicker.value != undefined ? true : \" \"}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "2566fc0a-d37e-49bb-b3ba-30f231a4e1e1",
|
|
"type": "desktop",
|
|
"top": 380,
|
|
"left": 41.86049061192336,
|
|
"width": 22.000000000000004,
|
|
"height": 30,
|
|
"componentId": "048dd784-4b4b-428e-ad23-c02def08dc42"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "d246c6c5-4b7f-4254-a051-288694e74e77",
|
|
"name": "editdateofbirthdatepicker",
|
|
"type": "Datepicker",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "7e4ba30a-01d1-4069-b035-2ce8de991790",
|
|
"properties": {
|
|
"defaultValue": {
|
|
"value": "{{components.table1.selectedRow.date_of_birth}}"
|
|
},
|
|
"format": {
|
|
"value": "DD/MM/YYYY"
|
|
},
|
|
"enableTime": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableDate": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledDates": {
|
|
"value": "{{[]}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || (components.form1.data.editdateofbirthdatepicker.value != undefined && moment(components.form1.data.editdateofjoiningdatepicker.value,\"DD/MM/YYYY\").diff(moment(components.form1.data.editdateofbirthdatepicker.value,\"DD/MM/YYYY\"), \"years\") >= 18) ? true : \" \"}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "7f1e6ad5-c99d-4bc4-8a3a-1855f8a13799",
|
|
"type": "desktop",
|
|
"top": 420,
|
|
"left": 41.86045482705194,
|
|
"width": 22.000000000000004,
|
|
"height": 30,
|
|
"componentId": "d246c6c5-4b7f-4254-a051-288694e74e77"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "cde7cf87-339c-4f2a-8fff-ffa7a22619bc",
|
|
"name": "editaddresstextarea",
|
|
"type": "TextArea",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "7e4ba30a-01d1-4069-b035-2ce8de991790",
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.address}}"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || (components?.form1?.data?.editaddresstextarea?.value ?? \"\").length > 0 ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "301084c4-5dc3-4508-8d85-67d37efb0273",
|
|
"type": "desktop",
|
|
"top": 460,
|
|
"left": 41.86049211986877,
|
|
"width": 22.000000000000004,
|
|
"height": 100,
|
|
"componentId": "cde7cf87-339c-4f2a-8fff-ffa7a22619bc"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "8107e934-f5de-41cc-be4a-4bb46531af82",
|
|
"name": "divider4",
|
|
"type": "Divider",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "7e4ba30a-01d1-4069-b035-2ce8de991790",
|
|
"properties": {},
|
|
"general": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#9b9b9b80"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "2f1f3113-a325-4606-9b08-02fc5892d5e4",
|
|
"type": "desktop",
|
|
"top": 580,
|
|
"left": 4.651164060603607,
|
|
"width": 39.00000000000001,
|
|
"height": 10,
|
|
"componentId": "8107e934-f5de-41cc-be4a-4bb46531af82"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "8ab228d1-99f1-456f-80f8-0a8117365766",
|
|
"name": "button8",
|
|
"type": "Button",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "7e4ba30a-01d1-4069-b035-2ce8de991790",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Delete"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.removeEmployee.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"textColor": {
|
|
"value": "#d0021bff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#d0021bff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#d0021bff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "2d9b0b60-3f4a-4188-bfd8-6cfed6f0eeed",
|
|
"type": "desktop",
|
|
"top": 600,
|
|
"left": 39.53488193106961,
|
|
"width": 11.000000000000002,
|
|
"height": 40,
|
|
"componentId": "8ab228d1-99f1-456f-80f8-0a8117365766"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "7da57c18-1e66-4198-9f8d-acbc4f45af3f",
|
|
"name": "button9",
|
|
"type": "Button",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "7e4ba30a-01d1-4069-b035-2ce8de991790",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Save"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.updateEmployee.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || !components.form1.data.editemailtextinput.isValid || !components.form1.data.editphonenotextinput.isValid || !components.form1.data.editdepartmenttextinput.isValid || !components.form1.data.editbloodgrouptextinput.isValid || !components.form1.data.editdateofjoiningdatepicker.isValid || !components.form1.data.editdateofbirthdatepicker.isValid || (components?.form1?.data?.editaddresstextarea?.value ?? \"\").length < 1}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "c6205994-6881-42cd-9ff2-5fb3008aa3fc",
|
|
"type": "desktop",
|
|
"top": 600,
|
|
"left": 67.44187386283085,
|
|
"width": 10.999999999999998,
|
|
"height": 40,
|
|
"componentId": "7da57c18-1e66-4198-9f8d-acbc4f45af3f"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "d1404d1c-db1b-4985-a5d1-80762cae209e",
|
|
"name": "text37",
|
|
"type": "Text",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Profile picture"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "5b25b912-ba6a-485e-af3d-1d2f26c7a290",
|
|
"type": "desktop",
|
|
"top": 620,
|
|
"left": 4.651162790697675,
|
|
"width": 7,
|
|
"height": 40,
|
|
"componentId": "d1404d1c-db1b-4985-a5d1-80762cae209e"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "d480f808-f1df-431b-a92e-d017934d6d41",
|
|
"name": "filepicker1",
|
|
"type": "FilePicker",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6",
|
|
"properties": {
|
|
"instructionText": {
|
|
"value": "Drag and drop a file here or click to select an image file"
|
|
},
|
|
"enableDropzone": {
|
|
"value": "{{true}}"
|
|
},
|
|
"enablePicker": {
|
|
"value": "{{true}}"
|
|
},
|
|
"maxFileCount": {
|
|
"value": "{{1}}"
|
|
},
|
|
"enableMultiple": {
|
|
"value": "{{false}}"
|
|
},
|
|
"fileType": {
|
|
"value": "{{\"image/*\"}}"
|
|
},
|
|
"maxSize": {
|
|
"value": "{{1048576}}"
|
|
},
|
|
"minSize": {
|
|
"value": "{{50}}"
|
|
},
|
|
"parseContent": {
|
|
"value": "{{false}}"
|
|
},
|
|
"parseFileType": {
|
|
"value": "auto-detect"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{10}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "4d437742-b2da-460e-9807-c9036c1c6739",
|
|
"type": "desktop",
|
|
"top": 620,
|
|
"left": 23.255828874749245,
|
|
"width": 21,
|
|
"height": 120,
|
|
"componentId": "d480f808-f1df-431b-a92e-d017934d6d41"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "d9aeec9e-c614-4029-b2ad-b90a0f9b0975",
|
|
"name": "image3",
|
|
"type": "Image",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6",
|
|
"properties": {
|
|
"source": {
|
|
"value": "{{components.filepicker1.file.length > 0 ? `data:${components.filepicker1.file[0].type};base64,${components.filepicker1.file[0].base64Data}` : \"https://www.svgrepo.com/show/444673/user.svg\"}}"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"alternativeText": {
|
|
"value": ""
|
|
},
|
|
"zoomButtons": {
|
|
"value": "{{false}}"
|
|
},
|
|
"rotateButton": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"borderType": {
|
|
"value": "none"
|
|
},
|
|
"padding": {
|
|
"value": "0"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"imageFit": {
|
|
"value": "contain"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#8888881a"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "d78812bc-a480-4410-810a-c32dd51f287d",
|
|
"type": "desktop",
|
|
"top": 620,
|
|
"left": 74.41861323454575,
|
|
"width": 9,
|
|
"height": 120,
|
|
"componentId": "d9aeec9e-c614-4029-b2ad-b90a0f9b0975"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "7e4ba30a-01d1-4069-b035-2ce8de991790",
|
|
"name": "form1",
|
|
"type": "Form",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": null,
|
|
"properties": {
|
|
"loadingState": {
|
|
"value": "{{queries.getEmployees.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"JSONSchema": {
|
|
"value": "{{ {title: 'User registration form', properties: {firstname: {type: 'textinput',value: 'Maria',label:'First name', validation:{maxLength:6}, styles: {backgroundColor: '#f6f5ff',textColor: 'black'},},lastname:{type: 'textinput',value: 'Doe', label:'Last name', styles: {backgroundColor: '#f6f5ff',textColor: 'black'},},age:{type:'number'},}, submitButton: {value: 'Submit', styles: {backgroundColor: '#3a433b',borderColor:'#595959'}}} }}"
|
|
},
|
|
"buttonToSubmit": {
|
|
"value": "none"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"borderColor": {
|
|
"value": "#8888884d"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{queries.removeEmployee.isLoading || queries.updateEmployee.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2024-01-02T20:43:47.191Z",
|
|
"layouts": [
|
|
{
|
|
"id": "d5c3f463-40e1-4c1d-a4ed-edf6be240975",
|
|
"type": "desktop",
|
|
"top": 110.00001525878906,
|
|
"left": 69.76744673634303,
|
|
"width": 12,
|
|
"height": 660,
|
|
"componentId": "7e4ba30a-01d1-4069-b035-2ce8de991790"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6",
|
|
"name": "modal1",
|
|
"type": "Modal",
|
|
"pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"parent": null,
|
|
"properties": {
|
|
"title": {
|
|
"value": "Add employee"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"useDefaultButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"triggerButtonLabel": {
|
|
"value": "Launch Modal"
|
|
},
|
|
"size": {
|
|
"value": "lg"
|
|
},
|
|
"hideTitleBar": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideCloseButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideOnEsc": {
|
|
"value": "{{true}}"
|
|
},
|
|
"closeOnClickingOutside": {
|
|
"value": "{{false}}"
|
|
},
|
|
"modalHeight": {
|
|
"value": "830px"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"headerBackgroundColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"headerTextColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"bodyBackgroundColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"triggerButtonBackgroundColor": {
|
|
"value": "#4D72FA"
|
|
},
|
|
"triggerButtonTextColor": {
|
|
"value": "#ffffffff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "f4dd3292-4601-427c-9513-84584681e5cb",
|
|
"type": "desktop",
|
|
"top": 870,
|
|
"left": 83.720929871382,
|
|
"width": 6,
|
|
"height": 40,
|
|
"componentId": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6"
|
|
}
|
|
]
|
|
}
|
|
],
|
|
"pages": [
|
|
{
|
|
"id": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"name": "Home",
|
|
"handle": "home",
|
|
"index": 0,
|
|
"disabled": false,
|
|
"hidden": false,
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8"
|
|
}
|
|
],
|
|
"events": [
|
|
{
|
|
"id": "e1d04df7-e35c-4473-bf4e-f6840671d573",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"queryId": "226fbfbf-eee5-402a-9400-db8347d6fe42",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "addEmployee",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "055da7ef-dee7-480e-a1c3-581bbe581f03",
|
|
"target": "component",
|
|
"appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "90f61b19-98ac-4923-8b49-ec487271c4f5",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"queryId": "5fef3fcb-ef14-4e99-9f70-9fb08a59b22e",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "removeEmployee",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "8ab228d1-99f1-456f-80f8-0a8117365766",
|
|
"target": "component",
|
|
"appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "a91a527f-9be1-46f0-8dc5-b57ff5b10a3b",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"queryId": "83a1826f-9082-4f56-b020-d18554f767e4",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "updateEmployee",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "7da57c18-1e66-4198-9f8d-acbc4f45af3f",
|
|
"target": "component",
|
|
"appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "ede3d763-275e-4748-b1b7-8b707cff1e0a",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 1,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Employee added successfully.",
|
|
"actionId": "show-alert",
|
|
"alertType": "success"
|
|
},
|
|
"sourceId": "226fbfbf-eee5-402a-9400-db8347d6fe42",
|
|
"target": "data_query",
|
|
"appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "29bf1275-d4f5-4a07-824d-70bdb73a5d7e",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 2,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"queryId": "942a9e67-79b6-469c-ab36-a8b9b8944f3d",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "getEmployees",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "226fbfbf-eee5-402a-9400-db8347d6fe42",
|
|
"target": "data_query",
|
|
"appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "8c3bcfba-6d05-4324-8d4d-94194fed3c7e",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Successfully updated employee details.",
|
|
"actionId": "show-alert",
|
|
"alertType": "success"
|
|
},
|
|
"sourceId": "83a1826f-9082-4f56-b020-d18554f767e4",
|
|
"target": "data_query",
|
|
"appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "87dc9569-85ed-4aff-a320-f6146408dcf5",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 1,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"queryId": "942a9e67-79b6-469c-ab36-a8b9b8944f3d",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "getEmployees",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "83a1826f-9082-4f56-b020-d18554f767e4",
|
|
"target": "data_query",
|
|
"appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "165cab31-c844-44a8-8991-9287a3865c6d",
|
|
"name": "onDataQueryFailure",
|
|
"index": 2,
|
|
"event": {
|
|
"eventId": "onDataQueryFailure",
|
|
"message": "Failed to update employee details.",
|
|
"actionId": "show-alert",
|
|
"alertType": "warning"
|
|
},
|
|
"sourceId": "83a1826f-9082-4f56-b020-d18554f767e4",
|
|
"target": "data_query",
|
|
"appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "8613af15-a55b-4555-b7b3-b6727ec37285",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Successfully removed employee from directory.",
|
|
"actionId": "show-alert",
|
|
"alertType": "success"
|
|
},
|
|
"sourceId": "5fef3fcb-ef14-4e99-9f70-9fb08a59b22e",
|
|
"target": "data_query",
|
|
"appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "f56b9030-0927-4424-a66b-a6fcfdbac8e1",
|
|
"name": "onDataQueryFailure",
|
|
"index": 1,
|
|
"event": {
|
|
"eventId": "onDataQueryFailure",
|
|
"message": "Failed to remove employee from directory! Please check and try again.",
|
|
"actionId": "show-alert",
|
|
"alertType": "warning"
|
|
},
|
|
"sourceId": "5fef3fcb-ef14-4e99-9f70-9fb08a59b22e",
|
|
"target": "data_query",
|
|
"appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "d1cf8c93-655e-42d3-af56-03736b7a07d2",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 2,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"queryId": "942a9e67-79b6-469c-ab36-a8b9b8944f3d",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "getEmployees",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "5fef3fcb-ef14-4e99-9f70-9fb08a59b22e",
|
|
"target": "data_query",
|
|
"appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "beed5add-7d0d-46ec-9a03-d2f611bcb790",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"modal": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6",
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"actionId": "show-modal",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "bc07337b-b5b3-4da6-95b0-6f822027a72e",
|
|
"target": "component",
|
|
"appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "bd17d552-088f-48f3-bd01-802ddffa215a",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"modal": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6",
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"actionId": "close-modal",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "f55210a3-e67b-42a5-a51f-92e98863b3ec",
|
|
"target": "component",
|
|
"appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "8a2108fa-9282-4aa5-ab14-1107f6177882",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"actionId": "control-component",
|
|
"alertType": "info",
|
|
"componentId": "7e4ba30a-01d1-4069-b035-2ce8de991790",
|
|
"componentSpecificActionHandle": "resetForm",
|
|
"componentSpecificActionParams": []
|
|
},
|
|
"sourceId": "942a9e67-79b6-469c-ab36-a8b9b8944f3d",
|
|
"target": "data_query",
|
|
"appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "5e5d0a55-8f61-4a9d-bdf9-1030a94f9663",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 0,
|
|
"event": {
|
|
"modal": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6",
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"actionId": "close-modal",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "226fbfbf-eee5-402a-9400-db8347d6fe42",
|
|
"target": "data_query",
|
|
"appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
}
|
|
],
|
|
"dataQueries": [
|
|
{
|
|
"id": "942a9e67-79b6-469c-ab36-a8b9b8944f3d",
|
|
"name": "getEmployees",
|
|
"options": {
|
|
"operation": "list_rows",
|
|
"transformationLanguage": "javascript",
|
|
"enableTransformation": false,
|
|
"organization_id": "c54a4ec7-1bcd-45ba-83f6-4789f71951dd",
|
|
"table_id": "78ade0db-c37c-4abc-89e4-31bbe00fdda3",
|
|
"join_table": {
|
|
"joins": [
|
|
{
|
|
"id": 1700944850179,
|
|
"conditions": {
|
|
"operator": "AND",
|
|
"conditionsList": [
|
|
{
|
|
"operator": "=",
|
|
"leftField": {
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
"joinType": "INNER"
|
|
}
|
|
],
|
|
"from": {
|
|
"name": "66546f25-75c9-4393-bd6d-2573a3a9bf1a",
|
|
"type": "Table"
|
|
},
|
|
"fields": [
|
|
{
|
|
"name": "id",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "name",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "email",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "designation",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "phone_no",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "department",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "blood_group",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "date_of_joining",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "date_of_birth",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "address",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
}
|
|
]
|
|
},
|
|
"list_rows": {},
|
|
"runOnPageLoad": true,
|
|
"events": [
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "control-component",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"componentSpecificActionHandle": "resetForm",
|
|
"componentId": "171e0e10-7715-452e-af3d-23c1a71c4d4b",
|
|
"componentSpecificActionParams": []
|
|
}
|
|
]
|
|
},
|
|
"dataSourceId": "8649cb45-346e-4e9f-bc78-7bbba72725bb",
|
|
"appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8",
|
|
"createdAt": "2023-12-06T07:28:54.443Z",
|
|
"updatedAt": "2023-12-06T07:28:54.443Z"
|
|
},
|
|
{
|
|
"id": "226fbfbf-eee5-402a-9400-db8347d6fe42",
|
|
"name": "addEmployee",
|
|
"options": {
|
|
"operation": "create_row",
|
|
"transformationLanguage": "javascript",
|
|
"enableTransformation": false,
|
|
"organization_id": "c54a4ec7-1bcd-45ba-83f6-4789f71951dd",
|
|
"table_id": "78ade0db-c37c-4abc-89e4-31bbe00fdda3",
|
|
"join_table": {
|
|
"joins": [
|
|
{
|
|
"id": 1700638823408,
|
|
"conditions": {
|
|
"operator": "AND",
|
|
"conditionsList": [
|
|
{
|
|
"operator": "=",
|
|
"leftField": {
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
"joinType": "INNER"
|
|
}
|
|
],
|
|
"from": {
|
|
"name": "66546f25-75c9-4393-bd6d-2573a3a9bf1a",
|
|
"type": "Table"
|
|
},
|
|
"fields": [
|
|
{
|
|
"name": "id",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "name",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "email",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "designation",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "phone_no",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "department",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "blood_group",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "date_of_joining",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "date_of_birth",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "address",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
}
|
|
]
|
|
},
|
|
"list_rows": {},
|
|
"create_row": {
|
|
"0": {
|
|
"column": "name",
|
|
"value": "{{components.textinput8.value}}"
|
|
},
|
|
"1": {
|
|
"column": "email",
|
|
"value": "{{components.textinput9.value}}"
|
|
},
|
|
"2": {
|
|
"column": "designation",
|
|
"value": "{{components.textinput10.value}}"
|
|
},
|
|
"3": {
|
|
"column": "phone_no",
|
|
"value": "{{components.textinput11.value}}"
|
|
},
|
|
"4": {
|
|
"column": "department",
|
|
"value": "{{components.textinput12.value}}"
|
|
},
|
|
"5": {
|
|
"column": "blood_group",
|
|
"value": "{{components.textinput13.value}}"
|
|
},
|
|
"6": {
|
|
"column": "date_of_joining",
|
|
"value": "{{components.datepicker1.value}}"
|
|
},
|
|
"7": {
|
|
"column": "date_of_birth",
|
|
"value": "{{components.datepicker2.value}}"
|
|
},
|
|
"8": {
|
|
"column": "address",
|
|
"value": "{{components.textarea1.value}}"
|
|
},
|
|
"6c176ad8-5259-4ab7-b48a-70bd429b4d3a": {
|
|
"column": "image_data",
|
|
"value": "{{`data:${components.filepicker1.file[0].type};base64,${components.filepicker1.file[0].base64Data}`}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "close-modal",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"modal": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "show-alert",
|
|
"message": "Employee added successfully.",
|
|
"alertType": "success"
|
|
},
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "942a9e67-79b6-469c-ab36-a8b9b8944f3d",
|
|
"queryName": "getEmployees",
|
|
"parameters": {}
|
|
}
|
|
]
|
|
},
|
|
"dataSourceId": "8649cb45-346e-4e9f-bc78-7bbba72725bb",
|
|
"appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8",
|
|
"createdAt": "2023-12-06T07:28:54.443Z",
|
|
"updatedAt": "2023-12-06T07:28:54.443Z"
|
|
},
|
|
{
|
|
"id": "83a1826f-9082-4f56-b020-d18554f767e4",
|
|
"name": "updateEmployee",
|
|
"options": {
|
|
"operation": "update_rows",
|
|
"transformationLanguage": "javascript",
|
|
"enableTransformation": false,
|
|
"organization_id": "c54a4ec7-1bcd-45ba-83f6-4789f71951dd",
|
|
"table_id": "78ade0db-c37c-4abc-89e4-31bbe00fdda3",
|
|
"join_table": {
|
|
"joins": [
|
|
{
|
|
"id": 1701706991932,
|
|
"conditions": {
|
|
"operator": "AND",
|
|
"conditionsList": [
|
|
{
|
|
"operator": "=",
|
|
"leftField": {
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
"joinType": "INNER"
|
|
}
|
|
],
|
|
"from": {
|
|
"name": "66546f25-75c9-4393-bd6d-2573a3a9bf1a",
|
|
"type": "Table"
|
|
},
|
|
"fields": [
|
|
{
|
|
"name": "id",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "name",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "email",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "designation",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "phone_no",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "department",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "blood_group",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "date_of_joining",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "date_of_birth",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "address",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
}
|
|
]
|
|
},
|
|
"list_rows": {},
|
|
"update_rows": {
|
|
"columns": {
|
|
"0": {
|
|
"column": "email",
|
|
"value": "{{components.form1.data.editemailtextinput.value}}"
|
|
},
|
|
"1": {
|
|
"column": "phone_no",
|
|
"value": "{{components.form1.data.editphonenotextinput.value}}"
|
|
},
|
|
"2": {
|
|
"column": "department",
|
|
"value": "{{components.form1.data.editdepartmenttextinput.value}}"
|
|
},
|
|
"3": {
|
|
"column": "blood_group",
|
|
"value": "{{components.form1.data.editbloodgrouptextinput.value}}"
|
|
},
|
|
"4": {
|
|
"column": "date_of_joining",
|
|
"value": "{{components.form1.data.editdateofjoiningdatepicker.value}}"
|
|
},
|
|
"5": {
|
|
"column": "date_of_birth",
|
|
"value": "{{components.form1.data.editdateofbirthdatepicker.value}}"
|
|
},
|
|
"6": {
|
|
"column": "address",
|
|
"value": "{{components.form1.data.editaddresstextarea.value}}"
|
|
}
|
|
},
|
|
"where_filters": {
|
|
"5eefaf73-1b83-4a1b-a47c-3c7f10894d85": {
|
|
"column": "id",
|
|
"operator": "eq",
|
|
"value": "{{components.table1.selectedRow.id}}",
|
|
"id": "5eefaf73-1b83-4a1b-a47c-3c7f10894d85"
|
|
}
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "show-alert",
|
|
"message": "Successfully updated employee details.",
|
|
"alertType": "success"
|
|
},
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "942a9e67-79b6-469c-ab36-a8b9b8944f3d",
|
|
"queryName": "getEmployees",
|
|
"parameters": {}
|
|
},
|
|
{
|
|
"eventId": "onDataQueryFailure",
|
|
"actionId": "show-alert",
|
|
"message": "Failed to update employee details.",
|
|
"alertType": "warning"
|
|
}
|
|
]
|
|
},
|
|
"dataSourceId": "8649cb45-346e-4e9f-bc78-7bbba72725bb",
|
|
"appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8",
|
|
"createdAt": "2023-12-06T07:28:54.443Z",
|
|
"updatedAt": "2023-12-06T07:28:54.443Z"
|
|
},
|
|
{
|
|
"id": "5fef3fcb-ef14-4e99-9f70-9fb08a59b22e",
|
|
"name": "removeEmployee",
|
|
"options": {
|
|
"operation": "delete_rows",
|
|
"transformationLanguage": "javascript",
|
|
"enableTransformation": false,
|
|
"organization_id": "c54a4ec7-1bcd-45ba-83f6-4789f71951dd",
|
|
"table_id": "78ade0db-c37c-4abc-89e4-31bbe00fdda3",
|
|
"join_table": {
|
|
"joins": [
|
|
{
|
|
"id": 1701707076943,
|
|
"conditions": {
|
|
"operator": "AND",
|
|
"conditionsList": [
|
|
{
|
|
"operator": "=",
|
|
"leftField": {
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
"joinType": "INNER"
|
|
}
|
|
],
|
|
"from": {
|
|
"name": "66546f25-75c9-4393-bd6d-2573a3a9bf1a",
|
|
"type": "Table"
|
|
},
|
|
"fields": [
|
|
{
|
|
"name": "id",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "name",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "email",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "designation",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "phone_no",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "department",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "blood_group",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "date_of_joining",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "date_of_birth",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
},
|
|
{
|
|
"name": "address",
|
|
"table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a"
|
|
}
|
|
]
|
|
},
|
|
"list_rows": {},
|
|
"delete_rows": {
|
|
"limit": 1,
|
|
"where_filters": {
|
|
"d5336646-3af5-4270-a7a8-62a1e4652721": {
|
|
"column": "id",
|
|
"operator": "eq",
|
|
"value": "{{components.table1.selectedRow.id}}",
|
|
"id": "d5336646-3af5-4270-a7a8-62a1e4652721"
|
|
}
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "show-alert",
|
|
"message": "Successfully removed employee from directory.",
|
|
"alertType": "success"
|
|
},
|
|
{
|
|
"eventId": "onDataQueryFailure",
|
|
"actionId": "show-alert",
|
|
"message": "Failed to remove employee from directory! Please check and try again.",
|
|
"alertType": "warning"
|
|
},
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "942a9e67-79b6-469c-ab36-a8b9b8944f3d",
|
|
"queryName": "getEmployees",
|
|
"parameters": {}
|
|
}
|
|
]
|
|
},
|
|
"dataSourceId": "8649cb45-346e-4e9f-bc78-7bbba72725bb",
|
|
"appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8",
|
|
"createdAt": "2023-12-06T07:28:54.443Z",
|
|
"updatedAt": "2023-12-06T07:28:54.443Z"
|
|
}
|
|
],
|
|
"dataSources": [
|
|
{
|
|
"id": "befee9a0-5976-404f-97ad-285dd07646b0",
|
|
"name": "restapidefault",
|
|
"kind": "restapi",
|
|
"type": "static",
|
|
"pluginId": null,
|
|
"appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8",
|
|
"organizationId": null,
|
|
"scope": "local",
|
|
"createdAt": "2023-12-06T07:28:54.476Z",
|
|
"updatedAt": "2023-12-06T07:28:54.476Z"
|
|
},
|
|
{
|
|
"id": "ae71b559-e309-4961-ad4b-9a2e440cd78c",
|
|
"name": "runjsdefault",
|
|
"kind": "runjs",
|
|
"type": "static",
|
|
"pluginId": null,
|
|
"appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8",
|
|
"organizationId": null,
|
|
"scope": "local",
|
|
"createdAt": "2023-12-06T07:28:54.485Z",
|
|
"updatedAt": "2023-12-06T07:28:54.485Z"
|
|
},
|
|
{
|
|
"id": "e4bc3d3a-e89d-4981-ac91-0a90172a9e4e",
|
|
"name": "runpydefault",
|
|
"kind": "runpy",
|
|
"type": "static",
|
|
"pluginId": null,
|
|
"appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8",
|
|
"organizationId": null,
|
|
"scope": "local",
|
|
"createdAt": "2023-12-06T07:28:54.492Z",
|
|
"updatedAt": "2023-12-06T07:28:54.492Z"
|
|
},
|
|
{
|
|
"id": "8649cb45-346e-4e9f-bc78-7bbba72725bb",
|
|
"name": "tooljetdbdefault",
|
|
"kind": "tooljetdb",
|
|
"type": "static",
|
|
"pluginId": null,
|
|
"appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8",
|
|
"organizationId": null,
|
|
"scope": "local",
|
|
"createdAt": "2023-12-06T07:28:54.500Z",
|
|
"updatedAt": "2023-12-06T07:28:54.500Z"
|
|
},
|
|
{
|
|
"id": "4c79db65-8a0c-49e3-acdf-3b35114eb678",
|
|
"name": "workflowsdefault",
|
|
"kind": "workflows",
|
|
"type": "static",
|
|
"pluginId": null,
|
|
"appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8",
|
|
"organizationId": null,
|
|
"scope": "local",
|
|
"createdAt": "2023-12-06T07:28:54.510Z",
|
|
"updatedAt": "2023-12-06T07:28:54.510Z"
|
|
}
|
|
],
|
|
"appVersions": [
|
|
{
|
|
"id": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8",
|
|
"name": "v1",
|
|
"definition": {
|
|
"showViewerNavigation": false,
|
|
"homePageId": "a60c0ee5-1809-4046-9ac9-30ea02060cc9",
|
|
"pages": {
|
|
"a60c0ee5-1809-4046-9ac9-30ea02060cc9": {
|
|
"components": {
|
|
"5147e387-41c6-48cc-a385-67c5e4e0c3bf": {
|
|
"id": "5147e387-41c6-48cc-a385-67c5e4e0c3bf",
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border Radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00",
|
|
"fxActive": false
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "container1",
|
|
"displayName": "Container",
|
|
"description": "Wrapper for multiple components",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 200
|
|
},
|
|
"component": "Container",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 20,
|
|
"left": 2.3255813953488373,
|
|
"width": 41,
|
|
"height": 70
|
|
}
|
|
}
|
|
},
|
|
"1243e386-3596-4679-b2e7-5e940a3eb195": {
|
|
"id": "1243e386-3596-4679-b2e7-5e940a3eb195",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"textSize": {
|
|
"value": "{{24}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": "{{0}}"
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "B R A N D"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text1",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 2.3255818774724633,
|
|
"width": 6,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "5147e387-41c6-48cc-a385-67c5e4e0c3bf"
|
|
},
|
|
"fd035cca-9d02-4294-90c2-49cc50b8d29f": {
|
|
"component": {
|
|
"properties": {
|
|
"title": {
|
|
"type": "string",
|
|
"displayName": "Title",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"data": {
|
|
"type": "code",
|
|
"displayName": "Table data",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "object"
|
|
},
|
|
"optional": true
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"columns": {
|
|
"type": "array",
|
|
"displayName": "Table Columns"
|
|
},
|
|
"useDynamicColumn": {
|
|
"type": "toggle",
|
|
"displayName": "Use dynamic column",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"columnData": {
|
|
"type": "code",
|
|
"displayName": "Column data"
|
|
},
|
|
"rowsPerPage": {
|
|
"type": "code",
|
|
"displayName": "Number of rows per page",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"enableNextButton": {
|
|
"type": "toggle",
|
|
"displayName": "Enable next page button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"enabledSort": {
|
|
"type": "toggle",
|
|
"displayName": "Enable column sorting",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"hideColumnSelectorButton": {
|
|
"type": "toggle",
|
|
"displayName": "Hide column selector button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"enablePrevButton": {
|
|
"type": "toggle",
|
|
"displayName": "Enable previous page button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"totalRecords": {
|
|
"type": "code",
|
|
"displayName": "Total records server side",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"enablePagination": {
|
|
"type": "toggle",
|
|
"displayName": "Enable pagination",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"serverSidePagination": {
|
|
"type": "clientServerSwitch",
|
|
"displayName": "Type",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
},
|
|
"options": [
|
|
{
|
|
"displayName": "Client side",
|
|
"value": "clientSide"
|
|
},
|
|
{
|
|
"displayName": "Server side",
|
|
"value": "serverSide"
|
|
}
|
|
]
|
|
},
|
|
"serverSideSearch": {
|
|
"type": "clientServerSwitch",
|
|
"displayName": "Type",
|
|
"options": [
|
|
{
|
|
"displayName": "Client side",
|
|
"value": "clientSide"
|
|
},
|
|
{
|
|
"displayName": "Server side",
|
|
"value": "serverSide"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"serverSideSort": {
|
|
"type": "clientServerSwitch",
|
|
"displayName": "Type",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
},
|
|
"options": [
|
|
{
|
|
"displayName": "Client side",
|
|
"value": "clientSide"
|
|
},
|
|
{
|
|
"displayName": "Server side",
|
|
"value": "serverSide"
|
|
}
|
|
]
|
|
},
|
|
"serverSideFilter": {
|
|
"type": "clientServerSwitch",
|
|
"displayName": "Type",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
},
|
|
"options": [
|
|
{
|
|
"displayName": "Client side",
|
|
"value": "clientSide"
|
|
},
|
|
{
|
|
"displayName": "Server side",
|
|
"value": "serverSide"
|
|
}
|
|
],
|
|
"defaultValue": "clientSide"
|
|
},
|
|
"actionButtonBackgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"actionButtonTextColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"displaySearchBox": {
|
|
"type": "toggle",
|
|
"displayName": "Show search",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showDownloadButton": {
|
|
"type": "toggle",
|
|
"displayName": "Show download button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showFilterButton": {
|
|
"type": "toggle",
|
|
"displayName": "Enable filtering",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"type": "toggle",
|
|
"displayName": "Show update buttons",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"allowSelection": {
|
|
"type": "toggle",
|
|
"displayName": "Allow selection",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showBulkSelector": {
|
|
"type": "toggle",
|
|
"displayName": "Bulk selection",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"highlightSelectedRow": {
|
|
"type": "toggle",
|
|
"displayName": "Highlight selected row",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"defaultSelectedRow": {
|
|
"type": "code",
|
|
"displayName": "Default selected row",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "object"
|
|
}
|
|
}
|
|
},
|
|
"showAddNewRowButton": {
|
|
"type": "toggle",
|
|
"displayName": "Show add new row button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop "
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onRowHovered": {
|
|
"displayName": "Row hovered"
|
|
},
|
|
"onRowClicked": {
|
|
"displayName": "Row clicked"
|
|
},
|
|
"onBulkUpdate": {
|
|
"displayName": "Save changes"
|
|
},
|
|
"onPageChanged": {
|
|
"displayName": "Page changed"
|
|
},
|
|
"onSearch": {
|
|
"displayName": "Search"
|
|
},
|
|
"onCancelChanges": {
|
|
"displayName": "Cancel changes"
|
|
},
|
|
"onSort": {
|
|
"displayName": "Sort applied"
|
|
},
|
|
"onCellValueChanged": {
|
|
"displayName": "Cell value changed"
|
|
},
|
|
"onFilterChanged": {
|
|
"displayName": "Filter changed"
|
|
},
|
|
"onNewRowsAdded": {
|
|
"displayName": "Add new rows"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"actionButtonRadius": {
|
|
"type": "code",
|
|
"displayName": "Action Button Radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"tableType": {
|
|
"type": "select",
|
|
"displayName": "Table type",
|
|
"options": [
|
|
{
|
|
"name": "Bordered",
|
|
"value": "table-bordered"
|
|
},
|
|
{
|
|
"name": "Regular",
|
|
"value": "table-classic"
|
|
},
|
|
{
|
|
"name": "Striped",
|
|
"value": "table-striped"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"cellSize": {
|
|
"type": "select",
|
|
"displayName": "Cell size",
|
|
"options": [
|
|
{
|
|
"name": "Condensed",
|
|
"value": "condensed"
|
|
},
|
|
{
|
|
"name": "Regular",
|
|
"value": "regular"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border Radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"actionButtonRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"cellSize": {
|
|
"value": "regular"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"tableType": {
|
|
"value": "table-classic"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": "Table"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getEmployees.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"data": {
|
|
"value": "{{queries.getEmployees.data}}"
|
|
},
|
|
"useDynamicColumn": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnData": {
|
|
"value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
|
|
},
|
|
"rowsPerPage": {
|
|
"value": "{{10}}"
|
|
},
|
|
"serverSidePagination": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableNextButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"enablePrevButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"totalRecords": {
|
|
"value": ""
|
|
},
|
|
"enablePagination": {
|
|
"value": "{{true}}"
|
|
},
|
|
"serverSideSort": {
|
|
"value": "{{false}}"
|
|
},
|
|
"serverSideFilter": {
|
|
"value": "{{false}}"
|
|
},
|
|
"displaySearchBox": {
|
|
"value": "{{false}}"
|
|
},
|
|
"showDownloadButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showFilterButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"autogenerateColumns": {
|
|
"value": true,
|
|
"generateNestedColumns": true
|
|
},
|
|
"columns": {
|
|
"value": [
|
|
{
|
|
"name": "id",
|
|
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"name": "name",
|
|
"id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"name": "email",
|
|
"id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "c13331c3-7040-4b47-90a1-10c5245bd110",
|
|
"name": "designation",
|
|
"key": "designation",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "4ed1e639-52e7-4df4-99aa-e25b57b5c52b",
|
|
"name": "department",
|
|
"key": "department",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "ac7129df-ff8a-42aa-9798-e1a4099b8f46",
|
|
"name": "phone no",
|
|
"key": "phone_no",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "a249ad47-c52d-43e5-b384-fa54122914a7",
|
|
"name": "blood group",
|
|
"key": "blood_group",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "568ce851-ae8f-4ebc-be26-c5a5eae89a57",
|
|
"name": "date of joining",
|
|
"key": "date_of_joining",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "61ad21ce-70e5-4c4e-97e1-2f576c690dbe",
|
|
"name": "date of birth",
|
|
"key": "date_of_birth",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "de287f35-26ef-4fac-b574-a265d22d9232",
|
|
"name": "address",
|
|
"key": "address",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
}
|
|
]
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"value": "{{false}}"
|
|
},
|
|
"showBulkSelector": {
|
|
"value": "{{false}}"
|
|
},
|
|
"highlightSelectedRow": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnSizes": {
|
|
"value": {
|
|
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 39,
|
|
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 149,
|
|
"db258ca5-d4f5-4b22-a667-143882f7f004": 123,
|
|
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 168,
|
|
"c13331c3-7040-4b47-90a1-10c5245bd110": 180
|
|
}
|
|
},
|
|
"actions": {
|
|
"value": []
|
|
},
|
|
"enabledSort": {
|
|
"value": "{{true}}"
|
|
},
|
|
"hideColumnSelectorButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"defaultSelectedRow": {
|
|
"value": "{{{\"id\":1}}}"
|
|
},
|
|
"showAddNewRowButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"allowSelection": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnDeletionHistory": {
|
|
"value": [
|
|
"new_column1",
|
|
"Department",
|
|
"Title",
|
|
"image_data"
|
|
]
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "table1",
|
|
"displayName": "Table",
|
|
"description": "Display paginated tabular data",
|
|
"component": "Table",
|
|
"defaultSize": {
|
|
"width": 28.86,
|
|
"height": 456
|
|
},
|
|
"exposedVariables": {
|
|
"selectedRow": {},
|
|
"changeSet": {},
|
|
"dataUpdates": [],
|
|
"pageIndex": 1,
|
|
"searchText": "",
|
|
"selectedRows": [],
|
|
"filters": []
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setPage",
|
|
"displayName": "Set page",
|
|
"params": [
|
|
{
|
|
"handle": "page",
|
|
"displayName": "Page",
|
|
"defaultValue": "{{1}}"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "selectRow",
|
|
"displayName": "Select row",
|
|
"params": [
|
|
{
|
|
"handle": "key",
|
|
"displayName": "Key"
|
|
},
|
|
{
|
|
"handle": "value",
|
|
"displayName": "Value"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "deselectRow",
|
|
"displayName": "Deselect row"
|
|
},
|
|
{
|
|
"handle": "discardChanges",
|
|
"displayName": "Discard Changes"
|
|
},
|
|
{
|
|
"handle": "discardNewlyAddedRows",
|
|
"displayName": "Discard newly added rows"
|
|
},
|
|
{
|
|
"displayName": "Download table data",
|
|
"handle": "downloadTableData",
|
|
"params": [
|
|
{
|
|
"handle": "type",
|
|
"displayName": "Type",
|
|
"options": [
|
|
{
|
|
"name": "Download as Excel",
|
|
"value": "xlsx"
|
|
},
|
|
{
|
|
"name": "Download as CSV",
|
|
"value": "csv"
|
|
},
|
|
{
|
|
"name": "Download as PDF",
|
|
"value": "pdf"
|
|
}
|
|
],
|
|
"defaultValue": "{{Download as Excel}}",
|
|
"type": "select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 160,
|
|
"left": 2.3255816549441892,
|
|
"width": 28,
|
|
"height": 610
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"86959f97-61d2-4013-b834-8ed2edc3862c": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Button text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
},
|
|
"onHover": {
|
|
"displayName": "On hover"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"loaderColor": {
|
|
"type": "color",
|
|
"displayName": "Loader color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "number",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "show-modal",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"modal": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Add Employee"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button1",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110.0000228881836,
|
|
"left": 55.8139664941029,
|
|
"width": 5,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"fad2a0c5-b28f-4560-a60c-7d0ebdfb2b3e": {
|
|
"id": "fad2a0c5-b28f-4560-a60c-7d0ebdfb2b3e",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#ffffffff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{20}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "right"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Employee Directory"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text16",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 69.76744229792882,
|
|
"width": 12,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "5147e387-41c6-48cc-a385-67c5e4e0c3bf"
|
|
},
|
|
"2a83a770-0295-4590-a84e-65c075c26c6a": {
|
|
"id": "2a83a770-0295-4590-a84e-65c075c26c6a",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{20}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{!queries.getEmployees.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{`Employees (${queries?.getEmployees?.data?.length ?? 0})`}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text17",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 2.325578812294464,
|
|
"width": 12,
|
|
"height": 40
|
|
}
|
|
}
|
|
},
|
|
"670b6c6c-97c2-4f59-a63b-f381550b6b22": {
|
|
"component": {
|
|
"properties": {
|
|
"title": {
|
|
"type": "code",
|
|
"displayName": "Title",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"useDefaultButton": {
|
|
"type": "toggle",
|
|
"displayName": "Use default trigger button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"triggerButtonLabel": {
|
|
"type": "code",
|
|
"displayName": "Trigger button label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"hideTitleBar": {
|
|
"type": "toggle",
|
|
"displayName": "Hide title bar"
|
|
},
|
|
"hideCloseButton": {
|
|
"type": "toggle",
|
|
"displayName": "Hide close button"
|
|
},
|
|
"hideOnEsc": {
|
|
"type": "toggle",
|
|
"displayName": "Close on escape key"
|
|
},
|
|
"closeOnClickingOutside": {
|
|
"type": "toggle",
|
|
"displayName": "Close on clicking outside"
|
|
},
|
|
"size": {
|
|
"type": "select",
|
|
"displayName": "Modal size",
|
|
"options": [
|
|
{
|
|
"name": "small",
|
|
"value": "sm"
|
|
},
|
|
{
|
|
"name": "medium",
|
|
"value": "lg"
|
|
},
|
|
{
|
|
"name": "large",
|
|
"value": "xl"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"modalHeight": {
|
|
"type": "code",
|
|
"displayName": "Modal height",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onOpen": {
|
|
"displayName": "On open"
|
|
},
|
|
"onClose": {
|
|
"displayName": "On close"
|
|
}
|
|
},
|
|
"styles": {
|
|
"headerBackgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Header background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"headerTextColor": {
|
|
"type": "color",
|
|
"displayName": "Header title color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"bodyBackgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Body background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": true
|
|
}
|
|
},
|
|
"triggerButtonBackgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Trigger button background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"triggerButtonTextColor": {
|
|
"type": "color",
|
|
"displayName": "Trigger button text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"headerBackgroundColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"headerTextColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"bodyBackgroundColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"triggerButtonBackgroundColor": {
|
|
"value": "#4D72FA"
|
|
},
|
|
"triggerButtonTextColor": {
|
|
"value": "#ffffffff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": "Add employee"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"useDefaultButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"triggerButtonLabel": {
|
|
"value": "Launch Modal"
|
|
},
|
|
"size": {
|
|
"value": "lg"
|
|
},
|
|
"hideTitleBar": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideCloseButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideOnEsc": {
|
|
"value": "{{true}}"
|
|
},
|
|
"closeOnClickingOutside": {
|
|
"value": "{{false}}"
|
|
},
|
|
"modalHeight": {
|
|
"value": "830px"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "modal1",
|
|
"displayName": "Modal",
|
|
"description": "Show pop-up windows",
|
|
"component": "Modal",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 34
|
|
},
|
|
"exposedVariables": {
|
|
"show": false
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "open",
|
|
"displayName": "Open"
|
|
},
|
|
{
|
|
"handle": "close",
|
|
"displayName": "Close"
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 810,
|
|
"left": 83.72092605396375,
|
|
"width": 6,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"2af7aa24-b57f-4f30-b50a-66df44023c29": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Name"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text15",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 20,
|
|
"left": 4.651162790697675,
|
|
"width": 7.000000000000001,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"80b8a3fb-4582-4625-b4b2-3e82bf138398": {
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde",
|
|
"fxActive": false
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{components.textinput8.value == \"\" ? \"Enter a valid name\" : true}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput8",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 20,
|
|
"left": 23.255822586473915,
|
|
"width": 31.000000000000004,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"c26ce442-21df-4007-9cae-5e0d67d99339": {
|
|
"id": "c26ce442-21df-4007-9cae-5e0d67d99339",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(components.textinput9.value) ? true : \"Enter a valid email\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter email"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput9",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 80,
|
|
"left": 23.255820698864962,
|
|
"width": 31.000000000000004,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
"32737e80-01f7-44e9-b635-56c7f5f4479f": {
|
|
"id": "32737e80-01f7-44e9-b635-56c7f5f4479f",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Email"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text18",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 80,
|
|
"left": 4.651163235502693,
|
|
"width": 7.000000000000001,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
"efbdc5a4-4a2c-4144-bd72-6bb2d07ce5de": {
|
|
"id": "efbdc5a4-4a2c-4144-bd72-6bb2d07ce5de",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{components.textinput10.value == \"\" ? \"Enter a valid designation\" : true}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter designation"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput10",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 140,
|
|
"left": 23.25582064777614,
|
|
"width": 31.000000000000004,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
"67955ad1-0db4-4dba-9e7a-ca458061fd1d": {
|
|
"id": "67955ad1-0db4-4dba-9e7a-ca458061fd1d",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Designation"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text19",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 140,
|
|
"left": 4.651163680307713,
|
|
"width": 7.000000000000001,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
"0a57684b-e0fd-4660-9f8a-c29ad5408fba": {
|
|
"id": "0a57684b-e0fd-4660-9f8a-c29ad5408fba",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{/^[6-9]\\d{9}$/.test(components.textinput11.value) ? true : \"Enter a valid phone number\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter phone number"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput11",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 200,
|
|
"left": 23.255787518409473,
|
|
"width": 31.000000000000004,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
"3c429e1f-5bea-4108-8326-e05ce4eadebc": {
|
|
"id": "3c429e1f-5bea-4108-8326-e05ce4eadebc",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Phone number"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text20",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 200,
|
|
"left": 4.651163680307713,
|
|
"width": 7.000000000000001,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
"067ff4f8-a1ad-4797-800a-7d407443e77b": {
|
|
"id": "067ff4f8-a1ad-4797-800a-7d407443e77b",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{components.textinput12.value == \"\" ? \"Enter a valid department\" : true}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter department"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput12",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 260,
|
|
"left": 23.2558241465199,
|
|
"width": 31.000000000000004,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
"9a04991d-8f0f-4b2c-969d-ab2c05675430": {
|
|
"id": "9a04991d-8f0f-4b2c-969d-ab2c05675430",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Department"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text21",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 260,
|
|
"left": 4.651163680307713,
|
|
"width": 7.000000000000001,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
"bc654bb8-6a75-4ecb-a9ce-143e67160c3b": {
|
|
"id": "bc654bb8-6a75-4ecb-a9ce-143e67160c3b",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{/^(A|B|AB|O)(\\+|-)$/.test(components.textinput13.value) ? true : \"Enter a valid blood group\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter blood group"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput13",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 320,
|
|
"left": 23.255822043292874,
|
|
"width": 31.000000000000004,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
"283eb2f1-0d9c-48f1-b98d-276975899eaf": {
|
|
"id": "283eb2f1-0d9c-48f1-b98d-276975899eaf",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Blood group"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text22",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 320,
|
|
"left": 4.651163680307713,
|
|
"width": 7.000000000000001,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
"28cffa48-c50c-4187-980f-95f4753f1edb": {
|
|
"id": "28cffa48-c50c-4187-980f-95f4753f1edb",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Date of joining"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text23",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 380,
|
|
"left": 4.651166080089099,
|
|
"width": 7.000000000000001,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
"f75970d7-f9ec-4137-96b3-8546eebb9624": {
|
|
"component": {
|
|
"properties": {
|
|
"defaultValue": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"format": {
|
|
"type": "code",
|
|
"displayName": "Format",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"enableTime": {
|
|
"type": "toggle",
|
|
"displayName": "Enable time selection?",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"enableDate": {
|
|
"type": "toggle",
|
|
"displayName": "Enable date selection?",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": true
|
|
}
|
|
},
|
|
"disabledDates": {
|
|
"type": "code",
|
|
"displayName": "Disabled dates",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
}
|
|
},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{components.datepicker1.value == undefined ? \"Select a valid date of joining\" : true}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"defaultValue": {
|
|
"value": ""
|
|
},
|
|
"format": {
|
|
"value": "DD/MM/YYYY"
|
|
},
|
|
"enableTime": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableDate": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledDates": {
|
|
"value": "{{[]}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "datepicker1",
|
|
"displayName": "Date Picker",
|
|
"description": "Choose date and time",
|
|
"component": "Datepicker",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 380,
|
|
"left": 23.25583468662219,
|
|
"width": 31.000000000000004,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"db2d8e61-295d-4a68-b788-c2529d7fd69d": {
|
|
"id": "db2d8e61-295d-4a68-b788-c2529d7fd69d",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Date of birth"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text24",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 440,
|
|
"left": 4.65115750773569,
|
|
"width": 7.000000000000001,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
"f8a3dfb7-e0e5-4c49-a7d7-dbe75c307c8a": {
|
|
"id": "f8a3dfb7-e0e5-4c49-a7d7-dbe75c307c8a",
|
|
"component": {
|
|
"properties": {
|
|
"defaultValue": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"format": {
|
|
"type": "code",
|
|
"displayName": "Format",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"enableTime": {
|
|
"type": "toggle",
|
|
"displayName": "Enable time selection?",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"enableDate": {
|
|
"type": "toggle",
|
|
"displayName": "Enable date selection?",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": true
|
|
}
|
|
},
|
|
"disabledDates": {
|
|
"type": "code",
|
|
"displayName": "Disabled dates",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
}
|
|
},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{components.datepicker2.value == undefined || moment(components.datepicker1.value,\"DD/MM/YYYY\").diff(moment(components.datepicker2.value,\"DD/MM/YYYY\"), \"years\") < 18 ? \"Select a valid date of birth\" : true}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"defaultValue": {
|
|
"value": ""
|
|
},
|
|
"format": {
|
|
"value": "DD/MM/YYYY"
|
|
},
|
|
"enableTime": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableDate": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledDates": {
|
|
"value": "{{[]}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "datepicker2",
|
|
"displayName": "Date Picker",
|
|
"description": "Choose date and time",
|
|
"component": "Datepicker",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 440,
|
|
"left": 23.255826114268785,
|
|
"width": 31.000000000000004,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
"325a6afb-f8ed-4622-9f18-63fa78bba69c": {
|
|
"id": "325a6afb-f8ed-4622-9f18-63fa78bba69c",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Address"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text25",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 500,
|
|
"left": 4.651161793912395,
|
|
"width": 7.000000000000001,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
"187a03b0-79ea-4b14-93b2-4696de8ab9e0": {
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter address"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textarea1",
|
|
"displayName": "Text Area",
|
|
"description": "Multi-line text input",
|
|
"component": "TextArea",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 100
|
|
},
|
|
"exposedVariables": {
|
|
"value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
}
|
|
]
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 500,
|
|
"left": 23.255825333373483,
|
|
"width": 31.000000000000004,
|
|
"height": 100
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"8fed7c76-4fd3-4839-ba22-335ebd107676": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Button text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
},
|
|
"onHover": {
|
|
"displayName": "On hover"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"loaderColor": {
|
|
"type": "color",
|
|
"displayName": "Loader color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "number",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "226fbfbf-eee5-402a-9400-db8347d6fe42",
|
|
"queryName": "addEmployee",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{!components.textinput8.isValid || !components.textinput9.isValid || !components.textinput10.isValid || !components.textinput11.isValid || !components.textinput12.isValid || !components.textinput13.isValid || !components.datepicker1.isValid || !components.datepicker2.isValid || components.textarea1.value.length < 1 || components.filepicker1.file.length < 1}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Add"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.addEmployee.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button4",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 770,
|
|
"left": 79.06978876664246,
|
|
"width": 7,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"32406903-ee36-4e69-a640-f4af28a44ef0": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Button text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
},
|
|
"onHover": {
|
|
"displayName": "On hover"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"loaderColor": {
|
|
"type": "color",
|
|
"displayName": "Loader color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "number",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "close-modal",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"modal": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#375fcf26"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Cancel"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button5",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 770,
|
|
"left": 60.46512903792135,
|
|
"width": 7,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"171e0e10-7715-452e-af3d-23c1a71c4d4b": {
|
|
"component": {
|
|
"properties": {
|
|
"buttonToSubmit": {
|
|
"type": "select",
|
|
"displayName": "Button To Submit Form",
|
|
"options": [
|
|
{
|
|
"name": "None",
|
|
"value": "none"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
},
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": " Use custom schema"
|
|
},
|
|
"JSONSchema": {
|
|
"type": "code",
|
|
"displayName": "JSON Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSubmit": {
|
|
"displayName": "On submit"
|
|
},
|
|
"onInvalid": {
|
|
"displayName": "On invalid"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border Radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"borderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{queries.removeEmployee.isLoading || queries.updateEmployee.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"loadingState": {
|
|
"value": "{{queries.getEmployees.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"JSONSchema": {
|
|
"value": "{{ {title: 'User registration form', properties: {firstname: {type: 'textinput',value: 'Maria',label:'First name', validation:{maxLength:6}, styles: {backgroundColor: '#f6f5ff',textColor: 'black'},},lastname:{type: 'textinput',value: 'Doe', label:'Last name', styles: {backgroundColor: '#f6f5ff',textColor: 'black'},},age:{type:'number'},}, submitButton: {value: 'Submit', styles: {backgroundColor: '#3a433b',borderColor:'#595959'}}} }}"
|
|
},
|
|
"buttonToSubmit": {
|
|
"value": "none"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "form1",
|
|
"displayName": "Form",
|
|
"description": "Wrapper for multiple components",
|
|
"defaultSize": {
|
|
"width": 13,
|
|
"height": 330
|
|
},
|
|
"defaultChildren": [
|
|
{
|
|
"componentName": "Text",
|
|
"layout": {
|
|
"top": 40,
|
|
"left": 10,
|
|
"height": 30,
|
|
"width": 17
|
|
},
|
|
"properties": [
|
|
"text"
|
|
],
|
|
"styles": [
|
|
"fontWeight",
|
|
"textSize",
|
|
"textColor"
|
|
],
|
|
"defaultValue": {
|
|
"text": "User Details",
|
|
"fontWeight": "bold",
|
|
"textSize": 20,
|
|
"textColor": "#000"
|
|
}
|
|
},
|
|
{
|
|
"componentName": "Text",
|
|
"layout": {
|
|
"top": 90,
|
|
"left": 10,
|
|
"height": 30
|
|
},
|
|
"properties": [
|
|
"text"
|
|
],
|
|
"defaultValue": {
|
|
"text": "Name"
|
|
}
|
|
},
|
|
{
|
|
"componentName": "Text",
|
|
"layout": {
|
|
"top": 160,
|
|
"left": 10,
|
|
"height": 30
|
|
},
|
|
"properties": [
|
|
"text"
|
|
],
|
|
"defaultValue": {
|
|
"text": "Age"
|
|
}
|
|
},
|
|
{
|
|
"componentName": "TextInput",
|
|
"layout": {
|
|
"top": 120,
|
|
"left": 10,
|
|
"height": 30,
|
|
"width": 25
|
|
},
|
|
"properties": [
|
|
"placeholder"
|
|
],
|
|
"defaultValue": {
|
|
"placeholder": "Enter your name"
|
|
}
|
|
},
|
|
{
|
|
"componentName": "NumberInput",
|
|
"layout": {
|
|
"top": 190,
|
|
"left": 10,
|
|
"height": 30,
|
|
"width": 25
|
|
},
|
|
"properties": [
|
|
"value"
|
|
],
|
|
"styles": [
|
|
"borderColor"
|
|
],
|
|
"defaultValue": {
|
|
"value": 24,
|
|
"borderColor": "#dadcde"
|
|
}
|
|
},
|
|
{
|
|
"componentName": "Button",
|
|
"layout": {
|
|
"top": 240,
|
|
"left": 10,
|
|
"height": 30,
|
|
"width": 10
|
|
},
|
|
"properties": [
|
|
"text"
|
|
],
|
|
"defaultValue": {
|
|
"text": "Submit"
|
|
}
|
|
}
|
|
],
|
|
"component": "Form",
|
|
"exposedVariables": {
|
|
"data": {},
|
|
"isValid": true
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "submitForm",
|
|
"displayName": "Submit Form"
|
|
},
|
|
{
|
|
"handle": "resetForm",
|
|
"displayName": "Reset Form"
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110.00000762939453,
|
|
"left": 69.76744432354135,
|
|
"width": 12,
|
|
"height": 660
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"8fd95776-4b1a-4dd0-8490-89224f498f19": {
|
|
"id": "8fd95776-4b1a-4dd0-8490-89224f498f19",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) != undefined ? \"EMPLOYEE DETAILS\" : \"SELECT A ROW TO VIEW DETAILS\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text26",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 6.976745455952444,
|
|
"width": 32,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"22eb6007-a5eb-4202-985f-255ca0a77532": {
|
|
"id": "22eb6007-a5eb-4202-985f-255ca0a77532",
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"dividerColor": {
|
|
"type": "color",
|
|
"displayName": "Divider Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#9b9b9b80"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "divider3",
|
|
"displayName": "Divider",
|
|
"description": "Separator between components",
|
|
"component": "Divider",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
"exposedVariables": {
|
|
"value": {}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 50,
|
|
"left": 4.651162790697675,
|
|
"width": 39.00000000000001,
|
|
"height": 10
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"d653ce20-9211-472c-94ef-8088307cc759": {
|
|
"id": "d653ce20-9211-472c-94ef-8088307cc759",
|
|
"component": {
|
|
"properties": {
|
|
"source": {
|
|
"type": "code",
|
|
"displayName": "URL",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"alternativeText": {
|
|
"type": "code",
|
|
"displayName": "Alternative text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"zoomButtons": {
|
|
"type": "toggle",
|
|
"displayName": "Zoom button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"rotateButton": {
|
|
"type": "toggle",
|
|
"displayName": "Rotate button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderType": {
|
|
"type": "select",
|
|
"displayName": "Border type",
|
|
"options": [
|
|
{
|
|
"name": "None",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "Rounded",
|
|
"value": "rounded"
|
|
},
|
|
{
|
|
"name": "Circle",
|
|
"value": "rounded-circle"
|
|
},
|
|
{
|
|
"name": "Thumbnail",
|
|
"value": "img-thumbnail"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"padding": {
|
|
"type": "code",
|
|
"displayName": "Padding",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"imageFit": {
|
|
"type": "select",
|
|
"displayName": "Image fit",
|
|
"options": [
|
|
{
|
|
"name": "fill",
|
|
"value": "fill"
|
|
},
|
|
{
|
|
"name": "contain",
|
|
"value": "contain"
|
|
},
|
|
{
|
|
"name": "cover",
|
|
"value": "cover"
|
|
},
|
|
{
|
|
"name": "scale-down",
|
|
"value": "scale-down"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderType": {
|
|
"value": "none"
|
|
},
|
|
"padding": {
|
|
"value": "0"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"imageFit": {
|
|
"value": "contain"
|
|
},
|
|
"backgroundColor": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"source": {
|
|
"value": "{{components?.table1?.selectedRow?.image_data ?? \"https://www.svgrepo.com/show/444673/user.svg\"}}"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"alternativeText": {
|
|
"value": ""
|
|
},
|
|
"zoomButtons": {
|
|
"value": "{{false}}"
|
|
},
|
|
"rotateButton": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "image1",
|
|
"displayName": "Image",
|
|
"description": "Show image files",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 100
|
|
},
|
|
"component": "Image",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 70,
|
|
"left": 6.976745455952444,
|
|
"width": 14,
|
|
"height": 110
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"8494566e-3fa9-4dec-81a5-cdd6bfd0848a": {
|
|
"id": "8494566e-3fa9-4dec-81a5-cdd6bfd0848a",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.name ?? \"Employee Name\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text27",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 80,
|
|
"left": 44.18605455436548,
|
|
"width": 19,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"954fc54d-2e9f-4f8b-b307-41ed935ae461": {
|
|
"id": "954fc54d-2e9f-4f8b-b307-41ed935ae461",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "italic"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.designation ?? \"Employee Designation\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text28",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 44.18605455436548,
|
|
"width": 18,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"926561b2-d47e-4ee5-b6da-bac01f3ecf01": {
|
|
"id": "926561b2-d47e-4ee5-b6da-bac01f3ecf01",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.id ?? \"Employee ID\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text29",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 140,
|
|
"left": 44.18603992819973,
|
|
"width": 18,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"5c8e1419-3be0-4c68-afdf-47e670f68838": {
|
|
"id": "5c8e1419-3be0-4c68-afdf-47e670f68838",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Email"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text30",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 220,
|
|
"left": 6.976731705767766,
|
|
"width": 13.999999999999998,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"c8e2e22b-e625-48da-af9c-663a6eca7271": {
|
|
"id": "c8e2e22b-e625-48da-af9c-663a6eca7271",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Phone no"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text31",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 260,
|
|
"left": 6.9767655593373705,
|
|
"width": 13.999999999999998,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"e1ef32fa-6595-4922-b5e5-9aaf1d4e36e3": {
|
|
"id": "e1ef32fa-6595-4922-b5e5-9aaf1d4e36e3",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Department"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text32",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 300,
|
|
"left": 6.976725034594776,
|
|
"width": 13.999999999999998,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"5cc39fe8-3774-412f-8ca9-c024aa55b766": {
|
|
"id": "5cc39fe8-3774-412f-8ca9-c024aa55b766",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Blood group"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text33",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 340,
|
|
"left": 6.976763552732405,
|
|
"width": 13.999999999999998,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"ce519cd8-a471-4d21-9060-f70526a265da": {
|
|
"id": "ce519cd8-a471-4d21-9060-f70526a265da",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Date of joining"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text34",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 380,
|
|
"left": 6.976709139595084,
|
|
"width": 13.999999999999998,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"d1da8c95-af7e-4756-9e95-c19adc1d1113": {
|
|
"id": "d1da8c95-af7e-4756-9e95-c19adc1d1113",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Date of birth"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text35",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 420,
|
|
"left": 6.976763993502584,
|
|
"width": 13.999999999999998,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"ae4159bf-b6b3-42a0-ba77-104cdc814694": {
|
|
"id": "ae4159bf-b6b3-42a0-ba77-104cdc814694",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Address"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text36",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 460,
|
|
"left": 6.976745455952444,
|
|
"width": 13.999999999999998,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"37dd89e1-fa3c-488c-8751-bc3449786ea7": {
|
|
"id": "37dd89e1-fa3c-488c-8751-bc3449786ea7",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde",
|
|
"fxActive": false
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.form1.data.editemailtextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || /^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(components.form1.data.editemailtextinput.value) ? true : \" \"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.email}}"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "editemailtextinput",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 220,
|
|
"left": 41.86044855841798,
|
|
"width": 21.999999999999996,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"2529bdea-3423-46de-a1fa-a3a6cc5d427e": {
|
|
"id": "2529bdea-3423-46de-a1fa-a3a6cc5d427e",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.form1.data.editphonenotextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || /^[6-9]\\d{9}$/.test(components.form1.data.editphonenotextinput.value) ? true : \" \"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.phone_no}}"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "editphonenotextinput",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 260,
|
|
"left": 41.86041269782743,
|
|
"width": 21.999999999999996,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"5e8ea0a2-dc8b-4f2b-8f3b-a9b47e7a3ac8": {
|
|
"id": "5e8ea0a2-dc8b-4f2b-8f3b-a9b47e7a3ac8",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.form1.data.editdepartmenttextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || (components?.form1?.data?.editdepartmenttextinput?.value ?? \"\").length > 0 ? true : \" \"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.department}}"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "editdepartmenttextinput",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 300,
|
|
"left": 41.860474366050234,
|
|
"width": 21.999999999999996,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"dbd1ee87-bdd0-4f07-8a7d-0ddd40e461d3": {
|
|
"id": "dbd1ee87-bdd0-4f07-8a7d-0ddd40e461d3",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.form1.data.editbloodgrouptextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || /^(A|B|AB|O)(\\+|-)$/.test(components.form1.data.editbloodgrouptextinput.value) ? true : \" \"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.blood_group}}"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "editbloodgrouptextinput",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 340,
|
|
"left": 41.86045855100046,
|
|
"width": 21.999999999999996,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"be1e55cf-7a75-40db-a5ac-7abc2893f469": {
|
|
"id": "be1e55cf-7a75-40db-a5ac-7abc2893f469",
|
|
"component": {
|
|
"properties": {
|
|
"defaultValue": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"format": {
|
|
"type": "code",
|
|
"displayName": "Format",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"enableTime": {
|
|
"type": "toggle",
|
|
"displayName": "Enable time selection?",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"enableDate": {
|
|
"type": "toggle",
|
|
"displayName": "Enable date selection?",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": true
|
|
}
|
|
},
|
|
"disabledDates": {
|
|
"type": "code",
|
|
"displayName": "Disabled dates",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
}
|
|
},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || components.form1.data.editdateofjoiningdatepicker.value != undefined ? true : \" \"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"defaultValue": {
|
|
"value": "{{components.table1.selectedRow.date_of_joining}}"
|
|
},
|
|
"format": {
|
|
"value": "DD/MM/YYYY"
|
|
},
|
|
"enableTime": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableDate": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledDates": {
|
|
"value": "{{[]}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "editdateofjoiningdatepicker",
|
|
"displayName": "Date Picker",
|
|
"description": "Choose date and time",
|
|
"component": "Datepicker",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 380,
|
|
"left": 41.86049061192336,
|
|
"width": 22.000000000000004,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"43793a29-05d6-4230-b59c-bf49edeb0c1d": {
|
|
"id": "43793a29-05d6-4230-b59c-bf49edeb0c1d",
|
|
"component": {
|
|
"properties": {
|
|
"defaultValue": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"format": {
|
|
"type": "code",
|
|
"displayName": "Format",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"enableTime": {
|
|
"type": "toggle",
|
|
"displayName": "Enable time selection?",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"enableDate": {
|
|
"type": "toggle",
|
|
"displayName": "Enable date selection?",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": true
|
|
}
|
|
},
|
|
"disabledDates": {
|
|
"type": "code",
|
|
"displayName": "Disabled dates",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
}
|
|
},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || (components.form1.data.editdateofbirthdatepicker.value != undefined && moment(components.form1.data.editdateofjoiningdatepicker.value,\"DD/MM/YYYY\").diff(moment(components.form1.data.editdateofbirthdatepicker.value,\"DD/MM/YYYY\"), \"years\") >= 18) ? true : \" \"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"defaultValue": {
|
|
"value": "{{components.table1.selectedRow.date_of_birth}}"
|
|
},
|
|
"format": {
|
|
"value": "DD/MM/YYYY"
|
|
},
|
|
"enableTime": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableDate": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledDates": {
|
|
"value": "{{[]}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "editdateofbirthdatepicker",
|
|
"displayName": "Date Picker",
|
|
"description": "Choose date and time",
|
|
"component": "Datepicker",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 420,
|
|
"left": 41.86045482705194,
|
|
"width": 22.000000000000004,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"6a1314c6-607c-4c61-b9e9-e5a159124132": {
|
|
"id": "6a1314c6-607c-4c61-b9e9-e5a159124132",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || (components?.form1?.data?.editaddresstextarea?.value ?? \"\").length > 0 ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.address}}"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "editaddresstextarea",
|
|
"displayName": "Text Area",
|
|
"description": "Multi-line text input",
|
|
"component": "TextArea",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 100
|
|
},
|
|
"exposedVariables": {
|
|
"value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 460,
|
|
"left": 41.86049211986877,
|
|
"width": 22.000000000000004,
|
|
"height": 100
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"ea83a9e2-0d7b-44f5-9fab-298205480bd0": {
|
|
"id": "ea83a9e2-0d7b-44f5-9fab-298205480bd0",
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"dividerColor": {
|
|
"type": "color",
|
|
"displayName": "Divider Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#9b9b9b80"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "divider4",
|
|
"displayName": "Divider",
|
|
"description": "Separator between components",
|
|
"component": "Divider",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
"exposedVariables": {
|
|
"value": {}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 580,
|
|
"left": 4.651164060603607,
|
|
"width": 39.00000000000001,
|
|
"height": 10
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"f552df70-09f4-4aba-a6ad-93303e0074e7": {
|
|
"id": "f552df70-09f4-4aba-a6ad-93303e0074e7",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Button text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
},
|
|
"onHover": {
|
|
"displayName": "On hover"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"loaderColor": {
|
|
"type": "color",
|
|
"displayName": "Loader color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "number",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "5fef3fcb-ef14-4e99-9f70-9fb08a59b22e",
|
|
"queryName": "removeEmployee",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"textColor": {
|
|
"value": "#d0021bff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#d0021bff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#d0021bff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Delete"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.removeEmployee.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button8",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 600,
|
|
"left": 39.53488193106961,
|
|
"width": 11.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"3d2d1b93-9917-42a8-a44f-df793e748159": {
|
|
"id": "3d2d1b93-9917-42a8-a44f-df793e748159",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Button text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
},
|
|
"onHover": {
|
|
"displayName": "On hover"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"loaderColor": {
|
|
"type": "color",
|
|
"displayName": "Loader color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "number",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "83a1826f-9082-4f56-b020-d18554f767e4",
|
|
"queryName": "updateEmployee",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || !components.form1.data.editemailtextinput.isValid || !components.form1.data.editphonenotextinput.isValid || !components.form1.data.editdepartmenttextinput.isValid || !components.form1.data.editbloodgrouptextinput.isValid || !components.form1.data.editdateofjoiningdatepicker.isValid || !components.form1.data.editdateofbirthdatepicker.isValid || (components?.form1?.data?.editaddresstextarea?.value ?? \"\").length < 1}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Save"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.updateEmployee.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button9",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 600,
|
|
"left": 67.44187386283085,
|
|
"width": 10.999999999999998,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b"
|
|
},
|
|
"25e13e19-4fe3-4bdf-81b9-e753ad12bbb2": {
|
|
"id": "25e13e19-4fe3-4bdf-81b9-e753ad12bbb2",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Profile picture"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text37",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 620,
|
|
"left": 4.651162790697675,
|
|
"width": 7,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
},
|
|
"8bc3c4c5-b309-4188-aeb2-33ba2d1a2d96": {
|
|
"component": {
|
|
"properties": {
|
|
"instructionText": {
|
|
"type": "code",
|
|
"displayName": "Instruction text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"enableDropzone": {
|
|
"type": "code",
|
|
"displayName": "Use drop zone",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"enablePicker": {
|
|
"type": "code",
|
|
"displayName": "Use file picker",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"enableMultiple": {
|
|
"type": "code",
|
|
"displayName": "Pick multiple files",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"maxFileCount": {
|
|
"type": "code",
|
|
"displayName": "Max file count",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"fileType": {
|
|
"type": "code",
|
|
"displayName": "Accept file types",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"maxSize": {
|
|
"type": "code",
|
|
"displayName": "Max size limit (Bytes)",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"minSize": {
|
|
"type": "code",
|
|
"displayName": "Min size limit (Bytes)",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"parseContent": {
|
|
"type": "toggle",
|
|
"displayName": "Parse content",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"parseFileType": {
|
|
"type": "select",
|
|
"displayName": "File type",
|
|
"options": [
|
|
{
|
|
"name": "Autodetect from extension",
|
|
"value": "auto-detect"
|
|
},
|
|
{
|
|
"name": "CSV",
|
|
"value": "csv"
|
|
},
|
|
{
|
|
"name": "Microsoft Excel - xls",
|
|
"value": "vnd.ms-excel"
|
|
},
|
|
{
|
|
"name": "Microsoft Excel - xlsx",
|
|
"value": "vnd.openxmlformats-officedocument.spreadsheetml.sheet"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onFileSelected": {
|
|
"displayName": "On File Selected"
|
|
},
|
|
"onFileLoaded": {
|
|
"displayName": "On File Loaded"
|
|
},
|
|
"onFileDeselected": {
|
|
"displayName": "On File Deselected"
|
|
}
|
|
},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{10}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"instructionText": {
|
|
"value": "Drag and drop a file here or click to select an image file"
|
|
},
|
|
"enableDropzone": {
|
|
"value": "{{true}}"
|
|
},
|
|
"enablePicker": {
|
|
"value": "{{true}}"
|
|
},
|
|
"maxFileCount": {
|
|
"value": "{{1}}"
|
|
},
|
|
"enableMultiple": {
|
|
"value": "{{false}}"
|
|
},
|
|
"fileType": {
|
|
"value": "{{\"image/*\"}}"
|
|
},
|
|
"maxSize": {
|
|
"value": "{{1048576}}"
|
|
},
|
|
"minSize": {
|
|
"value": "{{50}}"
|
|
},
|
|
"parseContent": {
|
|
"value": "{{false}}"
|
|
},
|
|
"parseFileType": {
|
|
"value": "auto-detect"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "filepicker1",
|
|
"displayName": "File Picker",
|
|
"description": "File Picker",
|
|
"component": "FilePicker",
|
|
"defaultSize": {
|
|
"width": 15,
|
|
"height": 100
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "clearFiles",
|
|
"displayName": "Clear Files"
|
|
}
|
|
],
|
|
"exposedVariables": {
|
|
"file": [
|
|
{
|
|
"name": "",
|
|
"content": "",
|
|
"dataURL": "",
|
|
"type": "",
|
|
"parsedData": ""
|
|
}
|
|
],
|
|
"isParsing": false
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 620,
|
|
"left": 23.255828874749245,
|
|
"width": 21,
|
|
"height": 120
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"0fbe2bb1-1e36-42b5-bf72-32a60f24da44": {
|
|
"id": "0fbe2bb1-1e36-42b5-bf72-32a60f24da44",
|
|
"component": {
|
|
"properties": {
|
|
"source": {
|
|
"type": "code",
|
|
"displayName": "URL",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"alternativeText": {
|
|
"type": "code",
|
|
"displayName": "Alternative text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"zoomButtons": {
|
|
"type": "toggle",
|
|
"displayName": "Zoom button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"rotateButton": {
|
|
"type": "toggle",
|
|
"displayName": "Rotate button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderType": {
|
|
"type": "select",
|
|
"displayName": "Border type",
|
|
"options": [
|
|
{
|
|
"name": "None",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "Rounded",
|
|
"value": "rounded"
|
|
},
|
|
{
|
|
"name": "Circle",
|
|
"value": "rounded-circle"
|
|
},
|
|
{
|
|
"name": "Thumbnail",
|
|
"value": "img-thumbnail"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"padding": {
|
|
"type": "code",
|
|
"displayName": "Padding",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"imageFit": {
|
|
"type": "select",
|
|
"displayName": "Image fit",
|
|
"options": [
|
|
{
|
|
"name": "fill",
|
|
"value": "fill"
|
|
},
|
|
{
|
|
"name": "contain",
|
|
"value": "contain"
|
|
},
|
|
{
|
|
"name": "cover",
|
|
"value": "cover"
|
|
},
|
|
{
|
|
"name": "scale-down",
|
|
"value": "scale-down"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderType": {
|
|
"value": "none"
|
|
},
|
|
"padding": {
|
|
"value": "0"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"imageFit": {
|
|
"value": "contain"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#8888881a"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"source": {
|
|
"value": "{{components.filepicker1.file.length > 0 ? `data:${components.filepicker1.file[0].type};base64,${components.filepicker1.file[0].base64Data}` : \"https://www.svgrepo.com/show/444673/user.svg\"}}"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"alternativeText": {
|
|
"value": ""
|
|
},
|
|
"zoomButtons": {
|
|
"value": "{{false}}"
|
|
},
|
|
"rotateButton": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "image3",
|
|
"displayName": "Image",
|
|
"description": "Show image files",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 100
|
|
},
|
|
"component": "Image",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 620,
|
|
"left": 74.41861323454575,
|
|
"width": 9,
|
|
"height": 120
|
|
}
|
|
},
|
|
"parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
}
|
|
},
|
|
"handle": "home",
|
|
"name": "Home"
|
|
}
|
|
},
|
|
"globalSettings": {
|
|
"hideHeader": true,
|
|
"appInMaintenance": false,
|
|
"canvasMaxWidth": 100,
|
|
"canvasMaxWidthType": "%",
|
|
"canvasMaxHeight": 2400,
|
|
"canvasBackgroundColor": "",
|
|
"backgroundFxQuery": ""
|
|
}
|
|
},
|
|
"globalSettings": {
|
|
"hideHeader": true,
|
|
"appInMaintenance": false,
|
|
"canvasMaxWidth": 100,
|
|
"canvasMaxWidthType": "%",
|
|
"canvasMaxHeight": 2400,
|
|
"canvasBackgroundColor": "",
|
|
"backgroundFxQuery": ""
|
|
},
|
|
"showViewerNavigation": false,
|
|
"homePageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9",
|
|
"appId": "34fcc2ae-3995-4a1b-8d62-8b0530cfa4d4",
|
|
"currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"promotedFrom": null,
|
|
"createdAt": "2023-12-06T07:28:54.453Z",
|
|
"updatedAt": "2024-01-02T20:44:09.556Z"
|
|
}
|
|
],
|
|
"appEnvironments": [
|
|
{
|
|
"id": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
|
|
"organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
|
|
"name": "production",
|
|
"isDefault": true,
|
|
"priority": 3,
|
|
"enabled": true,
|
|
"createdAt": "2023-04-26T19:44:06.852Z",
|
|
"updatedAt": "2023-04-26T19:44:06.852Z"
|
|
},
|
|
{
|
|
"id": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
|
|
"organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
|
|
"name": "staging",
|
|
"isDefault": false,
|
|
"priority": 2,
|
|
"enabled": true,
|
|
"createdAt": "2023-04-26T19:44:06.852Z",
|
|
"updatedAt": "2023-04-26T19:44:06.852Z"
|
|
},
|
|
{
|
|
"id": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
|
|
"name": "development",
|
|
"isDefault": false,
|
|
"priority": 1,
|
|
"enabled": true,
|
|
"createdAt": "2023-04-26T19:44:06.852Z",
|
|
"updatedAt": "2023-04-26T19:44:06.852Z"
|
|
}
|
|
],
|
|
"dataSourceOptions": [
|
|
{
|
|
"id": "fb231c35-11d9-47d9-b1a1-48eade69dfec",
|
|
"dataSourceId": "befee9a0-5976-404f-97ad-285dd07646b0",
|
|
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"options": null,
|
|
"createdAt": "2023-12-06T07:28:54.481Z",
|
|
"updatedAt": "2023-12-06T07:28:54.481Z"
|
|
},
|
|
{
|
|
"id": "ec3d60cc-cd63-4c1c-814f-a373f65e7a17",
|
|
"dataSourceId": "befee9a0-5976-404f-97ad-285dd07646b0",
|
|
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
|
|
"options": null,
|
|
"createdAt": "2023-12-06T07:28:54.481Z",
|
|
"updatedAt": "2023-12-06T07:28:54.481Z"
|
|
},
|
|
{
|
|
"id": "71f74f39-fac1-4aa2-9c98-b4b3decd07ac",
|
|
"dataSourceId": "befee9a0-5976-404f-97ad-285dd07646b0",
|
|
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
|
|
"options": null,
|
|
"createdAt": "2023-12-06T07:28:54.481Z",
|
|
"updatedAt": "2023-12-06T07:28:54.481Z"
|
|
},
|
|
{
|
|
"id": "f3d0dc83-4b9f-4440-8295-5cf8a705430b",
|
|
"dataSourceId": "ae71b559-e309-4961-ad4b-9a2e440cd78c",
|
|
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"options": null,
|
|
"createdAt": "2023-12-06T07:28:54.489Z",
|
|
"updatedAt": "2023-12-06T07:28:54.489Z"
|
|
},
|
|
{
|
|
"id": "885ae072-8e42-4151-ab6a-41b1cb895c5f",
|
|
"dataSourceId": "ae71b559-e309-4961-ad4b-9a2e440cd78c",
|
|
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
|
|
"options": null,
|
|
"createdAt": "2023-12-06T07:28:54.489Z",
|
|
"updatedAt": "2023-12-06T07:28:54.489Z"
|
|
},
|
|
{
|
|
"id": "dd78b4b0-2c57-46a0-a602-ceb790a2fd78",
|
|
"dataSourceId": "ae71b559-e309-4961-ad4b-9a2e440cd78c",
|
|
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
|
|
"options": null,
|
|
"createdAt": "2023-12-06T07:28:54.489Z",
|
|
"updatedAt": "2023-12-06T07:28:54.489Z"
|
|
},
|
|
{
|
|
"id": "ba72d7ff-d6af-4ebe-a50b-b6b36e6c65b6",
|
|
"dataSourceId": "e4bc3d3a-e89d-4981-ac91-0a90172a9e4e",
|
|
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
|
|
"options": null,
|
|
"createdAt": "2023-12-06T07:28:54.496Z",
|
|
"updatedAt": "2023-12-06T07:28:54.496Z"
|
|
},
|
|
{
|
|
"id": "f71c5a49-800e-44c1-9eed-f1d4e2c7d6de",
|
|
"dataSourceId": "e4bc3d3a-e89d-4981-ac91-0a90172a9e4e",
|
|
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
|
|
"options": null,
|
|
"createdAt": "2023-12-06T07:28:54.496Z",
|
|
"updatedAt": "2023-12-06T07:28:54.496Z"
|
|
},
|
|
{
|
|
"id": "37f6630a-8e08-424a-8720-d62a85a0e267",
|
|
"dataSourceId": "e4bc3d3a-e89d-4981-ac91-0a90172a9e4e",
|
|
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"options": null,
|
|
"createdAt": "2023-12-06T07:28:54.496Z",
|
|
"updatedAt": "2023-12-06T07:28:54.496Z"
|
|
},
|
|
{
|
|
"id": "6e0addd1-ed51-46c7-91a1-135ba73b5ece",
|
|
"dataSourceId": "8649cb45-346e-4e9f-bc78-7bbba72725bb",
|
|
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"options": null,
|
|
"createdAt": "2023-12-06T07:28:54.505Z",
|
|
"updatedAt": "2023-12-06T07:28:54.505Z"
|
|
},
|
|
{
|
|
"id": "42349597-1590-4185-b1dc-445cd894abc1",
|
|
"dataSourceId": "8649cb45-346e-4e9f-bc78-7bbba72725bb",
|
|
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
|
|
"options": null,
|
|
"createdAt": "2023-12-06T07:28:54.505Z",
|
|
"updatedAt": "2023-12-06T07:28:54.505Z"
|
|
},
|
|
{
|
|
"id": "78f5758e-715e-4047-819c-f0c62b52db26",
|
|
"dataSourceId": "8649cb45-346e-4e9f-bc78-7bbba72725bb",
|
|
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
|
|
"options": null,
|
|
"createdAt": "2023-12-06T07:28:54.505Z",
|
|
"updatedAt": "2023-12-06T07:28:54.505Z"
|
|
},
|
|
{
|
|
"id": "7624d97b-99d0-40b8-bdc0-c0bd80c9442e",
|
|
"dataSourceId": "4c79db65-8a0c-49e3-acdf-3b35114eb678",
|
|
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
|
|
"options": null,
|
|
"createdAt": "2023-12-06T07:28:54.515Z",
|
|
"updatedAt": "2023-12-06T07:28:54.515Z"
|
|
},
|
|
{
|
|
"id": "355f12d0-2ca4-433e-bb7a-7b0961b58b46",
|
|
"dataSourceId": "4c79db65-8a0c-49e3-acdf-3b35114eb678",
|
|
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
|
|
"options": null,
|
|
"createdAt": "2023-12-06T07:28:54.515Z",
|
|
"updatedAt": "2023-12-06T07:28:54.515Z"
|
|
},
|
|
{
|
|
"id": "ea4c5df4-8369-4cad-a939-2da1c0a16075",
|
|
"dataSourceId": "4c79db65-8a0c-49e3-acdf-3b35114eb678",
|
|
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"options": null,
|
|
"createdAt": "2023-12-06T07:28:54.515Z",
|
|
"updatedAt": "2023-12-06T07:28:54.515Z"
|
|
}
|
|
],
|
|
"schemaDetails": {
|
|
"multiPages": true,
|
|
"multiEnv": true,
|
|
"globalDataSources": true
|
|
}
|
|
}
|
|
}
|
|
}
|
|
],
|
|
"tooljet_version": "2.26.2-ee2.11.2-cloud2.1.11"
|
|
} |