ToolJet/server/templates/employee-feedback/definition.json
Abhinaba Adhikari fe086ac96c
Add new templates (#8907)
* update whitelist IP address and add warning in workspace constants to avoid usage in the client

* [docs] platform milestone 11 (#8847)

* [docs]reset password

* [docs]edit+archive flow

* [docs]updated docs in v2.29 and v2.30

* [docs]github ssouserinfo

* [docs] openid - id_token_encrypted

* Change docker image build's slack message

* [docs]archive/unarchive workspaces:superadmin (#8880)

* mention that workspace constants will not work with workspace constants (#8887)

* update release notes and project overview sidebar (#8884)

* add rgba example for timeline doc (#8892)

* update commands and solution for migration issues

* minor grammar fix

* [docs] revamped how-to guides (#8688)

* [docs]revamped howto: serverside pagination

* [docs]revamp howto: import ext. js libs

* [docs]revamp howto:run actions from js query

* [docs]revamp howto: intentionally fail js query

* updated run query at specified

* revamped how to: use to_py

* [docs]updated how to access users location

* updated howtos in v2.30

* Add new templates - batch 3

---------

Co-authored-by: Karan Rathod <karan.altcampus@gmail.com>
Co-authored-by: Adish M <44204658+adishM98@users.noreply.github.com>
Co-authored-by: Shubhendra Singh Chauhan <withshubh@gmail.com>
Co-authored-by: Adish M <adish.madhu@gmail.com>
Co-authored-by: Akshay <akshaysasidharan93@gmail.com>
2024-02-29 11:56:03 +05:30

22398 lines
No EOL
907 KiB
JSON

{
"tooljet_database": [
{
"id": "3a10a0e5-07f8-4bb8-beba-c1f14c0b4342",
"table_name": "employee_feedback",
"schema": {
"columns": [
{
"column_name": "id",
"data_type": "integer",
"column_default": "nextval('\"3a10a0e5-07f8-4bb8-beba-c1f14c0b4342_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": "department",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "employee_id",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "overall_score",
"data_type": "integer",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": 32,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "teamwork_score",
"data_type": "integer",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": 32,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "communication_score",
"data_type": "integer",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": 32,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "skillset_score",
"data_type": "integer",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": 32,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "notes",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "headshot",
"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": "23985795-624b-484a-9ff7-4764225c0c6f",
"type": "front-end",
"name": "Employee feedback",
"slug": "23985795-624b-484a-9ff7-4764225c0c6f",
"isPublic": false,
"isMaintenanceOn": false,
"icon": "grid",
"organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
"currentVersionId": null,
"userId": "255e4bf9-ba1e-458e-9269-030735c526ad",
"workflowApiToken": null,
"workflowEnabled": false,
"createdAt": "2024-01-03T09:48:29.233Z",
"creationMode": "DEFAULT",
"updatedAt": "2024-02-23T19:13:55.795Z",
"editingVersion": {
"id": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"name": "v1",
"definition": {
"showViewerNavigation": false,
"homePageId": "dc140207-cb7b-48b6-9882-463b5ce4bfa0",
"pages": {
"dc140207-cb7b-48b6-9882-463b5ce4bfa0": {
"components": {
"2341d610-31ac-4e54-8158-ad17b2bda8c5": {
"id": "2341d610-31ac-4e54-8158-ad17b2bda8c5",
"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": "0"
},
"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": 0,
"left": 0,
"width": 43,
"height": 70
}
}
},
"c16bc877-a279-4797-aa52-d5f9de3e23d8": {
"id": "c16bc877-a279-4797-aa52-d5f9de3e23d8",
"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": "center"
},
"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.3255827912519793,
"width": 6,
"height": 40
}
},
"parent": "2341d610-31ac-4e54-8158-ad17b2bda8c5"
},
"9491e94a-d2fb-4564-8bf8-807fdb2d7c1c": {
"id": "9491e94a-d2fb-4564-8bf8-807fdb2d7c1c",
"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": "{{18}}"
},
"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 Feedback"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text2",
"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": 67.44185981400516,
"width": 12,
"height": 40
}
},
"parent": "2341d610-31ac-4e54-8158-ad17b2bda8c5"
},
"3fbadc70-1e0c-4080-8465-f5beb99d8c9c": {
"id": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c",
"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": 160,
"left": 69.76744794554982,
"width": 12,
"height": 610
}
}
},
"f2f868fd-e094-4d3e-aba5-e0f2cd1dfc80": {
"id": "f2f868fd-e094-4d3e-aba5-e0f2cd1dfc80",
"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": "text3",
"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": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"0a1ce642-e2bb-4692-8739-92bc1701fbae": {
"id": "0a1ce642-e2bb-4692-8739-92bc1701fbae",
"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": "divider1",
"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": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"070de3f9-6dcd-47c2-ba94-7a0e23e83325": {
"id": "070de3f9-6dcd-47c2-ba94-7a0e23e83325",
"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": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"8e239119-cede-482d-8345-b09e8120f7b5": {
"id": "8e239119-cede-482d-8345-b09e8120f7b5",
"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": "text4",
"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": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"4920d788-cebb-48f7-a2d0-5c7f766d0fa7": {
"id": "4920d788-cebb-48f7-a2d0-5c7f766d0fa7",
"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": "text5",
"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.18604651162791,
"width": 21.999999999999996,
"height": 30
}
},
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"773665fb-3291-48ad-a2a0-1274bbf91abb": {
"id": "773665fb-3291-48ad-a2a0-1274bbf91abb",
"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": "text6",
"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": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"072ff68a-bd4c-4284-8051-9f3e89cd783f": {
"id": "072ff68a-bd4c-4284-8051-9f3e89cd783f",
"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": "Overall"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text7",
"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.97671584966582,
"width": 13.999999999999998,
"height": 30
}
},
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"39be278f-7ddc-4e75-a77a-6597c56b03b5": {
"id": "39be278f-7ddc-4e75-a77a-6597c56b03b5",
"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": "Teamwork"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text8",
"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.9767700673410635,
"width": 13.999999999999998,
"height": 30
}
},
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"a44b5906-a74c-4171-a321-b4899e38c1a8": {
"id": "a44b5906-a74c-4171-a321-b4899e38c1a8",
"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": "Communication"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text9",
"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": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"dfc3b2ef-4ddf-48d8-91ef-f79d84c12b12": {
"id": "dfc3b2ef-4ddf-48d8-91ef-f79d84c12b12",
"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": "Skillset"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text10",
"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.976760736701279,
"width": 13.999999999999998,
"height": 30
}
},
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"dc364e6c-6ba2-43c7-a8b5-8e72ba46d18c": {
"id": "dc364e6c-6ba2-43c7-a8b5-8e72ba46d18c",
"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": "textinput1",
"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": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"3477d0f5-075d-4012-b3ba-3935a298d5ee": {
"id": "3477d0f5-075d-4012-b3ba-3935a298d5ee",
"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": "textinput2",
"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": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"c46a6e77-ed64-42f8-a987-8d3aef1dfc3a": {
"id": "c46a6e77-ed64-42f8-a987-8d3aef1dfc3a",
"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": "textinput3",
"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": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"92bd2a9f-acb7-40ec-b10e-076a0c097d5a": {
"id": "92bd2a9f-acb7-40ec-b10e-076a0c097d5a",
"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": "textinput4",
"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": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"7b58add9-aab8-4fc3-b954-8a9ffc60c792": {
"id": "7b58add9-aab8-4fc3-b954-8a9ffc60c792",
"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": "divider2",
"displayName": "Divider",
"description": "Separator between components",
"component": "Divider",
"defaultSize": {
"width": 10,
"height": 10
},
"exposedVariables": {
"value": {}
}
},
"layouts": {
"desktop": {
"top": 530,
"left": 4.651159748611298,
"width": 39.00000000000001,
"height": 10
}
},
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"59d13fe1-ead9-401a-959d-a2fc6ad81bce": {
"id": "59d13fe1-ead9-401a-959d-a2fc6ad81bce",
"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": "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": 550,
"left": 39.53488193106961,
"width": 11.000000000000002,
"height": 40
}
},
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"d60133f7-51b9-43bc-bd61-bd7fbc678968": {
"id": "d60133f7-51b9-43bc-bd61-bd7fbc678968",
"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": "button2",
"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": 550,
"left": 67.44185987527574,
"width": 10.999999999999998,
"height": 40
}
},
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"dfb10b60-4fbb-48b0-a3d3-db1cbe5566f1": {
"id": "dfb10b60-4fbb-48b0-a3d3-db1cbe5566f1",
"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": "button3",
"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.00003051757812,
"left": 55.81396193731399,
"width": 5,
"height": 40
}
}
},
"5c289899-8427-4c28-b0b4-d4ea348e6c98": {
"id": "5c289899-8427-4c28-b0b4-d4ea348e6c98",
"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": "text14",
"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": 100,
"left": 2.3255791856255725,
"width": 12,
"height": 40
}
}
},
"a1a2b0e1-b856-4050-a20d-65f830020bd0": {
"id": "a1a2b0e1-b856-4050-a20d-65f830020bd0",
"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": "Overall feedback score",
"key": "phone_no",
"columnType": "number",
"autogenerated": true
},
{
"id": "a249ad47-c52d-43e5-b384-fa54122914a7",
"name": "Teamwork score",
"key": "blood_group",
"columnType": "number",
"autogenerated": true
},
{
"id": "568ce851-ae8f-4ebc-be26-c5a5eae89a57",
"name": "Communication score",
"key": "date_of_joining",
"columnType": "number",
"autogenerated": true
},
{
"id": "61ad21ce-70e5-4c4e-97e1-2f576c690dbe",
"name": "Skillset score",
"key": "date_of_birth",
"columnType": "number",
"autogenerated": true
},
{
"id": "de287f35-26ef-4fac-b574-a265d22d9232",
"name": "Additonal notes",
"key": "address",
"columnType": "text",
"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.00001525878906,
"left": 2.325578288596377,
"width": 28,
"height": 610
}
}
},
"b9d81a3c-dc7c-461e-9c2f-35ad33557ed4": {
"id": "b9d81a3c-dc7c-461e-9c2f-35ad33557ed4",
"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": "Additional notes"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text12",
"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": 390,
"left": 6.976749703235424,
"width": 13.999999999999998,
"height": 30
}
},
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"9a3d65ac-acb3-4f51-8d68-6c4ebe33bd41": {
"id": "9a3d65ac-acb3-4f51-8d68-6c4ebe33bd41",
"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": "textinput5",
"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": 390,
"left": 41.86047805877559,
"width": 21.999999999999996,
"height": 30
}
},
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"03802613-4fd1-439b-9b40-ae8c8bf771d2": {
"id": "03802613-4fd1-439b-9b40-ae8c8bf771d2",
"component": {
"properties": {
"primaryValueLabel": {
"type": "code",
"displayName": "Primary value label",
"validation": {
"schema": {
"type": "string"
}
}
},
"primaryValue": {
"type": "code",
"displayName": "Primary value",
"validation": {
"schema": {
"type": "string"
}
}
},
"hideSecondary": {
"type": "toggle",
"displayName": "Hide secondary value",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"secondaryValueLabel": {
"type": "code",
"displayName": "Secondary value label",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondaryValue": {
"type": "code",
"displayName": "Secondary value",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondarySignDisplay": {
"type": "code",
"displayName": "Secondary sign display",
"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": {},
"styles": {
"primaryLabelColour": {
"type": "color",
"displayName": "Primary label colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"primaryTextColour": {
"type": "color",
"displayName": "Primary text colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondaryLabelColour": {
"type": "color",
"displayName": "Secondary label colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondaryTextColour": {
"type": "color",
"displayName": "Secondary text colour",
"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": {
"primaryLabelColour": {
"value": "#8092AB"
},
"primaryTextColour": {
"value": "#000000"
},
"secondaryLabelColour": {
"value": "#8092AB"
},
"secondaryTextColour": {
"value": "#36AF8B"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"primaryValueLabel": {
"value": ""
},
"primaryValue": {
"value": ""
},
"secondaryValueLabel": {
"value": "Avg employee"
},
"secondaryValue": {
"value": "2.85"
},
"secondarySignDisplay": {
"value": "positive"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "statistics1",
"displayName": "Statistics",
"description": "Show key metrics",
"component": "Statistics",
"defaultSize": {
"width": 9.2,
"height": 152
},
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 430,
"left": 44.18604651162791,
"width": 20.999999999999996,
"height": 90
}
},
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"e9ba2d45-9daf-4461-8565-1637a263b9cc": {
"id": "e9ba2d45-9daf-4461-8565-1637a263b9cc",
"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": "Peer comparison"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text13",
"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": 430,
"left": 6.976744186046512,
"width": 15,
"height": 40
}
},
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
}
},
"handle": "home",
"name": "Home"
}
},
"globalSettings": {
"hideHeader": true,
"appInMaintenance": false,
"canvasMaxWidth": 100,
"canvasMaxWidthType": "%",
"canvasMaxHeight": 2400,
"canvasBackgroundColor": "#f8f9fa",
"backgroundFxQuery": "#f8f9fa"
}
},
"globalSettings": {
"hideHeader": true,
"appInMaintenance": false,
"canvasMaxWidth": 100,
"canvasMaxWidthType": "%",
"canvasMaxHeight": 2400,
"canvasBackgroundColor": "",
"backgroundFxQuery": ""
},
"showViewerNavigation": false,
"homePageId": "f46030c8-e690-41df-aea1-c12412dee679",
"appId": "23985795-624b-484a-9ff7-4764225c0c6f",
"currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"promotedFrom": null,
"createdAt": "2024-01-03T09:48:29.253Z",
"updatedAt": "2024-02-23T21:42:37.310Z"
},
"components": [
{
"id": "f6940a0e-3c6f-4069-b992-1d33e1608ece",
"name": "text16",
"type": "Text",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
"properties": {
"text": {
"value": "Employee ID"
}
},
"general": null,
"styles": {
"fontWeight": {
"value": "bold"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T23:04:21.540Z",
"layouts": [
{
"id": "49aadaad-829d-42ee-8bdb-7b4c37c3253c",
"type": "desktop",
"top": 20,
"left": 4.651162790697675,
"width": 10,
"height": 40,
"componentId": "f6940a0e-3c6f-4069-b992-1d33e1608ece"
}
]
},
{
"id": "4fc805bb-2f33-4477-9994-748f58dbabb1",
"name": "text1",
"type": "Text",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "4049c7ef-b063-4130-9833-caf3251bb5aa",
"properties": {
"text": {
"value": "B R A N D"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": null,
"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": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T21:51:01.610Z",
"layouts": [
{
"id": "eb9848d3-dc35-4f6e-8db5-124faf9413e7",
"type": "desktop",
"top": 10,
"left": 2.3255827912519793,
"width": 6,
"height": 40,
"componentId": "4fc805bb-2f33-4477-9994-748f58dbabb1"
}
]
},
{
"id": "a88946ef-7a93-4721-ac7f-c507d0bd06d9",
"name": "text3",
"type": "Text",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
"properties": {
"text": {
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) != undefined ? \"EMPLOYEE DETAILS\" : \"SELECT A ROW TO VIEW DETAILS\"}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": null,
"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": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:29.278Z",
"layouts": [
{
"id": "b6d66645-227e-4a12-8774-1175b8f3ee97",
"type": "desktop",
"top": 10,
"left": 6.976745455952444,
"width": 32,
"height": 40,
"componentId": "a88946ef-7a93-4721-ac7f-c507d0bd06d9"
}
]
},
{
"id": "ed3721a5-4c8c-4056-b91b-6d0eb8f44e8e",
"name": "divider1",
"type": "Divider",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
"properties": {},
"general": null,
"styles": {
"visibility": {
"value": "{{true}}"
},
"dividerColor": {
"value": "#9b9b9b80"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:29.278Z",
"layouts": [
{
"id": "f10fa4f0-2ff6-451e-9094-df1907d23baa",
"type": "desktop",
"top": 50,
"left": 4.651162790697675,
"width": 39.00000000000001,
"height": 10,
"componentId": "ed3721a5-4c8c-4056-b91b-6d0eb8f44e8e"
}
]
},
{
"id": "1e733b38-6a8c-46a1-aa69-9d84f0c9ea64",
"name": "divider2",
"type": "Divider",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
"properties": {},
"general": null,
"styles": {
"visibility": {
"value": "{{true}}"
},
"dividerColor": {
"value": "#9b9b9b80"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:29.278Z",
"layouts": [
{
"id": "fbe4a80c-142e-4162-a2a6-8172ceb39560",
"type": "desktop",
"top": 530,
"left": 4.651159748611298,
"width": 39.00000000000001,
"height": 10,
"componentId": "1e733b38-6a8c-46a1-aa69-9d84f0c9ea64"
}
]
},
{
"id": "f2d4b794-82f6-46c6-916e-c197934cb84b",
"name": "text13",
"type": "Text",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
"properties": {
"text": {
"value": "Peer comparison"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": null,
"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": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:29.278Z",
"layouts": [
{
"id": "77cc4e29-067a-4eb0-91f8-a6d43afa0b78",
"type": "desktop",
"top": 430,
"left": 6.976744186046512,
"width": 15,
"height": 40,
"componentId": "f2d4b794-82f6-46c6-916e-c197934cb84b"
}
]
},
{
"id": "69dc9f4e-d8b2-4e43-9e6d-f02649cb7f26",
"name": "statistics1",
"type": "Statistics",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
"properties": {
"primaryValueLabel": {
"value": ""
},
"primaryValue": {
"value": ""
},
"secondaryValueLabel": {
"value": "{{queries.peerComparison.data.peerComparisonType}}"
},
"secondaryValue": {
"value": "{{JSON.stringify(queries.peerComparison.data.peerComparisonScore)}}"
},
"secondarySignDisplay": {
"value": "{{queries?.peerComparison?.data?.peerComparisonScore >= 5 ? 'positive' : 'negative' }}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": null,
"styles": {
"primaryLabelColour": {
"value": "#8092AB"
},
"primaryTextColour": {
"value": "#000000"
},
"secondaryLabelColour": {
"value": "#8092AB"
},
"secondaryTextColour": {
"value": "#36AF8B"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:29.278Z",
"layouts": [
{
"id": "d3dc2618-b3bf-49f1-93d0-72f2a44c30f4",
"type": "desktop",
"top": 430,
"left": 41.86046511627907,
"width": 22,
"height": 90,
"componentId": "69dc9f4e-d8b2-4e43-9e6d-f02649cb7f26"
}
]
},
{
"id": "85bb8fd8-07a5-45bc-96d5-b7c6806430cc",
"name": "numberinput1",
"type": "NumberInput",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
"properties": {
"value": {
"value": "{{components.table1.selectedRow.overall_score}}"
},
"minValue": {
"value": "1"
},
"maxValue": {
"value": "10"
},
"placeholder": {
"value": ""
},
"decimalPlaces": {
"value": "{{0}}"
}
},
"general": null,
"styles": {
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "",
"fxActive": false
},
"backgroundColor": {
"fxActive": false,
"value": ""
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T22:08:17.996Z",
"layouts": [
{
"id": "31dac260-146c-4356-8f1e-72da87e4c121",
"type": "mobile",
"top": 220,
"left": 44.18604651162791,
"width": 9.30232558139535,
"height": 30,
"componentId": "85bb8fd8-07a5-45bc-96d5-b7c6806430cc"
},
{
"id": "572ecac7-8366-42d4-84c8-eddeb908801e",
"type": "desktop",
"top": 180,
"left": 41.86050068876311,
"width": 22.000000000000004,
"height": 40,
"componentId": "85bb8fd8-07a5-45bc-96d5-b7c6806430cc"
}
]
},
{
"id": "61f4a1d0-2f16-487c-8d6a-57efcb84b504",
"name": "numberinput2",
"type": "NumberInput",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
"properties": {
"value": {
"value": "{{components.table1.selectedRow.teamwork_score}}"
},
"maxValue": {
"value": "10"
},
"minValue": {
"value": "1"
},
"placeholder": {
"value": ""
},
"decimalPlaces": {
"value": "{{0}}"
}
},
"general": null,
"styles": {
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "",
"fxActive": false
},
"backgroundColor": {
"fxActive": false,
"value": ""
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T22:14:22.428Z",
"layouts": [
{
"id": "91e0f690-4315-4ab9-bd19-a9ded8f5a200",
"type": "mobile",
"top": 220,
"left": 44.18604651162791,
"width": 9.30232558139535,
"height": 30,
"componentId": "61f4a1d0-2f16-487c-8d6a-57efcb84b504"
},
{
"id": "3903fc95-526a-402f-8634-6b7ef40d3c70",
"type": "desktop",
"top": 230,
"left": 41.860444782666214,
"width": 22.000000000000004,
"height": 40,
"componentId": "61f4a1d0-2f16-487c-8d6a-57efcb84b504"
}
]
},
{
"id": "2b02f090-7620-4ccc-b815-c5721b5f60a0",
"name": "numberinput3",
"type": "NumberInput",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
"properties": {
"value": {
"value": "{{components.table1.selectedRow.communication_score}}"
},
"maxValue": {
"value": "10"
},
"minValue": {
"value": "1"
},
"placeholder": {
"value": ""
},
"decimalPlaces": {
"value": "{{0}}"
}
},
"general": null,
"styles": {
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "",
"fxActive": false
},
"backgroundColor": {
"fxActive": false,
"value": ""
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T22:14:42.925Z",
"layouts": [
{
"id": "9287a296-0706-4ef4-9cde-bdc74c0e76b1",
"type": "mobile",
"top": 220,
"left": 44.18604651162791,
"width": 9.30232558139535,
"height": 30,
"componentId": "2b02f090-7620-4ccc-b815-c5721b5f60a0"
},
{
"id": "8053e559-6d86-4851-8d9b-6c0a247e96e9",
"type": "desktop",
"top": 280,
"left": 41.86052520987187,
"width": 22.000000000000004,
"height": 40,
"componentId": "2b02f090-7620-4ccc-b815-c5721b5f60a0"
}
]
},
{
"id": "b291084e-33eb-481c-9ad1-6a94a062044c",
"name": "numberinput4",
"type": "NumberInput",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
"properties": {
"value": {
"value": "{{components.table1.selectedRow.skillset_score}}"
},
"maxValue": {
"value": "10"
},
"minValue": {
"value": "1"
},
"placeholder": {
"value": ""
},
"decimalPlaces": {
"value": "{{0}}"
}
},
"general": null,
"styles": {
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "",
"fxActive": false
},
"backgroundColor": {
"fxActive": false,
"value": ""
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T22:15:01.966Z",
"layouts": [
{
"id": "0442ef79-dd0c-46c1-ab0e-9e1cbad7f58a",
"type": "mobile",
"top": 220,
"left": 44.18604651162791,
"width": 9.30232558139535,
"height": 30,
"componentId": "b291084e-33eb-481c-9ad1-6a94a062044c"
},
{
"id": "eeada440-9707-4fb7-b81a-a14f6dc86d6a",
"type": "desktop",
"top": 330,
"left": 41.8604455496836,
"width": 22.000000000000004,
"height": 40,
"componentId": "b291084e-33eb-481c-9ad1-6a94a062044c"
}
]
},
{
"id": "88b56dca-44be-4c2b-841f-9ed42c34dc25",
"name": "textinput1",
"type": "TextInput",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
"properties": {
"placeholder": {
"value": "Additional notes"
},
"value": {
"value": "{{components.table1.selectedRow.notes}}"
}
},
"general": null,
"styles": {
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:29.278Z",
"layouts": [
{
"id": "e84fc369-e0fa-4f13-ad67-6f2c9d04320a",
"type": "mobile",
"top": 390,
"left": 41.860465116279066,
"width": 13.953488372093023,
"height": 30,
"componentId": "88b56dca-44be-4c2b-841f-9ed42c34dc25"
},
{
"id": "1af996c8-f334-4fcf-873b-28a502972f5c",
"type": "desktop",
"top": 380,
"left": 41.86045039176191,
"width": 22.000000000000004,
"height": 40,
"componentId": "88b56dca-44be-4c2b-841f-9ed42c34dc25"
}
]
},
{
"id": "b63da444-452c-436d-9bcc-8a803fba4f88",
"name": "textarea2",
"type": "TextArea",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Some additional notes"
}
},
"general": null,
"styles": {
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:29.278Z",
"layouts": [
{
"id": "cf6e58ba-c537-421f-814b-b8439a00e6c7",
"type": "mobile",
"top": 30,
"left": 18.6046511627907,
"width": 13.953488372093023,
"height": 100,
"componentId": "b63da444-452c-436d-9bcc-8a803fba4f88"
},
{
"id": "2fa94dec-b249-4696-89d0-752670a2aa86",
"type": "desktop",
"top": 720,
"left": 27.906976744186046,
"width": 29,
"height": 70,
"componentId": "b63da444-452c-436d-9bcc-8a803fba4f88"
}
]
},
{
"id": "be958f76-5690-406a-94e2-f7e3a5af4a4f",
"name": "divider3",
"type": "Divider",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
"properties": {},
"general": null,
"styles": {
"dividerColor": {
"value": "#8888884d"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:29.278Z",
"layouts": [
{
"id": "ee2d8779-5fb0-4286-aff7-1238b5fd0cf8",
"type": "desktop",
"top": 810,
"left": 2.325560512113544,
"width": 41,
"height": 10,
"componentId": "be958f76-5690-406a-94e2-f7e3a5af4a4f"
}
]
},
{
"id": "4c0285e3-dadf-496a-a461-3ee360eafbfa",
"name": "numberinput6",
"type": "NumberInput",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
"properties": {
"value": {
"value": "{{components.table1.selectedRow.overall_score}}"
},
"maxValue": {
"value": "10"
},
"minValue": {
"value": "1"
},
"placeholder": {
"value": ""
},
"decimalPlaces": {
"value": "{{0}}"
}
},
"general": null,
"styles": {
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "",
"fxActive": false
},
"backgroundColor": {
"fxActive": false,
"value": ""
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T22:27:03.292Z",
"layouts": [
{
"id": "077e1089-c5be-41ee-97ff-7d642e7407bc",
"type": "mobile",
"top": 220,
"left": 44.18604651162791,
"width": 9.30232558139535,
"height": 30,
"componentId": "4c0285e3-dadf-496a-a461-3ee360eafbfa"
},
{
"id": "5b89ca7f-80c2-41e6-bd4e-d79a39e9f5f3",
"type": "desktop",
"top": 650,
"left": 27.906963408456907,
"width": 17,
"height": 40,
"componentId": "4c0285e3-dadf-496a-a461-3ee360eafbfa"
}
]
},
{
"id": "32dbd303-a894-4c7e-a636-9ef15922d8b1",
"name": "numberinput7",
"type": "NumberInput",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
"properties": {
"value": {
"value": "{{components.table1.selectedRow.overall_score}}"
},
"maxValue": {
"value": "10"
},
"minValue": {
"value": "1"
},
"placeholder": {
"value": ""
},
"decimalPlaces": {
"value": "{{0}}"
}
},
"general": null,
"styles": {
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "",
"fxActive": false
},
"backgroundColor": {
"fxActive": false,
"value": ""
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T22:26:42.651Z",
"layouts": [
{
"id": "87011ef4-33aa-4afd-8315-de05699bd93d",
"type": "mobile",
"top": 220,
"left": 44.18604651162791,
"width": 9.30232558139535,
"height": 30,
"componentId": "32dbd303-a894-4c7e-a636-9ef15922d8b1"
},
{
"id": "d8fda446-4886-46fe-aa83-4ff4e0db7946",
"type": "desktop",
"top": 440,
"left": 27.90696149841291,
"width": 17,
"height": 40,
"componentId": "32dbd303-a894-4c7e-a636-9ef15922d8b1"
}
]
},
{
"id": "39d99e23-df29-49eb-a596-04d76b3dbe4f",
"name": "text2",
"type": "Text",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "4049c7ef-b063-4130-9833-caf3251bb5aa",
"properties": {
"text": {
"value": "Employee feedback"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": null,
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#ffffffff",
"fxActive": false
},
"textSize": {
"value": "{{18}}"
},
"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": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-23T19:14:53.525Z",
"layouts": [
{
"id": "ead62828-b8c7-4a0d-bca8-4421a105bfe7",
"type": "desktop",
"top": 10,
"left": 69.76744239469483,
"width": 12,
"height": 40,
"componentId": "39d99e23-df29-49eb-a596-04d76b3dbe4f"
}
]
},
{
"id": "ab3504f2-d604-4b04-ae99-63f8b1bf27f7",
"name": "textinput2",
"type": "TextInput",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
"properties": {
"placeholder": {
"value": "Headshot image URL"
}
},
"general": null,
"styles": {
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {
"customRule": {
"value": ""
},
"regex": {
"value": "\\bhttps:\\/\\/[^\\s]+(?:\\.png|\\.jpg)\\b"
}
},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T23:16:04.418Z",
"layouts": [
{
"id": "adf5b62b-411f-42fc-aa8e-506f1127c55b",
"type": "desktop",
"top": 90,
"left": 27.90698003357747,
"width": 29,
"height": 40,
"componentId": "ab3504f2-d604-4b04-ae99-63f8b1bf27f7"
}
]
},
{
"id": "e72b41ff-3504-4591-913d-e1a5fe63c3f7",
"name": "image1",
"type": "Image",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
"properties": {
"source": {
"value": "{{components?.table1?.selectedRow?.headshot ?? \"https://www.svgrepo.com/show/444673/user.svg\"}}"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
},
"alternativeText": {
"value": ""
},
"zoomButtons": {
"value": "{{false}}"
},
"rotateButton": {
"value": "{{false}}"
}
},
"general": null,
"styles": {
"borderType": {
"value": "rounded"
},
"padding": {
"value": "0"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"imageFit": {
"value": "contain"
},
"backgroundColor": {
"value": ""
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:29.278Z",
"layouts": [
{
"id": "1944d3d9-ffb5-4cc7-899f-6c47ab7d8018",
"type": "desktop",
"top": 70,
"left": 6.9767441860465125,
"width": 11.000000000000002,
"height": 90,
"componentId": "e72b41ff-3504-4591-913d-e1a5fe63c3f7"
}
]
},
{
"id": "6d326401-62a3-43c8-82a2-eed74b492aef",
"name": "modal1",
"type": "Modal",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": null,
"properties": {
"title": {
"value": "ADD EMPLOYEE"
},
"useDefaultButton": {
"value": "{{false}}"
},
"modalHeight": {
"value": "900px"
}
},
"general": null,
"styles": {
"headerBackgroundColor": {
"value": "var(--indigo10)",
"fxActive": false
},
"headerTextColor": {
"value": "#ffffffff",
"fxActive": false
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T22:22:38.288Z",
"layouts": [
{
"id": "95c1463b-712d-4b70-8e8a-443b606f4a17",
"type": "desktop",
"top": 800,
"left": 2.325583146168665,
"width": 6,
"height": 40,
"componentId": "6d326401-62a3-43c8-82a2-eed74b492aef"
}
]
},
{
"id": "1fc530a7-5e6b-4eae-9404-dcc8cdb6cdd2",
"name": "text4",
"type": "Text",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
"properties": {
"text": {
"value": "{{components?.table1?.selectedRow?.name ?? \"Employee Name\"}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": null,
"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": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:29.278Z",
"layouts": [
{
"id": "a7527355-65f0-4df2-a5e5-0b496e191509",
"type": "desktop",
"top": 70,
"left": 34.883720930232556,
"width": 26.000000000000004,
"height": 30,
"componentId": "1fc530a7-5e6b-4eae-9404-dcc8cdb6cdd2"
}
]
},
{
"id": "4950177c-0893-4065-b823-b98626cd9389",
"name": "text6",
"type": "Text",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
"properties": {
"text": {
"value": "{{components?.table1?.selectedRow?.employee_id ?? \"Employee ID\"}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": null,
"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": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:29.278Z",
"layouts": [
{
"id": "50936c42-090c-4fb0-ad17-60d2f92c4bc1",
"type": "desktop",
"top": 130,
"left": 34.883720930232556,
"width": 26.000000000000004,
"height": 30,
"componentId": "4950177c-0893-4065-b823-b98626cd9389"
}
]
},
{
"id": "e6addbf0-3ea7-4d9d-8d82-840bf1333bdd",
"name": "text5",
"type": "Text",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
"properties": {
"text": {
"value": "{{components?.table1?.selectedRow?.designation ?? \"Employee Designation\"}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": null,
"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": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:29.278Z",
"layouts": [
{
"id": "83ec6948-638c-41ab-8532-3d16a81f680f",
"type": "desktop",
"top": 100,
"left": 34.88372727976222,
"width": 26.000000000000004,
"height": 30,
"componentId": "e6addbf0-3ea7-4d9d-8d82-840bf1333bdd"
}
]
},
{
"id": "74640bce-3012-4617-b9ed-e45c90095efd",
"name": "text12",
"type": "Text",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
"properties": {
"text": {
"value": "Additional notes"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": null,
"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": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:29.278Z",
"layouts": [
{
"id": "6bf35f72-0144-47ce-b1c5-603f937cb0d1",
"type": "desktop",
"top": 380,
"left": 6.976733593924185,
"width": 14,
"height": 40,
"componentId": "74640bce-3012-4617-b9ed-e45c90095efd"
}
]
},
{
"id": "4a7237e9-b7e3-43ca-8d8e-24125a31a1b5",
"name": "text8",
"type": "Text",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
"properties": {
"text": {
"value": "Teamwork"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": null,
"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": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:29.278Z",
"layouts": [
{
"id": "86b3ea54-9ee5-4521-9a2c-a5d316f7f0c0",
"type": "desktop",
"top": 230,
"left": 6.976765104543456,
"width": 14,
"height": 40,
"componentId": "4a7237e9-b7e3-43ca-8d8e-24125a31a1b5"
}
]
},
{
"id": "44f60c14-a56b-49f9-a54c-9df0e9300612",
"name": "text7",
"type": "Text",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
"properties": {
"text": {
"value": "Overall"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": null,
"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": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:29.278Z",
"layouts": [
{
"id": "07aee387-1adf-4070-9e20-76a97c14e5d4",
"type": "desktop",
"top": 180,
"left": 6.976702388406988,
"width": 14,
"height": 40,
"componentId": "44f60c14-a56b-49f9-a54c-9df0e9300612"
}
]
},
{
"id": "fcacaff0-cfb6-4bd5-8406-827ef0148da3",
"name": "text14",
"type": "Text",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": null,
"properties": {
"text": {
"value": "{{`Employees (${queries?.getEmployees?.data?.length ?? 0})`}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": null,
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "var(--indigo10)",
"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": "{{5}}"
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{!queries.getEmployees.isLoading}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T22:20:19.316Z",
"layouts": [
{
"id": "d2ef19a7-440c-41bf-8cec-19d213e5f63c",
"type": "desktop",
"top": 110,
"left": 2.3255845921689686,
"width": 12,
"height": 40,
"componentId": "fcacaff0-cfb6-4bd5-8406-827ef0148da3"
}
]
},
{
"id": "9f21ba5c-c539-45a5-a72e-ca5196969b6b",
"name": "text10",
"type": "Text",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
"properties": {
"text": {
"value": "Skillset"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": null,
"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": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:29.278Z",
"layouts": [
{
"id": "f4f9e10e-1eb4-4a17-a88d-0b399f6a4f91",
"type": "desktop",
"top": 330,
"left": 6.976745938925399,
"width": 14,
"height": 40,
"componentId": "9f21ba5c-c539-45a5-a72e-ca5196969b6b"
}
]
},
{
"id": "239d42a0-b35b-46de-a478-14bd93d38654",
"name": "text9",
"type": "Text",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
"properties": {
"text": {
"value": "Communication"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": null,
"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": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:29.278Z",
"layouts": [
{
"id": "6beb9038-2833-4a03-b137-6790947d1071",
"type": "desktop",
"top": 280,
"left": 6.976751433794644,
"width": 14,
"height": 40,
"componentId": "239d42a0-b35b-46de-a478-14bd93d38654"
}
]
},
{
"id": "8cc5c1c8-d154-4a1b-83f0-140b40f89cf8",
"name": "button2",
"type": "Button",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
"properties": {
"text": {
"value": "Save"
},
"loadingState": {
"value": "{{queries.updateEmployee.isLoading}}",
"fxActive": true
}
},
"general": null,
"styles": {
"backgroundColor": {
"value": "#3e63ddff"
},
"textColor": {
"value": "#fff"
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{6}}"
},
"borderColor": {
"value": "#ffffff00"
},
"disabledState": {
"value": "{{!(variables?.isEmployeeDetailsUpdated ?? false)}}",
"fxActive": true
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T22:07:44.841Z",
"layouts": [
{
"id": "700881b9-68ee-4c8b-94fb-5a2e4cd2ed8c",
"type": "desktop",
"top": 550,
"left": 67.4418818727193,
"width": 10.999999999999998,
"height": 40,
"componentId": "8cc5c1c8-d154-4a1b-83f0-140b40f89cf8"
}
]
},
{
"id": "62977e64-3e78-4110-a649-85a12648a7a9",
"name": "text17",
"type": "Text",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
"properties": {
"text": {
"value": "Employee email"
}
},
"general": null,
"styles": {
"fontWeight": {
"value": "bold"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T23:05:26.089Z",
"layouts": [
{
"id": "1f492ba0-b65b-402e-9eee-c5c3e1c50d42",
"type": "desktop",
"top": 230,
"left": 4.651162790697675,
"width": 10,
"height": 40,
"componentId": "62977e64-3e78-4110-a649-85a12648a7a9"
}
]
},
{
"id": "3ffbf74b-cadf-417c-a68b-40eb515a4fb2",
"name": "text18",
"type": "Text",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
"properties": {
"text": {
"value": "Department"
}
},
"general": null,
"styles": {
"fontWeight": {
"value": "bold"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T23:06:19.278Z",
"layouts": [
{
"id": "d7b717a1-67bc-4d16-8db0-76a91e93ff78",
"type": "desktop",
"top": 370,
"left": 4.651162790697675,
"width": 10,
"height": 40,
"componentId": "3ffbf74b-cadf-417c-a68b-40eb515a4fb2"
}
]
},
{
"id": "df131a9e-3b6f-4130-b1c4-31a42fb3d2b7",
"name": "text15",
"type": "Text",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
"properties": {
"text": {
"value": "Headshot image URL"
}
},
"general": null,
"styles": {
"fontWeight": {
"value": "bold"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T23:16:24.736Z",
"layouts": [
{
"id": "019e36e8-f5b4-490e-a8eb-1606af18e932",
"type": "desktop",
"top": 90,
"left": 4.651158570183418,
"width": 10,
"height": 40,
"componentId": "df131a9e-3b6f-4130-b1c4-31a42fb3d2b7"
}
]
},
{
"id": "6f05d04d-213d-49eb-b803-615de19be70c",
"name": "text24",
"type": "Text",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
"properties": {
"text": {
"value": "Note"
}
},
"general": null,
"styles": {
"fontWeight": {
"value": "bold"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T23:07:46.784Z",
"layouts": [
{
"id": "c5124b9c-6367-4efe-9232-ed89800891f1",
"type": "desktop",
"top": 720,
"left": 4.651162790697675,
"width": 10,
"height": 40,
"componentId": "6f05d04d-213d-49eb-b803-615de19be70c"
}
]
},
{
"id": "b2879af6-5c8c-4e6f-aa0c-5e4833bfca2c",
"name": "textinput4",
"type": "TextInput",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
"properties": {
"placeholder": {
"value": "Employee email"
}
},
"general": null,
"styles": {
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {
"customRule": {
"value": "{{ /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/.test(components.textinput4.value) ? \n true : \"Invalid Email Address!\" }}"
}
},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T23:10:25.262Z",
"layouts": [
{
"id": "f2e14ff5-0838-45da-b449-46cf7ba01300",
"type": "desktop",
"top": 230,
"left": 27.906976744186046,
"width": 29,
"height": 40,
"componentId": "b2879af6-5c8c-4e6f-aa0c-5e4833bfca2c"
}
]
},
{
"id": "2a92b758-3b36-49c1-9431-de4d686117a1",
"name": "text20",
"type": "Text",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
"properties": {
"text": {
"value": "Employee designation"
}
},
"general": null,
"styles": {
"fontWeight": {
"value": "bold"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T23:10:58.724Z",
"layouts": [
{
"id": "b7cb28c8-6acd-4ac3-9814-9b5aff1e369d",
"type": "desktop",
"top": 300,
"left": 4.651157841631647,
"width": 10,
"height": 40,
"componentId": "2a92b758-3b36-49c1-9431-de4d686117a1"
}
]
},
{
"id": "4049c7ef-b063-4130-9833-caf3251bb5aa",
"name": "container1",
"type": "Container",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": null,
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": null,
"styles": {
"backgroundColor": {
"value": "var(--indigo10)",
"fxActive": false
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#ffffff00",
"fxActive": false
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T22:20:04.103Z",
"layouts": [
{
"id": "61bc83f2-4384-4831-91c5-fdb8bc4913e3",
"type": "desktop",
"top": 20,
"left": 2.3255854792151047,
"width": 41,
"height": 70,
"componentId": "4049c7ef-b063-4130-9833-caf3251bb5aa"
}
]
},
{
"id": "662a1587-d72a-4568-8764-dac52b21574f",
"name": "form1",
"type": "Form",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"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": null,
"styles": {
"backgroundColor": {
"value": "#fff"
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#656d7729",
"fxActive": false
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{queries.removeEmployee.isLoading || queries.updateEmployee.isLoading}}",
"fxActive": true
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T21:55:00.777Z",
"layouts": [
{
"id": "770d7a21-af76-46b3-a50d-dc55cbf9890d",
"type": "desktop",
"top": 160,
"left": 69.7674463616309,
"width": 12,
"height": 610,
"componentId": "662a1587-d72a-4568-8764-dac52b21574f"
}
]
},
{
"id": "988f1035-a1e2-42f7-9231-a79127805ad0",
"name": "button6",
"type": "Button",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
"properties": {
"text": {
"value": "Add"
},
"loadingState": {
"value": "{{queries.addEmployee.isLoading}}",
"fxActive": true
}
},
"general": null,
"styles": {
"backgroundColor": {
"value": "var(--indigo10)",
"fxActive": false
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "#ffffff00"
},
"disabledState": {
"value": "{{false}}",
"fxActive": false
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T22:57:22.785Z",
"layouts": [
{
"id": "894dbf98-c185-4d88-91ae-259de9f93177",
"type": "desktop",
"top": 840,
"left": 79.06977649885556,
"width": 7.000000000000001,
"height": 40,
"componentId": "988f1035-a1e2-42f7-9231-a79127805ad0"
}
]
},
{
"id": "54456525-8152-400e-9240-174f4f60ee8b",
"name": "image2",
"type": "Image",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
"properties": {
"source": {
"value": "https://www.svgrepo.com/show/450182/info-circle.svg"
}
},
"general": {
"tooltip": {
"value": "Value can range between 1 and 10"
}
},
"styles": {},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T22:33:23.068Z",
"layouts": [
{
"id": "2df19ba2-6b62-44de-88f0-c8fc33bae1e1",
"type": "desktop",
"top": 650,
"left": 69.76743276114786,
"width": 2,
"height": 40,
"componentId": "54456525-8152-400e-9240-174f4f60ee8b"
}
]
},
{
"id": "d45b9712-fd2b-4b76-a944-8884d8b4fa70",
"name": "button5",
"type": "Button",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
"properties": {
"text": {
"value": "Cancel"
},
"loadingState": {
"fxActive": false
}
},
"general": null,
"styles": {
"backgroundColor": {
"value": "#ffffff00"
},
"textColor": {
"value": "var(--indigo10)",
"fxActive": false
},
"loaderColor": {
"value": "var(--indigo10)",
"fxActive": false
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "var(--indigo10)",
"fxActive": false
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T22:24:07.952Z",
"layouts": [
{
"id": "a4951132-09df-4b2e-9caf-a25499f6b2e8",
"type": "desktop",
"top": 840,
"left": 60.465070874595405,
"width": 7,
"height": 40,
"componentId": "d45b9712-fd2b-4b76-a944-8884d8b4fa70"
}
]
},
{
"id": "c27330e7-6d3e-49bf-a96a-848baff75994",
"name": "text19",
"type": "Text",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
"properties": {
"text": {
"value": "Employee name"
}
},
"general": null,
"styles": {
"fontWeight": {
"value": "bold"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T23:05:09.674Z",
"layouts": [
{
"id": "3a238b42-d0c7-4ad3-948d-0006b1b0eae2",
"type": "desktop",
"top": 160,
"left": 4.651162790697675,
"width": 10,
"height": 40,
"componentId": "c27330e7-6d3e-49bf-a96a-848baff75994"
}
]
},
{
"id": "785e7d26-d3ee-4817-a134-ef3bd28518c9",
"name": "text21",
"type": "Text",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
"properties": {
"text": {
"value": "Communication"
}
},
"general": null,
"styles": {
"fontWeight": {
"value": "bold"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T23:07:10.107Z",
"layouts": [
{
"id": "144f0b63-1a06-41fb-accc-2ee92b31838c",
"type": "desktop",
"top": 580,
"left": 4.651162790697675,
"width": 10,
"height": 40,
"componentId": "785e7d26-d3ee-4817-a134-ef3bd28518c9"
}
]
},
{
"id": "849b4ba2-ebcd-43d7-831d-fd8fe635679c",
"name": "numberinput8",
"type": "NumberInput",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
"properties": {
"value": {
"value": "{{components.table1.selectedRow.overall_score}}"
},
"maxValue": {
"value": "10"
},
"minValue": {
"value": "1"
},
"placeholder": {
"value": ""
},
"decimalPlaces": {
"value": "{{0}}"
}
},
"general": null,
"styles": {
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "",
"fxActive": false
},
"backgroundColor": {
"fxActive": false,
"value": ""
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T22:26:50.160Z",
"layouts": [
{
"id": "80d39b5a-5849-4d19-ba85-466f38aa8622",
"type": "mobile",
"top": 220,
"left": 44.18604651162791,
"width": 9.30232558139535,
"height": 30,
"componentId": "849b4ba2-ebcd-43d7-831d-fd8fe635679c"
},
{
"id": "4dc829ac-2f47-4167-bc4c-25b248cf9643",
"type": "desktop",
"top": 510,
"left": 27.906962472339206,
"width": 17,
"height": 40,
"componentId": "849b4ba2-ebcd-43d7-831d-fd8fe635679c"
}
]
},
{
"id": "ad97e4b4-fae8-41df-8dbc-a76647b0d220",
"name": "numberinput9",
"type": "NumberInput",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
"properties": {
"value": {
"value": "{{components.table1.selectedRow.overall_score}}"
},
"maxValue": {
"value": "10"
},
"minValue": {
"value": "1"
},
"placeholder": {
"value": ""
},
"decimalPlaces": {
"value": "{{0}}"
}
},
"general": null,
"styles": {
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "",
"fxActive": false
},
"backgroundColor": {
"fxActive": false,
"value": ""
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T22:26:56.556Z",
"layouts": [
{
"id": "5a6bef34-9df0-428e-b437-7b5fcf26dfe6",
"type": "mobile",
"top": 220,
"left": 44.18604651162791,
"width": 9.30232558139535,
"height": 30,
"componentId": "ad97e4b4-fae8-41df-8dbc-a76647b0d220"
},
{
"id": "369d360e-6e1d-4696-bd48-aad7e23a71cd",
"type": "desktop",
"top": 580,
"left": 27.906965086128714,
"width": 17,
"height": 40,
"componentId": "ad97e4b4-fae8-41df-8dbc-a76647b0d220"
}
]
},
{
"id": "a48c9bbe-1c2c-4d7d-9892-3fa5c0a6516f",
"name": "text25",
"type": "Text",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
"properties": {
"text": {
"value": "Teamwork"
}
},
"general": null,
"styles": {
"fontWeight": {
"value": "bold"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T23:06:48.027Z",
"layouts": [
{
"id": "49da2d0f-4ed5-4f1f-b1ea-78cb02a337f8",
"type": "desktop",
"top": 510,
"left": 4.651162790697675,
"width": 10,
"height": 40,
"componentId": "a48c9bbe-1c2c-4d7d-9892-3fa5c0a6516f"
}
]
},
{
"id": "57804267-8f2a-420b-af38-f3182d9aafa7",
"name": "text26",
"type": "Text",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
"properties": {
"text": {
"value": "Skillset"
}
},
"general": null,
"styles": {
"fontWeight": {
"value": "bold"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T23:07:29.551Z",
"layouts": [
{
"id": "b3628364-6047-4cb8-83d9-8abcc3e09087",
"type": "desktop",
"top": 650,
"left": 4.651162790697675,
"width": 10,
"height": 40,
"componentId": "57804267-8f2a-420b-af38-f3182d9aafa7"
}
]
},
{
"id": "febe3a05-375b-413b-a7ee-843dd798edb7",
"name": "table1",
"type": "Table",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"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
},
{
"id": "4f8bca4a-709b-482f-b188-b407b3d39ab0",
"name": "headshot",
"key": "headshot",
"columnType": "image",
"autogenerated": true,
"borderRadius": "50",
"width": "30",
"height": "30"
},
{
"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
}
]
},
"showBulkUpdateActions": {
"value": "{{false}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{true}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 39,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 192,
"db258ca5-d4f5-4b22-a667-143882f7f004": 123,
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 262,
"c13331c3-7040-4b47-90a1-10c5245bd110": 245,
"4f8bca4a-709b-482f-b188-b407b3d39ab0": 95
}
},
"actions": {
"value": []
},
"enabledSort": {
"value": "{{true}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"defaultSelectedRow": {
"value": "{{({id: components.table1.currentPageData[0].id})}}"
},
"showAddNewRowButton": {
"value": "{{false}}"
},
"allowSelection": {
"value": "{{true}}"
},
"columnDeletionHistory": {
"value": [
"new_column1",
"Department",
"Title",
"image_data",
"employee_id",
null,
"teamwork_score",
"communication_score",
"skillset_score",
"notes",
"overall_score"
]
}
},
"general": null,
"styles": {
"textColor": {
"value": "#000"
},
"actionButtonRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"cellSize": {
"value": "regular"
},
"borderRadius": {
"value": "10"
},
"tableType": {
"value": "table-classic"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-23T19:16:02.969Z",
"layouts": [
{
"id": "36c62800-0c8e-4543-b10f-6a0ae1f7f051",
"type": "desktop",
"top": 160,
"left": 2.325587701313705,
"width": 28,
"height": 610,
"componentId": "febe3a05-375b-413b-a7ee-843dd798edb7"
}
]
},
{
"id": "82d7dfbd-bcc6-45a2-a8ba-3808f89e7556",
"name": "button3",
"type": "Button",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": null,
"properties": {
"text": {
"value": "Add Employee"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": null,
"styles": {
"backgroundColor": {
"value": "var(--indigo10)",
"fxActive": false
},
"textColor": {
"value": "#fff"
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "#ffffff00"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T22:20:37.830Z",
"layouts": [
{
"id": "7c0b06d0-5d0e-403c-a93b-fe64cf836bdc",
"type": "desktop",
"top": 110.00003051757812,
"left": 55.81401587687826,
"width": 5,
"height": 40,
"componentId": "82d7dfbd-bcc6-45a2-a8ba-3808f89e7556"
}
]
},
{
"id": "09fd60fd-207f-42ee-b7d8-7a1f35da51d9",
"name": "text23",
"type": "Text",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
"properties": {
"text": {
"value": "Overall score"
}
},
"general": null,
"styles": {
"fontWeight": {
"value": "bold"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T23:06:33.393Z",
"layouts": [
{
"id": "a4603b91-6358-4107-8e2f-fb7f6ac05e09",
"type": "desktop",
"top": 440,
"left": 4.651165382339403,
"width": 10,
"height": 40,
"componentId": "09fd60fd-207f-42ee-b7d8-7a1f35da51d9"
}
]
},
{
"id": "2b404f08-468b-44fc-9326-5f7c5c70ef78",
"name": "textinput5",
"type": "TextInput",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
"properties": {
"placeholder": {
"value": "Employee ID"
}
},
"general": null,
"styles": {
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {
"customRule": {
"value": ""
}
},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T23:15:37.056Z",
"layouts": [
{
"id": "b63bbc5d-252b-402c-9a41-eade4e771c04",
"type": "desktop",
"top": 20,
"left": 27.906979335827774,
"width": 29,
"height": 40,
"componentId": "2b404f08-468b-44fc-9326-5f7c5c70ef78"
}
]
},
{
"id": "4e839c73-6f90-4449-b5fe-b6256c3cc453",
"name": "dropdown1",
"type": "DropDown",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
"properties": {
"label": {
"value": ""
},
"value": {
"value": "{{\"Engineering\"}}"
},
"values": {
"value": "{{[\"Engineering\", \"Developer Relations\",\"Marketing\", \"Sales\", \"Designing\", \"Operations\", \"Product Management\", \"Finance\"]}}"
},
"display_values": {
"value": "{{[\"Engineering\", \"Developer Relations\",\"Marketing\", \"Sales\", \"Designing\", \"Operations\", \"Product Management\", \"Finance\"]}}"
},
"placeholder": {
"value": "Select type"
}
},
"general": null,
"styles": {
"borderRadius": {
"value": "5"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:29.278Z",
"layouts": [
{
"id": "60457f74-728e-49c0-afa7-66fdefcf8da4",
"type": "desktop",
"top": 370,
"left": 27.906976744186046,
"width": 29,
"height": 40,
"componentId": "4e839c73-6f90-4449-b5fe-b6256c3cc453"
}
]
},
{
"id": "08472a40-5219-49ca-8706-e5a5dac3a8da",
"name": "button1",
"type": "Button",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
"properties": {
"text": {
"value": "Delete"
},
"loadingState": {
"value": "{{queries.removeEmployee.isLoading}}",
"fxActive": true
}
},
"general": null,
"styles": {
"backgroundColor": {
"value": "#ffffff00"
},
"textColor": {
"value": "var(--red10)",
"fxActive": false
},
"loaderColor": {
"value": "var(--red10)",
"fxActive": false
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{6}}"
},
"borderColor": {
"value": "var(--red10)",
"fxActive": false
},
"disabledState": {
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
"fxActive": true
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T22:28:02.057Z",
"layouts": [
{
"id": "a1f8e60e-2d46-4a87-ada3-1c94c8c49def",
"type": "desktop",
"top": 550,
"left": 39.534889550505206,
"width": 11.000000000000002,
"height": 40,
"componentId": "08472a40-5219-49ca-8706-e5a5dac3a8da"
}
]
},
{
"id": "666fe79c-1d3a-42e0-b472-99edaa427381",
"name": "textinput6",
"type": "TextInput",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
"properties": {
"placeholder": {
"value": "Employee designation"
}
},
"general": null,
"styles": {
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {
"customRule": {
"value": ""
}
},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T23:10:32.316Z",
"layouts": [
{
"id": "4fb037e7-e9b0-4b62-b539-0579733bbda1",
"type": "desktop",
"top": 300,
"left": 27.906976744186046,
"width": 29,
"height": 40,
"componentId": "666fe79c-1d3a-42e0-b472-99edaa427381"
}
]
},
{
"id": "a043098d-0d49-47be-85d8-5ad1e582eb4c",
"name": "textinput3",
"type": "TextInput",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
"properties": {
"placeholder": {
"value": "Employee name"
}
},
"general": null,
"styles": {
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {
"customRule": {
"value": ""
}
},
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T23:10:18.356Z",
"layouts": [
{
"id": "f604df36-c88a-4ed3-973f-67cf79dac932",
"type": "desktop",
"top": 160,
"left": 27.906976744186046,
"width": 29,
"height": 40,
"componentId": "a043098d-0d49-47be-85d8-5ad1e582eb4c"
}
]
},
{
"id": "9df25a71-e0ea-46b7-a476-c9fbc189ec7c",
"name": "image3",
"type": "Image",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
"properties": {
"source": {
"value": "https://www.svgrepo.com/show/450182/info-circle.svg"
}
},
"general": {
"tooltip": {
"value": "Value can range between 1 and 10"
}
},
"styles": {},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-02-21T22:29:22.106Z",
"updatedAt": "2024-02-21T22:33:10.489Z",
"layouts": [
{
"id": "bc2be63d-2309-435e-b8f6-340d4c07a509",
"type": "desktop",
"top": 510,
"left": 69.76742041527157,
"width": 2,
"height": 40,
"componentId": "9df25a71-e0ea-46b7-a476-c9fbc189ec7c"
}
]
},
{
"id": "1a0bb9ba-c9c1-4aee-b038-3293f4740c66",
"name": "image4",
"type": "Image",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
"properties": {
"source": {
"value": "https://www.svgrepo.com/show/450182/info-circle.svg"
}
},
"general": {
"tooltip": {
"value": "Value can range between 1 and 10"
}
},
"styles": {},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-02-21T22:29:28.778Z",
"updatedAt": "2024-02-21T22:33:17.309Z",
"layouts": [
{
"id": "adaa8b47-a145-40d3-8cce-f402f082cdaa",
"type": "desktop",
"top": 580,
"left": 69.76742041527157,
"width": 2,
"height": 40,
"componentId": "1a0bb9ba-c9c1-4aee-b038-3293f4740c66"
}
]
},
{
"id": "68aa16d4-ea4d-40b3-b7f5-a50e6ed7833b",
"name": "image5",
"type": "Image",
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
"properties": {
"source": {
"value": "https://www.svgrepo.com/show/450182/info-circle.svg"
}
},
"general": {
"tooltip": {
"value": "Value can range between 1 and 10"
}
},
"styles": {},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-02-21T22:29:35.586Z",
"updatedAt": "2024-02-21T22:32:49.605Z",
"layouts": [
{
"id": "a5390fd7-a06b-4093-b4f2-eba844fba0f8",
"type": "desktop",
"top": 440,
"left": 69.76742315907296,
"width": 2,
"height": 40,
"componentId": "68aa16d4-ea4d-40b3-b7f5-a50e6ed7833b"
}
]
}
],
"pages": [
{
"id": "f46030c8-e690-41df-aea1-c12412dee679",
"name": "Home",
"handle": "home",
"index": 0,
"disabled": false,
"hidden": false,
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:29.278Z",
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4"
}
],
"events": [
{
"id": "bc2f80a3-aef6-4cc4-805f-b3bf178ac318",
"name": "onRowClicked",
"index": 1,
"event": {
"eventId": "onRowClicked",
"message": "Hello world!",
"queryId": "b3b6441e-9a9e-494b-ae2f-f568f7a00112",
"actionId": "run-query",
"debounce": "",
"alertType": "info",
"queryName": "peerComparison",
"parameters": {}
},
"sourceId": "febe3a05-375b-413b-a7ee-843dd798edb7",
"target": "component",
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T22:15:38.192Z"
},
{
"id": "a9d7220c-c7b5-4589-85da-7151073202b8",
"name": "onDataQuerySuccess",
"index": 1,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"queryId": "8440956d-2890-49c7-b047-0f3cb23244f4",
"actionId": "run-query",
"debounce": "200",
"alertType": "info",
"queryName": "getEmployees",
"parameters": {}
},
"sourceId": "3e448ca3-07b0-4ef9-b48c-923a7fafb923",
"target": "data_query",
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:30.189Z"
},
{
"id": "6e993886-254a-4c20-abec-db1624cc53f7",
"name": "onDataQuerySuccess",
"index": 2,
"event": {
"modal": "6d326401-62a3-43c8-82a2-eed74b492aef",
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"actionId": "close-modal",
"alertType": "info"
},
"sourceId": "3e448ca3-07b0-4ef9-b48c-923a7fafb923",
"target": "data_query",
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:30.196Z"
},
{
"id": "a8b70274-4496-4356-b4dc-0cd74bdc1209",
"name": "onDataQuerySuccess",
"index": 0,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Employee added succefully!",
"actionId": "show-alert",
"alertType": "success"
},
"sourceId": "3e448ca3-07b0-4ef9-b48c-923a7fafb923",
"target": "data_query",
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:29.278Z"
},
{
"id": "44e1746f-9cab-4884-85bd-ee592425d7cd",
"name": "onDataQuerySuccess",
"index": 2,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"queryId": "8440956d-2890-49c7-b047-0f3cb23244f4",
"actionId": "run-query",
"debounce": "",
"alertType": "info",
"queryName": "getEmployees",
"parameters": {}
},
"sourceId": "9a2429ee-b27b-436e-b4b7-cd61f313ac51",
"target": "data_query",
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T22:16:27.614Z"
},
{
"id": "50ca9bcf-fb83-401a-984c-4645edfb7ea8",
"name": "onClick",
"index": 0,
"event": {
"eventId": "onClick",
"message": "Hello world!",
"queryId": "9a2429ee-b27b-436e-b4b7-cd61f313ac51",
"actionId": "run-query",
"alertType": "info",
"queryName": "updateEmployee",
"parameters": {}
},
"sourceId": "8cc5c1c8-d154-4a1b-83f0-140b40f89cf8",
"target": "component",
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:30.146Z"
},
{
"id": "1520a5ab-04d0-45c3-8fb1-cffd18329516",
"name": "onClick",
"index": 0,
"event": {
"modal": "6d326401-62a3-43c8-82a2-eed74b492aef",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "show-modal",
"alertType": "info"
},
"sourceId": "82d7dfbd-bcc6-45a2-a8ba-3808f89e7556",
"target": "component",
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:30.153Z"
},
{
"id": "d0f07b26-4162-47d2-ba50-e3b31134d248",
"name": "onClick",
"index": 0,
"event": {
"modal": "6d326401-62a3-43c8-82a2-eed74b492aef",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "close-modal",
"alertType": "info"
},
"sourceId": "d45b9712-fd2b-4b76-a944-8884d8b4fa70",
"target": "component",
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:30.167Z"
},
{
"id": "a8a93c87-7600-423d-bc76-d5d9c1b72a62",
"name": "onClick",
"index": 0,
"event": {
"eventId": "onClick",
"message": "Hello world!",
"queryId": "3e448ca3-07b0-4ef9-b48c-923a7fafb923",
"actionId": "run-query",
"alertType": "info",
"queryName": "addEmployee",
"parameters": {}
},
"sourceId": "988f1035-a1e2-42f7-9231-a79127805ad0",
"target": "component",
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:30.174Z"
},
{
"id": "f02fa540-ba6d-494c-88f7-1cfd9bcf9b7d",
"name": "onDataQuerySuccess",
"index": 1,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Employee Removed",
"actionId": "show-alert",
"alertType": "success"
},
"sourceId": "8577ac4e-7b57-43c5-9b27-ef8a170ae69d",
"target": "data_query",
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:29.278Z"
},
{
"id": "c218d3f9-f1b0-423c-9f5a-749ef36f8364",
"name": "onClick",
"index": 0,
"event": {
"eventId": "onClick",
"message": "Hello world!",
"queryId": "8577ac4e-7b57-43c5-9b27-ef8a170ae69d",
"actionId": "run-query",
"alertType": "info",
"queryName": "removeEmployee",
"parameters": {}
},
"sourceId": "08472a40-5219-49ca-8706-e5a5dac3a8da",
"target": "component",
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:30.137Z"
},
{
"id": "786ddbe6-3bfa-408d-a566-0464183e74d5",
"name": "onDataQuerySuccess",
"index": 0,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"queryId": "8440956d-2890-49c7-b047-0f3cb23244f4",
"actionId": "run-query",
"alertType": "info",
"queryName": "getEmployees",
"parameters": {}
},
"sourceId": "8577ac4e-7b57-43c5-9b27-ef8a170ae69d",
"target": "data_query",
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:30.216Z"
},
{
"id": "ca538d8b-5121-4a23-bf11-55856a17d759",
"name": "onDataQueryFailure",
"index": 3,
"event": {
"eventId": "onDataQueryFailure",
"message": "Employee feedback update failed!",
"actionId": "show-alert",
"alertType": "warning"
},
"sourceId": "9a2429ee-b27b-436e-b4b7-cd61f313ac51",
"target": "data_query",
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T22:16:27.614Z"
},
{
"id": "9cad5545-2e34-4107-8798-ae49b9ebe068",
"name": "onDataQuerySuccess",
"index": 1,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"queryId": "b3b6441e-9a9e-494b-ae2f-f568f7a00112",
"actionId": "run-query",
"debounce": "100",
"alertType": "info",
"queryName": "peerComparison",
"parameters": {}
},
"sourceId": "8440956d-2890-49c7-b047-0f3cb23244f4",
"target": "data_query",
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T22:17:27.840Z"
},
{
"id": "0478ffae-7742-4072-afbf-4961d3c97ef5",
"name": "onDataQuerySuccess",
"index": 1,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Employee Feedback updated!",
"actionId": "show-alert",
"alertType": "success"
},
"sourceId": "9a2429ee-b27b-436e-b4b7-cd61f313ac51",
"target": "data_query",
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T22:16:27.614Z"
},
{
"id": "94b9bc3d-9c17-4c59-a2fa-b264e57d4092",
"name": "onChange",
"index": 0,
"event": {
"key": "isEmployeeDetailsUpdated",
"value": "{{true}}",
"eventId": "onChange",
"message": "Hello world!",
"actionId": "set-custom-variable",
"debounce": "100",
"alertType": "info"
},
"sourceId": "85bb8fd8-07a5-45bc-96d5-b7c6806430cc",
"target": "component",
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"createdAt": "2024-02-21T22:08:41.814Z",
"updatedAt": "2024-02-21T22:09:33.482Z"
},
{
"id": "e478f903-cee2-4841-a114-bbe5e4721da2",
"name": "onChange",
"index": 0,
"event": {
"key": "isEmployeeDetailsUpdated",
"value": "{{true}}",
"eventId": "onChange",
"message": "Hello world!",
"actionId": "set-custom-variable",
"debounce": "100",
"alertType": "info"
},
"sourceId": "61f4a1d0-2f16-487c-8d6a-57efcb84b504",
"target": "component",
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"createdAt": "2024-02-21T22:09:40.041Z",
"updatedAt": "2024-02-21T22:09:56.343Z"
},
{
"id": "55f51368-baf2-4fc9-a9b1-6e43fbac1cf3",
"name": "onChange",
"index": 0,
"event": {
"key": "isEmployeeDetailsUpdated",
"value": "{{true}}",
"eventId": "onChange",
"message": "Hello world!",
"actionId": "set-custom-variable",
"debounce": "100",
"alertType": "info"
},
"sourceId": "2b02f090-7620-4ccc-b815-c5721b5f60a0",
"target": "component",
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"createdAt": "2024-02-21T22:10:03.251Z",
"updatedAt": "2024-02-21T22:10:22.737Z"
},
{
"id": "38ff7bec-05b5-47a5-81b6-fd70091a1366",
"name": "onChange",
"index": 0,
"event": {
"key": "isEmployeeDetailsUpdated",
"value": "{{true}}",
"eventId": "onChange",
"message": "Hello world!",
"actionId": "set-custom-variable",
"debounce": "100",
"alertType": "info"
},
"sourceId": "b291084e-33eb-481c-9ad1-6a94a062044c",
"target": "component",
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"createdAt": "2024-02-21T22:10:31.189Z",
"updatedAt": "2024-02-21T22:10:59.527Z"
},
{
"id": "a87722d2-4a4c-47b9-b66c-cb8188269895",
"name": "onChange",
"index": 0,
"event": {
"key": "isEmployeeDetailsUpdated",
"value": "{{true}}",
"eventId": "onChange",
"message": "Hello world!",
"actionId": "set-custom-variable",
"debounce": "100",
"alertType": "info"
},
"sourceId": "88b56dca-44be-4c2b-841f-9ed42c34dc25",
"target": "component",
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"createdAt": "2024-02-21T22:11:09.582Z",
"updatedAt": "2024-02-21T22:11:34.101Z"
},
{
"id": "e0f83c51-62a6-43a9-a69f-a86d554ac52c",
"name": "onRowClicked",
"index": 0,
"event": {
"key": "isEmployeeDetailsUpdated",
"eventId": "onRowClicked",
"message": "Hello world!",
"actionId": "unset-custom-variable",
"alertType": "info"
},
"sourceId": "febe3a05-375b-413b-a7ee-843dd798edb7",
"target": "component",
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"createdAt": "2024-02-21T22:15:32.215Z",
"updatedAt": "2024-02-21T22:16:06.352Z"
},
{
"id": "385ac468-cd00-4d2d-a4f2-879a4beb0213",
"name": "onDataQuerySuccess",
"index": 0,
"event": {
"key": "isEmployeeDetailsUpdated",
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"actionId": "unset-custom-variable",
"alertType": "info"
},
"sourceId": "9a2429ee-b27b-436e-b4b7-cd61f313ac51",
"target": "data_query",
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"createdAt": "2024-02-21T22:16:23.217Z",
"updatedAt": "2024-02-21T22:16:46.614Z"
},
{
"id": "bdfc1317-f71d-4aba-870e-b75df23af674",
"name": "onDataQuerySuccess",
"index": 0,
"event": {
"key": "isEmployeeDetailsUpdated",
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"actionId": "unset-custom-variable",
"alertType": "info"
},
"sourceId": "8440956d-2890-49c7-b047-0f3cb23244f4",
"target": "data_query",
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"createdAt": "2024-02-21T22:17:21.732Z",
"updatedAt": "2024-02-21T22:17:52.288Z"
},
{
"id": "8ffef246-3b7f-42d2-9e44-0f5c31046867",
"name": "onPageChanged",
"index": 2,
"event": {
"eventId": "onPageChanged",
"message": "Hello world!",
"queryId": "b3b6441e-9a9e-494b-ae2f-f568f7a00112",
"actionId": "run-query",
"debounce": "100",
"alertType": "info",
"queryName": "peerComparison",
"parameters": {}
},
"sourceId": "febe3a05-375b-413b-a7ee-843dd798edb7",
"target": "component",
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"createdAt": "2024-02-21T22:39:38.134Z",
"updatedAt": "2024-02-21T22:39:53.416Z"
}
],
"dataQueries": [
{
"id": "3e448ca3-07b0-4ef9-b48c-923a7fafb923",
"name": "addEmployee",
"options": {
"operation": "create_row",
"transformationLanguage": "javascript",
"enableTransformation": false,
"organization_id": "7fff090d-7c26-48c4-8a58-c1c8bee62225",
"table_id": "3a10a0e5-07f8-4bb8-beba-c1f14c0b4342",
"join_table": {
"joins": [
{
"id": 1704266439899,
"conditions": {
"operator": "AND",
"conditionsList": [
{
"operator": "=",
"leftField": {
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
}
}
]
},
"joinType": "INNER"
}
],
"from": {
"name": "e5e5e537-e70c-4fcd-a004-f726a98d9e49",
"type": "Table"
},
"fields": [
{
"name": "id",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "name",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "email",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "designation",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "department",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "employee_id",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "overall_score",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "teamwork_score",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "communication_score",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "skillset_score",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "notes",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "headshot",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
}
]
},
"list_rows": {},
"create_row": {
"0": {
"column": "employee_id",
"value": "{{components.textinput5.value}}"
},
"1": {
"column": "headshot",
"value": "{{components.textinput2.value}}"
},
"2": {
"column": "name",
"value": "{{components.textinput3.value}}"
},
"3": {
"column": "email",
"value": "{{components.textinput4.value}}"
},
"4": {
"column": "designation",
"value": "{{components.textinput6.value}}"
},
"5": {
"column": "department",
"value": "{{components.dropdown1.value}}"
},
"6": {
"column": "overall_score",
"value": "{{components.numberinput7.value}}"
},
"7": {
"column": "teamwork_score",
"value": "{{components.numberinput8.value}}"
},
"8": {
"column": "communication_score",
"value": "{{components.numberinput9.value}}"
},
"9": {
"column": "skillset_score",
"value": "{{components.numberinput6.value}}"
},
"b46cbce8-b479-4216-b42c-aeaad5da5520": {
"column": "notes",
"value": "{{components.textarea2.value}}"
}
}
},
"dataSourceId": "7547ca29-1e11-4a5a-b569-823ce16568a7",
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:29.278Z"
},
{
"id": "9a2429ee-b27b-436e-b4b7-cd61f313ac51",
"name": "updateEmployee",
"options": {
"operation": "update_rows",
"transformationLanguage": "javascript",
"enableTransformation": false,
"organization_id": "7fff090d-7c26-48c4-8a58-c1c8bee62225",
"table_id": "3a10a0e5-07f8-4bb8-beba-c1f14c0b4342",
"join_table": {
"joins": [
{
"id": 1704271128416,
"conditions": {
"operator": "AND",
"conditionsList": [
{
"operator": "=",
"leftField": {
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
}
}
]
},
"joinType": "INNER"
}
],
"from": {
"name": "e5e5e537-e70c-4fcd-a004-f726a98d9e49",
"type": "Table"
},
"fields": [
{
"name": "id",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "name",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "email",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "designation",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "department",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "employee_id",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "overall_score",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "teamwork_score",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "communication_score",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "skillset_score",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "notes",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "headshot",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
}
]
},
"list_rows": {},
"update_rows": {
"columns": {
"0": {
"column": "overall_score",
"value": "{{components.form1.data.numberinput1.value}}"
},
"1": {
"column": "teamwork_score",
"value": "{{components.form1.data.numberinput2.value}}"
},
"2": {
"column": "communication_score",
"value": "{{components.form1.data.numberinput3.value}}"
},
"3": {
"column": "skillset_score",
"value": "{{components.form1.data.numberinput4.value}}"
},
"349bd811-b770-45e6-84f3-96abbde12f4d": {
"column": "notes",
"value": "{{components.form1.data.textinput1.value}}"
}
},
"where_filters": {
"85dd4019-98b4-4d00-b9d3-34787859cf66": {
"column": "id",
"operator": "eq",
"value": "{{components.table1.selectedRow.id}}",
"id": "85dd4019-98b4-4d00-b9d3-34787859cf66"
}
}
}
},
"dataSourceId": "7547ca29-1e11-4a5a-b569-823ce16568a7",
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:29.278Z"
},
{
"id": "8440956d-2890-49c7-b047-0f3cb23244f4",
"name": "getEmployees",
"options": {
"operation": "list_rows",
"transformationLanguage": "javascript",
"enableTransformation": false,
"organization_id": "7fff090d-7c26-48c4-8a58-c1c8bee62225",
"table_id": "3a10a0e5-07f8-4bb8-beba-c1f14c0b4342",
"join_table": {
"joins": [
{
"id": 1704188501306,
"conditions": {
"operator": "AND",
"conditionsList": [
{
"operator": "=",
"leftField": {
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
}
}
]
},
"joinType": "INNER"
}
],
"from": {
"name": "e5e5e537-e70c-4fcd-a004-f726a98d9e49",
"type": "Table"
},
"fields": [
{
"name": "id",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
}
]
},
"list_rows": {},
"create_row": {
"73b16fd4-f0f5-48de-a75c-613e5f038c44": {
"column": "",
"value": ""
}
},
"runOnPageLoad": true
},
"dataSourceId": "7547ca29-1e11-4a5a-b569-823ce16568a7",
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:29.278Z"
},
{
"id": "8577ac4e-7b57-43c5-9b27-ef8a170ae69d",
"name": "removeEmployee",
"options": {
"operation": "delete_rows",
"transformationLanguage": "javascript",
"enableTransformation": false,
"organization_id": "7fff090d-7c26-48c4-8a58-c1c8bee62225",
"table_id": "3a10a0e5-07f8-4bb8-beba-c1f14c0b4342",
"join_table": {
"joins": [
{
"id": 1704271713809,
"conditions": {
"operator": "AND",
"conditionsList": [
{
"operator": "=",
"leftField": {
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
}
}
]
},
"joinType": "INNER"
}
],
"from": {
"name": "e5e5e537-e70c-4fcd-a004-f726a98d9e49",
"type": "Table"
},
"fields": [
{
"name": "id",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "name",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "email",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "designation",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "department",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "employee_id",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "overall_score",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "teamwork_score",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "communication_score",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "skillset_score",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "notes",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
},
{
"name": "headshot",
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
}
]
},
"list_rows": {},
"delete_rows": {
"limit": 1,
"where_filters": {
"ab621699-e856-4a8b-8628-1349d0cfef03": {
"column": "id",
"operator": "eq",
"value": "{{components.table1.selectedRow.id}}",
"id": "ab621699-e856-4a8b-8628-1349d0cfef03"
}
}
}
},
"dataSourceId": "7547ca29-1e11-4a5a-b569-823ce16568a7",
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-01-03T09:48:29.278Z"
},
{
"id": "b3b6441e-9a9e-494b-ae2f-f568f7a00112",
"name": "peerComparison",
"options": {
"code": "function calculatePeerComparison(employee) {\n const avgScore =\n (employee.overall_score +\n employee.teamwork_score +\n employee.communication_score +\n employee.skillset_score) /\n 4;\n\n let peerComparisonScore = 0;\n let peerComparisonType = \"\";\n\n if (avgScore >= 8) {\n peerComparisonScore = 9;\n peerComparisonType = \"Great Employee\";\n } else if (avgScore >= 6) {\n peerComparisonScore = 7;\n peerComparisonType = \"Average Employee\";\n } else {\n peerComparisonScore = 5;\n peerComparisonType = \"Below Average Employee\";\n }\n\n return {\n id: employee.id,\n name: employee.name,\n peerComparisonScore,\n peerComparisonType,\n };\n}\n\nconst result = calculatePeerComparison(components.table1.selectedRow);\nreturn result;",
"hasParamSupport": true,
"parameters": []
},
"dataSourceId": "4dfe0754-295c-432c-9d83-ff0875a011e9",
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"createdAt": "2024-01-03T09:48:29.278Z",
"updatedAt": "2024-02-21T22:44:55.852Z"
}
],
"dataSources": [
{
"id": "eaf359e9-956a-4cee-aec0-178003724fd9",
"name": "restapidefault",
"kind": "restapi",
"type": "static",
"pluginId": null,
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"organizationId": null,
"scope": "local",
"createdAt": "2024-01-03T09:48:29.286Z",
"updatedAt": "2024-01-03T09:48:29.286Z"
},
{
"id": "4dfe0754-295c-432c-9d83-ff0875a011e9",
"name": "runjsdefault",
"kind": "runjs",
"type": "static",
"pluginId": null,
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"organizationId": null,
"scope": "local",
"createdAt": "2024-01-03T09:48:29.306Z",
"updatedAt": "2024-01-03T09:48:29.306Z"
},
{
"id": "2d687365-cf23-4a53-8918-2fc0ab7f29b4",
"name": "runpydefault",
"kind": "runpy",
"type": "static",
"pluginId": null,
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"organizationId": null,
"scope": "local",
"createdAt": "2024-01-03T09:48:29.321Z",
"updatedAt": "2024-01-03T09:48:29.321Z"
},
{
"id": "7547ca29-1e11-4a5a-b569-823ce16568a7",
"name": "tooljetdbdefault",
"kind": "tooljetdb",
"type": "static",
"pluginId": null,
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"organizationId": null,
"scope": "local",
"createdAt": "2024-01-03T09:48:29.336Z",
"updatedAt": "2024-01-03T09:48:29.336Z"
},
{
"id": "f8457550-5e91-4e6f-b252-b5939468f260",
"name": "workflowsdefault",
"kind": "workflows",
"type": "static",
"pluginId": null,
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"organizationId": null,
"scope": "local",
"createdAt": "2024-01-03T09:48:29.351Z",
"updatedAt": "2024-01-03T09:48:29.351Z"
}
],
"appVersions": [
{
"id": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
"name": "v1",
"definition": {
"showViewerNavigation": false,
"homePageId": "dc140207-cb7b-48b6-9882-463b5ce4bfa0",
"pages": {
"dc140207-cb7b-48b6-9882-463b5ce4bfa0": {
"components": {
"2341d610-31ac-4e54-8158-ad17b2bda8c5": {
"id": "2341d610-31ac-4e54-8158-ad17b2bda8c5",
"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": "0"
},
"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": 0,
"left": 0,
"width": 43,
"height": 70
}
}
},
"c16bc877-a279-4797-aa52-d5f9de3e23d8": {
"id": "c16bc877-a279-4797-aa52-d5f9de3e23d8",
"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": "center"
},
"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.3255827912519793,
"width": 6,
"height": 40
}
},
"parent": "2341d610-31ac-4e54-8158-ad17b2bda8c5"
},
"9491e94a-d2fb-4564-8bf8-807fdb2d7c1c": {
"id": "9491e94a-d2fb-4564-8bf8-807fdb2d7c1c",
"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": "{{18}}"
},
"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 Feedback"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text2",
"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": 67.44185981400516,
"width": 12,
"height": 40
}
},
"parent": "2341d610-31ac-4e54-8158-ad17b2bda8c5"
},
"3fbadc70-1e0c-4080-8465-f5beb99d8c9c": {
"id": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c",
"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": 160,
"left": 69.76744794554982,
"width": 12,
"height": 610
}
}
},
"f2f868fd-e094-4d3e-aba5-e0f2cd1dfc80": {
"id": "f2f868fd-e094-4d3e-aba5-e0f2cd1dfc80",
"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": "text3",
"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": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"0a1ce642-e2bb-4692-8739-92bc1701fbae": {
"id": "0a1ce642-e2bb-4692-8739-92bc1701fbae",
"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": "divider1",
"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": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"070de3f9-6dcd-47c2-ba94-7a0e23e83325": {
"id": "070de3f9-6dcd-47c2-ba94-7a0e23e83325",
"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": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"8e239119-cede-482d-8345-b09e8120f7b5": {
"id": "8e239119-cede-482d-8345-b09e8120f7b5",
"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": "text4",
"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": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"4920d788-cebb-48f7-a2d0-5c7f766d0fa7": {
"id": "4920d788-cebb-48f7-a2d0-5c7f766d0fa7",
"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": "text5",
"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.18604651162791,
"width": 21.999999999999996,
"height": 30
}
},
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"773665fb-3291-48ad-a2a0-1274bbf91abb": {
"id": "773665fb-3291-48ad-a2a0-1274bbf91abb",
"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": "text6",
"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": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"072ff68a-bd4c-4284-8051-9f3e89cd783f": {
"id": "072ff68a-bd4c-4284-8051-9f3e89cd783f",
"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": "Overall"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text7",
"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.97671584966582,
"width": 13.999999999999998,
"height": 30
}
},
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"39be278f-7ddc-4e75-a77a-6597c56b03b5": {
"id": "39be278f-7ddc-4e75-a77a-6597c56b03b5",
"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": "Teamwork"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text8",
"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.9767700673410635,
"width": 13.999999999999998,
"height": 30
}
},
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"a44b5906-a74c-4171-a321-b4899e38c1a8": {
"id": "a44b5906-a74c-4171-a321-b4899e38c1a8",
"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": "Communication"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text9",
"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": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"dfc3b2ef-4ddf-48d8-91ef-f79d84c12b12": {
"id": "dfc3b2ef-4ddf-48d8-91ef-f79d84c12b12",
"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": "Skillset"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text10",
"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.976760736701279,
"width": 13.999999999999998,
"height": 30
}
},
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"dc364e6c-6ba2-43c7-a8b5-8e72ba46d18c": {
"id": "dc364e6c-6ba2-43c7-a8b5-8e72ba46d18c",
"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": "textinput1",
"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": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"3477d0f5-075d-4012-b3ba-3935a298d5ee": {
"id": "3477d0f5-075d-4012-b3ba-3935a298d5ee",
"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": "textinput2",
"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": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"c46a6e77-ed64-42f8-a987-8d3aef1dfc3a": {
"id": "c46a6e77-ed64-42f8-a987-8d3aef1dfc3a",
"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": "textinput3",
"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": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"92bd2a9f-acb7-40ec-b10e-076a0c097d5a": {
"id": "92bd2a9f-acb7-40ec-b10e-076a0c097d5a",
"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": "textinput4",
"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": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"7b58add9-aab8-4fc3-b954-8a9ffc60c792": {
"id": "7b58add9-aab8-4fc3-b954-8a9ffc60c792",
"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": "divider2",
"displayName": "Divider",
"description": "Separator between components",
"component": "Divider",
"defaultSize": {
"width": 10,
"height": 10
},
"exposedVariables": {
"value": {}
}
},
"layouts": {
"desktop": {
"top": 530,
"left": 4.651159748611298,
"width": 39.00000000000001,
"height": 10
}
},
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"59d13fe1-ead9-401a-959d-a2fc6ad81bce": {
"id": "59d13fe1-ead9-401a-959d-a2fc6ad81bce",
"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": "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": 550,
"left": 39.53488193106961,
"width": 11.000000000000002,
"height": 40
}
},
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"d60133f7-51b9-43bc-bd61-bd7fbc678968": {
"id": "d60133f7-51b9-43bc-bd61-bd7fbc678968",
"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": "button2",
"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": 550,
"left": 67.44185987527574,
"width": 10.999999999999998,
"height": 40
}
},
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"dfb10b60-4fbb-48b0-a3d3-db1cbe5566f1": {
"id": "dfb10b60-4fbb-48b0-a3d3-db1cbe5566f1",
"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": "button3",
"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.00003051757812,
"left": 55.81396193731399,
"width": 5,
"height": 40
}
}
},
"5c289899-8427-4c28-b0b4-d4ea348e6c98": {
"id": "5c289899-8427-4c28-b0b4-d4ea348e6c98",
"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": "text14",
"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": 100,
"left": 2.3255791856255725,
"width": 12,
"height": 40
}
}
},
"a1a2b0e1-b856-4050-a20d-65f830020bd0": {
"id": "a1a2b0e1-b856-4050-a20d-65f830020bd0",
"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": "Overall feedback score",
"key": "phone_no",
"columnType": "number",
"autogenerated": true
},
{
"id": "a249ad47-c52d-43e5-b384-fa54122914a7",
"name": "Teamwork score",
"key": "blood_group",
"columnType": "number",
"autogenerated": true
},
{
"id": "568ce851-ae8f-4ebc-be26-c5a5eae89a57",
"name": "Communication score",
"key": "date_of_joining",
"columnType": "number",
"autogenerated": true
},
{
"id": "61ad21ce-70e5-4c4e-97e1-2f576c690dbe",
"name": "Skillset score",
"key": "date_of_birth",
"columnType": "number",
"autogenerated": true
},
{
"id": "de287f35-26ef-4fac-b574-a265d22d9232",
"name": "Additonal notes",
"key": "address",
"columnType": "text",
"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.00001525878906,
"left": 2.325578288596377,
"width": 28,
"height": 610
}
}
},
"b9d81a3c-dc7c-461e-9c2f-35ad33557ed4": {
"id": "b9d81a3c-dc7c-461e-9c2f-35ad33557ed4",
"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": "Additional notes"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text12",
"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": 390,
"left": 6.976749703235424,
"width": 13.999999999999998,
"height": 30
}
},
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"9a3d65ac-acb3-4f51-8d68-6c4ebe33bd41": {
"id": "9a3d65ac-acb3-4f51-8d68-6c4ebe33bd41",
"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": "textinput5",
"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": 390,
"left": 41.86047805877559,
"width": 21.999999999999996,
"height": 30
}
},
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"03802613-4fd1-439b-9b40-ae8c8bf771d2": {
"id": "03802613-4fd1-439b-9b40-ae8c8bf771d2",
"component": {
"properties": {
"primaryValueLabel": {
"type": "code",
"displayName": "Primary value label",
"validation": {
"schema": {
"type": "string"
}
}
},
"primaryValue": {
"type": "code",
"displayName": "Primary value",
"validation": {
"schema": {
"type": "string"
}
}
},
"hideSecondary": {
"type": "toggle",
"displayName": "Hide secondary value",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"secondaryValueLabel": {
"type": "code",
"displayName": "Secondary value label",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondaryValue": {
"type": "code",
"displayName": "Secondary value",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondarySignDisplay": {
"type": "code",
"displayName": "Secondary sign display",
"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": {},
"styles": {
"primaryLabelColour": {
"type": "color",
"displayName": "Primary label colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"primaryTextColour": {
"type": "color",
"displayName": "Primary text colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondaryLabelColour": {
"type": "color",
"displayName": "Secondary label colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondaryTextColour": {
"type": "color",
"displayName": "Secondary text colour",
"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": {
"primaryLabelColour": {
"value": "#8092AB"
},
"primaryTextColour": {
"value": "#000000"
},
"secondaryLabelColour": {
"value": "#8092AB"
},
"secondaryTextColour": {
"value": "#36AF8B"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"primaryValueLabel": {
"value": ""
},
"primaryValue": {
"value": ""
},
"secondaryValueLabel": {
"value": "Avg employee"
},
"secondaryValue": {
"value": "2.85"
},
"secondarySignDisplay": {
"value": "positive"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "statistics1",
"displayName": "Statistics",
"description": "Show key metrics",
"component": "Statistics",
"defaultSize": {
"width": 9.2,
"height": 152
},
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 430,
"left": 44.18604651162791,
"width": 20.999999999999996,
"height": 90
}
},
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
},
"e9ba2d45-9daf-4461-8565-1637a263b9cc": {
"id": "e9ba2d45-9daf-4461-8565-1637a263b9cc",
"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": "Peer comparison"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text13",
"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": 430,
"left": 6.976744186046512,
"width": 15,
"height": 40
}
},
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
}
},
"handle": "home",
"name": "Home"
}
},
"globalSettings": {
"hideHeader": true,
"appInMaintenance": false,
"canvasMaxWidth": 100,
"canvasMaxWidthType": "%",
"canvasMaxHeight": 2400,
"canvasBackgroundColor": "#f8f9fa",
"backgroundFxQuery": "#f8f9fa"
}
},
"globalSettings": {
"hideHeader": true,
"appInMaintenance": false,
"canvasMaxWidth": 100,
"canvasMaxWidthType": "%",
"canvasMaxHeight": 2400,
"canvasBackgroundColor": "",
"backgroundFxQuery": ""
},
"showViewerNavigation": false,
"homePageId": "f46030c8-e690-41df-aea1-c12412dee679",
"appId": "23985795-624b-484a-9ff7-4764225c0c6f",
"currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"promotedFrom": null,
"createdAt": "2024-01-03T09:48:29.253Z",
"updatedAt": "2024-02-23T21:42:37.310Z"
}
],
"appEnvironments": [
{
"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"
},
{
"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": "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"
}
],
"dataSourceOptions": [
{
"id": "8ab6add5-f03c-4cf2-b763-a6bc357afadd",
"dataSourceId": "eaf359e9-956a-4cee-aec0-178003724fd9",
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"options": null,
"createdAt": "2024-01-03T09:48:29.298Z",
"updatedAt": "2024-01-03T09:48:29.298Z"
},
{
"id": "991e191a-fc23-4f5a-bf00-03ca366528b8",
"dataSourceId": "eaf359e9-956a-4cee-aec0-178003724fd9",
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"options": null,
"createdAt": "2024-01-03T09:48:29.298Z",
"updatedAt": "2024-01-03T09:48:29.298Z"
},
{
"id": "699fbe42-b142-41b8-8493-3b85f41525f7",
"dataSourceId": "eaf359e9-956a-4cee-aec0-178003724fd9",
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"options": null,
"createdAt": "2024-01-03T09:48:29.298Z",
"updatedAt": "2024-01-03T09:48:29.298Z"
},
{
"id": "6c040fd3-e3e9-4734-b40e-a5dd00be1865",
"dataSourceId": "4dfe0754-295c-432c-9d83-ff0875a011e9",
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"options": null,
"createdAt": "2024-01-03T09:48:29.315Z",
"updatedAt": "2024-01-03T09:48:29.315Z"
},
{
"id": "2dd869e0-8817-4338-a89e-9da4bfbef1a9",
"dataSourceId": "4dfe0754-295c-432c-9d83-ff0875a011e9",
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"options": null,
"createdAt": "2024-01-03T09:48:29.315Z",
"updatedAt": "2024-01-03T09:48:29.315Z"
},
{
"id": "c7fc0c9f-be41-414e-8408-6cec1c638143",
"dataSourceId": "4dfe0754-295c-432c-9d83-ff0875a011e9",
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"options": null,
"createdAt": "2024-01-03T09:48:29.315Z",
"updatedAt": "2024-01-03T09:48:29.315Z"
},
{
"id": "5db3a4d0-cdc8-4e6e-818f-da85b99d73ba",
"dataSourceId": "2d687365-cf23-4a53-8918-2fc0ab7f29b4",
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"options": null,
"createdAt": "2024-01-03T09:48:29.331Z",
"updatedAt": "2024-01-03T09:48:29.331Z"
},
{
"id": "d718f7cb-7e6e-494b-9575-38b18a00b200",
"dataSourceId": "2d687365-cf23-4a53-8918-2fc0ab7f29b4",
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"options": null,
"createdAt": "2024-01-03T09:48:29.331Z",
"updatedAt": "2024-01-03T09:48:29.331Z"
},
{
"id": "6d2c3695-72e7-4d6f-8e45-6d64029c50c4",
"dataSourceId": "2d687365-cf23-4a53-8918-2fc0ab7f29b4",
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"options": null,
"createdAt": "2024-01-03T09:48:29.331Z",
"updatedAt": "2024-01-03T09:48:29.331Z"
},
{
"id": "ece8d004-a1a3-4ef7-8179-e14c8e79d7f8",
"dataSourceId": "7547ca29-1e11-4a5a-b569-823ce16568a7",
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"options": null,
"createdAt": "2024-01-03T09:48:29.345Z",
"updatedAt": "2024-01-03T09:48:29.345Z"
},
{
"id": "8b3b0aa0-845f-4553-9bd1-722693212f59",
"dataSourceId": "7547ca29-1e11-4a5a-b569-823ce16568a7",
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"options": null,
"createdAt": "2024-01-03T09:48:29.345Z",
"updatedAt": "2024-01-03T09:48:29.345Z"
},
{
"id": "f152ce1f-3e28-4780-ab00-065735d0ecfd",
"dataSourceId": "7547ca29-1e11-4a5a-b569-823ce16568a7",
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"options": null,
"createdAt": "2024-01-03T09:48:29.345Z",
"updatedAt": "2024-01-03T09:48:29.345Z"
},
{
"id": "f237b64f-bc2f-4830-8007-c442651f4c69",
"dataSourceId": "f8457550-5e91-4e6f-b252-b5939468f260",
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"options": null,
"createdAt": "2024-01-03T09:48:29.361Z",
"updatedAt": "2024-01-03T09:48:29.361Z"
},
{
"id": "cba4bb78-46a2-4fdf-b1b0-262db8f2f993",
"dataSourceId": "f8457550-5e91-4e6f-b252-b5939468f260",
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"options": null,
"createdAt": "2024-01-03T09:48:29.361Z",
"updatedAt": "2024-01-03T09:48:29.361Z"
},
{
"id": "8629e969-d41d-465c-8efd-9b6392045cfa",
"dataSourceId": "f8457550-5e91-4e6f-b252-b5939468f260",
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"options": null,
"createdAt": "2024-01-03T09:48:29.361Z",
"updatedAt": "2024-01-03T09:48:29.361Z"
}
],
"schemaDetails": {
"multiPages": true,
"multiEnv": true,
"globalDataSources": true
}
}
}
}
],
"tooljet_version": "2.28.4-ee2.15.0-cloud2.3.1"
}