{ "tooljet_database": [ { "id": "78ade0db-c37c-4abc-89e4-31bbe00fdda3", "table_name": "employee_directory", "schema": { "columns": [ { "column_name": "id", "data_type": "integer", "column_default": "nextval('\"78ade0db-c37c-4abc-89e4-31bbe00fdda3_id_seq\"'::regclass)", "character_maximum_length": null, "numeric_precision": 32, "is_nullable": "NO", "constraint_type": "PRIMARY KEY", "keytype": "PRIMARY KEY" }, { "column_name": "name", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "email", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "designation", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "phone_no", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "department", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "blood_group", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "date_of_joining", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "date_of_birth", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "address", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "image_data", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" } ] } } ], "app": [ { "definition": { "appV2": { "id": "34fcc2ae-3995-4a1b-8d62-8b0530cfa4d4", "type": "front-end", "name": "Employee Directory", "slug": "employee-directory", "isPublic": false, "isMaintenanceOn": false, "icon": "share", "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84", "currentVersionId": null, "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc", "workflowApiToken": null, "workflowEnabled": false, "createdAt": "2023-12-06T07:28:54.443Z", "creationMode": "DEFAULT", "updatedAt": "2024-01-04T23:02:17.262Z", "editingVersion": { "id": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8", "name": "v1", "definition": { "showViewerNavigation": false, "homePageId": "a60c0ee5-1809-4046-9ac9-30ea02060cc9", "pages": { "a60c0ee5-1809-4046-9ac9-30ea02060cc9": { "components": { "5147e387-41c6-48cc-a385-67c5e4e0c3bf": { "id": "5147e387-41c6-48cc-a385-67c5e4e0c3bf", "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#3e63ddff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#ffffff00", "fxActive": false }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" } }, "general": {}, "exposedVariables": {} }, "name": "container1", "displayName": "Container", "description": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 20, "left": 2.3255813953488373, "width": 41, "height": 70 } } }, "1243e386-3596-4679-b2e7-5e940a3eb195": { "id": "1243e386-3596-4679-b2e7-5e940a3eb195", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff" }, "textSize": { "value": "{{24}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": "{{0}}" }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "B R A N D" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text1", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 10, "left": 2.3255818774724633, "width": 6, "height": 40 } }, "parent": "5147e387-41c6-48cc-a385-67c5e4e0c3bf" }, "fd035cca-9d02-4294-90c2-49cc50b8d29f": { "component": { "properties": { "title": { "type": "string", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "data": { "type": "code", "displayName": "Table data", "validation": { "schema": { "type": "array", "element": { "type": "object" }, "optional": true } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "columns": { "type": "array", "displayName": "Table Columns" }, "useDynamicColumn": { "type": "toggle", "displayName": "Use dynamic column", "validation": { "schema": { "type": "boolean" } } }, "columnData": { "type": "code", "displayName": "Column data" }, "rowsPerPage": { "type": "code", "displayName": "Number of rows per page", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "enableNextButton": { "type": "toggle", "displayName": "Enable next page button", "validation": { "schema": { "type": "boolean" } } }, "enabledSort": { "type": "toggle", "displayName": "Enable column sorting", "validation": { "schema": { "type": "boolean" } } }, "hideColumnSelectorButton": { "type": "toggle", "displayName": "Hide column selector button", "validation": { "schema": { "type": "boolean" } } }, "enablePrevButton": { "type": "toggle", "displayName": "Enable previous page button", "validation": { "schema": { "type": "boolean" } } }, "totalRecords": { "type": "code", "displayName": "Total records server side", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "enablePagination": { "type": "toggle", "displayName": "Enable pagination", "validation": { "schema": { "type": "boolean" } } }, "serverSidePagination": { "type": "clientServerSwitch", "displayName": "Type", "validation": { "schema": { "type": "boolean" } }, "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ] }, "serverSideSearch": { "type": "clientServerSwitch", "displayName": "Type", "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ], "validation": { "schema": { "type": "boolean" } } }, "serverSideSort": { "type": "clientServerSwitch", "displayName": "Type", "validation": { "schema": { "type": "boolean" } }, "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ] }, "serverSideFilter": { "type": "clientServerSwitch", "displayName": "Type", "validation": { "schema": { "type": "boolean" } }, "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ], "defaultValue": "clientSide" }, "actionButtonBackgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "actionButtonTextColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "displaySearchBox": { "type": "toggle", "displayName": "Show search", "validation": { "schema": { "type": "boolean" } } }, "showDownloadButton": { "type": "toggle", "displayName": "Show download button", "validation": { "schema": { "type": "boolean" } } }, "showFilterButton": { "type": "toggle", "displayName": "Enable filtering", "validation": { "schema": { "type": "boolean" } } }, "showBulkUpdateActions": { "type": "toggle", "displayName": "Show update buttons", "validation": { "schema": { "type": "boolean" } } }, "allowSelection": { "type": "toggle", "displayName": "Allow selection", "validation": { "schema": { "type": "boolean" } } }, "showBulkSelector": { "type": "toggle", "displayName": "Bulk selection", "validation": { "schema": { "type": "boolean" } } }, "highlightSelectedRow": { "type": "toggle", "displayName": "Highlight selected row", "validation": { "schema": { "type": "boolean" } } }, "defaultSelectedRow": { "type": "code", "displayName": "Default selected row", "validation": { "schema": { "type": "object" } } }, "showAddNewRowButton": { "type": "toggle", "displayName": "Show add new row button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop " }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onRowHovered": { "displayName": "Row hovered" }, "onRowClicked": { "displayName": "Row clicked" }, "onBulkUpdate": { "displayName": "Save changes" }, "onPageChanged": { "displayName": "Page changed" }, "onSearch": { "displayName": "Search" }, "onCancelChanges": { "displayName": "Cancel changes" }, "onSort": { "displayName": "Sort applied" }, "onCellValueChanged": { "displayName": "Cell value changed" }, "onFilterChanged": { "displayName": "Filter changed" }, "onNewRowsAdded": { "displayName": "Add new rows" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "actionButtonRadius": { "type": "code", "displayName": "Action Button Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" } ] } } }, "tableType": { "type": "select", "displayName": "Table type", "options": [ { "name": "Bordered", "value": "table-bordered" }, { "name": "Regular", "value": "table-classic" }, { "name": "Striped", "value": "table-striped" } ], "validation": { "schema": { "type": "string" } } }, "cellSize": { "type": "select", "displayName": "Cell size", "options": [ { "name": "Condensed", "value": "condensed" }, { "name": "Regular", "value": "regular" } ], "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "regular" }, "borderRadius": { "value": "10" }, "tableType": { "value": "table-classic" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{queries.getEmployees.isLoading}}", "fxActive": true }, "data": { "value": "{{queries.getEmployees.data}}" }, "useDynamicColumn": { "value": "{{false}}" }, "columnData": { "value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}" }, "rowsPerPage": { "value": "{{10}}" }, "serverSidePagination": { "value": "{{false}}" }, "enableNextButton": { "value": "{{true}}" }, "enablePrevButton": { "value": "{{true}}" }, "totalRecords": { "value": "" }, "enablePagination": { "value": "{{true}}" }, "serverSideSort": { "value": "{{false}}" }, "serverSideFilter": { "value": "{{false}}" }, "displaySearchBox": { "value": "{{false}}" }, "showDownloadButton": { "value": "{{true}}" }, "showFilterButton": { "value": "{{false}}" }, "autogenerateColumns": { "value": true, "generateNestedColumns": true }, "columns": { "value": [ { "name": "id", "id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737", "autogenerated": true }, { "name": "name", "id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a", "autogenerated": true }, { "name": "email", "id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f", "autogenerated": true }, { "id": "c13331c3-7040-4b47-90a1-10c5245bd110", "name": "designation", "key": "designation", "columnType": "string", "autogenerated": true }, { "id": "4ed1e639-52e7-4df4-99aa-e25b57b5c52b", "name": "department", "key": "department", "columnType": "string", "autogenerated": true }, { "id": "ac7129df-ff8a-42aa-9798-e1a4099b8f46", "name": "phone no", "key": "phone_no", "columnType": "string", "autogenerated": true }, { "id": "a249ad47-c52d-43e5-b384-fa54122914a7", "name": "blood group", "key": "blood_group", "columnType": "string", "autogenerated": true }, { "id": "568ce851-ae8f-4ebc-be26-c5a5eae89a57", "name": "date of joining", "key": "date_of_joining", "columnType": "string", "autogenerated": true }, { "id": "61ad21ce-70e5-4c4e-97e1-2f576c690dbe", "name": "date of birth", "key": "date_of_birth", "columnType": "string", "autogenerated": true }, { "id": "de287f35-26ef-4fac-b574-a265d22d9232", "name": "address", "key": "address", "columnType": "string", "autogenerated": true } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 39, "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 149, "db258ca5-d4f5-4b22-a667-143882f7f004": 123, "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 168, "c13331c3-7040-4b47-90a1-10c5245bd110": 180 } }, "actions": { "value": [] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "defaultSelectedRow": { "value": "{{{\"id\":1}}}" }, "showAddNewRowButton": { "value": "{{false}}" }, "allowSelection": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "new_column1", "Department", "Title", "image_data" ] } }, "general": {}, "exposedVariables": {} }, "name": "table1", "displayName": "Table", "description": "Display paginated tabular data", "component": "Table", "defaultSize": { "width": 28.86, "height": 456 }, "exposedVariables": { "selectedRow": {}, "changeSet": {}, "dataUpdates": [], "pageIndex": 1, "searchText": "", "selectedRows": [], "filters": [] }, "actions": [ { "handle": "setPage", "displayName": "Set page", "params": [ { "handle": "page", "displayName": "Page", "defaultValue": "{{1}}" } ] }, { "handle": "selectRow", "displayName": "Select row", "params": [ { "handle": "key", "displayName": "Key" }, { "handle": "value", "displayName": "Value" } ] }, { "handle": "deselectRow", "displayName": "Deselect row" }, { "handle": "discardChanges", "displayName": "Discard Changes" }, { "handle": "discardNewlyAddedRows", "displayName": "Discard newly added rows" }, { "displayName": "Download table data", "handle": "downloadTableData", "params": [ { "handle": "type", "displayName": "Type", "options": [ { "name": "Download as Excel", "value": "xlsx" }, { "name": "Download as CSV", "value": "csv" }, { "name": "Download as PDF", "value": "pdf" } ], "defaultValue": "{{Download as Excel}}", "type": "select" } ] } ] }, "layouts": { "desktop": { "top": 160, "left": 2.3255816549441892, "width": 28, "height": 610 } }, "withDefaultChildren": false }, "86959f97-61d2-4013-b834-8ed2edc3862c": { "component": { "properties": { "text": { "type": "code", "displayName": "Button text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "show-modal", "message": "Hello world!", "alertType": "info", "modal": "670b6c6c-97c2-4f59-a63b-f381550b6b22" } ], "styles": { "backgroundColor": { "value": "#3e63ddff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#ffffff00" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Add Employee" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button1", "displayName": "Button", "description": "Trigger actions: queries, alerts, set variables etc.", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": { "buttonText": "Button" }, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 110.0000228881836, "left": 55.8139664941029, "width": 5, "height": 40 } }, "withDefaultChildren": false }, "fad2a0c5-b28f-4560-a60c-7d0ebdfb2b3e": { "id": "fad2a0c5-b28f-4560-a60c-7d0ebdfb2b3e", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff", "fxActive": false }, "textSize": { "value": "{{20}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Employee Directory" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text16", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 10, "left": 69.76744229792882, "width": 12, "height": 40 } }, "parent": "5147e387-41c6-48cc-a385-67c5e4e0c3bf" }, "2a83a770-0295-4590-a84e-65c075c26c6a": { "id": "2a83a770-0295-4590-a84e-65c075c26c6a", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#3e63ddff", "fxActive": false }, "textSize": { "value": "{{20}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{!queries.getEmployees.isLoading}}", "fxActive": true }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{`Employees (${queries?.getEmployees?.data?.length ?? 0})`}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text17", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 110, "left": 2.325578812294464, "width": 12, "height": 40 } } }, "670b6c6c-97c2-4f59-a63b-f381550b6b22": { "component": { "properties": { "title": { "type": "code", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "useDefaultButton": { "type": "toggle", "displayName": "Use default trigger button", "validation": { "schema": { "type": "boolean" } } }, "triggerButtonLabel": { "type": "code", "displayName": "Trigger button label", "validation": { "schema": { "type": "string" } } }, "hideTitleBar": { "type": "toggle", "displayName": "Hide title bar" }, "hideCloseButton": { "type": "toggle", "displayName": "Hide close button" }, "hideOnEsc": { "type": "toggle", "displayName": "Close on escape key" }, "closeOnClickingOutside": { "type": "toggle", "displayName": "Close on clicking outside" }, "size": { "type": "select", "displayName": "Modal size", "options": [ { "name": "small", "value": "sm" }, { "name": "medium", "value": "lg" }, { "name": "large", "value": "xl" } ], "validation": { "schema": { "type": "string" } } }, "modalHeight": { "type": "code", "displayName": "Modal height", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onOpen": { "displayName": "On open" }, "onClose": { "displayName": "On close" } }, "styles": { "headerBackgroundColor": { "type": "color", "displayName": "Header background color", "validation": { "schema": { "type": "string" } } }, "headerTextColor": { "type": "color", "displayName": "Header title color", "validation": { "schema": { "type": "string" } } }, "bodyBackgroundColor": { "type": "color", "displayName": "Body background color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "triggerButtonBackgroundColor": { "type": "color", "displayName": "Trigger button background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "triggerButtonTextColor": { "type": "color", "displayName": "Trigger button text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "headerBackgroundColor": { "value": "#ffffffff" }, "headerTextColor": { "value": "#3e63ddff" }, "bodyBackgroundColor": { "value": "#ffffffff" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#4D72FA" }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Add employee" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Launch Modal" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" }, "modalHeight": { "value": "830px" } }, "general": {}, "exposedVariables": {} }, "name": "modal1", "displayName": "Modal", "description": "Show pop-up windows", "component": "Modal", "defaultSize": { "width": 10, "height": 34 }, "exposedVariables": { "show": false }, "actions": [ { "handle": "open", "displayName": "Open" }, { "handle": "close", "displayName": "Close" } ] }, "layouts": { "desktop": { "top": 810, "left": 83.72092605396375, "width": 6, "height": 40 } }, "withDefaultChildren": false }, "2af7aa24-b57f-4f30-b50a-66df44023c29": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Name" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text15", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22", "layouts": { "desktop": { "top": 20, "left": 4.651162790697675, "width": 7.000000000000001, "height": 40 } }, "withDefaultChildren": false }, "80b8a3fb-4582-4625-b4b2-3e82bf138398": { "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error text color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde", "fxActive": false }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{components.textinput8.value == \"\" ? \"Enter a valid name\" : true}}" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter name" } }, "general": {}, "exposedVariables": {} }, "name": "textinput8", "displayName": "Text Input", "description": "User text input field", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22", "layouts": { "desktop": { "top": 20, "left": 23.255822586473915, "width": 31.000000000000004, "height": 40 } }, "withDefaultChildren": false }, "c26ce442-21df-4007-9cae-5e0d67d99339": { "id": "c26ce442-21df-4007-9cae-5e0d67d99339", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error text color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(components.textinput9.value) ? true : \"Enter a valid email\"}}" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter email" } }, "general": {}, "exposedVariables": {} }, "name": "textinput9", "displayName": "Text Input", "description": "User text input field", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 80, "left": 23.255820698864962, "width": 31.000000000000004, "height": 40 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, "32737e80-01f7-44e9-b635-56c7f5f4479f": { "id": "32737e80-01f7-44e9-b635-56c7f5f4479f", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Email" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text18", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 80, "left": 4.651163235502693, "width": 7.000000000000001, "height": 40 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, "efbdc5a4-4a2c-4144-bd72-6bb2d07ce5de": { "id": "efbdc5a4-4a2c-4144-bd72-6bb2d07ce5de", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error text color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{components.textinput10.value == \"\" ? \"Enter a valid designation\" : true}}" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter designation" } }, "general": {}, "exposedVariables": {} }, "name": "textinput10", "displayName": "Text Input", "description": "User text input field", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 140, "left": 23.25582064777614, "width": 31.000000000000004, "height": 40 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, "67955ad1-0db4-4dba-9e7a-ca458061fd1d": { "id": "67955ad1-0db4-4dba-9e7a-ca458061fd1d", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Designation" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text19", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 140, "left": 4.651163680307713, "width": 7.000000000000001, "height": 40 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, "0a57684b-e0fd-4660-9f8a-c29ad5408fba": { "id": "0a57684b-e0fd-4660-9f8a-c29ad5408fba", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error text color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{/^[6-9]\\d{9}$/.test(components.textinput11.value) ? true : \"Enter a valid phone number\"}}" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter phone number" } }, "general": {}, "exposedVariables": {} }, "name": "textinput11", "displayName": "Text Input", "description": "User text input field", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 200, "left": 23.255787518409473, "width": 31.000000000000004, "height": 40 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, "3c429e1f-5bea-4108-8326-e05ce4eadebc": { "id": "3c429e1f-5bea-4108-8326-e05ce4eadebc", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Phone number" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text20", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 200, "left": 4.651163680307713, "width": 7.000000000000001, "height": 40 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, "067ff4f8-a1ad-4797-800a-7d407443e77b": { "id": "067ff4f8-a1ad-4797-800a-7d407443e77b", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error text color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{components.textinput12.value == \"\" ? \"Enter a valid department\" : true}}" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter department" } }, "general": {}, "exposedVariables": {} }, "name": "textinput12", "displayName": "Text Input", "description": "User text input field", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 260, "left": 23.2558241465199, "width": 31.000000000000004, "height": 40 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, "9a04991d-8f0f-4b2c-969d-ab2c05675430": { "id": "9a04991d-8f0f-4b2c-969d-ab2c05675430", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Department" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text21", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 260, "left": 4.651163680307713, "width": 7.000000000000001, "height": 40 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, "bc654bb8-6a75-4ecb-a9ce-143e67160c3b": { "id": "bc654bb8-6a75-4ecb-a9ce-143e67160c3b", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error text color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{/^(A|B|AB|O)(\\+|-)$/.test(components.textinput13.value) ? true : \"Enter a valid blood group\"}}" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter blood group" } }, "general": {}, "exposedVariables": {} }, "name": "textinput13", "displayName": "Text Input", "description": "User text input field", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 320, "left": 23.255822043292874, "width": 31.000000000000004, "height": 40 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, "283eb2f1-0d9c-48f1-b98d-276975899eaf": { "id": "283eb2f1-0d9c-48f1-b98d-276975899eaf", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Blood group" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text22", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 320, "left": 4.651163680307713, "width": 7.000000000000001, "height": 40 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, "28cffa48-c50c-4187-980f-95f4753f1edb": { "id": "28cffa48-c50c-4187-980f-95f4753f1edb", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Date of joining" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text23", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 380, "left": 4.651166080089099, "width": 7.000000000000001, "height": 40 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, "f75970d7-f9ec-4137-96b3-8546eebb9624": { "component": { "properties": { "defaultValue": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "format": { "type": "code", "displayName": "Format", "validation": { "schema": { "type": "string" } } }, "enableTime": { "type": "toggle", "displayName": "Enable time selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "enableDate": { "type": "toggle", "displayName": "Enable date selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "disabledDates": { "type": "code", "displayName": "Disabled dates", "validation": { "schema": { "type": "array", "element": { "type": "string" } } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": "{{components.datepicker1.value == undefined ? \"Select a valid date of joining\" : true}}" } }, "properties": { "defaultValue": { "value": "" }, "format": { "value": "DD/MM/YYYY" }, "enableTime": { "value": "{{false}}" }, "enableDate": { "value": "{{true}}" }, "disabledDates": { "value": "{{[]}}" } }, "general": {}, "exposedVariables": {} }, "name": "datepicker1", "displayName": "Date Picker", "description": "Choose date and time", "component": "Datepicker", "defaultSize": { "width": 5, "height": 30 }, "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22", "layouts": { "desktop": { "top": 380, "left": 23.25583468662219, "width": 31.000000000000004, "height": 40 } }, "withDefaultChildren": false }, "db2d8e61-295d-4a68-b788-c2529d7fd69d": { "id": "db2d8e61-295d-4a68-b788-c2529d7fd69d", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Date of birth" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text24", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 440, "left": 4.65115750773569, "width": 7.000000000000001, "height": 40 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, "f8a3dfb7-e0e5-4c49-a7d7-dbe75c307c8a": { "id": "f8a3dfb7-e0e5-4c49-a7d7-dbe75c307c8a", "component": { "properties": { "defaultValue": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "format": { "type": "code", "displayName": "Format", "validation": { "schema": { "type": "string" } } }, "enableTime": { "type": "toggle", "displayName": "Enable time selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "enableDate": { "type": "toggle", "displayName": "Enable date selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "disabledDates": { "type": "code", "displayName": "Disabled dates", "validation": { "schema": { "type": "array", "element": { "type": "string" } } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": "{{components.datepicker2.value == undefined || moment(components.datepicker1.value,\"DD/MM/YYYY\").diff(moment(components.datepicker2.value,\"DD/MM/YYYY\"), \"years\") < 18 ? \"Select a valid date of birth\" : true}}" } }, "properties": { "defaultValue": { "value": "" }, "format": { "value": "DD/MM/YYYY" }, "enableTime": { "value": "{{false}}" }, "enableDate": { "value": "{{true}}" }, "disabledDates": { "value": "{{[]}}" } }, "general": {}, "exposedVariables": {} }, "name": "datepicker2", "displayName": "Date Picker", "description": "Choose date and time", "component": "Datepicker", "defaultSize": { "width": 5, "height": 30 }, "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" } }, "layouts": { "desktop": { "top": 440, "left": 23.255826114268785, "width": 31.000000000000004, "height": 40 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, "325a6afb-f8ed-4622-9f18-63fa78bba69c": { "id": "325a6afb-f8ed-4622-9f18-63fa78bba69c", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Address" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text25", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 500, "left": 4.651161793912395, "width": 7.000000000000001, "height": 40 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, "187a03b0-79ea-4b14-93b2-4696de8ab9e0": { "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter address" } }, "general": {}, "exposedVariables": {} }, "name": "textarea1", "displayName": "Text Area", "description": "Multi-line text input", "component": "TextArea", "defaultSize": { "width": 6, "height": 100 }, "exposedVariables": { "value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" } ] }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22", "layouts": { "desktop": { "top": 500, "left": 23.255825333373483, "width": 31.000000000000004, "height": 100 } }, "withDefaultChildren": false }, "8fed7c76-4fd3-4839-ba22-335ebd107676": { "component": { "properties": { "text": { "type": "code", "displayName": "Button text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "226fbfbf-eee5-402a-9400-db8347d6fe42", "queryName": "addEmployee", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#3e63ddff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#ffffff00" }, "disabledState": { "value": "{{!components.textinput8.isValid || !components.textinput9.isValid || !components.textinput10.isValid || !components.textinput11.isValid || !components.textinput12.isValid || !components.textinput13.isValid || !components.datepicker1.isValid || !components.datepicker2.isValid || components.textarea1.value.length < 1 || components.filepicker1.file.length < 1}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Add" }, "loadingState": { "value": "{{queries.addEmployee.isLoading}}", "fxActive": true } }, "general": {}, "exposedVariables": {} }, "name": "button4", "displayName": "Button", "description": "Trigger actions: queries, alerts, set variables etc.", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": { "buttonText": "Button" }, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22", "layouts": { "desktop": { "top": 770, "left": 79.06978876664246, "width": 7, "height": 40 } }, "withDefaultChildren": false }, "32406903-ee36-4e69-a640-f4af28a44ef0": { "component": { "properties": { "text": { "type": "code", "displayName": "Button text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "close-modal", "message": "Hello world!", "alertType": "info", "modal": "670b6c6c-97c2-4f59-a63b-f381550b6b22" } ], "styles": { "backgroundColor": { "value": "#375fcf26" }, "textColor": { "value": "#3e63ddff" }, "loaderColor": { "value": "#3e63ddff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button5", "displayName": "Button", "description": "Trigger actions: queries, alerts, set variables etc.", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": { "buttonText": "Button" }, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22", "layouts": { "desktop": { "top": 770, "left": 60.46512903792135, "width": 7, "height": 40 } }, "withDefaultChildren": false }, "171e0e10-7715-452e-af3d-23c1a71c4d4b": { "component": { "properties": { "buttonToSubmit": { "type": "select", "displayName": "Button To Submit Form", "options": [ { "name": "None", "value": "none" } ], "validation": { "schema": { "type": "string" } }, "conditionallyRender": { "key": "advanced", "value": false } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "advanced": { "type": "toggle", "displayName": " Use custom schema" }, "JSONSchema": { "type": "code", "displayName": "JSON Schema", "conditionallyRender": { "key": "advanced", "value": true } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSubmit": { "displayName": "On submit" }, "onInvalid": { "displayName": "On invalid" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{queries.removeEmployee.isLoading || queries.updateEmployee.isLoading}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "loadingState": { "value": "{{queries.getEmployees.isLoading}}", "fxActive": true }, "advanced": { "value": "{{false}}" }, "JSONSchema": { "value": "{{ {title: 'User registration form', properties: {firstname: {type: 'textinput',value: 'Maria',label:'First name', validation:{maxLength:6}, styles: {backgroundColor: '#f6f5ff',textColor: 'black'},},lastname:{type: 'textinput',value: 'Doe', label:'Last name', styles: {backgroundColor: '#f6f5ff',textColor: 'black'},},age:{type:'number'},}, submitButton: {value: 'Submit', styles: {backgroundColor: '#3a433b',borderColor:'#595959'}}} }}" }, "buttonToSubmit": { "value": "none" } }, "general": {}, "exposedVariables": {} }, "name": "form1", "displayName": "Form", "description": "Wrapper for multiple components", "defaultSize": { "width": 13, "height": 330 }, "defaultChildren": [ { "componentName": "Text", "layout": { "top": 40, "left": 10, "height": 30, "width": 17 }, "properties": [ "text" ], "styles": [ "fontWeight", "textSize", "textColor" ], "defaultValue": { "text": "User Details", "fontWeight": "bold", "textSize": 20, "textColor": "#000" } }, { "componentName": "Text", "layout": { "top": 90, "left": 10, "height": 30 }, "properties": [ "text" ], "defaultValue": { "text": "Name" } }, { "componentName": "Text", "layout": { "top": 160, "left": 10, "height": 30 }, "properties": [ "text" ], "defaultValue": { "text": "Age" } }, { "componentName": "TextInput", "layout": { "top": 120, "left": 10, "height": 30, "width": 25 }, "properties": [ "placeholder" ], "defaultValue": { "placeholder": "Enter your name" } }, { "componentName": "NumberInput", "layout": { "top": 190, "left": 10, "height": 30, "width": 25 }, "properties": [ "value" ], "styles": [ "borderColor" ], "defaultValue": { "value": 24, "borderColor": "#dadcde" } }, { "componentName": "Button", "layout": { "top": 240, "left": 10, "height": 30, "width": 10 }, "properties": [ "text" ], "defaultValue": { "text": "Submit" } } ], "component": "Form", "exposedVariables": { "data": {}, "isValid": true }, "actions": [ { "handle": "submitForm", "displayName": "Submit Form" }, { "handle": "resetForm", "displayName": "Reset Form" } ] }, "layouts": { "desktop": { "top": 110.00000762939453, "left": 69.76744432354135, "width": 12, "height": 660 } }, "withDefaultChildren": false }, "8fd95776-4b1a-4dd0-8490-89224f498f19": { "id": "8fd95776-4b1a-4dd0-8490-89224f498f19", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#3e63ddff", "fxActive": false }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) != undefined ? \"EMPLOYEE DETAILS\" : \"SELECT A ROW TO VIEW DETAILS\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text26", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 10, "left": 6.976745455952444, "width": 32, "height": 40 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "22eb6007-a5eb-4202-985f-255ca0a77532": { "id": "22eb6007-a5eb-4202-985f-255ca0a77532", "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "dividerColor": { "type": "color", "displayName": "Divider Color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#9b9b9b80" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": {}, "general": {}, "exposedVariables": {} }, "name": "divider3", "displayName": "Divider", "description": "Separator between components", "component": "Divider", "defaultSize": { "width": 10, "height": 10 }, "exposedVariables": { "value": {} } }, "layouts": { "desktop": { "top": 50, "left": 4.651162790697675, "width": 39.00000000000001, "height": 10 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "d653ce20-9211-472c-94ef-8088307cc759": { "id": "d653ce20-9211-472c-94ef-8088307cc759", "component": { "properties": { "source": { "type": "code", "displayName": "URL", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "alternativeText": { "type": "code", "displayName": "Alternative text", "validation": { "schema": { "type": "string" } } }, "zoomButtons": { "type": "toggle", "displayName": "Zoom button", "validation": { "schema": { "type": "boolean" } } }, "rotateButton": { "type": "toggle", "displayName": "Rotate button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" } }, "styles": { "borderType": { "type": "select", "displayName": "Border type", "options": [ { "name": "None", "value": "none" }, { "name": "Rounded", "value": "rounded" }, { "name": "Circle", "value": "rounded-circle" }, { "name": "Thumbnail", "value": "img-thumbnail" } ], "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "padding": { "type": "code", "displayName": "Padding", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "imageFit": { "type": "select", "displayName": "Image fit", "options": [ { "name": "fill", "value": "fill" }, { "name": "contain", "value": "contain" }, { "name": "cover", "value": "cover" }, { "name": "scale-down", "value": "scale-down" } ], "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderType": { "value": "none" }, "padding": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "imageFit": { "value": "contain" }, "backgroundColor": { "value": "" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "source": { "value": "{{components?.table1?.selectedRow?.image_data ?? \"https://www.svgrepo.com/show/444673/user.svg\"}}" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "alternativeText": { "value": "" }, "zoomButtons": { "value": "{{false}}" }, "rotateButton": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "image1", "displayName": "Image", "description": "Show image files", "defaultSize": { "width": 3, "height": 100 }, "component": "Image", "exposedVariables": {} }, "layouts": { "desktop": { "top": 70, "left": 6.976745455952444, "width": 14, "height": 110 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "8494566e-3fa9-4dec-81a5-cdd6bfd0848a": { "id": "8494566e-3fa9-4dec-81a5-cdd6bfd0848a", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{components?.table1?.selectedRow?.name ?? \"Employee Name\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text27", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 80, "left": 44.18605455436548, "width": 19, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "954fc54d-2e9f-4f8b-b307-41ed935ae461": { "id": "954fc54d-2e9f-4f8b-b307-41ed935ae461", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "italic" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{components?.table1?.selectedRow?.designation ?? \"Employee Designation\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text28", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 110, "left": 44.18605455436548, "width": 18, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "926561b2-d47e-4ee5-b6da-bac01f3ecf01": { "id": "926561b2-d47e-4ee5-b6da-bac01f3ecf01", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{components?.table1?.selectedRow?.id ?? \"Employee ID\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text29", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 140, "left": 44.18603992819973, "width": 18, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "5c8e1419-3be0-4c68-afdf-47e670f68838": { "id": "5c8e1419-3be0-4c68-afdf-47e670f68838", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Email" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text30", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 220, "left": 6.976731705767766, "width": 13.999999999999998, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "c8e2e22b-e625-48da-af9c-663a6eca7271": { "id": "c8e2e22b-e625-48da-af9c-663a6eca7271", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Phone no" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text31", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 260, "left": 6.9767655593373705, "width": 13.999999999999998, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "e1ef32fa-6595-4922-b5e5-9aaf1d4e36e3": { "id": "e1ef32fa-6595-4922-b5e5-9aaf1d4e36e3", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Department" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text32", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 300, "left": 6.976725034594776, "width": 13.999999999999998, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "5cc39fe8-3774-412f-8ca9-c024aa55b766": { "id": "5cc39fe8-3774-412f-8ca9-c024aa55b766", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Blood group" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text33", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 340, "left": 6.976763552732405, "width": 13.999999999999998, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "ce519cd8-a471-4d21-9060-f70526a265da": { "id": "ce519cd8-a471-4d21-9060-f70526a265da", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Date of joining" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text34", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 380, "left": 6.976709139595084, "width": 13.999999999999998, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "d1da8c95-af7e-4756-9e95-c19adc1d1113": { "id": "d1da8c95-af7e-4756-9e95-c19adc1d1113", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Date of birth" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text35", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 420, "left": 6.976763993502584, "width": 13.999999999999998, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "ae4159bf-b6b3-42a0-ba77-104cdc814694": { "id": "ae4159bf-b6b3-42a0-ba77-104cdc814694", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Address" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text36", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 460, "left": 6.976745455952444, "width": 13.999999999999998, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "37dd89e1-fa3c-488c-8751-bc3449786ea7": { "id": "37dd89e1-fa3c-488c-8751-bc3449786ea7", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error text color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde", "fxActive": false }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}", "fxActive": true }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "{{components.form1.data.editemailtextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}", "fxActive": true } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || /^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(components.form1.data.editemailtextinput.value) ? true : \" \"}}" } }, "properties": { "value": { "value": "{{components.table1.selectedRow.email}}" }, "placeholder": { "value": "" } }, "general": {}, "exposedVariables": {} }, "name": "editemailtextinput", "displayName": "Text Input", "description": "User text input field", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 220, "left": 41.86044855841798, "width": 21.999999999999996, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "2529bdea-3423-46de-a1fa-a3a6cc5d427e": { "id": "2529bdea-3423-46de-a1fa-a3a6cc5d427e", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error text color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}", "fxActive": true }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "{{components.form1.data.editphonenotextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}", "fxActive": true } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || /^[6-9]\\d{9}$/.test(components.form1.data.editphonenotextinput.value) ? true : \" \"}}" } }, "properties": { "value": { "value": "{{components.table1.selectedRow.phone_no}}" }, "placeholder": { "value": "" } }, "general": {}, "exposedVariables": {} }, "name": "editphonenotextinput", "displayName": "Text Input", "description": "User text input field", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 260, "left": 41.86041269782743, "width": 21.999999999999996, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "5e8ea0a2-dc8b-4f2b-8f3b-a9b47e7a3ac8": { "id": "5e8ea0a2-dc8b-4f2b-8f3b-a9b47e7a3ac8", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error text color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}", "fxActive": true }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "{{components.form1.data.editdepartmenttextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}", "fxActive": true } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || (components?.form1?.data?.editdepartmenttextinput?.value ?? \"\").length > 0 ? true : \" \"}}" } }, "properties": { "value": { "value": "{{components.table1.selectedRow.department}}" }, "placeholder": { "value": "" } }, "general": {}, "exposedVariables": {} }, "name": "editdepartmenttextinput", "displayName": "Text Input", "description": "User text input field", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 300, "left": 41.860474366050234, "width": 21.999999999999996, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "dbd1ee87-bdd0-4f07-8a7d-0ddd40e461d3": { "id": "dbd1ee87-bdd0-4f07-8a7d-0ddd40e461d3", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error text color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}", "fxActive": true }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "{{components.form1.data.editbloodgrouptextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}", "fxActive": true } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || /^(A|B|AB|O)(\\+|-)$/.test(components.form1.data.editbloodgrouptextinput.value) ? true : \" \"}}" } }, "properties": { "value": { "value": "{{components.table1.selectedRow.blood_group}}" }, "placeholder": { "value": "" } }, "general": {}, "exposedVariables": {} }, "name": "editbloodgrouptextinput", "displayName": "Text Input", "description": "User text input field", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 340, "left": 41.86045855100046, "width": 21.999999999999996, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "be1e55cf-7a75-40db-a5ac-7abc2893f469": { "id": "be1e55cf-7a75-40db-a5ac-7abc2893f469", "component": { "properties": { "defaultValue": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "format": { "type": "code", "displayName": "Format", "validation": { "schema": { "type": "string" } } }, "enableTime": { "type": "toggle", "displayName": "Enable time selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "enableDate": { "type": "toggle", "displayName": "Enable date selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "disabledDates": { "type": "code", "displayName": "Disabled dates", "validation": { "schema": { "type": "array", "element": { "type": "string" } } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}", "fxActive": true }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || components.form1.data.editdateofjoiningdatepicker.value != undefined ? true : \" \"}}" } }, "properties": { "defaultValue": { "value": "{{components.table1.selectedRow.date_of_joining}}" }, "format": { "value": "DD/MM/YYYY" }, "enableTime": { "value": "{{false}}" }, "enableDate": { "value": "{{true}}" }, "disabledDates": { "value": "{{[]}}" } }, "general": {}, "exposedVariables": {} }, "name": "editdateofjoiningdatepicker", "displayName": "Date Picker", "description": "Choose date and time", "component": "Datepicker", "defaultSize": { "width": 5, "height": 30 }, "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" } }, "layouts": { "desktop": { "top": 380, "left": 41.86049061192336, "width": 22.000000000000004, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "43793a29-05d6-4230-b59c-bf49edeb0c1d": { "id": "43793a29-05d6-4230-b59c-bf49edeb0c1d", "component": { "properties": { "defaultValue": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "format": { "type": "code", "displayName": "Format", "validation": { "schema": { "type": "string" } } }, "enableTime": { "type": "toggle", "displayName": "Enable time selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "enableDate": { "type": "toggle", "displayName": "Enable date selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "disabledDates": { "type": "code", "displayName": "Disabled dates", "validation": { "schema": { "type": "array", "element": { "type": "string" } } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}", "fxActive": true }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || (components.form1.data.editdateofbirthdatepicker.value != undefined && moment(components.form1.data.editdateofjoiningdatepicker.value,\"DD/MM/YYYY\").diff(moment(components.form1.data.editdateofbirthdatepicker.value,\"DD/MM/YYYY\"), \"years\") >= 18) ? true : \" \"}}" } }, "properties": { "defaultValue": { "value": "{{components.table1.selectedRow.date_of_birth}}" }, "format": { "value": "DD/MM/YYYY" }, "enableTime": { "value": "{{false}}" }, "enableDate": { "value": "{{true}}" }, "disabledDates": { "value": "{{[]}}" } }, "general": {}, "exposedVariables": {} }, "name": "editdateofbirthdatepicker", "displayName": "Date Picker", "description": "Choose date and time", "component": "Datepicker", "defaultSize": { "width": 5, "height": 30 }, "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" } }, "layouts": { "desktop": { "top": 420, "left": 41.86045482705194, "width": 22.000000000000004, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "6a1314c6-607c-4c61-b9e9-e5a159124132": { "id": "6a1314c6-607c-4c61-b9e9-e5a159124132", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}", "fxActive": true }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || (components?.form1?.data?.editaddresstextarea?.value ?? \"\").length > 0 ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}", "fxActive": true } }, "properties": { "value": { "value": "{{components.table1.selectedRow.address}}" }, "placeholder": { "value": "" } }, "general": {}, "exposedVariables": {} }, "name": "editaddresstextarea", "displayName": "Text Area", "description": "Multi-line text input", "component": "TextArea", "defaultSize": { "width": 6, "height": 100 }, "exposedVariables": { "value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" } ] }, "layouts": { "desktop": { "top": 460, "left": 41.86049211986877, "width": 22.000000000000004, "height": 100 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "ea83a9e2-0d7b-44f5-9fab-298205480bd0": { "id": "ea83a9e2-0d7b-44f5-9fab-298205480bd0", "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "dividerColor": { "type": "color", "displayName": "Divider Color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#9b9b9b80" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": {}, "general": {}, "exposedVariables": {} }, "name": "divider4", "displayName": "Divider", "description": "Separator between components", "component": "Divider", "defaultSize": { "width": 10, "height": 10 }, "exposedVariables": { "value": {} } }, "layouts": { "desktop": { "top": 580, "left": 4.651164060603607, "width": 39.00000000000001, "height": 10 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "f552df70-09f4-4aba-a6ad-93303e0074e7": { "id": "f552df70-09f4-4aba-a6ad-93303e0074e7", "component": { "properties": { "text": { "type": "code", "displayName": "Button text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "5fef3fcb-ef14-4e99-9f70-9fb08a59b22e", "queryName": "removeEmployee", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#ffffff00" }, "textColor": { "value": "#d0021bff" }, "loaderColor": { "value": "#d0021bff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#d0021bff" }, "disabledState": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Delete" }, "loadingState": { "value": "{{queries.removeEmployee.isLoading}}", "fxActive": true } }, "general": {}, "exposedVariables": {} }, "name": "button8", "displayName": "Button", "description": "Trigger actions: queries, alerts, set variables etc.", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": { "buttonText": "Button" }, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 600, "left": 39.53488193106961, "width": 11.000000000000002, "height": 40 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "3d2d1b93-9917-42a8-a44f-df793e748159": { "id": "3d2d1b93-9917-42a8-a44f-df793e748159", "component": { "properties": { "text": { "type": "code", "displayName": "Button text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "83a1826f-9082-4f56-b020-d18554f767e4", "queryName": "updateEmployee", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#3e63ddff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#ffffff00" }, "disabledState": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || !components.form1.data.editemailtextinput.isValid || !components.form1.data.editphonenotextinput.isValid || !components.form1.data.editdepartmenttextinput.isValid || !components.form1.data.editbloodgrouptextinput.isValid || !components.form1.data.editdateofjoiningdatepicker.isValid || !components.form1.data.editdateofbirthdatepicker.isValid || (components?.form1?.data?.editaddresstextarea?.value ?? \"\").length < 1}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Save" }, "loadingState": { "value": "{{queries.updateEmployee.isLoading}}", "fxActive": true } }, "general": {}, "exposedVariables": {} }, "name": "button9", "displayName": "Button", "description": "Trigger actions: queries, alerts, set variables etc.", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": { "buttonText": "Button" }, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 600, "left": 67.44187386283085, "width": 10.999999999999998, "height": 40 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "25e13e19-4fe3-4bdf-81b9-e753ad12bbb2": { "id": "25e13e19-4fe3-4bdf-81b9-e753ad12bbb2", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Profile picture" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text37", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 620, "left": 4.651162790697675, "width": 7, "height": 40 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, "8bc3c4c5-b309-4188-aeb2-33ba2d1a2d96": { "component": { "properties": { "instructionText": { "type": "code", "displayName": "Instruction text", "validation": { "schema": { "type": "string" } } }, "enableDropzone": { "type": "code", "displayName": "Use drop zone", "validation": { "schema": { "type": "boolean" } } }, "enablePicker": { "type": "code", "displayName": "Use file picker", "validation": { "schema": { "type": "boolean" } } }, "enableMultiple": { "type": "code", "displayName": "Pick multiple files", "validation": { "schema": { "type": "boolean" } } }, "maxFileCount": { "type": "code", "displayName": "Max file count", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "fileType": { "type": "code", "displayName": "Accept file types", "validation": { "schema": { "type": "string" } } }, "maxSize": { "type": "code", "displayName": "Max size limit (Bytes)", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "minSize": { "type": "code", "displayName": "Min size limit (Bytes)", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "parseContent": { "type": "toggle", "displayName": "Parse content", "validation": { "schema": { "type": "boolean" } } }, "parseFileType": { "type": "select", "displayName": "File type", "options": [ { "name": "Autodetect from extension", "value": "auto-detect" }, { "name": "CSV", "value": "csv" }, { "name": "Microsoft Excel - xls", "value": "vnd.ms-excel" }, { "name": "Microsoft Excel - xlsx", "value": "vnd.openxmlformats-officedocument.spreadsheetml.sheet" } ], "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onFileSelected": { "displayName": "On File Selected" }, "onFileLoaded": { "displayName": "On File Loaded" }, "onFileDeselected": { "displayName": "On File Deselected" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{10}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "instructionText": { "value": "Drag and drop a file here or click to select an image file" }, "enableDropzone": { "value": "{{true}}" }, "enablePicker": { "value": "{{true}}" }, "maxFileCount": { "value": "{{1}}" }, "enableMultiple": { "value": "{{false}}" }, "fileType": { "value": "{{\"image/*\"}}" }, "maxSize": { "value": "{{1048576}}" }, "minSize": { "value": "{{50}}" }, "parseContent": { "value": "{{false}}" }, "parseFileType": { "value": "auto-detect" } }, "general": {}, "exposedVariables": {} }, "name": "filepicker1", "displayName": "File Picker", "description": "File Picker", "component": "FilePicker", "defaultSize": { "width": 15, "height": 100 }, "actions": [ { "handle": "clearFiles", "displayName": "Clear Files" } ], "exposedVariables": { "file": [ { "name": "", "content": "", "dataURL": "", "type": "", "parsedData": "" } ], "isParsing": false } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22", "layouts": { "desktop": { "top": 620, "left": 23.255828874749245, "width": 21, "height": 120 } }, "withDefaultChildren": false }, "0fbe2bb1-1e36-42b5-bf72-32a60f24da44": { "id": "0fbe2bb1-1e36-42b5-bf72-32a60f24da44", "component": { "properties": { "source": { "type": "code", "displayName": "URL", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "alternativeText": { "type": "code", "displayName": "Alternative text", "validation": { "schema": { "type": "string" } } }, "zoomButtons": { "type": "toggle", "displayName": "Zoom button", "validation": { "schema": { "type": "boolean" } } }, "rotateButton": { "type": "toggle", "displayName": "Rotate button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" } }, "styles": { "borderType": { "type": "select", "displayName": "Border type", "options": [ { "name": "None", "value": "none" }, { "name": "Rounded", "value": "rounded" }, { "name": "Circle", "value": "rounded-circle" }, { "name": "Thumbnail", "value": "img-thumbnail" } ], "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "padding": { "type": "code", "displayName": "Padding", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "imageFit": { "type": "select", "displayName": "Image fit", "options": [ { "name": "fill", "value": "fill" }, { "name": "contain", "value": "contain" }, { "name": "cover", "value": "cover" }, { "name": "scale-down", "value": "scale-down" } ], "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderType": { "value": "none" }, "padding": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "imageFit": { "value": "contain" }, "backgroundColor": { "value": "#8888881a" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "source": { "value": "{{components.filepicker1.file.length > 0 ? `data:${components.filepicker1.file[0].type};base64,${components.filepicker1.file[0].base64Data}` : \"https://www.svgrepo.com/show/444673/user.svg\"}}" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "alternativeText": { "value": "" }, "zoomButtons": { "value": "{{false}}" }, "rotateButton": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "image3", "displayName": "Image", "description": "Show image files", "defaultSize": { "width": 3, "height": 100 }, "component": "Image", "exposedVariables": {} }, "layouts": { "desktop": { "top": 620, "left": 74.41861323454575, "width": 9, "height": 120 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" } }, "handle": "home", "name": "Home" } }, "globalSettings": { "hideHeader": true, "appInMaintenance": false, "canvasMaxWidth": 100, "canvasMaxWidthType": "%", "canvasMaxHeight": 2400, "canvasBackgroundColor": "", "backgroundFxQuery": "" } }, "globalSettings": { "hideHeader": true, "appInMaintenance": false, "canvasMaxWidth": 100, "canvasMaxWidthType": "%", "canvasMaxHeight": 2400, "canvasBackgroundColor": "", "backgroundFxQuery": "" }, "showViewerNavigation": false, "homePageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "appId": "34fcc2ae-3995-4a1b-8d62-8b0530cfa4d4", "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "promotedFrom": null, "createdAt": "2023-12-06T07:28:54.453Z", "updatedAt": "2024-01-02T20:44:09.556Z" }, "components": [ { "id": "59199ddf-0671-42c5-a05d-6f2b1d3c3654", "name": "container1", "type": "Container", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": null, "properties": { "visible": { "value": "{{true}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#3e63ddff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#ffffff00", "fxActive": false }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "761766c3-b502-4219-9d32-513040406ef8", "type": "desktop", "top": 20, "left": 2.3255813953488373, "width": 41, "height": 70, "componentId": "59199ddf-0671-42c5-a05d-6f2b1d3c3654" } ] }, { "id": "ebc2a1df-197b-4911-97fe-1182b0cdd50f", "name": "text1", "type": "Text", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "59199ddf-0671-42c5-a05d-6f2b1d3c3654", "properties": { "text": { "value": "B R A N D" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff" }, "textSize": { "value": "{{24}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": "{{0}}" }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "0bb1792d-b52c-4ad7-a5b1-f62c6e1463f0", "type": "desktop", "top": 10, "left": 2.3255818774724633, "width": 6, "height": 40, "componentId": "ebc2a1df-197b-4911-97fe-1182b0cdd50f" } ] }, { "id": "707eb13d-b8ee-4741-9674-14b15684ff18", "name": "table1", "type": "Table", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": null, "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{queries.getEmployees.isLoading}}", "fxActive": true }, "data": { "value": "{{queries.getEmployees.data}}" }, "useDynamicColumn": { "value": "{{false}}" }, "columnData": { "value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}" }, "rowsPerPage": { "value": "{{10}}" }, "serverSidePagination": { "value": "{{false}}" }, "enableNextButton": { "value": "{{true}}" }, "enablePrevButton": { "value": "{{true}}" }, "totalRecords": { "value": "" }, "enablePagination": { "value": "{{true}}" }, "serverSideSort": { "value": "{{false}}" }, "serverSideFilter": { "value": "{{false}}" }, "displaySearchBox": { "value": "{{false}}" }, "showDownloadButton": { "value": "{{true}}" }, "showFilterButton": { "value": "{{false}}" }, "autogenerateColumns": { "value": true, "generateNestedColumns": true }, "columns": { "value": [ { "name": "id", "id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737", "autogenerated": true }, { "name": "name", "id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a", "autogenerated": true }, { "name": "email", "id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f", "autogenerated": true }, { "id": "c13331c3-7040-4b47-90a1-10c5245bd110", "name": "designation", "key": "designation", "columnType": "string", "autogenerated": true }, { "id": "4ed1e639-52e7-4df4-99aa-e25b57b5c52b", "name": "department", "key": "department", "columnType": "string", "autogenerated": true }, { "id": "ac7129df-ff8a-42aa-9798-e1a4099b8f46", "name": "phone no", "key": "phone_no", "columnType": "string", "autogenerated": true }, { "id": "a249ad47-c52d-43e5-b384-fa54122914a7", "name": "blood group", "key": "blood_group", "columnType": "string", "autogenerated": true }, { "id": "568ce851-ae8f-4ebc-be26-c5a5eae89a57", "name": "date of joining", "key": "date_of_joining", "columnType": "string", "autogenerated": true }, { "id": "61ad21ce-70e5-4c4e-97e1-2f576c690dbe", "name": "date of birth", "key": "date_of_birth", "columnType": "string", "autogenerated": true }, { "id": "de287f35-26ef-4fac-b574-a265d22d9232", "name": "address", "key": "address", "columnType": "string", "autogenerated": true } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 39, "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 149, "db258ca5-d4f5-4b22-a667-143882f7f004": 123, "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 229, "c13331c3-7040-4b47-90a1-10c5245bd110": 206 } }, "actions": { "value": [] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "defaultSelectedRow": { "value": "{{{\"id\":1}}}" }, "showAddNewRowButton": { "value": "{{false}}" }, "allowSelection": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "new_column1", "Department", "Title", "image_data" ] } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "regular" }, "borderRadius": { "value": "10" }, "tableType": { "value": "table-classic" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-27T00:30:09.423Z", "layouts": [ { "id": "0b630ffb-4bd6-40b0-ac9c-a62084a6d426", "type": "desktop", "top": 160, "left": 2.3255816549441892, "width": 28, "height": 610, "componentId": "707eb13d-b8ee-4741-9674-14b15684ff18" } ] }, { "id": "bc07337b-b5b3-4da6-95b0-6f822027a72e", "name": "button1", "type": "Button", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": null, "properties": { "text": { "value": "Add Employee" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#3e63ddff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#ffffff00" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "40fbb547-9213-479d-923b-1ab8d2111c37", "type": "desktop", "top": 110.0000228881836, "left": 55.8139664941029, "width": 5, "height": 40, "componentId": "bc07337b-b5b3-4da6-95b0-6f822027a72e" } ] }, { "id": "eda3ccd5-9f7a-419a-ba42-b04b5c647352", "name": "text16", "type": "Text", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "59199ddf-0671-42c5-a05d-6f2b1d3c3654", "properties": { "text": { "value": "Employee Directory" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff", "fxActive": false }, "textSize": { "value": "{{20}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "b55ca4ca-4f26-47ee-8012-3398f74f57c6", "type": "desktop", "top": 10, "left": 69.76744229792882, "width": 12, "height": 40, "componentId": "eda3ccd5-9f7a-419a-ba42-b04b5c647352" } ] }, { "id": "385fb905-abe0-4cbc-8f43-b52e56e899bd", "name": "text17", "type": "Text", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": null, "properties": { "text": { "value": "{{`Employees (${queries?.getEmployees?.data?.length ?? 0})`}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#3e63ddff", "fxActive": false }, "textSize": { "value": "{{20}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{!queries.getEmployees.isLoading}}", "fxActive": true }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "fa60cde4-f092-4934-9867-a5f14af585be", "type": "desktop", "top": 110, "left": 2.325578812294464, "width": 12, "height": 40, "componentId": "385fb905-abe0-4cbc-8f43-b52e56e899bd" } ] }, { "id": "122e48ff-c638-4165-9b09-2d9f3825d000", "name": "text15", "type": "Text", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6", "properties": { "text": { "value": "Name" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "020db546-b950-40be-83cf-a24398e73949", "type": "desktop", "top": 20, "left": 4.651162790697675, "width": 7.000000000000001, "height": 40, "componentId": "122e48ff-c638-4165-9b09-2d9f3825d000" } ] }, { "id": "66d3e235-d0e4-4cec-9f99-8bf2f743896b", "name": "textinput8", "type": "TextInput", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6", "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter name" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde", "fxActive": false }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{components.textinput8.value == \"\" ? \"Enter a valid name\" : true}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "9cb855cb-3341-4f3c-a892-73a2ba8de525", "type": "desktop", "top": 20, "left": 23.255822586473915, "width": 31.000000000000004, "height": 40, "componentId": "66d3e235-d0e4-4cec-9f99-8bf2f743896b" } ] }, { "id": "c50677d0-89b8-4c26-9e5a-98e211791ec2", "name": "textinput9", "type": "TextInput", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6", "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter email" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(components.textinput9.value) ? true : \"Enter a valid email\"}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "198b29c7-a9e3-4dd5-b79c-dfc08f0903f6", "type": "desktop", "top": 80, "left": 23.255820698864962, "width": 31.000000000000004, "height": 40, "componentId": "c50677d0-89b8-4c26-9e5a-98e211791ec2" } ] }, { "id": "e4b078ee-ea26-48ed-bbd3-5470cbe20442", "name": "text18", "type": "Text", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6", "properties": { "text": { "value": "Email" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "be852c06-34b6-42a4-bdb7-162d838a5471", "type": "desktop", "top": 80, "left": 4.651163235502693, "width": 7.000000000000001, "height": 40, "componentId": "e4b078ee-ea26-48ed-bbd3-5470cbe20442" } ] }, { "id": "86b38d19-8c19-4a16-85b4-2d0771b7632e", "name": "textinput10", "type": "TextInput", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6", "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter designation" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{components.textinput10.value == \"\" ? \"Enter a valid designation\" : true}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "72034c1b-29b8-4b73-a3ef-cec88ad954a8", "type": "desktop", "top": 140, "left": 23.25582064777614, "width": 31.000000000000004, "height": 40, "componentId": "86b38d19-8c19-4a16-85b4-2d0771b7632e" } ] }, { "id": "912b17c7-1338-487d-97da-c5e0fdedc981", "name": "text19", "type": "Text", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6", "properties": { "text": { "value": "Designation" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "0e298e54-89ba-4d47-a4c4-47e6466a3906", "type": "desktop", "top": 140, "left": 4.651163680307713, "width": 7.000000000000001, "height": 40, "componentId": "912b17c7-1338-487d-97da-c5e0fdedc981" } ] }, { "id": "7c2f5078-437a-45c5-80a6-84bfff4dee5e", "name": "textinput11", "type": "TextInput", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6", "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter phone number" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{/^[6-9]\\d{9}$/.test(components.textinput11.value) ? true : \"Enter a valid phone number\"}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "29524490-3ab2-4edb-ac06-58281d21dbc9", "type": "desktop", "top": 200, "left": 23.255787518409473, "width": 31.000000000000004, "height": 40, "componentId": "7c2f5078-437a-45c5-80a6-84bfff4dee5e" } ] }, { "id": "23ecd935-62c5-4f59-903c-51bfcc82cd0f", "name": "text20", "type": "Text", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6", "properties": { "text": { "value": "Phone number" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "9eb27713-0ce4-4441-a438-cec4f1924755", "type": "desktop", "top": 200, "left": 4.651163680307713, "width": 7.000000000000001, "height": 40, "componentId": "23ecd935-62c5-4f59-903c-51bfcc82cd0f" } ] }, { "id": "d1f8b0f9-fa3a-4f02-9620-5935c840a6c4", "name": "textinput12", "type": "TextInput", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6", "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter department" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{components.textinput12.value == \"\" ? \"Enter a valid department\" : true}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "024ffe54-9a80-4e77-92c2-fffe18e9940e", "type": "desktop", "top": 260, "left": 23.2558241465199, "width": 31.000000000000004, "height": 40, "componentId": "d1f8b0f9-fa3a-4f02-9620-5935c840a6c4" } ] }, { "id": "77d0fa67-dcdb-4b51-a0e5-4bd3d855e562", "name": "text21", "type": "Text", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6", "properties": { "text": { "value": "Department" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "9a9bf98a-5e06-4f61-bcef-6a45ba1702bf", "type": "desktop", "top": 260, "left": 4.651163680307713, "width": 7.000000000000001, "height": 40, "componentId": "77d0fa67-dcdb-4b51-a0e5-4bd3d855e562" } ] }, { "id": "f478d538-f9a4-4a95-b4fe-c6b6cb37cc20", "name": "textinput13", "type": "TextInput", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6", "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter blood group" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{/^(A|B|AB|O)(\\+|-)$/.test(components.textinput13.value) ? true : \"Enter a valid blood group\"}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "23c4a79b-c1e6-492e-97bf-4d11c3018da4", "type": "desktop", "top": 320, "left": 23.255822043292874, "width": 31.000000000000004, "height": 40, "componentId": "f478d538-f9a4-4a95-b4fe-c6b6cb37cc20" } ] }, { "id": "4b812366-c614-4ca4-8e33-0e3c1d64e74c", "name": "text22", "type": "Text", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6", "properties": { "text": { "value": "Blood group" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "b341bcc2-a3d1-4e39-ba12-aff96c29451a", "type": "desktop", "top": 320, "left": 4.651163680307713, "width": 7.000000000000001, "height": 40, "componentId": "4b812366-c614-4ca4-8e33-0e3c1d64e74c" } ] }, { "id": "a07d4ca2-9c50-440e-a74a-03110f4fbb56", "name": "text23", "type": "Text", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6", "properties": { "text": { "value": "Date of joining" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "e894e244-c92a-404e-b574-a2cdac30a48e", "type": "desktop", "top": 380, "left": 4.651166080089099, "width": 7.000000000000001, "height": 40, "componentId": "a07d4ca2-9c50-440e-a74a-03110f4fbb56" } ] }, { "id": "abc1c9c6-f0bd-4204-87ab-5194b75697f3", "name": "datepicker1", "type": "Datepicker", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6", "properties": { "defaultValue": { "value": "" }, "format": { "value": "DD/MM/YYYY" }, "enableTime": { "value": "{{false}}" }, "enableDate": { "value": "{{true}}" }, "disabledDates": { "value": "{{[]}}" } }, "general": {}, "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": "{{components.datepicker1.value == undefined ? \"Select a valid date of joining\" : true}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "439d1f91-c8ec-4b04-b2c0-663c7b84e5df", "type": "desktop", "top": 380, "left": 23.25583468662219, "width": 31.000000000000004, "height": 40, "componentId": "abc1c9c6-f0bd-4204-87ab-5194b75697f3" } ] }, { "id": "afca4583-105d-45cf-859f-883f7cc33be7", "name": "text24", "type": "Text", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6", "properties": { "text": { "value": "Date of birth" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "2a8e4f62-37f7-44a6-86bc-59618725724c", "type": "desktop", "top": 440, "left": 4.65115750773569, "width": 7.000000000000001, "height": 40, "componentId": "afca4583-105d-45cf-859f-883f7cc33be7" } ] }, { "id": "9816a9a6-1ae6-4b69-a7a2-a343cc509a2f", "name": "datepicker2", "type": "Datepicker", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6", "properties": { "defaultValue": { "value": "" }, "format": { "value": "DD/MM/YYYY" }, "enableTime": { "value": "{{false}}" }, "enableDate": { "value": "{{true}}" }, "disabledDates": { "value": "{{[]}}" } }, "general": {}, "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": "{{components.datepicker2.value == undefined || moment(components.datepicker1.value,\"DD/MM/YYYY\").diff(moment(components.datepicker2.value,\"DD/MM/YYYY\"), \"years\") < 18 ? \"Select a valid date of birth\" : true}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "806835be-2e25-47ca-b9b5-258ef1fd3072", "type": "desktop", "top": 440, "left": 23.255826114268785, "width": 31.000000000000004, "height": 40, "componentId": "9816a9a6-1ae6-4b69-a7a2-a343cc509a2f" } ] }, { "id": "ff74120d-60fd-4b2e-8f05-b90dc234fbb4", "name": "text25", "type": "Text", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6", "properties": { "text": { "value": "Address" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "a91b3dbf-4eac-409f-a0ae-0a3bd50e8fb4", "type": "desktop", "top": 500, "left": 4.651161793912395, "width": 7.000000000000001, "height": 40, "componentId": "ff74120d-60fd-4b2e-8f05-b90dc234fbb4" } ] }, { "id": "5b06d235-6e41-479d-b1ba-255afbf87d5b", "name": "textarea1", "type": "TextArea", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6", "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter address" } }, "general": {}, "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "f5af4406-4cbd-4ba8-909d-16a4c72f2c06", "type": "desktop", "top": 500, "left": 23.255825333373483, "width": 31.000000000000004, "height": 100, "componentId": "5b06d235-6e41-479d-b1ba-255afbf87d5b" } ] }, { "id": "055da7ef-dee7-480e-a1c3-581bbe581f03", "name": "button4", "type": "Button", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6", "properties": { "text": { "value": "Add" }, "loadingState": { "value": "{{queries.addEmployee.isLoading}}", "fxActive": true } }, "general": {}, "styles": { "backgroundColor": { "value": "#3e63ddff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#ffffff00" }, "disabledState": { "value": "{{!components.textinput8.isValid || !components.textinput9.isValid || !components.textinput10.isValid || !components.textinput11.isValid || !components.textinput12.isValid || !components.textinput13.isValid || !components.datepicker1.isValid || !components.datepicker2.isValid || components.textarea1.value.length < 1 || components.filepicker1.file.length < 1}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "c9d36e90-090b-41cd-b837-59b40bc8cb4c", "type": "desktop", "top": 770, "left": 79.06978876664246, "width": 7, "height": 40, "componentId": "055da7ef-dee7-480e-a1c3-581bbe581f03" } ] }, { "id": "f55210a3-e67b-42a5-a51f-92e98863b3ec", "name": "button5", "type": "Button", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6", "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#375fcf26" }, "textColor": { "value": "#3e63ddff" }, "loaderColor": { "value": "#3e63ddff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "3358fbe2-a9c9-4e59-8900-d09c2ed6091d", "type": "desktop", "top": 770, "left": 60.46512903792135, "width": 7, "height": 40, "componentId": "f55210a3-e67b-42a5-a51f-92e98863b3ec" } ] }, { "id": "9cdead96-50ca-44ea-8ac0-316d22661f9e", "name": "text26", "type": "Text", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "7e4ba30a-01d1-4069-b035-2ce8de991790", "properties": { "text": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) != undefined ? \"EMPLOYEE DETAILS\" : \"SELECT A ROW TO VIEW DETAILS\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#3e63ddff", "fxActive": false }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "d17dc0d9-07c9-40cb-a484-b01a7d60157a", "type": "desktop", "top": 10, "left": 6.976745455952444, "width": 32, "height": 40, "componentId": "9cdead96-50ca-44ea-8ac0-316d22661f9e" } ] }, { "id": "5b53f2a1-f971-4df5-888c-768578ad43bf", "name": "divider3", "type": "Divider", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "7e4ba30a-01d1-4069-b035-2ce8de991790", "properties": {}, "general": {}, "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#9b9b9b80" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "b6262f4a-710b-4ac4-b2a9-0b269872481a", "type": "desktop", "top": 50, "left": 4.651162790697675, "width": 39.00000000000001, "height": 10, "componentId": "5b53f2a1-f971-4df5-888c-768578ad43bf" } ] }, { "id": "012144ec-ad85-417c-8ab5-2d11ff6a97ff", "name": "image1", "type": "Image", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "7e4ba30a-01d1-4069-b035-2ce8de991790", "properties": { "source": { "value": "{{components?.table1?.selectedRow?.image_data ?? \"https://www.svgrepo.com/show/444673/user.svg\"}}" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "alternativeText": { "value": "" }, "zoomButtons": { "value": "{{false}}" }, "rotateButton": { "value": "{{false}}" } }, "general": {}, "styles": { "borderType": { "value": "none" }, "padding": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "imageFit": { "value": "contain" }, "backgroundColor": { "value": "" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "af26ebe3-f08d-4e74-82b2-dc32916ee2d4", "type": "desktop", "top": 70, "left": 6.976745455952444, "width": 14, "height": 110, "componentId": "012144ec-ad85-417c-8ab5-2d11ff6a97ff" } ] }, { "id": "850b582a-d0e6-41b6-acb3-8a8ce569193c", "name": "text27", "type": "Text", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "7e4ba30a-01d1-4069-b035-2ce8de991790", "properties": { "text": { "value": "{{components?.table1?.selectedRow?.name ?? \"Employee Name\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "5f6ffa41-f4ea-4e38-accd-cca116a99c01", "type": "desktop", "top": 80, "left": 44.18605455436548, "width": 19, "height": 30, "componentId": "850b582a-d0e6-41b6-acb3-8a8ce569193c" } ] }, { "id": "52178963-ec9d-45ac-9e90-297e0ab94ea5", "name": "text28", "type": "Text", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "7e4ba30a-01d1-4069-b035-2ce8de991790", "properties": { "text": { "value": "{{components?.table1?.selectedRow?.designation ?? \"Employee Designation\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "italic" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "0fafe2c7-703e-415a-80fe-77517b226f02", "type": "desktop", "top": 110, "left": 44.18605455436548, "width": 18, "height": 30, "componentId": "52178963-ec9d-45ac-9e90-297e0ab94ea5" } ] }, { "id": "1266f108-1b00-48a5-9311-ceb34790f75e", "name": "text29", "type": "Text", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "7e4ba30a-01d1-4069-b035-2ce8de991790", "properties": { "text": { "value": "{{components?.table1?.selectedRow?.id ?? \"Employee ID\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "19c24616-04a5-4efa-afd1-70ea24014a51", "type": "desktop", "top": 140, "left": 44.18603992819973, "width": 18, "height": 30, "componentId": "1266f108-1b00-48a5-9311-ceb34790f75e" } ] }, { "id": "75cf0872-e50c-4d3a-a4c5-95f1b82e747d", "name": "text30", "type": "Text", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "7e4ba30a-01d1-4069-b035-2ce8de991790", "properties": { "text": { "value": "Email" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "1daf0ca2-6ac2-4f7a-b442-0415e708ea5f", "type": "desktop", "top": 220, "left": 6.976731705767766, "width": 13.999999999999998, "height": 30, "componentId": "75cf0872-e50c-4d3a-a4c5-95f1b82e747d" } ] }, { "id": "d17b3838-206f-41aa-a5ba-2237675f9f8d", "name": "text31", "type": "Text", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "7e4ba30a-01d1-4069-b035-2ce8de991790", "properties": { "text": { "value": "Phone no" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "3db73267-78f7-44d4-be17-a21c5309f31b", "type": "desktop", "top": 260, "left": 6.9767655593373705, "width": 13.999999999999998, "height": 30, "componentId": "d17b3838-206f-41aa-a5ba-2237675f9f8d" } ] }, { "id": "ce5264ae-9801-4192-a993-bf54d12ab063", "name": "text32", "type": "Text", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "7e4ba30a-01d1-4069-b035-2ce8de991790", "properties": { "text": { "value": "Department" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "daaae769-f493-44dd-b95b-4c00d523c731", "type": "desktop", "top": 300, "left": 6.976725034594776, "width": 13.999999999999998, "height": 30, "componentId": "ce5264ae-9801-4192-a993-bf54d12ab063" } ] }, { "id": "82461685-f698-4a6b-b213-fa0d42224519", "name": "text33", "type": "Text", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "7e4ba30a-01d1-4069-b035-2ce8de991790", "properties": { "text": { "value": "Blood group" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "7e7d5d6f-2dce-45df-9468-341a9ff6b6b4", "type": "desktop", "top": 340, "left": 6.976763552732405, "width": 13.999999999999998, "height": 30, "componentId": "82461685-f698-4a6b-b213-fa0d42224519" } ] }, { "id": "065f53f5-c434-4582-a536-4eed28e7160e", "name": "text34", "type": "Text", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "7e4ba30a-01d1-4069-b035-2ce8de991790", "properties": { "text": { "value": "Date of joining" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "4a8f4396-ea62-40de-a57d-2285e9386a77", "type": "desktop", "top": 380, "left": 6.976709139595084, "width": 13.999999999999998, "height": 30, "componentId": "065f53f5-c434-4582-a536-4eed28e7160e" } ] }, { "id": "3c54eda1-6707-4ad3-8676-94accb7c55ac", "name": "text35", "type": "Text", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "7e4ba30a-01d1-4069-b035-2ce8de991790", "properties": { "text": { "value": "Date of birth" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "77a8af5f-c980-4672-b875-6d895efcb28d", "type": "desktop", "top": 420, "left": 6.976763993502584, "width": 13.999999999999998, "height": 30, "componentId": "3c54eda1-6707-4ad3-8676-94accb7c55ac" } ] }, { "id": "14cdee54-d6b0-4904-bf75-fe27d21ddf00", "name": "text36", "type": "Text", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "7e4ba30a-01d1-4069-b035-2ce8de991790", "properties": { "text": { "value": "Address" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "c98f5432-46a8-407c-be05-1dfd17073eb8", "type": "desktop", "top": 460, "left": 6.976745455952444, "width": 13.999999999999998, "height": 30, "componentId": "14cdee54-d6b0-4904-bf75-fe27d21ddf00" } ] }, { "id": "6767e066-061c-49dd-adb2-951ed8414c5a", "name": "editemailtextinput", "type": "TextInput", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "7e4ba30a-01d1-4069-b035-2ce8de991790", "properties": { "value": { "value": "{{components.table1.selectedRow.email}}" }, "placeholder": { "value": "" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde", "fxActive": false }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}", "fxActive": true }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "{{components.form1.data.editemailtextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}", "fxActive": true } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || /^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(components.form1.data.editemailtextinput.value) ? true : \" \"}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "f02f2466-de64-4958-b54b-bfb6c7802eb4", "type": "desktop", "top": 220, "left": 41.86044855841798, "width": 21.999999999999996, "height": 30, "componentId": "6767e066-061c-49dd-adb2-951ed8414c5a" } ] }, { "id": "84c1270e-6b7f-4216-8431-45bf7cbb9940", "name": "editphonenotextinput", "type": "TextInput", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "7e4ba30a-01d1-4069-b035-2ce8de991790", "properties": { "value": { "value": "{{components.table1.selectedRow.phone_no}}" }, "placeholder": { "value": "" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}", "fxActive": true }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "{{components.form1.data.editphonenotextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}", "fxActive": true } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || /^[6-9]\\d{9}$/.test(components.form1.data.editphonenotextinput.value) ? true : \" \"}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "59240b33-0c50-488c-8695-64db723ccf0d", "type": "desktop", "top": 260, "left": 41.86041269782743, "width": 21.999999999999996, "height": 30, "componentId": "84c1270e-6b7f-4216-8431-45bf7cbb9940" } ] }, { "id": "2e3f6826-04cf-4107-b4cf-e5f59f2a604a", "name": "editdepartmenttextinput", "type": "TextInput", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "7e4ba30a-01d1-4069-b035-2ce8de991790", "properties": { "value": { "value": "{{components.table1.selectedRow.department}}" }, "placeholder": { "value": "" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}", "fxActive": true }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "{{components.form1.data.editdepartmenttextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}", "fxActive": true } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || (components?.form1?.data?.editdepartmenttextinput?.value ?? \"\").length > 0 ? true : \" \"}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "5939505f-7537-4ea5-a72a-3cf8712a02b5", "type": "desktop", "top": 300, "left": 41.860474366050234, "width": 21.999999999999996, "height": 30, "componentId": "2e3f6826-04cf-4107-b4cf-e5f59f2a604a" } ] }, { "id": "8d38581a-1250-4d65-ac34-79668e68a9be", "name": "editbloodgrouptextinput", "type": "TextInput", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "7e4ba30a-01d1-4069-b035-2ce8de991790", "properties": { "value": { "value": "{{components.table1.selectedRow.blood_group}}" }, "placeholder": { "value": "" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}", "fxActive": true }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "{{components.form1.data.editbloodgrouptextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}", "fxActive": true } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || /^(A|B|AB|O)(\\+|-)$/.test(components.form1.data.editbloodgrouptextinput.value) ? true : \" \"}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "6534771a-1da8-4826-b45f-b44847eab117", "type": "desktop", "top": 340, "left": 41.86045855100046, "width": 21.999999999999996, "height": 30, "componentId": "8d38581a-1250-4d65-ac34-79668e68a9be" } ] }, { "id": "048dd784-4b4b-428e-ad23-c02def08dc42", "name": "editdateofjoiningdatepicker", "type": "Datepicker", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "7e4ba30a-01d1-4069-b035-2ce8de991790", "properties": { "defaultValue": { "value": "{{components.table1.selectedRow.date_of_joining}}" }, "format": { "value": "DD/MM/YYYY" }, "enableTime": { "value": "{{false}}" }, "enableDate": { "value": "{{true}}" }, "disabledDates": { "value": "{{[]}}" } }, "general": {}, "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}", "fxActive": true }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || components.form1.data.editdateofjoiningdatepicker.value != undefined ? true : \" \"}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "2566fc0a-d37e-49bb-b3ba-30f231a4e1e1", "type": "desktop", "top": 380, "left": 41.86049061192336, "width": 22.000000000000004, "height": 30, "componentId": "048dd784-4b4b-428e-ad23-c02def08dc42" } ] }, { "id": "d246c6c5-4b7f-4254-a051-288694e74e77", "name": "editdateofbirthdatepicker", "type": "Datepicker", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "7e4ba30a-01d1-4069-b035-2ce8de991790", "properties": { "defaultValue": { "value": "{{components.table1.selectedRow.date_of_birth}}" }, "format": { "value": "DD/MM/YYYY" }, "enableTime": { "value": "{{false}}" }, "enableDate": { "value": "{{true}}" }, "disabledDates": { "value": "{{[]}}" } }, "general": {}, "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}", "fxActive": true }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || (components.form1.data.editdateofbirthdatepicker.value != undefined && moment(components.form1.data.editdateofjoiningdatepicker.value,\"DD/MM/YYYY\").diff(moment(components.form1.data.editdateofbirthdatepicker.value,\"DD/MM/YYYY\"), \"years\") >= 18) ? true : \" \"}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "7f1e6ad5-c99d-4bc4-8a3a-1855f8a13799", "type": "desktop", "top": 420, "left": 41.86045482705194, "width": 22.000000000000004, "height": 30, "componentId": "d246c6c5-4b7f-4254-a051-288694e74e77" } ] }, { "id": "cde7cf87-339c-4f2a-8fff-ffa7a22619bc", "name": "editaddresstextarea", "type": "TextArea", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "7e4ba30a-01d1-4069-b035-2ce8de991790", "properties": { "value": { "value": "{{components.table1.selectedRow.address}}" }, "placeholder": { "value": "" } }, "general": {}, "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}", "fxActive": true }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || (components?.form1?.data?.editaddresstextarea?.value ?? \"\").length > 0 ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}", "fxActive": true } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "301084c4-5dc3-4508-8d85-67d37efb0273", "type": "desktop", "top": 460, "left": 41.86049211986877, "width": 22.000000000000004, "height": 100, "componentId": "cde7cf87-339c-4f2a-8fff-ffa7a22619bc" } ] }, { "id": "8107e934-f5de-41cc-be4a-4bb46531af82", "name": "divider4", "type": "Divider", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "7e4ba30a-01d1-4069-b035-2ce8de991790", "properties": {}, "general": {}, "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#9b9b9b80" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "2f1f3113-a325-4606-9b08-02fc5892d5e4", "type": "desktop", "top": 580, "left": 4.651164060603607, "width": 39.00000000000001, "height": 10, "componentId": "8107e934-f5de-41cc-be4a-4bb46531af82" } ] }, { "id": "8ab228d1-99f1-456f-80f8-0a8117365766", "name": "button8", "type": "Button", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "7e4ba30a-01d1-4069-b035-2ce8de991790", "properties": { "text": { "value": "Delete" }, "loadingState": { "value": "{{queries.removeEmployee.isLoading}}", "fxActive": true } }, "general": {}, "styles": { "backgroundColor": { "value": "#ffffff00" }, "textColor": { "value": "#d0021bff" }, "loaderColor": { "value": "#d0021bff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#d0021bff" }, "disabledState": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "2d9b0b60-3f4a-4188-bfd8-6cfed6f0eeed", "type": "desktop", "top": 600, "left": 39.53488193106961, "width": 11.000000000000002, "height": 40, "componentId": "8ab228d1-99f1-456f-80f8-0a8117365766" } ] }, { "id": "7da57c18-1e66-4198-9f8d-acbc4f45af3f", "name": "button9", "type": "Button", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "7e4ba30a-01d1-4069-b035-2ce8de991790", "properties": { "text": { "value": "Save" }, "loadingState": { "value": "{{queries.updateEmployee.isLoading}}", "fxActive": true } }, "general": {}, "styles": { "backgroundColor": { "value": "#3e63ddff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#ffffff00" }, "disabledState": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || !components.form1.data.editemailtextinput.isValid || !components.form1.data.editphonenotextinput.isValid || !components.form1.data.editdepartmenttextinput.isValid || !components.form1.data.editbloodgrouptextinput.isValid || !components.form1.data.editdateofjoiningdatepicker.isValid || !components.form1.data.editdateofbirthdatepicker.isValid || (components?.form1?.data?.editaddresstextarea?.value ?? \"\").length < 1}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "c6205994-6881-42cd-9ff2-5fb3008aa3fc", "type": "desktop", "top": 600, "left": 67.44187386283085, "width": 10.999999999999998, "height": 40, "componentId": "7da57c18-1e66-4198-9f8d-acbc4f45af3f" } ] }, { "id": "d1404d1c-db1b-4985-a5d1-80762cae209e", "name": "text37", "type": "Text", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6", "properties": { "text": { "value": "Profile picture" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "5b25b912-ba6a-485e-af3d-1d2f26c7a290", "type": "desktop", "top": 620, "left": 4.651162790697675, "width": 7, "height": 40, "componentId": "d1404d1c-db1b-4985-a5d1-80762cae209e" } ] }, { "id": "d480f808-f1df-431b-a92e-d017934d6d41", "name": "filepicker1", "type": "FilePicker", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6", "properties": { "instructionText": { "value": "Drag and drop a file here or click to select an image file" }, "enableDropzone": { "value": "{{true}}" }, "enablePicker": { "value": "{{true}}" }, "maxFileCount": { "value": "{{1}}" }, "enableMultiple": { "value": "{{false}}" }, "fileType": { "value": "{{\"image/*\"}}" }, "maxSize": { "value": "{{1048576}}" }, "minSize": { "value": "{{50}}" }, "parseContent": { "value": "{{false}}" }, "parseFileType": { "value": "auto-detect" } }, "general": {}, "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{10}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "4d437742-b2da-460e-9807-c9036c1c6739", "type": "desktop", "top": 620, "left": 23.255828874749245, "width": 21, "height": 120, "componentId": "d480f808-f1df-431b-a92e-d017934d6d41" } ] }, { "id": "d9aeec9e-c614-4029-b2ad-b90a0f9b0975", "name": "image3", "type": "Image", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6", "properties": { "source": { "value": "{{components.filepicker1.file.length > 0 ? `data:${components.filepicker1.file[0].type};base64,${components.filepicker1.file[0].base64Data}` : \"https://www.svgrepo.com/show/444673/user.svg\"}}" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "alternativeText": { "value": "" }, "zoomButtons": { "value": "{{false}}" }, "rotateButton": { "value": "{{false}}" } }, "general": {}, "styles": { "borderType": { "value": "none" }, "padding": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "imageFit": { "value": "contain" }, "backgroundColor": { "value": "#8888881a" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "d78812bc-a480-4410-810a-c32dd51f287d", "type": "desktop", "top": 620, "left": 74.41861323454575, "width": 9, "height": 120, "componentId": "d9aeec9e-c614-4029-b2ad-b90a0f9b0975" } ] }, { "id": "7e4ba30a-01d1-4069-b035-2ce8de991790", "name": "form1", "type": "Form", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": null, "properties": { "loadingState": { "value": "{{queries.getEmployees.isLoading}}", "fxActive": true }, "advanced": { "value": "{{false}}" }, "JSONSchema": { "value": "{{ {title: 'User registration form', properties: {firstname: {type: 'textinput',value: 'Maria',label:'First name', validation:{maxLength:6}, styles: {backgroundColor: '#f6f5ff',textColor: 'black'},},lastname:{type: 'textinput',value: 'Doe', label:'Last name', styles: {backgroundColor: '#f6f5ff',textColor: 'black'},},age:{type:'number'},}, submitButton: {value: 'Submit', styles: {backgroundColor: '#3a433b',borderColor:'#595959'}}} }}" }, "buttonToSubmit": { "value": "none" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#8888884d" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{queries.removeEmployee.isLoading || queries.updateEmployee.isLoading}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2024-01-02T20:43:47.191Z", "layouts": [ { "id": "d5c3f463-40e1-4c1d-a4ed-edf6be240975", "type": "desktop", "top": 110.00001525878906, "left": 69.76744673634303, "width": 12, "height": 660, "componentId": "7e4ba30a-01d1-4069-b035-2ce8de991790" } ] }, { "id": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6", "name": "modal1", "type": "Modal", "pageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "parent": null, "properties": { "title": { "value": "Add employee" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Launch Modal" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" }, "modalHeight": { "value": "830px" } }, "general": {}, "styles": { "headerBackgroundColor": { "value": "#ffffffff" }, "headerTextColor": { "value": "#3e63ddff" }, "bodyBackgroundColor": { "value": "#ffffffff" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#4D72FA" }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "f4dd3292-4601-427c-9513-84584681e5cb", "type": "desktop", "top": 870, "left": 83.720929871382, "width": 6, "height": 40, "componentId": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6" } ] } ], "pages": [ { "id": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "name": "Home", "handle": "home", "index": 0, "disabled": false, "hidden": false, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8" } ], "events": [ { "id": "e1d04df7-e35c-4473-bf4e-f6840671d573", "name": "onClick", "index": 0, "event": { "eventId": "onClick", "message": "Hello world!", "queryId": "226fbfbf-eee5-402a-9400-db8347d6fe42", "actionId": "run-query", "alertType": "info", "queryName": "addEmployee", "parameters": {} }, "sourceId": "055da7ef-dee7-480e-a1c3-581bbe581f03", "target": "component", "appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "90f61b19-98ac-4923-8b49-ec487271c4f5", "name": "onClick", "index": 0, "event": { "eventId": "onClick", "message": "Hello world!", "queryId": "5fef3fcb-ef14-4e99-9f70-9fb08a59b22e", "actionId": "run-query", "alertType": "info", "queryName": "removeEmployee", "parameters": {} }, "sourceId": "8ab228d1-99f1-456f-80f8-0a8117365766", "target": "component", "appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "a91a527f-9be1-46f0-8dc5-b57ff5b10a3b", "name": "onClick", "index": 0, "event": { "eventId": "onClick", "message": "Hello world!", "queryId": "83a1826f-9082-4f56-b020-d18554f767e4", "actionId": "run-query", "alertType": "info", "queryName": "updateEmployee", "parameters": {} }, "sourceId": "7da57c18-1e66-4198-9f8d-acbc4f45af3f", "target": "component", "appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "ede3d763-275e-4748-b1b7-8b707cff1e0a", "name": "onDataQuerySuccess", "index": 1, "event": { "eventId": "onDataQuerySuccess", "message": "Employee added successfully.", "actionId": "show-alert", "alertType": "success" }, "sourceId": "226fbfbf-eee5-402a-9400-db8347d6fe42", "target": "data_query", "appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "29bf1275-d4f5-4a07-824d-70bdb73a5d7e", "name": "onDataQuerySuccess", "index": 2, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "queryId": "942a9e67-79b6-469c-ab36-a8b9b8944f3d", "actionId": "run-query", "alertType": "info", "queryName": "getEmployees", "parameters": {} }, "sourceId": "226fbfbf-eee5-402a-9400-db8347d6fe42", "target": "data_query", "appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "8c3bcfba-6d05-4324-8d4d-94194fed3c7e", "name": "onDataQuerySuccess", "index": 0, "event": { "eventId": "onDataQuerySuccess", "message": "Successfully updated employee details.", "actionId": "show-alert", "alertType": "success" }, "sourceId": "83a1826f-9082-4f56-b020-d18554f767e4", "target": "data_query", "appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "87dc9569-85ed-4aff-a320-f6146408dcf5", "name": "onDataQuerySuccess", "index": 1, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "queryId": "942a9e67-79b6-469c-ab36-a8b9b8944f3d", "actionId": "run-query", "alertType": "info", "queryName": "getEmployees", "parameters": {} }, "sourceId": "83a1826f-9082-4f56-b020-d18554f767e4", "target": "data_query", "appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "165cab31-c844-44a8-8991-9287a3865c6d", "name": "onDataQueryFailure", "index": 2, "event": { "eventId": "onDataQueryFailure", "message": "Failed to update employee details.", "actionId": "show-alert", "alertType": "warning" }, "sourceId": "83a1826f-9082-4f56-b020-d18554f767e4", "target": "data_query", "appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "8613af15-a55b-4555-b7b3-b6727ec37285", "name": "onDataQuerySuccess", "index": 0, "event": { "eventId": "onDataQuerySuccess", "message": "Successfully removed employee from directory.", "actionId": "show-alert", "alertType": "success" }, "sourceId": "5fef3fcb-ef14-4e99-9f70-9fb08a59b22e", "target": "data_query", "appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "f56b9030-0927-4424-a66b-a6fcfdbac8e1", "name": "onDataQueryFailure", "index": 1, "event": { "eventId": "onDataQueryFailure", "message": "Failed to remove employee from directory! Please check and try again.", "actionId": "show-alert", "alertType": "warning" }, "sourceId": "5fef3fcb-ef14-4e99-9f70-9fb08a59b22e", "target": "data_query", "appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "d1cf8c93-655e-42d3-af56-03736b7a07d2", "name": "onDataQuerySuccess", "index": 2, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "queryId": "942a9e67-79b6-469c-ab36-a8b9b8944f3d", "actionId": "run-query", "alertType": "info", "queryName": "getEmployees", "parameters": {} }, "sourceId": "5fef3fcb-ef14-4e99-9f70-9fb08a59b22e", "target": "data_query", "appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "beed5add-7d0d-46ec-9a03-d2f611bcb790", "name": "onClick", "index": 0, "event": { "modal": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6", "eventId": "onClick", "message": "Hello world!", "actionId": "show-modal", "alertType": "info" }, "sourceId": "bc07337b-b5b3-4da6-95b0-6f822027a72e", "target": "component", "appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "bd17d552-088f-48f3-bd01-802ddffa215a", "name": "onClick", "index": 0, "event": { "modal": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6", "eventId": "onClick", "message": "Hello world!", "actionId": "close-modal", "alertType": "info" }, "sourceId": "f55210a3-e67b-42a5-a51f-92e98863b3ec", "target": "component", "appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "8a2108fa-9282-4aa5-ab14-1107f6177882", "name": "onDataQuerySuccess", "index": 0, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "actionId": "control-component", "alertType": "info", "componentId": "7e4ba30a-01d1-4069-b035-2ce8de991790", "componentSpecificActionHandle": "resetForm", "componentSpecificActionParams": [] }, "sourceId": "942a9e67-79b6-469c-ab36-a8b9b8944f3d", "target": "data_query", "appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "5e5d0a55-8f61-4a9d-bdf9-1030a94f9663", "name": "onDataQuerySuccess", "index": 0, "event": { "modal": "ea9e60c2-2cbd-4b68-8116-de5edb21e7b6", "eventId": "onDataQuerySuccess", "message": "Hello world!", "actionId": "close-modal", "alertType": "info" }, "sourceId": "226fbfbf-eee5-402a-9400-db8347d6fe42", "target": "data_query", "appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" } ], "dataQueries": [ { "id": "942a9e67-79b6-469c-ab36-a8b9b8944f3d", "name": "getEmployees", "options": { "operation": "list_rows", "transformationLanguage": "javascript", "enableTransformation": false, "organization_id": "c54a4ec7-1bcd-45ba-83f6-4789f71951dd", "table_id": "78ade0db-c37c-4abc-89e4-31bbe00fdda3", "join_table": { "joins": [ { "id": 1700944850179, "conditions": { "operator": "AND", "conditionsList": [ { "operator": "=", "leftField": { "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" } } ] }, "joinType": "INNER" } ], "from": { "name": "66546f25-75c9-4393-bd6d-2573a3a9bf1a", "type": "Table" }, "fields": [ { "name": "id", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "name", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "email", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "designation", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "phone_no", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "department", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "blood_group", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "date_of_joining", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "date_of_birth", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "address", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" } ] }, "list_rows": {}, "runOnPageLoad": true, "events": [ { "eventId": "onDataQuerySuccess", "actionId": "control-component", "message": "Hello world!", "alertType": "info", "componentSpecificActionHandle": "resetForm", "componentId": "171e0e10-7715-452e-af3d-23c1a71c4d4b", "componentSpecificActionParams": [] } ] }, "dataSourceId": "8649cb45-346e-4e9f-bc78-7bbba72725bb", "appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8", "createdAt": "2023-12-06T07:28:54.443Z", "updatedAt": "2023-12-06T07:28:54.443Z" }, { "id": "226fbfbf-eee5-402a-9400-db8347d6fe42", "name": "addEmployee", "options": { "operation": "create_row", "transformationLanguage": "javascript", "enableTransformation": false, "organization_id": "c54a4ec7-1bcd-45ba-83f6-4789f71951dd", "table_id": "78ade0db-c37c-4abc-89e4-31bbe00fdda3", "join_table": { "joins": [ { "id": 1700638823408, "conditions": { "operator": "AND", "conditionsList": [ { "operator": "=", "leftField": { "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" } } ] }, "joinType": "INNER" } ], "from": { "name": "66546f25-75c9-4393-bd6d-2573a3a9bf1a", "type": "Table" }, "fields": [ { "name": "id", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "name", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "email", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "designation", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "phone_no", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "department", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "blood_group", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "date_of_joining", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "date_of_birth", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "address", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" } ] }, "list_rows": {}, "create_row": { "0": { "column": "name", "value": "{{components.textinput8.value}}" }, "1": { "column": "email", "value": "{{components.textinput9.value}}" }, "2": { "column": "designation", "value": "{{components.textinput10.value}}" }, "3": { "column": "phone_no", "value": "{{components.textinput11.value}}" }, "4": { "column": "department", "value": "{{components.textinput12.value}}" }, "5": { "column": "blood_group", "value": "{{components.textinput13.value}}" }, "6": { "column": "date_of_joining", "value": "{{components.datepicker1.value}}" }, "7": { "column": "date_of_birth", "value": "{{components.datepicker2.value}}" }, "8": { "column": "address", "value": "{{components.textarea1.value}}" }, "6c176ad8-5259-4ab7-b48a-70bd429b4d3a": { "column": "image_data", "value": "{{`data:${components.filepicker1.file[0].type};base64,${components.filepicker1.file[0].base64Data}`}}" } }, "events": [ { "eventId": "onDataQuerySuccess", "actionId": "close-modal", "message": "Hello world!", "alertType": "info", "modal": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, { "eventId": "onDataQuerySuccess", "actionId": "show-alert", "message": "Employee added successfully.", "alertType": "success" }, { "eventId": "onDataQuerySuccess", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "942a9e67-79b6-469c-ab36-a8b9b8944f3d", "queryName": "getEmployees", "parameters": {} } ] }, "dataSourceId": "8649cb45-346e-4e9f-bc78-7bbba72725bb", "appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8", "createdAt": "2023-12-06T07:28:54.443Z", "updatedAt": "2023-12-06T07:28:54.443Z" }, { "id": "83a1826f-9082-4f56-b020-d18554f767e4", "name": "updateEmployee", "options": { "operation": "update_rows", "transformationLanguage": "javascript", "enableTransformation": false, "organization_id": "c54a4ec7-1bcd-45ba-83f6-4789f71951dd", "table_id": "78ade0db-c37c-4abc-89e4-31bbe00fdda3", "join_table": { "joins": [ { "id": 1701706991932, "conditions": { "operator": "AND", "conditionsList": [ { "operator": "=", "leftField": { "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" } } ] }, "joinType": "INNER" } ], "from": { "name": "66546f25-75c9-4393-bd6d-2573a3a9bf1a", "type": "Table" }, "fields": [ { "name": "id", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "name", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "email", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "designation", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "phone_no", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "department", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "blood_group", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "date_of_joining", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "date_of_birth", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "address", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" } ] }, "list_rows": {}, "update_rows": { "columns": { "0": { "column": "email", "value": "{{components.form1.data.editemailtextinput.value}}" }, "1": { "column": "phone_no", "value": "{{components.form1.data.editphonenotextinput.value}}" }, "2": { "column": "department", "value": "{{components.form1.data.editdepartmenttextinput.value}}" }, "3": { "column": "blood_group", "value": "{{components.form1.data.editbloodgrouptextinput.value}}" }, "4": { "column": "date_of_joining", "value": "{{components.form1.data.editdateofjoiningdatepicker.value}}" }, "5": { "column": "date_of_birth", "value": "{{components.form1.data.editdateofbirthdatepicker.value}}" }, "6": { "column": "address", "value": "{{components.form1.data.editaddresstextarea.value}}" } }, "where_filters": { "5eefaf73-1b83-4a1b-a47c-3c7f10894d85": { "column": "id", "operator": "eq", "value": "{{components.table1.selectedRow.id}}", "id": "5eefaf73-1b83-4a1b-a47c-3c7f10894d85" } } }, "events": [ { "eventId": "onDataQuerySuccess", "actionId": "show-alert", "message": "Successfully updated employee details.", "alertType": "success" }, { "eventId": "onDataQuerySuccess", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "942a9e67-79b6-469c-ab36-a8b9b8944f3d", "queryName": "getEmployees", "parameters": {} }, { "eventId": "onDataQueryFailure", "actionId": "show-alert", "message": "Failed to update employee details.", "alertType": "warning" } ] }, "dataSourceId": "8649cb45-346e-4e9f-bc78-7bbba72725bb", "appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8", "createdAt": "2023-12-06T07:28:54.443Z", "updatedAt": "2023-12-06T07:28:54.443Z" }, { "id": "5fef3fcb-ef14-4e99-9f70-9fb08a59b22e", "name": "removeEmployee", "options": { "operation": "delete_rows", "transformationLanguage": "javascript", "enableTransformation": false, "organization_id": "c54a4ec7-1bcd-45ba-83f6-4789f71951dd", "table_id": "78ade0db-c37c-4abc-89e4-31bbe00fdda3", "join_table": { "joins": [ { "id": 1701707076943, "conditions": { "operator": "AND", "conditionsList": [ { "operator": "=", "leftField": { "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" } } ] }, "joinType": "INNER" } ], "from": { "name": "66546f25-75c9-4393-bd6d-2573a3a9bf1a", "type": "Table" }, "fields": [ { "name": "id", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "name", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "email", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "designation", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "phone_no", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "department", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "blood_group", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "date_of_joining", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "date_of_birth", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" }, { "name": "address", "table": "66546f25-75c9-4393-bd6d-2573a3a9bf1a" } ] }, "list_rows": {}, "delete_rows": { "limit": 1, "where_filters": { "d5336646-3af5-4270-a7a8-62a1e4652721": { "column": "id", "operator": "eq", "value": "{{components.table1.selectedRow.id}}", "id": "d5336646-3af5-4270-a7a8-62a1e4652721" } } }, "events": [ { "eventId": "onDataQuerySuccess", "actionId": "show-alert", "message": "Successfully removed employee from directory.", "alertType": "success" }, { "eventId": "onDataQueryFailure", "actionId": "show-alert", "message": "Failed to remove employee from directory! Please check and try again.", "alertType": "warning" }, { "eventId": "onDataQuerySuccess", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "942a9e67-79b6-469c-ab36-a8b9b8944f3d", "queryName": "getEmployees", "parameters": {} } ] }, "dataSourceId": "8649cb45-346e-4e9f-bc78-7bbba72725bb", "appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8", "createdAt": "2023-12-06T07:28:54.443Z", "updatedAt": "2023-12-06T07:28:54.443Z" } ], "dataSources": [ { "id": "befee9a0-5976-404f-97ad-285dd07646b0", "name": "restapidefault", "kind": "restapi", "type": "static", "pluginId": null, "appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8", "organizationId": null, "scope": "local", "createdAt": "2023-12-06T07:28:54.476Z", "updatedAt": "2023-12-06T07:28:54.476Z" }, { "id": "ae71b559-e309-4961-ad4b-9a2e440cd78c", "name": "runjsdefault", "kind": "runjs", "type": "static", "pluginId": null, "appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8", "organizationId": null, "scope": "local", "createdAt": "2023-12-06T07:28:54.485Z", "updatedAt": "2023-12-06T07:28:54.485Z" }, { "id": "e4bc3d3a-e89d-4981-ac91-0a90172a9e4e", "name": "runpydefault", "kind": "runpy", "type": "static", "pluginId": null, "appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8", "organizationId": null, "scope": "local", "createdAt": "2023-12-06T07:28:54.492Z", "updatedAt": "2023-12-06T07:28:54.492Z" }, { "id": "8649cb45-346e-4e9f-bc78-7bbba72725bb", "name": "tooljetdbdefault", "kind": "tooljetdb", "type": "static", "pluginId": null, "appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8", "organizationId": null, "scope": "local", "createdAt": "2023-12-06T07:28:54.500Z", "updatedAt": "2023-12-06T07:28:54.500Z" }, { "id": "4c79db65-8a0c-49e3-acdf-3b35114eb678", "name": "workflowsdefault", "kind": "workflows", "type": "static", "pluginId": null, "appVersionId": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8", "organizationId": null, "scope": "local", "createdAt": "2023-12-06T07:28:54.510Z", "updatedAt": "2023-12-06T07:28:54.510Z" } ], "appVersions": [ { "id": "3a9750e2-1fd7-4680-8ef3-9fd12b4606a8", "name": "v1", "definition": { "showViewerNavigation": false, "homePageId": "a60c0ee5-1809-4046-9ac9-30ea02060cc9", "pages": { "a60c0ee5-1809-4046-9ac9-30ea02060cc9": { "components": { "5147e387-41c6-48cc-a385-67c5e4e0c3bf": { "id": "5147e387-41c6-48cc-a385-67c5e4e0c3bf", "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#3e63ddff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#ffffff00", "fxActive": false }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" } }, "general": {}, "exposedVariables": {} }, "name": "container1", "displayName": "Container", "description": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 20, "left": 2.3255813953488373, "width": 41, "height": 70 } } }, "1243e386-3596-4679-b2e7-5e940a3eb195": { "id": "1243e386-3596-4679-b2e7-5e940a3eb195", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff" }, "textSize": { "value": "{{24}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": "{{0}}" }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "B R A N D" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text1", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 10, "left": 2.3255818774724633, "width": 6, "height": 40 } }, "parent": "5147e387-41c6-48cc-a385-67c5e4e0c3bf" }, "fd035cca-9d02-4294-90c2-49cc50b8d29f": { "component": { "properties": { "title": { "type": "string", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "data": { "type": "code", "displayName": "Table data", "validation": { "schema": { "type": "array", "element": { "type": "object" }, "optional": true } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "columns": { "type": "array", "displayName": "Table Columns" }, "useDynamicColumn": { "type": "toggle", "displayName": "Use dynamic column", "validation": { "schema": { "type": "boolean" } } }, "columnData": { "type": "code", "displayName": "Column data" }, "rowsPerPage": { "type": "code", "displayName": "Number of rows per page", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "enableNextButton": { "type": "toggle", "displayName": "Enable next page button", "validation": { "schema": { "type": "boolean" } } }, "enabledSort": { "type": "toggle", "displayName": "Enable column sorting", "validation": { "schema": { "type": "boolean" } } }, "hideColumnSelectorButton": { "type": "toggle", "displayName": "Hide column selector button", "validation": { "schema": { "type": "boolean" } } }, "enablePrevButton": { "type": "toggle", "displayName": "Enable previous page button", "validation": { "schema": { "type": "boolean" } } }, "totalRecords": { "type": "code", "displayName": "Total records server side", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "enablePagination": { "type": "toggle", "displayName": "Enable pagination", "validation": { "schema": { "type": "boolean" } } }, "serverSidePagination": { "type": "clientServerSwitch", "displayName": "Type", "validation": { "schema": { "type": "boolean" } }, "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ] }, "serverSideSearch": { "type": "clientServerSwitch", "displayName": "Type", "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ], "validation": { "schema": { "type": "boolean" } } }, "serverSideSort": { "type": "clientServerSwitch", "displayName": "Type", "validation": { "schema": { "type": "boolean" } }, "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ] }, "serverSideFilter": { "type": "clientServerSwitch", "displayName": "Type", "validation": { "schema": { "type": "boolean" } }, "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ], "defaultValue": "clientSide" }, "actionButtonBackgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "actionButtonTextColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "displaySearchBox": { "type": "toggle", "displayName": "Show search", "validation": { "schema": { "type": "boolean" } } }, "showDownloadButton": { "type": "toggle", "displayName": "Show download button", "validation": { "schema": { "type": "boolean" } } }, "showFilterButton": { "type": "toggle", "displayName": "Enable filtering", "validation": { "schema": { "type": "boolean" } } }, "showBulkUpdateActions": { "type": "toggle", "displayName": "Show update buttons", "validation": { "schema": { "type": "boolean" } } }, "allowSelection": { "type": "toggle", "displayName": "Allow selection", "validation": { "schema": { "type": "boolean" } } }, "showBulkSelector": { "type": "toggle", "displayName": "Bulk selection", "validation": { "schema": { "type": "boolean" } } }, "highlightSelectedRow": { "type": "toggle", "displayName": "Highlight selected row", "validation": { "schema": { "type": "boolean" } } }, "defaultSelectedRow": { "type": "code", "displayName": "Default selected row", "validation": { "schema": { "type": "object" } } }, "showAddNewRowButton": { "type": "toggle", "displayName": "Show add new row button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop " }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onRowHovered": { "displayName": "Row hovered" }, "onRowClicked": { "displayName": "Row clicked" }, "onBulkUpdate": { "displayName": "Save changes" }, "onPageChanged": { "displayName": "Page changed" }, "onSearch": { "displayName": "Search" }, "onCancelChanges": { "displayName": "Cancel changes" }, "onSort": { "displayName": "Sort applied" }, "onCellValueChanged": { "displayName": "Cell value changed" }, "onFilterChanged": { "displayName": "Filter changed" }, "onNewRowsAdded": { "displayName": "Add new rows" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "actionButtonRadius": { "type": "code", "displayName": "Action Button Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" } ] } } }, "tableType": { "type": "select", "displayName": "Table type", "options": [ { "name": "Bordered", "value": "table-bordered" }, { "name": "Regular", "value": "table-classic" }, { "name": "Striped", "value": "table-striped" } ], "validation": { "schema": { "type": "string" } } }, "cellSize": { "type": "select", "displayName": "Cell size", "options": [ { "name": "Condensed", "value": "condensed" }, { "name": "Regular", "value": "regular" } ], "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "regular" }, "borderRadius": { "value": "10" }, "tableType": { "value": "table-classic" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{queries.getEmployees.isLoading}}", "fxActive": true }, "data": { "value": "{{queries.getEmployees.data}}" }, "useDynamicColumn": { "value": "{{false}}" }, "columnData": { "value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}" }, "rowsPerPage": { "value": "{{10}}" }, "serverSidePagination": { "value": "{{false}}" }, "enableNextButton": { "value": "{{true}}" }, "enablePrevButton": { "value": "{{true}}" }, "totalRecords": { "value": "" }, "enablePagination": { "value": "{{true}}" }, "serverSideSort": { "value": "{{false}}" }, "serverSideFilter": { "value": "{{false}}" }, "displaySearchBox": { "value": "{{false}}" }, "showDownloadButton": { "value": "{{true}}" }, "showFilterButton": { "value": "{{false}}" }, "autogenerateColumns": { "value": true, "generateNestedColumns": true }, "columns": { "value": [ { "name": "id", "id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737", "autogenerated": true }, { "name": "name", "id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a", "autogenerated": true }, { "name": "email", "id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f", "autogenerated": true }, { "id": "c13331c3-7040-4b47-90a1-10c5245bd110", "name": "designation", "key": "designation", "columnType": "string", "autogenerated": true }, { "id": "4ed1e639-52e7-4df4-99aa-e25b57b5c52b", "name": "department", "key": "department", "columnType": "string", "autogenerated": true }, { "id": "ac7129df-ff8a-42aa-9798-e1a4099b8f46", "name": "phone no", "key": "phone_no", "columnType": "string", "autogenerated": true }, { "id": "a249ad47-c52d-43e5-b384-fa54122914a7", "name": "blood group", "key": "blood_group", "columnType": "string", "autogenerated": true }, { "id": "568ce851-ae8f-4ebc-be26-c5a5eae89a57", "name": "date of joining", "key": "date_of_joining", "columnType": "string", "autogenerated": true }, { "id": "61ad21ce-70e5-4c4e-97e1-2f576c690dbe", "name": "date of birth", "key": "date_of_birth", "columnType": "string", "autogenerated": true }, { "id": "de287f35-26ef-4fac-b574-a265d22d9232", "name": "address", "key": "address", "columnType": "string", "autogenerated": true } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 39, "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 149, "db258ca5-d4f5-4b22-a667-143882f7f004": 123, "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 168, "c13331c3-7040-4b47-90a1-10c5245bd110": 180 } }, "actions": { "value": [] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "defaultSelectedRow": { "value": "{{{\"id\":1}}}" }, "showAddNewRowButton": { "value": "{{false}}" }, "allowSelection": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "new_column1", "Department", "Title", "image_data" ] } }, "general": {}, "exposedVariables": {} }, "name": "table1", "displayName": "Table", "description": "Display paginated tabular data", "component": "Table", "defaultSize": { "width": 28.86, "height": 456 }, "exposedVariables": { "selectedRow": {}, "changeSet": {}, "dataUpdates": [], "pageIndex": 1, "searchText": "", "selectedRows": [], "filters": [] }, "actions": [ { "handle": "setPage", "displayName": "Set page", "params": [ { "handle": "page", "displayName": "Page", "defaultValue": "{{1}}" } ] }, { "handle": "selectRow", "displayName": "Select row", "params": [ { "handle": "key", "displayName": "Key" }, { "handle": "value", "displayName": "Value" } ] }, { "handle": "deselectRow", "displayName": "Deselect row" }, { "handle": "discardChanges", "displayName": "Discard Changes" }, { "handle": "discardNewlyAddedRows", "displayName": "Discard newly added rows" }, { "displayName": "Download table data", "handle": "downloadTableData", "params": [ { "handle": "type", "displayName": "Type", "options": [ { "name": "Download as Excel", "value": "xlsx" }, { "name": "Download as CSV", "value": "csv" }, { "name": "Download as PDF", "value": "pdf" } ], "defaultValue": "{{Download as Excel}}", "type": "select" } ] } ] }, "layouts": { "desktop": { "top": 160, "left": 2.3255816549441892, "width": 28, "height": 610 } }, "withDefaultChildren": false }, "86959f97-61d2-4013-b834-8ed2edc3862c": { "component": { "properties": { "text": { "type": "code", "displayName": "Button text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "show-modal", "message": "Hello world!", "alertType": "info", "modal": "670b6c6c-97c2-4f59-a63b-f381550b6b22" } ], "styles": { "backgroundColor": { "value": "#3e63ddff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#ffffff00" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Add Employee" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button1", "displayName": "Button", "description": "Trigger actions: queries, alerts, set variables etc.", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": { "buttonText": "Button" }, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 110.0000228881836, "left": 55.8139664941029, "width": 5, "height": 40 } }, "withDefaultChildren": false }, "fad2a0c5-b28f-4560-a60c-7d0ebdfb2b3e": { "id": "fad2a0c5-b28f-4560-a60c-7d0ebdfb2b3e", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff", "fxActive": false }, "textSize": { "value": "{{20}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Employee Directory" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text16", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 10, "left": 69.76744229792882, "width": 12, "height": 40 } }, "parent": "5147e387-41c6-48cc-a385-67c5e4e0c3bf" }, "2a83a770-0295-4590-a84e-65c075c26c6a": { "id": "2a83a770-0295-4590-a84e-65c075c26c6a", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#3e63ddff", "fxActive": false }, "textSize": { "value": "{{20}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{!queries.getEmployees.isLoading}}", "fxActive": true }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{`Employees (${queries?.getEmployees?.data?.length ?? 0})`}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text17", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 110, "left": 2.325578812294464, "width": 12, "height": 40 } } }, "670b6c6c-97c2-4f59-a63b-f381550b6b22": { "component": { "properties": { "title": { "type": "code", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "useDefaultButton": { "type": "toggle", "displayName": "Use default trigger button", "validation": { "schema": { "type": "boolean" } } }, "triggerButtonLabel": { "type": "code", "displayName": "Trigger button label", "validation": { "schema": { "type": "string" } } }, "hideTitleBar": { "type": "toggle", "displayName": "Hide title bar" }, "hideCloseButton": { "type": "toggle", "displayName": "Hide close button" }, "hideOnEsc": { "type": "toggle", "displayName": "Close on escape key" }, "closeOnClickingOutside": { "type": "toggle", "displayName": "Close on clicking outside" }, "size": { "type": "select", "displayName": "Modal size", "options": [ { "name": "small", "value": "sm" }, { "name": "medium", "value": "lg" }, { "name": "large", "value": "xl" } ], "validation": { "schema": { "type": "string" } } }, "modalHeight": { "type": "code", "displayName": "Modal height", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onOpen": { "displayName": "On open" }, "onClose": { "displayName": "On close" } }, "styles": { "headerBackgroundColor": { "type": "color", "displayName": "Header background color", "validation": { "schema": { "type": "string" } } }, "headerTextColor": { "type": "color", "displayName": "Header title color", "validation": { "schema": { "type": "string" } } }, "bodyBackgroundColor": { "type": "color", "displayName": "Body background color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "triggerButtonBackgroundColor": { "type": "color", "displayName": "Trigger button background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "triggerButtonTextColor": { "type": "color", "displayName": "Trigger button text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "headerBackgroundColor": { "value": "#ffffffff" }, "headerTextColor": { "value": "#3e63ddff" }, "bodyBackgroundColor": { "value": "#ffffffff" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#4D72FA" }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Add employee" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Launch Modal" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" }, "modalHeight": { "value": "830px" } }, "general": {}, "exposedVariables": {} }, "name": "modal1", "displayName": "Modal", "description": "Show pop-up windows", "component": "Modal", "defaultSize": { "width": 10, "height": 34 }, "exposedVariables": { "show": false }, "actions": [ { "handle": "open", "displayName": "Open" }, { "handle": "close", "displayName": "Close" } ] }, "layouts": { "desktop": { "top": 810, "left": 83.72092605396375, "width": 6, "height": 40 } }, "withDefaultChildren": false }, "2af7aa24-b57f-4f30-b50a-66df44023c29": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Name" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text15", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22", "layouts": { "desktop": { "top": 20, "left": 4.651162790697675, "width": 7.000000000000001, "height": 40 } }, "withDefaultChildren": false }, "80b8a3fb-4582-4625-b4b2-3e82bf138398": { "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error text color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde", "fxActive": false }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{components.textinput8.value == \"\" ? \"Enter a valid name\" : true}}" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter name" } }, "general": {}, "exposedVariables": {} }, "name": "textinput8", "displayName": "Text Input", "description": "User text input field", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22", "layouts": { "desktop": { "top": 20, "left": 23.255822586473915, "width": 31.000000000000004, "height": 40 } }, "withDefaultChildren": false }, "c26ce442-21df-4007-9cae-5e0d67d99339": { "id": "c26ce442-21df-4007-9cae-5e0d67d99339", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error text color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(components.textinput9.value) ? true : \"Enter a valid email\"}}" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter email" } }, "general": {}, "exposedVariables": {} }, "name": "textinput9", "displayName": "Text Input", "description": "User text input field", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 80, "left": 23.255820698864962, "width": 31.000000000000004, "height": 40 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, "32737e80-01f7-44e9-b635-56c7f5f4479f": { "id": "32737e80-01f7-44e9-b635-56c7f5f4479f", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Email" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text18", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 80, "left": 4.651163235502693, "width": 7.000000000000001, "height": 40 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, "efbdc5a4-4a2c-4144-bd72-6bb2d07ce5de": { "id": "efbdc5a4-4a2c-4144-bd72-6bb2d07ce5de", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error text color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{components.textinput10.value == \"\" ? \"Enter a valid designation\" : true}}" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter designation" } }, "general": {}, "exposedVariables": {} }, "name": "textinput10", "displayName": "Text Input", "description": "User text input field", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 140, "left": 23.25582064777614, "width": 31.000000000000004, "height": 40 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, "67955ad1-0db4-4dba-9e7a-ca458061fd1d": { "id": "67955ad1-0db4-4dba-9e7a-ca458061fd1d", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Designation" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text19", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 140, "left": 4.651163680307713, "width": 7.000000000000001, "height": 40 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, "0a57684b-e0fd-4660-9f8a-c29ad5408fba": { "id": "0a57684b-e0fd-4660-9f8a-c29ad5408fba", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error text color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{/^[6-9]\\d{9}$/.test(components.textinput11.value) ? true : \"Enter a valid phone number\"}}" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter phone number" } }, "general": {}, "exposedVariables": {} }, "name": "textinput11", "displayName": "Text Input", "description": "User text input field", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 200, "left": 23.255787518409473, "width": 31.000000000000004, "height": 40 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, "3c429e1f-5bea-4108-8326-e05ce4eadebc": { "id": "3c429e1f-5bea-4108-8326-e05ce4eadebc", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Phone number" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text20", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 200, "left": 4.651163680307713, "width": 7.000000000000001, "height": 40 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, "067ff4f8-a1ad-4797-800a-7d407443e77b": { "id": "067ff4f8-a1ad-4797-800a-7d407443e77b", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error text color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{components.textinput12.value == \"\" ? \"Enter a valid department\" : true}}" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter department" } }, "general": {}, "exposedVariables": {} }, "name": "textinput12", "displayName": "Text Input", "description": "User text input field", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 260, "left": 23.2558241465199, "width": 31.000000000000004, "height": 40 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, "9a04991d-8f0f-4b2c-969d-ab2c05675430": { "id": "9a04991d-8f0f-4b2c-969d-ab2c05675430", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Department" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text21", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 260, "left": 4.651163680307713, "width": 7.000000000000001, "height": 40 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, "bc654bb8-6a75-4ecb-a9ce-143e67160c3b": { "id": "bc654bb8-6a75-4ecb-a9ce-143e67160c3b", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error text color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{/^(A|B|AB|O)(\\+|-)$/.test(components.textinput13.value) ? true : \"Enter a valid blood group\"}}" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter blood group" } }, "general": {}, "exposedVariables": {} }, "name": "textinput13", "displayName": "Text Input", "description": "User text input field", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 320, "left": 23.255822043292874, "width": 31.000000000000004, "height": 40 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, "283eb2f1-0d9c-48f1-b98d-276975899eaf": { "id": "283eb2f1-0d9c-48f1-b98d-276975899eaf", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Blood group" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text22", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 320, "left": 4.651163680307713, "width": 7.000000000000001, "height": 40 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, "28cffa48-c50c-4187-980f-95f4753f1edb": { "id": "28cffa48-c50c-4187-980f-95f4753f1edb", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Date of joining" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text23", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 380, "left": 4.651166080089099, "width": 7.000000000000001, "height": 40 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, "f75970d7-f9ec-4137-96b3-8546eebb9624": { "component": { "properties": { "defaultValue": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "format": { "type": "code", "displayName": "Format", "validation": { "schema": { "type": "string" } } }, "enableTime": { "type": "toggle", "displayName": "Enable time selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "enableDate": { "type": "toggle", "displayName": "Enable date selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "disabledDates": { "type": "code", "displayName": "Disabled dates", "validation": { "schema": { "type": "array", "element": { "type": "string" } } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": "{{components.datepicker1.value == undefined ? \"Select a valid date of joining\" : true}}" } }, "properties": { "defaultValue": { "value": "" }, "format": { "value": "DD/MM/YYYY" }, "enableTime": { "value": "{{false}}" }, "enableDate": { "value": "{{true}}" }, "disabledDates": { "value": "{{[]}}" } }, "general": {}, "exposedVariables": {} }, "name": "datepicker1", "displayName": "Date Picker", "description": "Choose date and time", "component": "Datepicker", "defaultSize": { "width": 5, "height": 30 }, "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22", "layouts": { "desktop": { "top": 380, "left": 23.25583468662219, "width": 31.000000000000004, "height": 40 } }, "withDefaultChildren": false }, "db2d8e61-295d-4a68-b788-c2529d7fd69d": { "id": "db2d8e61-295d-4a68-b788-c2529d7fd69d", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Date of birth" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text24", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 440, "left": 4.65115750773569, "width": 7.000000000000001, "height": 40 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, "f8a3dfb7-e0e5-4c49-a7d7-dbe75c307c8a": { "id": "f8a3dfb7-e0e5-4c49-a7d7-dbe75c307c8a", "component": { "properties": { "defaultValue": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "format": { "type": "code", "displayName": "Format", "validation": { "schema": { "type": "string" } } }, "enableTime": { "type": "toggle", "displayName": "Enable time selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "enableDate": { "type": "toggle", "displayName": "Enable date selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "disabledDates": { "type": "code", "displayName": "Disabled dates", "validation": { "schema": { "type": "array", "element": { "type": "string" } } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": "{{components.datepicker2.value == undefined || moment(components.datepicker1.value,\"DD/MM/YYYY\").diff(moment(components.datepicker2.value,\"DD/MM/YYYY\"), \"years\") < 18 ? \"Select a valid date of birth\" : true}}" } }, "properties": { "defaultValue": { "value": "" }, "format": { "value": "DD/MM/YYYY" }, "enableTime": { "value": "{{false}}" }, "enableDate": { "value": "{{true}}" }, "disabledDates": { "value": "{{[]}}" } }, "general": {}, "exposedVariables": {} }, "name": "datepicker2", "displayName": "Date Picker", "description": "Choose date and time", "component": "Datepicker", "defaultSize": { "width": 5, "height": 30 }, "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" } }, "layouts": { "desktop": { "top": 440, "left": 23.255826114268785, "width": 31.000000000000004, "height": 40 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, "325a6afb-f8ed-4622-9f18-63fa78bba69c": { "id": "325a6afb-f8ed-4622-9f18-63fa78bba69c", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Address" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text25", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 500, "left": 4.651161793912395, "width": 7.000000000000001, "height": 40 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, "187a03b0-79ea-4b14-93b2-4696de8ab9e0": { "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter address" } }, "general": {}, "exposedVariables": {} }, "name": "textarea1", "displayName": "Text Area", "description": "Multi-line text input", "component": "TextArea", "defaultSize": { "width": 6, "height": 100 }, "exposedVariables": { "value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" } ] }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22", "layouts": { "desktop": { "top": 500, "left": 23.255825333373483, "width": 31.000000000000004, "height": 100 } }, "withDefaultChildren": false }, "8fed7c76-4fd3-4839-ba22-335ebd107676": { "component": { "properties": { "text": { "type": "code", "displayName": "Button text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "226fbfbf-eee5-402a-9400-db8347d6fe42", "queryName": "addEmployee", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#3e63ddff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#ffffff00" }, "disabledState": { "value": "{{!components.textinput8.isValid || !components.textinput9.isValid || !components.textinput10.isValid || !components.textinput11.isValid || !components.textinput12.isValid || !components.textinput13.isValid || !components.datepicker1.isValid || !components.datepicker2.isValid || components.textarea1.value.length < 1 || components.filepicker1.file.length < 1}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Add" }, "loadingState": { "value": "{{queries.addEmployee.isLoading}}", "fxActive": true } }, "general": {}, "exposedVariables": {} }, "name": "button4", "displayName": "Button", "description": "Trigger actions: queries, alerts, set variables etc.", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": { "buttonText": "Button" }, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22", "layouts": { "desktop": { "top": 770, "left": 79.06978876664246, "width": 7, "height": 40 } }, "withDefaultChildren": false }, "32406903-ee36-4e69-a640-f4af28a44ef0": { "component": { "properties": { "text": { "type": "code", "displayName": "Button text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "close-modal", "message": "Hello world!", "alertType": "info", "modal": "670b6c6c-97c2-4f59-a63b-f381550b6b22" } ], "styles": { "backgroundColor": { "value": "#375fcf26" }, "textColor": { "value": "#3e63ddff" }, "loaderColor": { "value": "#3e63ddff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button5", "displayName": "Button", "description": "Trigger actions: queries, alerts, set variables etc.", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": { "buttonText": "Button" }, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22", "layouts": { "desktop": { "top": 770, "left": 60.46512903792135, "width": 7, "height": 40 } }, "withDefaultChildren": false }, "171e0e10-7715-452e-af3d-23c1a71c4d4b": { "component": { "properties": { "buttonToSubmit": { "type": "select", "displayName": "Button To Submit Form", "options": [ { "name": "None", "value": "none" } ], "validation": { "schema": { "type": "string" } }, "conditionallyRender": { "key": "advanced", "value": false } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "advanced": { "type": "toggle", "displayName": " Use custom schema" }, "JSONSchema": { "type": "code", "displayName": "JSON Schema", "conditionallyRender": { "key": "advanced", "value": true } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSubmit": { "displayName": "On submit" }, "onInvalid": { "displayName": "On invalid" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{queries.removeEmployee.isLoading || queries.updateEmployee.isLoading}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "loadingState": { "value": "{{queries.getEmployees.isLoading}}", "fxActive": true }, "advanced": { "value": "{{false}}" }, "JSONSchema": { "value": "{{ {title: 'User registration form', properties: {firstname: {type: 'textinput',value: 'Maria',label:'First name', validation:{maxLength:6}, styles: {backgroundColor: '#f6f5ff',textColor: 'black'},},lastname:{type: 'textinput',value: 'Doe', label:'Last name', styles: {backgroundColor: '#f6f5ff',textColor: 'black'},},age:{type:'number'},}, submitButton: {value: 'Submit', styles: {backgroundColor: '#3a433b',borderColor:'#595959'}}} }}" }, "buttonToSubmit": { "value": "none" } }, "general": {}, "exposedVariables": {} }, "name": "form1", "displayName": "Form", "description": "Wrapper for multiple components", "defaultSize": { "width": 13, "height": 330 }, "defaultChildren": [ { "componentName": "Text", "layout": { "top": 40, "left": 10, "height": 30, "width": 17 }, "properties": [ "text" ], "styles": [ "fontWeight", "textSize", "textColor" ], "defaultValue": { "text": "User Details", "fontWeight": "bold", "textSize": 20, "textColor": "#000" } }, { "componentName": "Text", "layout": { "top": 90, "left": 10, "height": 30 }, "properties": [ "text" ], "defaultValue": { "text": "Name" } }, { "componentName": "Text", "layout": { "top": 160, "left": 10, "height": 30 }, "properties": [ "text" ], "defaultValue": { "text": "Age" } }, { "componentName": "TextInput", "layout": { "top": 120, "left": 10, "height": 30, "width": 25 }, "properties": [ "placeholder" ], "defaultValue": { "placeholder": "Enter your name" } }, { "componentName": "NumberInput", "layout": { "top": 190, "left": 10, "height": 30, "width": 25 }, "properties": [ "value" ], "styles": [ "borderColor" ], "defaultValue": { "value": 24, "borderColor": "#dadcde" } }, { "componentName": "Button", "layout": { "top": 240, "left": 10, "height": 30, "width": 10 }, "properties": [ "text" ], "defaultValue": { "text": "Submit" } } ], "component": "Form", "exposedVariables": { "data": {}, "isValid": true }, "actions": [ { "handle": "submitForm", "displayName": "Submit Form" }, { "handle": "resetForm", "displayName": "Reset Form" } ] }, "layouts": { "desktop": { "top": 110.00000762939453, "left": 69.76744432354135, "width": 12, "height": 660 } }, "withDefaultChildren": false }, "8fd95776-4b1a-4dd0-8490-89224f498f19": { "id": "8fd95776-4b1a-4dd0-8490-89224f498f19", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#3e63ddff", "fxActive": false }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) != undefined ? \"EMPLOYEE DETAILS\" : \"SELECT A ROW TO VIEW DETAILS\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text26", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 10, "left": 6.976745455952444, "width": 32, "height": 40 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "22eb6007-a5eb-4202-985f-255ca0a77532": { "id": "22eb6007-a5eb-4202-985f-255ca0a77532", "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "dividerColor": { "type": "color", "displayName": "Divider Color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#9b9b9b80" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": {}, "general": {}, "exposedVariables": {} }, "name": "divider3", "displayName": "Divider", "description": "Separator between components", "component": "Divider", "defaultSize": { "width": 10, "height": 10 }, "exposedVariables": { "value": {} } }, "layouts": { "desktop": { "top": 50, "left": 4.651162790697675, "width": 39.00000000000001, "height": 10 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "d653ce20-9211-472c-94ef-8088307cc759": { "id": "d653ce20-9211-472c-94ef-8088307cc759", "component": { "properties": { "source": { "type": "code", "displayName": "URL", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "alternativeText": { "type": "code", "displayName": "Alternative text", "validation": { "schema": { "type": "string" } } }, "zoomButtons": { "type": "toggle", "displayName": "Zoom button", "validation": { "schema": { "type": "boolean" } } }, "rotateButton": { "type": "toggle", "displayName": "Rotate button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" } }, "styles": { "borderType": { "type": "select", "displayName": "Border type", "options": [ { "name": "None", "value": "none" }, { "name": "Rounded", "value": "rounded" }, { "name": "Circle", "value": "rounded-circle" }, { "name": "Thumbnail", "value": "img-thumbnail" } ], "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "padding": { "type": "code", "displayName": "Padding", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "imageFit": { "type": "select", "displayName": "Image fit", "options": [ { "name": "fill", "value": "fill" }, { "name": "contain", "value": "contain" }, { "name": "cover", "value": "cover" }, { "name": "scale-down", "value": "scale-down" } ], "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderType": { "value": "none" }, "padding": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "imageFit": { "value": "contain" }, "backgroundColor": { "value": "" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "source": { "value": "{{components?.table1?.selectedRow?.image_data ?? \"https://www.svgrepo.com/show/444673/user.svg\"}}" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "alternativeText": { "value": "" }, "zoomButtons": { "value": "{{false}}" }, "rotateButton": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "image1", "displayName": "Image", "description": "Show image files", "defaultSize": { "width": 3, "height": 100 }, "component": "Image", "exposedVariables": {} }, "layouts": { "desktop": { "top": 70, "left": 6.976745455952444, "width": 14, "height": 110 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "8494566e-3fa9-4dec-81a5-cdd6bfd0848a": { "id": "8494566e-3fa9-4dec-81a5-cdd6bfd0848a", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{components?.table1?.selectedRow?.name ?? \"Employee Name\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text27", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 80, "left": 44.18605455436548, "width": 19, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "954fc54d-2e9f-4f8b-b307-41ed935ae461": { "id": "954fc54d-2e9f-4f8b-b307-41ed935ae461", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "italic" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{components?.table1?.selectedRow?.designation ?? \"Employee Designation\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text28", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 110, "left": 44.18605455436548, "width": 18, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "926561b2-d47e-4ee5-b6da-bac01f3ecf01": { "id": "926561b2-d47e-4ee5-b6da-bac01f3ecf01", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{components?.table1?.selectedRow?.id ?? \"Employee ID\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text29", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 140, "left": 44.18603992819973, "width": 18, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "5c8e1419-3be0-4c68-afdf-47e670f68838": { "id": "5c8e1419-3be0-4c68-afdf-47e670f68838", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Email" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text30", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 220, "left": 6.976731705767766, "width": 13.999999999999998, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "c8e2e22b-e625-48da-af9c-663a6eca7271": { "id": "c8e2e22b-e625-48da-af9c-663a6eca7271", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Phone no" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text31", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 260, "left": 6.9767655593373705, "width": 13.999999999999998, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "e1ef32fa-6595-4922-b5e5-9aaf1d4e36e3": { "id": "e1ef32fa-6595-4922-b5e5-9aaf1d4e36e3", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Department" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text32", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 300, "left": 6.976725034594776, "width": 13.999999999999998, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "5cc39fe8-3774-412f-8ca9-c024aa55b766": { "id": "5cc39fe8-3774-412f-8ca9-c024aa55b766", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Blood group" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text33", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 340, "left": 6.976763552732405, "width": 13.999999999999998, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "ce519cd8-a471-4d21-9060-f70526a265da": { "id": "ce519cd8-a471-4d21-9060-f70526a265da", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Date of joining" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text34", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 380, "left": 6.976709139595084, "width": 13.999999999999998, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "d1da8c95-af7e-4756-9e95-c19adc1d1113": { "id": "d1da8c95-af7e-4756-9e95-c19adc1d1113", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Date of birth" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text35", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 420, "left": 6.976763993502584, "width": 13.999999999999998, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "ae4159bf-b6b3-42a0-ba77-104cdc814694": { "id": "ae4159bf-b6b3-42a0-ba77-104cdc814694", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Address" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text36", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 460, "left": 6.976745455952444, "width": 13.999999999999998, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "37dd89e1-fa3c-488c-8751-bc3449786ea7": { "id": "37dd89e1-fa3c-488c-8751-bc3449786ea7", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error text color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde", "fxActive": false }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}", "fxActive": true }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "{{components.form1.data.editemailtextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}", "fxActive": true } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || /^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(components.form1.data.editemailtextinput.value) ? true : \" \"}}" } }, "properties": { "value": { "value": "{{components.table1.selectedRow.email}}" }, "placeholder": { "value": "" } }, "general": {}, "exposedVariables": {} }, "name": "editemailtextinput", "displayName": "Text Input", "description": "User text input field", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 220, "left": 41.86044855841798, "width": 21.999999999999996, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "2529bdea-3423-46de-a1fa-a3a6cc5d427e": { "id": "2529bdea-3423-46de-a1fa-a3a6cc5d427e", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error text color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}", "fxActive": true }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "{{components.form1.data.editphonenotextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}", "fxActive": true } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || /^[6-9]\\d{9}$/.test(components.form1.data.editphonenotextinput.value) ? true : \" \"}}" } }, "properties": { "value": { "value": "{{components.table1.selectedRow.phone_no}}" }, "placeholder": { "value": "" } }, "general": {}, "exposedVariables": {} }, "name": "editphonenotextinput", "displayName": "Text Input", "description": "User text input field", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 260, "left": 41.86041269782743, "width": 21.999999999999996, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "5e8ea0a2-dc8b-4f2b-8f3b-a9b47e7a3ac8": { "id": "5e8ea0a2-dc8b-4f2b-8f3b-a9b47e7a3ac8", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error text color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}", "fxActive": true }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "{{components.form1.data.editdepartmenttextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}", "fxActive": true } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || (components?.form1?.data?.editdepartmenttextinput?.value ?? \"\").length > 0 ? true : \" \"}}" } }, "properties": { "value": { "value": "{{components.table1.selectedRow.department}}" }, "placeholder": { "value": "" } }, "general": {}, "exposedVariables": {} }, "name": "editdepartmenttextinput", "displayName": "Text Input", "description": "User text input field", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 300, "left": 41.860474366050234, "width": 21.999999999999996, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "dbd1ee87-bdd0-4f07-8a7d-0ddd40e461d3": { "id": "dbd1ee87-bdd0-4f07-8a7d-0ddd40e461d3", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error text color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}", "fxActive": true }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "{{components.form1.data.editbloodgrouptextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}", "fxActive": true } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || /^(A|B|AB|O)(\\+|-)$/.test(components.form1.data.editbloodgrouptextinput.value) ? true : \" \"}}" } }, "properties": { "value": { "value": "{{components.table1.selectedRow.blood_group}}" }, "placeholder": { "value": "" } }, "general": {}, "exposedVariables": {} }, "name": "editbloodgrouptextinput", "displayName": "Text Input", "description": "User text input field", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 340, "left": 41.86045855100046, "width": 21.999999999999996, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "be1e55cf-7a75-40db-a5ac-7abc2893f469": { "id": "be1e55cf-7a75-40db-a5ac-7abc2893f469", "component": { "properties": { "defaultValue": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "format": { "type": "code", "displayName": "Format", "validation": { "schema": { "type": "string" } } }, "enableTime": { "type": "toggle", "displayName": "Enable time selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "enableDate": { "type": "toggle", "displayName": "Enable date selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "disabledDates": { "type": "code", "displayName": "Disabled dates", "validation": { "schema": { "type": "array", "element": { "type": "string" } } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}", "fxActive": true }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || components.form1.data.editdateofjoiningdatepicker.value != undefined ? true : \" \"}}" } }, "properties": { "defaultValue": { "value": "{{components.table1.selectedRow.date_of_joining}}" }, "format": { "value": "DD/MM/YYYY" }, "enableTime": { "value": "{{false}}" }, "enableDate": { "value": "{{true}}" }, "disabledDates": { "value": "{{[]}}" } }, "general": {}, "exposedVariables": {} }, "name": "editdateofjoiningdatepicker", "displayName": "Date Picker", "description": "Choose date and time", "component": "Datepicker", "defaultSize": { "width": 5, "height": 30 }, "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" } }, "layouts": { "desktop": { "top": 380, "left": 41.86049061192336, "width": 22.000000000000004, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "43793a29-05d6-4230-b59c-bf49edeb0c1d": { "id": "43793a29-05d6-4230-b59c-bf49edeb0c1d", "component": { "properties": { "defaultValue": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "format": { "type": "code", "displayName": "Format", "validation": { "schema": { "type": "string" } } }, "enableTime": { "type": "toggle", "displayName": "Enable time selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "enableDate": { "type": "toggle", "displayName": "Enable date selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "disabledDates": { "type": "code", "displayName": "Disabled dates", "validation": { "schema": { "type": "array", "element": { "type": "string" } } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}", "fxActive": true }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || (components.form1.data.editdateofbirthdatepicker.value != undefined && moment(components.form1.data.editdateofjoiningdatepicker.value,\"DD/MM/YYYY\").diff(moment(components.form1.data.editdateofbirthdatepicker.value,\"DD/MM/YYYY\"), \"years\") >= 18) ? true : \" \"}}" } }, "properties": { "defaultValue": { "value": "{{components.table1.selectedRow.date_of_birth}}" }, "format": { "value": "DD/MM/YYYY" }, "enableTime": { "value": "{{false}}" }, "enableDate": { "value": "{{true}}" }, "disabledDates": { "value": "{{[]}}" } }, "general": {}, "exposedVariables": {} }, "name": "editdateofbirthdatepicker", "displayName": "Date Picker", "description": "Choose date and time", "component": "Datepicker", "defaultSize": { "width": 5, "height": 30 }, "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" } }, "layouts": { "desktop": { "top": 420, "left": 41.86045482705194, "width": 22.000000000000004, "height": 30 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "6a1314c6-607c-4c61-b9e9-e5a159124132": { "id": "6a1314c6-607c-4c61-b9e9-e5a159124132", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}", "fxActive": true }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || (components?.form1?.data?.editaddresstextarea?.value ?? \"\").length > 0 ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}", "fxActive": true } }, "properties": { "value": { "value": "{{components.table1.selectedRow.address}}" }, "placeholder": { "value": "" } }, "general": {}, "exposedVariables": {} }, "name": "editaddresstextarea", "displayName": "Text Area", "description": "Multi-line text input", "component": "TextArea", "defaultSize": { "width": 6, "height": 100 }, "exposedVariables": { "value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" } ] }, "layouts": { "desktop": { "top": 460, "left": 41.86049211986877, "width": 22.000000000000004, "height": 100 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "ea83a9e2-0d7b-44f5-9fab-298205480bd0": { "id": "ea83a9e2-0d7b-44f5-9fab-298205480bd0", "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "dividerColor": { "type": "color", "displayName": "Divider Color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#9b9b9b80" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": {}, "general": {}, "exposedVariables": {} }, "name": "divider4", "displayName": "Divider", "description": "Separator between components", "component": "Divider", "defaultSize": { "width": 10, "height": 10 }, "exposedVariables": { "value": {} } }, "layouts": { "desktop": { "top": 580, "left": 4.651164060603607, "width": 39.00000000000001, "height": 10 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "f552df70-09f4-4aba-a6ad-93303e0074e7": { "id": "f552df70-09f4-4aba-a6ad-93303e0074e7", "component": { "properties": { "text": { "type": "code", "displayName": "Button text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "5fef3fcb-ef14-4e99-9f70-9fb08a59b22e", "queryName": "removeEmployee", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#ffffff00" }, "textColor": { "value": "#d0021bff" }, "loaderColor": { "value": "#d0021bff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#d0021bff" }, "disabledState": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Delete" }, "loadingState": { "value": "{{queries.removeEmployee.isLoading}}", "fxActive": true } }, "general": {}, "exposedVariables": {} }, "name": "button8", "displayName": "Button", "description": "Trigger actions: queries, alerts, set variables etc.", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": { "buttonText": "Button" }, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 600, "left": 39.53488193106961, "width": 11.000000000000002, "height": 40 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "3d2d1b93-9917-42a8-a44f-df793e748159": { "id": "3d2d1b93-9917-42a8-a44f-df793e748159", "component": { "properties": { "text": { "type": "code", "displayName": "Button text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "83a1826f-9082-4f56-b020-d18554f767e4", "queryName": "updateEmployee", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#3e63ddff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#ffffff00" }, "disabledState": { "value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || !components.form1.data.editemailtextinput.isValid || !components.form1.data.editphonenotextinput.isValid || !components.form1.data.editdepartmenttextinput.isValid || !components.form1.data.editbloodgrouptextinput.isValid || !components.form1.data.editdateofjoiningdatepicker.isValid || !components.form1.data.editdateofbirthdatepicker.isValid || (components?.form1?.data?.editaddresstextarea?.value ?? \"\").length < 1}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Save" }, "loadingState": { "value": "{{queries.updateEmployee.isLoading}}", "fxActive": true } }, "general": {}, "exposedVariables": {} }, "name": "button9", "displayName": "Button", "description": "Trigger actions: queries, alerts, set variables etc.", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": { "buttonText": "Button" }, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 600, "left": 67.44187386283085, "width": 10.999999999999998, "height": 40 } }, "parent": "171e0e10-7715-452e-af3d-23c1a71c4d4b" }, "25e13e19-4fe3-4bdf-81b9-e753ad12bbb2": { "id": "25e13e19-4fe3-4bdf-81b9-e753ad12bbb2", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Profile picture" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text37", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 620, "left": 4.651162790697675, "width": 7, "height": 40 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" }, "8bc3c4c5-b309-4188-aeb2-33ba2d1a2d96": { "component": { "properties": { "instructionText": { "type": "code", "displayName": "Instruction text", "validation": { "schema": { "type": "string" } } }, "enableDropzone": { "type": "code", "displayName": "Use drop zone", "validation": { "schema": { "type": "boolean" } } }, "enablePicker": { "type": "code", "displayName": "Use file picker", "validation": { "schema": { "type": "boolean" } } }, "enableMultiple": { "type": "code", "displayName": "Pick multiple files", "validation": { "schema": { "type": "boolean" } } }, "maxFileCount": { "type": "code", "displayName": "Max file count", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "fileType": { "type": "code", "displayName": "Accept file types", "validation": { "schema": { "type": "string" } } }, "maxSize": { "type": "code", "displayName": "Max size limit (Bytes)", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "minSize": { "type": "code", "displayName": "Min size limit (Bytes)", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "parseContent": { "type": "toggle", "displayName": "Parse content", "validation": { "schema": { "type": "boolean" } } }, "parseFileType": { "type": "select", "displayName": "File type", "options": [ { "name": "Autodetect from extension", "value": "auto-detect" }, { "name": "CSV", "value": "csv" }, { "name": "Microsoft Excel - xls", "value": "vnd.ms-excel" }, { "name": "Microsoft Excel - xlsx", "value": "vnd.openxmlformats-officedocument.spreadsheetml.sheet" } ], "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onFileSelected": { "displayName": "On File Selected" }, "onFileLoaded": { "displayName": "On File Loaded" }, "onFileDeselected": { "displayName": "On File Deselected" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{10}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "instructionText": { "value": "Drag and drop a file here or click to select an image file" }, "enableDropzone": { "value": "{{true}}" }, "enablePicker": { "value": "{{true}}" }, "maxFileCount": { "value": "{{1}}" }, "enableMultiple": { "value": "{{false}}" }, "fileType": { "value": "{{\"image/*\"}}" }, "maxSize": { "value": "{{1048576}}" }, "minSize": { "value": "{{50}}" }, "parseContent": { "value": "{{false}}" }, "parseFileType": { "value": "auto-detect" } }, "general": {}, "exposedVariables": {} }, "name": "filepicker1", "displayName": "File Picker", "description": "File Picker", "component": "FilePicker", "defaultSize": { "width": 15, "height": 100 }, "actions": [ { "handle": "clearFiles", "displayName": "Clear Files" } ], "exposedVariables": { "file": [ { "name": "", "content": "", "dataURL": "", "type": "", "parsedData": "" } ], "isParsing": false } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22", "layouts": { "desktop": { "top": 620, "left": 23.255828874749245, "width": 21, "height": 120 } }, "withDefaultChildren": false }, "0fbe2bb1-1e36-42b5-bf72-32a60f24da44": { "id": "0fbe2bb1-1e36-42b5-bf72-32a60f24da44", "component": { "properties": { "source": { "type": "code", "displayName": "URL", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "alternativeText": { "type": "code", "displayName": "Alternative text", "validation": { "schema": { "type": "string" } } }, "zoomButtons": { "type": "toggle", "displayName": "Zoom button", "validation": { "schema": { "type": "boolean" } } }, "rotateButton": { "type": "toggle", "displayName": "Rotate button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" } }, "styles": { "borderType": { "type": "select", "displayName": "Border type", "options": [ { "name": "None", "value": "none" }, { "name": "Rounded", "value": "rounded" }, { "name": "Circle", "value": "rounded-circle" }, { "name": "Thumbnail", "value": "img-thumbnail" } ], "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "padding": { "type": "code", "displayName": "Padding", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "imageFit": { "type": "select", "displayName": "Image fit", "options": [ { "name": "fill", "value": "fill" }, { "name": "contain", "value": "contain" }, { "name": "cover", "value": "cover" }, { "name": "scale-down", "value": "scale-down" } ], "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderType": { "value": "none" }, "padding": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "imageFit": { "value": "contain" }, "backgroundColor": { "value": "#8888881a" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "source": { "value": "{{components.filepicker1.file.length > 0 ? `data:${components.filepicker1.file[0].type};base64,${components.filepicker1.file[0].base64Data}` : \"https://www.svgrepo.com/show/444673/user.svg\"}}" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "alternativeText": { "value": "" }, "zoomButtons": { "value": "{{false}}" }, "rotateButton": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "image3", "displayName": "Image", "description": "Show image files", "defaultSize": { "width": 3, "height": 100 }, "component": "Image", "exposedVariables": {} }, "layouts": { "desktop": { "top": 620, "left": 74.41861323454575, "width": 9, "height": 120 } }, "parent": "670b6c6c-97c2-4f59-a63b-f381550b6b22" } }, "handle": "home", "name": "Home" } }, "globalSettings": { "hideHeader": true, "appInMaintenance": false, "canvasMaxWidth": 100, "canvasMaxWidthType": "%", "canvasMaxHeight": 2400, "canvasBackgroundColor": "", "backgroundFxQuery": "" } }, "globalSettings": { "hideHeader": true, "appInMaintenance": false, "canvasMaxWidth": 100, "canvasMaxWidthType": "%", "canvasMaxHeight": 2400, "canvasBackgroundColor": "", "backgroundFxQuery": "" }, "showViewerNavigation": false, "homePageId": "eaa112c8-a096-486b-b7c6-8cb59f24f4a9", "appId": "34fcc2ae-3995-4a1b-8d62-8b0530cfa4d4", "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "promotedFrom": null, "createdAt": "2023-12-06T07:28:54.453Z", "updatedAt": "2024-01-02T20:44:09.556Z" } ], "appEnvironments": [ { "id": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84", "name": "production", "isDefault": true, "priority": 3, "enabled": true, "createdAt": "2023-04-26T19:44:06.852Z", "updatedAt": "2023-04-26T19:44:06.852Z" }, { "id": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84", "name": "staging", "isDefault": false, "priority": 2, "enabled": true, "createdAt": "2023-04-26T19:44:06.852Z", "updatedAt": "2023-04-26T19:44:06.852Z" }, { "id": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84", "name": "development", "isDefault": false, "priority": 1, "enabled": true, "createdAt": "2023-04-26T19:44:06.852Z", "updatedAt": "2023-04-26T19:44:06.852Z" } ], "dataSourceOptions": [ { "id": "fb231c35-11d9-47d9-b1a1-48eade69dfec", "dataSourceId": "befee9a0-5976-404f-97ad-285dd07646b0", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": null, "createdAt": "2023-12-06T07:28:54.481Z", "updatedAt": "2023-12-06T07:28:54.481Z" }, { "id": "ec3d60cc-cd63-4c1c-814f-a373f65e7a17", "dataSourceId": "befee9a0-5976-404f-97ad-285dd07646b0", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": null, "createdAt": "2023-12-06T07:28:54.481Z", "updatedAt": "2023-12-06T07:28:54.481Z" }, { "id": "71f74f39-fac1-4aa2-9c98-b4b3decd07ac", "dataSourceId": "befee9a0-5976-404f-97ad-285dd07646b0", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": null, "createdAt": "2023-12-06T07:28:54.481Z", "updatedAt": "2023-12-06T07:28:54.481Z" }, { "id": "f3d0dc83-4b9f-4440-8295-5cf8a705430b", "dataSourceId": "ae71b559-e309-4961-ad4b-9a2e440cd78c", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": null, "createdAt": "2023-12-06T07:28:54.489Z", "updatedAt": "2023-12-06T07:28:54.489Z" }, { "id": "885ae072-8e42-4151-ab6a-41b1cb895c5f", "dataSourceId": "ae71b559-e309-4961-ad4b-9a2e440cd78c", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": null, "createdAt": "2023-12-06T07:28:54.489Z", "updatedAt": "2023-12-06T07:28:54.489Z" }, { "id": "dd78b4b0-2c57-46a0-a602-ceb790a2fd78", "dataSourceId": "ae71b559-e309-4961-ad4b-9a2e440cd78c", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": null, "createdAt": "2023-12-06T07:28:54.489Z", "updatedAt": "2023-12-06T07:28:54.489Z" }, { "id": "ba72d7ff-d6af-4ebe-a50b-b6b36e6c65b6", "dataSourceId": "e4bc3d3a-e89d-4981-ac91-0a90172a9e4e", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": null, "createdAt": "2023-12-06T07:28:54.496Z", "updatedAt": "2023-12-06T07:28:54.496Z" }, { "id": "f71c5a49-800e-44c1-9eed-f1d4e2c7d6de", "dataSourceId": "e4bc3d3a-e89d-4981-ac91-0a90172a9e4e", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": null, "createdAt": "2023-12-06T07:28:54.496Z", "updatedAt": "2023-12-06T07:28:54.496Z" }, { "id": "37f6630a-8e08-424a-8720-d62a85a0e267", "dataSourceId": "e4bc3d3a-e89d-4981-ac91-0a90172a9e4e", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": null, "createdAt": "2023-12-06T07:28:54.496Z", "updatedAt": "2023-12-06T07:28:54.496Z" }, { "id": "6e0addd1-ed51-46c7-91a1-135ba73b5ece", "dataSourceId": "8649cb45-346e-4e9f-bc78-7bbba72725bb", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": null, "createdAt": "2023-12-06T07:28:54.505Z", "updatedAt": "2023-12-06T07:28:54.505Z" }, { "id": "42349597-1590-4185-b1dc-445cd894abc1", "dataSourceId": "8649cb45-346e-4e9f-bc78-7bbba72725bb", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": null, "createdAt": "2023-12-06T07:28:54.505Z", "updatedAt": "2023-12-06T07:28:54.505Z" }, { "id": "78f5758e-715e-4047-819c-f0c62b52db26", "dataSourceId": "8649cb45-346e-4e9f-bc78-7bbba72725bb", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": null, "createdAt": "2023-12-06T07:28:54.505Z", "updatedAt": "2023-12-06T07:28:54.505Z" }, { "id": "7624d97b-99d0-40b8-bdc0-c0bd80c9442e", "dataSourceId": "4c79db65-8a0c-49e3-acdf-3b35114eb678", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": null, "createdAt": "2023-12-06T07:28:54.515Z", "updatedAt": "2023-12-06T07:28:54.515Z" }, { "id": "355f12d0-2ca4-433e-bb7a-7b0961b58b46", "dataSourceId": "4c79db65-8a0c-49e3-acdf-3b35114eb678", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": null, "createdAt": "2023-12-06T07:28:54.515Z", "updatedAt": "2023-12-06T07:28:54.515Z" }, { "id": "ea4c5df4-8369-4cad-a939-2da1c0a16075", "dataSourceId": "4c79db65-8a0c-49e3-acdf-3b35114eb678", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": null, "createdAt": "2023-12-06T07:28:54.515Z", "updatedAt": "2023-12-06T07:28:54.515Z" } ], "schemaDetails": { "multiPages": true, "multiEnv": true, "globalDataSources": true } } } } ], "tooljet_version": "2.26.2-ee2.11.2-cloud2.1.11" }