{ "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" }