Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-04-26 16:07:18 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
ToolJet/server/templates/employee-time-tracker/definition.json
Abhinaba Adhikari fe086ac96c
Add new templates (#8907) 
* update whitelist IP address and add warning in workspace constants to avoid usage in the client

* [docs] platform milestone 11 (#8847)

* [docs]reset password

* [docs]edit+archive flow

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

* [docs]github ssouserinfo

* [docs] openid - id_token_encrypted

* Change docker image build's slack message

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

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

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

* add rgba example for timeline doc (#8892)

* update commands and solution for migration issues

* minor grammar fix

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

* [docs]revamped howto: serverside pagination

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

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

* [docs]revamp howto: intentionally fail js query

* updated run query at specified

* revamped how to: use to_py

* [docs]updated how to access users location

* updated howtos in v2.30

* Add new templates - batch 3

---------

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

14345 lines
No EOL
587 KiB
JSON
Raw Blame History

{
"tooljet_database": [
{
"id": "33e9f0e1-7c56-4dcd-b332-176c86fbcf82",
"table_name": "ett_employee_details",
"schema": {
"columns": [
{
"column_name": "id",
"data_type": "integer",
"column_default": "nextval('\"33e9f0e1-7c56-4dcd-b332-176c86fbcf82_id_seq\"'::regclass)",
"character_maximum_length": null,
"numeric_precision": 32,
"is_nullable": "NO",
"constraint_type": "PRIMARY KEY",
"keytype": "PRIMARY KEY"
},
{
"column_name": "name",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "email",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "designation",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "department",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "avatar_url",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
}
]
}
},
{
"id": "4cc08b92-cbf3-4e92-a096-12074bdf21ff",
"table_name": "ett_clock_time",
"schema": {
"columns": [
{
"column_name": "id",
"data_type": "integer",
"column_default": "nextval('\"4cc08b92-cbf3-4e92-a096-12074bdf21ff_id_seq\"'::regclass)",
"character_maximum_length": null,
"numeric_precision": 32,
"is_nullable": "NO",
"constraint_type": "PRIMARY KEY",
"keytype": "PRIMARY KEY"
},
{
"column_name": "employee_id",
"data_type": "integer",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": 32,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "clock_in_time",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "clock_out_time",
"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": "4c13d341-cedf-4512-910d-d14959a48426",
"type": "front-end",
"name": "Employee time tracker",
"slug": "4c13d341-cedf-4512-910d-d14959a48426",
"isPublic": false,
"isMaintenanceOn": false,
"icon": "shield",
"organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
"currentVersionId": null,
"userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc",
"workflowApiToken": null,
"workflowEnabled": false,
"createdAt": "2024-02-02T12:41:09.533Z",
"creationMode": "DEFAULT",
"updatedAt": "2024-02-23T22:03:35.983Z",
"editingVersion": {
"id": "5738883b-f401-4d8d-958f-35b5f6057025",
"name": "v1",
"definition": {
"showViewerNavigation": false,
"homePageId": "5306ddbc-3614-4e43-91fe-f727554873d7",
"pages": {
"5306ddbc-3614-4e43-91fe-f727554873d7": {
"components": {
"5d2ae3b8-3df9-41b7-aab9-20e2709f18a0": {
"id": "5d2ae3b8-3df9-41b7-aab9-20e2709f18a0",
"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": "#213b80ff"
},
"borderRadius": {
"value": "0"
},
"borderColor": {
"value": "#ffffff00",
"fxActive": false
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container1",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 0,
"left": 0,
"width": 43,
"height": 70
}
}
},
"60970c79-9349-474c-8c3f-9bdf1872c13f": {
"id": "60970c79-9349-474c-8c3f-9bdf1872c13f",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#ffffffff"
},
"textSize": {
"value": "{{24}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": "{{0}}"
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "B R A N D"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text1",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 10,
"left": 2.3255827912519793,
"width": 6,
"height": 40
}
},
"parent": "5d2ae3b8-3df9-41b7-aab9-20e2709f18a0"
},
"9d6334fb-053b-4692-92a3-430389515899": {
"id": "9d6334fb-053b-4692-92a3-430389515899",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#ffffffff",
"fxActive": false
},
"textSize": {
"value": "{{18}}"
},
"textAlign": {
"value": "right"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Employee Time Tracker"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text2",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 10,
"left": 67.44185981400516,
"width": 12,
"height": 40
}
},
"parent": "5d2ae3b8-3df9-41b7-aab9-20e2709f18a0"
},
"53ccb21d-dda8-45fe-902b-387a24911a51": {
"id": "53ccb21d-dda8-45fe-902b-387a24911a51",
"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": "0"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"cellSize": {
"value": "regular"
},
"borderRadius": {
"value": "12"
},
"tableType": {
"value": "table-classic"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
},
"data": {
"value": "{{ [ \n\t\t{ id: 1, name: 'Sarah', email: 'sarah@example.com'}, \n\t\t{ id: 2, name: 'Lisa', email: 'lisa@example.com'}, \n\t\t{ id: 3, name: 'Sam', email: 'sam@example.com'}, \n\t\t{ id: 4, name: 'Jon', email: 'jon@example.com'} \n] }}"
},
"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": "Title",
"id": "db258ca5-d4f5-4b22-a667-143882f7f004",
"columnType": "string"
},
{
"name": "Department",
"id": "8bfbedc0-22aa-4ce0-be4b-594603f17b1b",
"columnType": "dropdown"
}
]
},
"showBulkUpdateActions": {
"value": "{{true}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{false}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 17,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 75,
"db258ca5-d4f5-4b22-a667-143882f7f004": 123
}
},
"actions": {
"value": []
},
"enabledSort": {
"value": "{{true}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"defaultSelectedRow": {
"value": "{{{\"id\":1}}}"
},
"showAddNewRowButton": {
"value": "{{true}}"
},
"allowSelection": {
"value": "{{true}}"
},
"columnDeletionHistory": {
"value": [
"new_column1",
"email"
]
}
},
"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": 96,
"left": 2.3255813953488373,
"width": 20.999999999999996,
"height": 620
}
}
},
"c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd": {
"id": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd",
"component": {
"properties": {
"loadingState": {
"type": "toggle",
"displayName": "loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"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": "#ffffffff"
},
"borderRadius": {
"value": "12"
},
"borderColor": {
"value": "#9b9b9b4d"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container2",
"displayName": "Container",
"description": "Group components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 100,
"left": 53.48837209302325,
"width": 19,
"height": 610
}
}
},
"8b4d0adf-d363-4daf-9f38-999232fa659a": {
"id": "8b4d0adf-d363-4daf-9f38-999232fa659a",
"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": "rounded-circle"
},
"padding": {
"value": "0"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"imageFit": {
"value": "cover"
},
"backgroundColor": {
"value": ""
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"source": {
"value": "https://assets-global.website-files.com/611648b6262a801811180f6c/622a840a298a8bda4133dba2_Untitled%20design%20(7)%20(2).png"
},
"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": 20,
"left": 6.9767441860465125,
"width": 5,
"height": 70
}
},
"parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd"
},
"673da9f1-1b89-472d-b367-a085cec25f59": {
"id": "673da9f1-1b89-472d-b367-a085cec25f59",
"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": "#000000ff",
"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": "Sarah Fallow"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text5",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": 23.255811128215644,
"width": 10,
"height": 20
}
},
"parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd"
},
"e804fef8-ccba-496e-8537-8db1d221347d": {
"id": "e804fef8-ccba-496e-8537-8db1d221347d",
"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": "#000000ff",
"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": "Product Designer"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text6",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 50,
"left": 23.255813953488374,
"width": 15.000000000000002,
"height": 30
}
},
"parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd"
},
"6fd6d914-0fb9-4b92-aa47-2858a20cad7f": {
"component": {
"properties": {
"title": {
"type": "code",
"displayName": "Title",
"validation": {
"schema": {
"type": "string"
}
}
},
"data": {
"type": "json",
"displayName": "Data",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "array"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"markerColor": {
"type": "color",
"displayName": "Marker color",
"validation": {
"schema": {
"type": "string"
}
}
},
"showAxes": {
"type": "toggle",
"displayName": "Show axes",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showGridLines": {
"type": "toggle",
"displayName": "Show grid lines",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"type": {
"type": "select",
"displayName": "Chart type",
"options": [
{
"name": "Line",
"value": "line"
},
{
"name": "Bar",
"value": "bar"
},
{
"name": "Pie",
"value": "pie"
}
],
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "boolean"
},
{
"type": "number"
}
]
}
}
},
"jsonDescription": {
"type": "json",
"displayName": "Json Description",
"validation": {
"schema": {
"type": "string"
}
}
},
"plotFromJson": {
"type": "toggle",
"displayName": "Use Plotly JSON schema",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"barmode": {
"type": "select",
"displayName": "Bar mode",
"options": [
{
"name": "Stack",
"value": "stack"
},
{
"name": "Group",
"value": "group"
},
{
"name": "Overlay",
"value": "overlay"
},
{
"name": "Relative",
"value": "relative"
}
],
"validation": {
"schema": {
"schemas": {
"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": {
"padding": {
"type": "code",
"displayName": "Padding",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "number"
},
{
"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": {
"padding": {
"value": "15"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": ""
},
"markerColor": {
"value": "#213b80ff"
},
"showAxes": {
"value": "{{true}}"
},
"showGridLines": {
"value": "{{true}}"
},
"plotFromJson": {
"value": "{{false}}"
},
"loadingState": {
"value": "{{false}}"
},
"barmode": {
"value": "group"
},
"jsonDescription": {
"value": "{\n \"data\": [\n {\n \"x\": [\n \"Jan\",\n \"Feb\",\n \"Mar\"\n ],\n \"y\": [\n 100,\n 80,\n 40\n ],\n \"type\": \"bar\"\n }\n ]\n }"
},
"type": {
"value": "line"
},
"data": {
"value": "[\n { \"x\": \"Jan\", \"y\": 100},\n { \"x\": \"Feb\", \"y\": 80},\n { \"x\": \"Mar\", \"y\": 68}\n]"
}
},
"general": {},
"exposedVariables": {}
},
"name": "chart1",
"displayName": "Chart",
"description": "Visualize data",
"component": "Chart",
"defaultSize": {
"width": 20,
"height": 400
},
"exposedVariables": {
"show": null
}
},
"parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd",
"layouts": {
"desktop": {
"top": 160,
"left": 2.3255874504368084,
"width": 40,
"height": 260
}
},
"withDefaultChildren": false
},
"2cb6b4a3-9360-4df3-a67c-2d93850d512d": {
"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": "#213b80ff"
},
"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": "HOURS WORKED"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text7",
"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": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd",
"layouts": {
"desktop": {
"top": 120,
"left": 4.651175305416109,
"width": 13,
"height": 40
}
},
"withDefaultChildren": false
},
"52cfbd38-df1d-4424-b4c3-7bf66e5aedda": {
"component": {
"properties": {
"label": {
"type": "code",
"displayName": "Label",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"validation": {
"schema": {
"type": "string"
}
}
}
},
"advanced": {
"type": "toggle",
"displayName": "Advanced",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"value": {
"type": "code",
"displayName": "Default value",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
},
"values": {
"type": "code",
"displayName": "Option values",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"display_values": {
"type": "code",
"displayName": "Option labels",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"schema": {
"type": "code",
"displayName": "Schema",
"conditionallyRender": {
"key": "advanced",
"value": true
}
},
"loadingState": {
"type": "toggle",
"displayName": "Options 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": {
"onSelect": {
"displayName": "On select"
},
"onSearchTextChanged": {
"displayName": "On search text changed"
}
},
"styles": {
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "number"
},
{
"type": "string"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"selectedTextColor": {
"type": "color",
"displayName": "Selected Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"justifyContent": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"borderRadius": {
"value": "6"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"customRule": {
"value": null
}
},
"properties": {
"advanced": {
"value": "{{false}}"
},
"schema": {
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
},
"label": {
"value": ""
},
"value": {
"value": "{{2}}"
},
"values": {
"value": "{{[1,2,3]}}"
},
"display_values": {
"value": "{{[\"this week\", \"last quarter\", \"this month\"]}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select an option"
}
},
"general": {},
"exposedVariables": {}
},
"name": "dropdown1",
"displayName": "Dropdown",
"description": "Single item selector",
"defaultSize": {
"width": 8,
"height": 30
},
"component": "DropDown",
"validation": {
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": 2,
"searchText": "",
"label": "Select",
"optionLabels": [
"one",
"two",
"three"
],
"selectedOptionLabel": "two"
},
"actions": [
{
"handle": "selectOption",
"displayName": "Select option",
"params": [
{
"handle": "select",
"displayName": "Select"
}
]
}
]
},
"parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd",
"layouts": {
"desktop": {
"top": 120,
"left": 53.48837886584794,
"width": 17.000000000000004,
"height": 40
}
},
"withDefaultChildren": false
},
"6d7f13bb-4121-4e66-a937-6ec23465ccf8": {
"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": "cc5bf265-3fd3-4141-869d-b8ed15a08435"
}
],
"styles": {
"backgroundColor": {
"value": "#213b80ff"
},
"textColor": {
"value": "#fff"
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{6}}"
},
"borderColor": {
"value": "#213b80ff"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "View Time Sheet"
},
"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"
}
]
}
]
},
"parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd",
"layouts": {
"desktop": {
"top": 30,
"left": 60.465123410762814,
"width": 14.000000000000002,
"height": 40
}
},
"withDefaultChildren": false
},
"33f15dfe-164d-4291-932d-23b1565c4525": {
"id": "33f15dfe-164d-4291-932d-23b1565c4525",
"component": {
"properties": {},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"dividerColor": {
"type": "color",
"displayName": "Divider Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"dividerColor": {
"value": "#9b9b9b80"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {},
"general": {},
"exposedVariables": {}
},
"name": "divider1",
"displayName": "Divider",
"description": "Separator between components",
"component": "Divider",
"defaultSize": {
"width": 10,
"height": 10
},
"exposedVariables": {
"value": {}
}
},
"layouts": {
"desktop": {
"top": 100,
"left": 2.325581395348838,
"width": 40,
"height": 10
}
},
"parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd"
},
"fbb53c76-46cc-4339-8167-461e9a349544": {
"component": {
"properties": {
"primaryValueLabel": {
"type": "code",
"displayName": "Primary value label",
"validation": {
"schema": {
"type": "string"
}
}
},
"primaryValue": {
"type": "code",
"displayName": "Primary value",
"validation": {
"schema": {
"type": "string"
}
}
},
"hideSecondary": {
"type": "toggle",
"displayName": "Hide secondary value",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"secondaryValueLabel": {
"type": "code",
"displayName": "Secondary value label",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondaryValue": {
"type": "code",
"displayName": "Secondary value",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondarySignDisplay": {
"type": "code",
"displayName": "Secondary sign display",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"primaryLabelColour": {
"type": "color",
"displayName": "Primary label colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"primaryTextColour": {
"type": "color",
"displayName": "Primary text colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondaryLabelColour": {
"type": "color",
"displayName": "Secondary label colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondaryTextColour": {
"type": "color",
"displayName": "Secondary text colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"primaryLabelColour": {
"value": "#8092AB"
},
"primaryTextColour": {
"value": "#000000"
},
"secondaryLabelColour": {
"value": "#8092AB"
},
"secondaryTextColour": {
"value": "#36AF8B"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"primaryValueLabel": {
"value": "Avg weekly hours"
},
"primaryValue": {
"value": "42.3"
},
"secondaryValueLabel": {
"value": ""
},
"secondaryValue": {
"value": "2.85"
},
"secondarySignDisplay": {
"value": "positive"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "statistics1",
"displayName": "Statistics",
"description": "Show key metrics",
"component": "Statistics",
"defaultSize": {
"width": 9.2,
"height": 152
},
"exposedVariables": {}
},
"parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd",
"layouts": {
"desktop": {
"top": 440,
"left": 4.651162790697676,
"width": 19.000000000000004,
"height": 150
}
},
"withDefaultChildren": false
},
"0c1dc8ec-4dc6-4a0d-ba76-b3ae1f947271": {
"id": "0c1dc8ec-4dc6-4a0d-ba76-b3ae1f947271",
"component": {
"properties": {
"primaryValueLabel": {
"type": "code",
"displayName": "Primary value label",
"validation": {
"schema": {
"type": "string"
}
}
},
"primaryValue": {
"type": "code",
"displayName": "Primary value",
"validation": {
"schema": {
"type": "string"
}
}
},
"hideSecondary": {
"type": "toggle",
"displayName": "Hide secondary value",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"secondaryValueLabel": {
"type": "code",
"displayName": "Secondary value label",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondaryValue": {
"type": "code",
"displayName": "Secondary value",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondarySignDisplay": {
"type": "code",
"displayName": "Secondary sign display",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"primaryLabelColour": {
"type": "color",
"displayName": "Primary label colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"primaryTextColour": {
"type": "color",
"displayName": "Primary text colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondaryLabelColour": {
"type": "color",
"displayName": "Secondary label colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondaryTextColour": {
"type": "color",
"displayName": "Secondary text colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"primaryLabelColour": {
"value": "#8092AB"
},
"primaryTextColour": {
"value": "#000000"
},
"secondaryLabelColour": {
"value": "#8092AB"
},
"secondaryTextColour": {
"value": "#EE2C4D"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"primaryValueLabel": {
"value": "PTO hours this year"
},
"primaryValue": {
"value": "54"
},
"secondaryValueLabel": {
"value": ""
},
"secondaryValue": {
"value": "1.27"
},
"secondarySignDisplay": {
"value": "negative"
},
"loadingState": {
"value": "{{false}}"
},
"hideSecondary": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "statistics2",
"displayName": "Statistics",
"description": "Show key metrics",
"component": "Statistics",
"defaultSize": {
"width": 9.2,
"height": 152
},
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 440,
"left": 51.16278930787513,
"width": 19.000000000000004,
"height": 150
}
},
"parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd"
},
"cc5bf265-3fd3-4141-869d-b8ed15a08435": {
"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": "#000000"
},
"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": "Sarah Fallow's Time Sheet"
},
"loadingState": {
"value": "{{false}}"
},
"useDefaultButton": {
"value": "{{false}}"
},
"triggerButtonLabel": {
"value": "Launch Modal"
},
"size": {
"value": "lg"
},
"hideTitleBar": {
"value": "{{false}}"
},
"hideCloseButton": {
"value": "{{false}}"
},
"hideOnEsc": {
"value": "{{true}}"
},
"closeOnClickingOutside": {
"value": "{{true}}"
},
"modalHeight": {
"value": "600px"
}
},
"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": 770,
"left": 2.325581980275584,
"width": 10,
"height": 34
}
},
"withDefaultChildren": false
},
"67290b04-169a-43fe-853a-b87e70ed7c2e": {
"id": "67290b04-169a-43fe-853a-b87e70ed7c2e",
"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": "0"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"cellSize": {
"value": "regular"
},
"borderRadius": {
"value": "12"
},
"tableType": {
"value": "table-classic"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
},
"data": {
"value": "{{ [ \n\t\t{ id: 1, name: 'Sarah', email: 'sarah@example.com'}, \n\t\t{ id: 2, name: 'Lisa', email: 'lisa@example.com'}, \n\t\t{ id: 3, name: 'Sam', email: 'sam@example.com'}, \n\t\t{ id: 4, name: 'Jon', email: 'jon@example.com'} \n] }}"
},
"useDynamicColumn": {
"value": "{{false}}"
},
"columnData": {
"value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
},
"rowsPerPage": {
"value": "{{10}}"
},
"serverSidePagination": {
"value": "{{false}}"
},
"enableNextButton": {
"value": "{{true}}"
},
"enablePrevButton": {
"value": "{{true}}"
},
"totalRecords": {
"value": ""
},
"enablePagination": {
"value": "{{true}}"
},
"serverSideSort": {
"value": "{{false}}"
},
"serverSideFilter": {
"value": "{{false}}"
},
"displaySearchBox": {
"value": "{{false}}"
},
"showDownloadButton": {
"value": "{{true}}"
},
"showFilterButton": {
"value": "{{false}}"
},
"autogenerateColumns": {
"value": true,
"generateNestedColumns": true
},
"columns": {
"value": [
{
"name": "id",
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
"autogenerated": true
},
{
"id": "5daa95b7-ecda-4a80-be8e-dd0272d30b4f",
"name": "Date",
"key": "email",
"columnType": "datepicker",
"autogenerated": true,
"isTimeChecked": false,
"dateFormat": "DD/MM/YYYY",
"parseDateFormat": "DD/MM/YYYY"
},
{
"id": "2dbf6726-c736-4e07-9ef0-db6206b141e2",
"name": "Clock in time",
"key": "name",
"columnType": "default",
"autogenerated": true,
"isTimeChecked": false,
"dateFormat": "DD/MM/YYYY",
"parseDateFormat": "DD/MM/YYYY"
},
{
"name": "clock out time",
"id": "db258ca5-d4f5-4b22-a667-143882f7f004",
"columnType": "string"
},
{
"name": "Hours worked",
"id": "8bfbedc0-22aa-4ce0-be4b-594603f17b1b",
"columnType": "default"
}
]
},
"showBulkUpdateActions": {
"value": "{{true}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{false}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 17,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 75,
"db258ca5-d4f5-4b22-a667-143882f7f004": 135,
"2dbf6726-c736-4e07-9ef0-db6206b141e2": 118,
"5daa95b7-ecda-4a80-be8e-dd0272d30b4f": 124
}
},
"actions": {
"value": []
},
"enabledSort": {
"value": "{{true}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"defaultSelectedRow": {
"value": "{{{\"id\":1}}}"
},
"showAddNewRowButton": {
"value": "{{true}}"
},
"allowSelection": {
"value": "{{true}}"
},
"columnDeletionHistory": {
"value": [
"new_column1"
]
}
},
"general": {},
"exposedVariables": {}
},
"name": "table2",
"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": 20,
"left": 4.651162790697675,
"width": 39.00000000000001,
"height": 550
}
},
"parent": "cc5bf265-3fd3-4141-869d-b8ed15a08435"
}
},
"handle": "home",
"name": "Home"
}
},
"globalSettings": {
"hideHeader": true,
"appInMaintenance": false,
"canvasMaxWidth": 100,
"canvasMaxWidthType": "%",
"canvasMaxHeight": 2400,
"canvasBackgroundColor": "#f8f9fa",
"backgroundFxQuery": "#f8f9fa"
}
},
"globalSettings": {
"hideHeader": true,
"appInMaintenance": false,
"canvasMaxWidth": 100,
"canvasMaxWidthType": "%",
"canvasMaxHeight": 2400,
"canvasBackgroundColor": "",
"backgroundFxQuery": ""
},
"showViewerNavigation": false,
"homePageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"appId": "4c13d341-cedf-4512-910d-d14959a48426",
"currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"promotedFrom": null,
"createdAt": "2024-02-02T12:41:09.553Z",
"updatedAt": "2024-02-23T22:06:05.176Z"
},
"components": [
{
"id": "e3caaad0-00be-4cba-9f08-ba2ac4c43c98",
"name": "table1",
"type": "Table",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"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": "{{false}}"
},
"showFilterButton": {
"value": "{{false}}"
},
"autogenerateColumns": {
"value": true,
"generateNestedColumns": true
},
"columns": {
"value": [
{
"name": "id",
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
"autogenerated": true,
"columnType": "string",
"key": "id",
"cellBackgroundColor": "{{components.table1.selectedRow.id == rowData.id ? \"#C4B45455\" : \"inherit\"}}"
},
{
"name": "name",
"id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a",
"autogenerated": true,
"columnType": "string",
"key": "name",
"textColor": "",
"cellBackgroundColor": "{{components.table1.selectedRow.id == rowData.id ? \"#C4B45455\" : \"inherit\"}}"
},
{
"name": "designation",
"id": "db258ca5-d4f5-4b22-a667-143882f7f004",
"columnType": "string",
"key": "designation",
"cellBackgroundColor": "{{components.table1.selectedRow.id == rowData.id ? \"#C4B45455\" : \"inherit\"}}"
},
{
"name": "department",
"id": "8bfbedc0-22aa-4ce0-be4b-594603f17b1b",
"columnType": "string",
"key": "department",
"textColor": "",
"cellBackgroundColor": "{{components.table1.selectedRow.id == rowData.id ? \"#C4B45455\" : \"inherit\"}}"
}
]
},
"showBulkUpdateActions": {
"value": "{{false}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{true}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 17,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 232.99999999999997,
"db258ca5-d4f5-4b22-a667-143882f7f004": 273,
"8bfbedc0-22aa-4ce0-be4b-594603f17b1b": 207
}
},
"actions": {
"value": []
},
"enabledSort": {
"value": "{{true}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"defaultSelectedRow": {
"value": "{{}}"
},
"showAddNewRowButton": {
"value": "{{false}}"
},
"allowSelection": {
"value": "{{false}}"
},
"columnDeletionHistory": {
"value": [
"new_column1",
"email",
"avatar_url"
]
}
},
"general": null,
"styles": {
"textColor": {
"value": "#000"
},
"actionButtonRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"cellSize": {
"value": "regular"
},
"borderRadius": {
"value": "10"
},
"tableType": {
"value": "table-bordered"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-02-02T12:41:09.574Z",
"updatedAt": "2024-02-02T12:41:09.574Z",
"layouts": [
{
"id": "03ce543d-b160-4b43-b03b-d683ee9e4f7b",
"type": "desktop",
"top": 160,
"left": 2.3255813953488373,
"width": 23,
"height": 610,
"componentId": "e3caaad0-00be-4cba-9f08-ba2ac4c43c98"
}
]
},
{
"id": "35af03a6-fafa-4045-9e62-cb0731e646ad",
"name": "image1",
"type": "Image",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": "e3e518a3-7b2e-4d22-8a90-e10a758a2742",
"properties": {
"source": {
"value": "{{components?.table1?.selectedRow?.avatar_url ?? \"https://www.svgrepo.com/show/496483/profile.svg\"}}"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
},
"alternativeText": {
"value": ""
},
"zoomButtons": {
"value": "{{false}}"
},
"rotateButton": {
"value": "{{false}}"
}
},
"general": null,
"styles": {
"borderType": {
"value": "rounded"
},
"padding": {
"value": "2"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"imageFit": {
"value": "scale-down"
},
"backgroundColor": {
"value": "#ffffff00"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-02-02T12:41:09.574Z",
"updatedAt": "2024-02-21T22:48:26.546Z",
"layouts": [
{
"id": "4e53ad74-950c-45a2-8b35-2691c3aa4e4d",
"type": "desktop",
"top": 30,
"left": 4.651164072762633,
"width": 5.000000000000001,
"height": 70,
"componentId": "35af03a6-fafa-4045-9e62-cb0731e646ad"
}
]
},
{
"id": "cc7140a1-35fd-46e0-8774-456851e10fde",
"name": "text2",
"type": "Text",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": "2aa51b6a-8c51-4d01-931d-3b787dc23a42",
"properties": {
"text": {
"value": "Employee time tracker"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": null,
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#ffffffff",
"fxActive": false
},
"textSize": {
"value": "{{18}}"
},
"textAlign": {
"value": "right"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-02-02T12:41:09.574Z",
"updatedAt": "2024-02-23T22:03:42.123Z",
"layouts": [
{
"id": "32dc40c9-10ae-42fd-9d9e-9a250974c9a3",
"type": "desktop",
"top": 10,
"left": 74.41860465116278,
"width": 9.999999999999998,
"height": 40,
"componentId": "cc7140a1-35fd-46e0-8774-456851e10fde"
}
]
},
{
"id": "8fe7533e-d915-43f4-a906-084339a35408",
"name": "text7",
"type": "Text",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": "e3e518a3-7b2e-4d22-8a90-e10a758a2742",
"properties": {
"text": {
"value": "HOURS WORKED"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": null,
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#c4b454ff"
},
"textSize": {
"value": "{{18}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-02-02T12:41:09.574Z",
"updatedAt": "2024-02-02T12:41:09.574Z",
"layouts": [
{
"id": "8df3bc64-76d9-4370-9fcb-8b1818928e3a",
"type": "desktop",
"top": 140,
"left": 4.651176498979059,
"width": 13,
"height": 40,
"componentId": "8fe7533e-d915-43f4-a906-084339a35408"
}
]
},
{
"id": "d165289d-945c-4db3-96e4-0d326d42e102",
"name": "text6",
"type": "Text",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": "e3e518a3-7b2e-4d22-8a90-e10a758a2742",
"properties": {
"text": {
"value": "{{components?.table1?.selectedRow?.designation ?? \"Employee designation\"}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": null,
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000",
"fxActive": false
},
"textSize": {
"value": "{{16}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-02-02T12:41:09.574Z",
"updatedAt": "2024-02-02T12:41:09.574Z",
"layouts": [
{
"id": "7e7d54d6-eee3-4b3a-9b5d-37ed5f5011de",
"type": "desktop",
"top": 70,
"left": 18.6046511627907,
"width": 19.999999999999996,
"height": 30,
"componentId": "d165289d-945c-4db3-96e4-0d326d42e102"
}
]
},
{
"id": "c90e5e98-46fc-4a5a-8ad0-24e91d02fc0c",
"name": "text5",
"type": "Text",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": "e3e518a3-7b2e-4d22-8a90-e10a758a2742",
"properties": {
"text": {
"value": "{{components?.table1?.selectedRow?.name ?? \"Employee name\"}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": null,
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000",
"fxActive": false
},
"textSize": {
"value": "{{18}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": "{{1}}"
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-02-02T12:41:09.574Z",
"updatedAt": "2024-02-02T12:41:09.574Z",
"layouts": [
{
"id": "e8543e9e-e446-4ce4-b5d1-e53da93cc65b",
"type": "desktop",
"top": 30,
"left": 18.6046511627907,
"width": 19.999999999999996,
"height": 40,
"componentId": "c90e5e98-46fc-4a5a-8ad0-24e91d02fc0c"
}
]
},
{
"id": "462f923d-9901-432b-8116-18d6dd8c8402",
"name": "chart1",
"type": "Chart",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": "e3e518a3-7b2e-4d22-8a90-e10a758a2742",
"properties": {
"title": {
"value": ""
},
"markerColor": {
"value": "#c4b454ff"
},
"showAxes": {
"value": "{{true}}"
},
"showGridLines": {
"value": "{{true}}"
},
"plotFromJson": {
"value": "{{false}}"
},
"loadingState": {
"value": "{{queries.getClockTimeForStats.isLoading || queries.generateChartData.isLoading}}",
"fxActive": true
},
"barmode": {
"value": "group"
},
"jsonDescription": {
"value": "{\n \"data\": [\n {\n \"x\": [\n \"Jan\",\n \"Feb\",\n \"Mar\"\n ],\n \"y\": [\n 100,\n 80,\n 40\n ],\n \"type\": \"bar\"\n }\n ]\n }"
},
"type": {
"value": "line"
},
"data": {
"value": "{{JSON.stringify(queries.generateChartData.data)}}"
}
},
"general": null,
"styles": {
"padding": {
"value": "0"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-02-02T12:41:09.574Z",
"updatedAt": "2024-02-02T12:41:09.574Z",
"layouts": [
{
"id": "01b5f74e-7b48-44e8-9f13-e662b9cb81f5",
"type": "desktop",
"top": 200,
"left": 4.651163254282533,
"width": 39,
"height": 250,
"componentId": "462f923d-9901-432b-8116-18d6dd8c8402"
}
]
},
{
"id": "1dd8cbc8-4a84-4f78-bf46-bab601b43542",
"name": "statistics2",
"type": "Statistics",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": "e3e518a3-7b2e-4d22-8a90-e10a758a2742",
"properties": {
"primaryValueLabel": {
"value": "{{`Total hours this ${components.dropdown1.value}`}}"
},
"primaryValue": {
"value": "{{queries?.workHours?.data?.totalWorkHours ?? \"--\"}}"
},
"secondaryValueLabel": {
"value": ""
},
"secondaryValue": {
"value": "1.27"
},
"secondarySignDisplay": {
"value": "negative"
},
"loadingState": {
"value": "{{queries.getClockTimeForStats.isLoading || queries.workHours.isLoading}}",
"fxActive": true
},
"hideSecondary": {
"value": "{{true}}"
}
},
"general": null,
"styles": {
"primaryLabelColour": {
"value": "#8092AB"
},
"primaryTextColour": {
"value": "#000000"
},
"secondaryLabelColour": {
"value": "#8092AB"
},
"secondaryTextColour": {
"value": "#EE2C4D"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-02-02T12:41:09.574Z",
"updatedAt": "2024-02-02T12:41:09.574Z",
"layouts": [
{
"id": "51a1e522-4532-4d56-a037-97c00e3487ec",
"type": "desktop",
"top": 470,
"left": 51.16279532799006,
"width": 19,
"height": 150,
"componentId": "1dd8cbc8-4a84-4f78-bf46-bab601b43542"
}
]
},
{
"id": "da8c13ac-de69-45d0-94ff-3cb524313437",
"name": "statistics1",
"type": "Statistics",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": "e3e518a3-7b2e-4d22-8a90-e10a758a2742",
"properties": {
"primaryValueLabel": {
"value": "{{`Avg weekly hours this ${components.dropdown1.value}`}}"
},
"primaryValue": {
"value": "{{queries?.workHours?.data?.avgWeeklyWorkHours ?? \"--\"}}"
},
"secondaryValueLabel": {
"value": ""
},
"secondaryValue": {
"value": "2.85"
},
"secondarySignDisplay": {
"value": "positive"
},
"loadingState": {
"value": "{{queries.getClockTimeForStats.isLoading || queries.workHours.isLoading}}",
"fxActive": true
},
"hideSecondary": {
"value": "{{true}}"
}
},
"general": null,
"styles": {
"primaryLabelColour": {
"value": "#8092AB"
},
"primaryTextColour": {
"value": "#000000"
},
"secondaryLabelColour": {
"value": "#8092AB"
},
"secondaryTextColour": {
"value": "#36AF8B"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-02-02T12:41:09.574Z",
"updatedAt": "2024-02-02T12:41:09.574Z",
"layouts": [
{
"id": "d3f08fb7-fdbc-4293-9566-a4f0aa18da98",
"type": "desktop",
"top": 470,
"left": 4.651144252938457,
"width": 19,
"height": 150,
"componentId": "da8c13ac-de69-45d0-94ff-3cb524313437"
}
]
},
{
"id": "54ac93d4-6606-49de-9cb1-fa8339480818",
"name": "divider1",
"type": "Divider",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": "e3e518a3-7b2e-4d22-8a90-e10a758a2742",
"properties": {},
"general": null,
"styles": {
"visibility": {
"value": "{{true}}"
},
"dividerColor": {
"value": "#8888884d"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-02-02T12:41:09.574Z",
"updatedAt": "2024-02-02T12:41:09.574Z",
"layouts": [
{
"id": "15921923-d620-49b6-81d9-83ecc8e8ee08",
"type": "desktop",
"top": 120,
"left": 0,
"width": 43,
"height": 10,
"componentId": "54ac93d4-6606-49de-9cb1-fa8339480818"
}
]
},
{
"id": "7a35efb2-cc52-425b-bd30-cc31d4053b42",
"name": "dropdown1",
"type": "DropDown",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": "e3e518a3-7b2e-4d22-8a90-e10a758a2742",
"properties": {
"advanced": {
"value": "{{false}}"
},
"schema": {
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
},
"label": {
"value": ""
},
"value": {
"value": "week"
},
"values": {
"value": "{{[\"week\", \"month\", \"quarter\"]}}"
},
"display_values": {
"value": "{{[\"This week\", \"This month\", \"This quarter\"]}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select an option"
}
},
"general": null,
"styles": {
"borderRadius": {
"value": "6"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {
"customRule": {
"value": null
}
},
"createdAt": "2024-02-02T12:41:09.574Z",
"updatedAt": "2024-02-02T12:41:09.574Z",
"layouts": [
{
"id": "7e4f063e-3397-49ae-9ea3-5b8744e62c3e",
"type": "desktop",
"top": 140,
"left": 55.81392949385922,
"width": 17.000000000000004,
"height": 40,
"componentId": "7a35efb2-cc52-425b-bd30-cc31d4053b42"
}
]
},
{
"id": "2aa51b6a-8c51-4d01-931d-3b787dc23a42",
"name": "container1",
"type": "Container",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": null,
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": null,
"styles": {
"backgroundColor": {
"value": "#c4b454ff"
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#ffffff00",
"fxActive": false
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-02-02T12:41:09.574Z",
"updatedAt": "2024-02-02T12:41:09.574Z",
"layouts": [
{
"id": "a24e0a56-b815-41eb-b6a8-3b7c038e7f0c",
"type": "desktop",
"top": 20,
"left": 2.3255831109355123,
"width": 41,
"height": 70,
"componentId": "2aa51b6a-8c51-4d01-931d-3b787dc23a42"
}
]
},
{
"id": "d397bfe0-2913-4eee-ac78-befc81267df9",
"name": "modal1",
"type": "Modal",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": null,
"properties": {
"title": {
"value": "{{`${components.table1.selectedRow.name}'s Time Sheet`}}"
},
"loadingState": {
"value": "{{false}}"
},
"useDefaultButton": {
"value": "{{false}}"
},
"triggerButtonLabel": {
"value": "Launch Modal"
},
"size": {
"value": "lg"
},
"hideTitleBar": {
"value": "{{false}}"
},
"hideCloseButton": {
"value": "{{false}}"
},
"hideOnEsc": {
"value": "{{true}}"
},
"closeOnClickingOutside": {
"value": "{{true}}"
},
"modalHeight": {
"value": "650px"
}
},
"general": null,
"styles": {
"headerBackgroundColor": {
"value": "#c4b454ff"
},
"headerTextColor": {
"value": "#ffffffff"
},
"bodyBackgroundColor": {
"value": "#ffffffff"
},
"disabledState": {
"value": "{{false}}"
},
"visibility": {
"value": "{{true}}"
},
"triggerButtonBackgroundColor": {
"value": "#4D72FA"
},
"triggerButtonTextColor": {
"value": "#ffffffff"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-02-02T12:41:09.574Z",
"updatedAt": "2024-02-02T12:41:09.574Z",
"layouts": [
{
"id": "cc5d2d95-1f8d-4361-92a1-95fe0782b487",
"type": "desktop",
"top": 800,
"left": 2.3255797136224254,
"width": 3,
"height": 40,
"componentId": "d397bfe0-2913-4eee-ac78-befc81267df9"
}
]
},
{
"id": "61a24c31-4eb8-4be3-a4b6-8680021a517f",
"name": "button1",
"type": "Button",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": "e3e518a3-7b2e-4d22-8a90-e10a758a2742",
"properties": {
"text": {
"value": "View Time Sheet"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": null,
"styles": {
"backgroundColor": {
"value": "#c4b454ff"
},
"textColor": {
"value": "#ffffffff"
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{6}}"
},
"borderColor": {
"value": "#ffffff00"
},
"disabledState": {
"value": "{{false}}",
"fxActive": false
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-02-02T12:41:09.574Z",
"updatedAt": "2024-02-02T12:41:09.574Z",
"layouts": [
{
"id": "019c7681-89e0-4b8c-8731-9ea168bd5331",
"type": "desktop",
"top": 60,
"left": 67.44187879519713,
"width": 12,
"height": 40,
"componentId": "61a24c31-4eb8-4be3-a4b6-8680021a517f"
}
]
},
{
"id": "fa50b357-7b74-420c-bf6f-07e21db511b6",
"name": "table2",
"type": "Table",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": "d397bfe0-2913-4eee-ac78-befc81267df9",
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.getTimeSheet.isLoading}}",
"fxActive": true
},
"data": {
"value": "{{queries.getTimeSheet.data}}"
},
"useDynamicColumn": {
"value": "{{false}}"
},
"columnData": {
"value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
},
"rowsPerPage": {
"value": "{{10}}"
},
"serverSidePagination": {
"value": true
},
"enableNextButton": {
"value": "{{queries.getTimeSheet.rawData.length >= 11}}",
"fxActive": true
},
"enablePrevButton": {
"value": "{{(components?.table2?.pageIndex ?? 1) > 1}}",
"fxActive": true
},
"totalRecords": {
"value": ""
},
"enablePagination": {
"value": "{{true}}"
},
"serverSideSort": {
"value": "{{false}}"
},
"serverSideFilter": {
"value": "{{false}}"
},
"displaySearchBox": {
"value": "{{false}}"
},
"showDownloadButton": {
"value": "{{false}}"
},
"showFilterButton": {
"value": "{{false}}"
},
"autogenerateColumns": {
"value": true,
"generateNestedColumns": true
},
"columns": {
"value": [
{
"name": "id",
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
"autogenerated": true,
"key": "id",
"columnType": "string"
},
{
"name": "clock in time",
"id": "9e3ce0a2-436f-4c09-bd36-d9d680e6971d",
"key": "clock_in_time",
"columnType": "string"
},
{
"name": "clock out time",
"id": "db258ca5-d4f5-4b22-a667-143882f7f004",
"columnType": "string",
"key": "clock_out_time"
},
{
"name": "hours worked",
"id": "8bfbedc0-22aa-4ce0-be4b-594603f17b1b",
"columnType": "default",
"key": "hours_worked"
}
]
},
"showBulkUpdateActions": {
"value": "{{false}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{false}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 17,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 75,
"db258ca5-d4f5-4b22-a667-143882f7f004": 204,
"2dbf6726-c736-4e07-9ef0-db6206b141e2": 118,
"5daa95b7-ecda-4a80-be8e-dd0272d30b4f": 124,
"9e3ce0a2-436f-4c09-bd36-d9d680e6971d": 216,
"8bfbedc0-22aa-4ce0-be4b-594603f17b1b": 129
}
},
"actions": {
"value": []
},
"enabledSort": {
"value": "{{true}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"defaultSelectedRow": {
"value": "{{{\"id\":1}}}"
},
"showAddNewRowButton": {
"value": "{{false}}"
},
"allowSelection": {
"value": "{{false}}"
},
"columnDeletionHistory": {
"value": [
"new_column1",
"name",
"email",
"employee_id"
]
}
},
"general": null,
"styles": {
"textColor": {
"value": "#000"
},
"actionButtonRadius": {
"value": "0"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"cellSize": {
"value": "regular"
},
"borderRadius": {
"value": "10"
},
"tableType": {
"value": "table-classic"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-02-02T12:41:09.574Z",
"updatedAt": "2024-02-02T12:41:09.574Z",
"layouts": [
{
"id": "c6314a23-133a-4609-8663-31d9e17d219c",
"type": "desktop",
"top": 30,
"left": 4.6511832247959095,
"width": 39.00000000000001,
"height": 580,
"componentId": "fa50b357-7b74-420c-bf6f-07e21db511b6"
}
]
},
{
"id": "e3e518a3-7b2e-4d22-8a90-e10a758a2742",
"name": "container2",
"type": "Container",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": null,
"properties": {
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": null,
"styles": {
"backgroundColor": {
"value": "#ffffffff",
"fxActive": false
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#8888884d"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{components?.table1?.selectedRow?.id == undefined}}",
"fxActive": true
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-02-02T12:41:09.574Z",
"updatedAt": "2024-02-02T12:41:09.574Z",
"layouts": [
{
"id": "d194bcda-21d2-477f-bd4b-dd5eebd01bcb",
"type": "desktop",
"top": 110,
"left": 58.139535064309,
"width": 17,
"height": 660,
"componentId": "e3e518a3-7b2e-4d22-8a90-e10a758a2742"
}
]
},
{
"id": "acff7107-e053-4657-86fd-4817fe05c8b3",
"name": "text1",
"type": "Text",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": "2aa51b6a-8c51-4d01-931d-3b787dc23a42",
"properties": {
"text": {
"value": "B R A N D"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": null,
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#ffffffff"
},
"textSize": {
"value": "{{24}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": "{{0}}"
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": null,
"displayPreferences": null,
"validation": {},
"createdAt": "2024-02-02T12:41:09.574Z",
"updatedAt": "2024-02-02T12:41:09.574Z",
"layouts": [
{
"id": "87e0c727-cc15-40df-bdfb-1a5086167069",
"type": "desktop",
"top": 10,
"left": 2.3255827912519793,
"width": 6,
"height": 40,
"componentId": "acff7107-e053-4657-86fd-4817fe05c8b3"
}
]
},
{
"id": "4610d48a-fa42-4a8f-8065-7f1694ceedae",
"name": "text8",
"type": "Text",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": null,
"properties": {
"text": {
"value": "{{`Employees (${queries?.getEmployees?.data?.length ?? 0})`}}"
}
},
"general": null,
"styles": {
"textColor": {
"value": "#c4b454ff",
"fxActive": false
},
"textSize": {
"value": "{{20}}"
},
"fontWeight": {
"value": "bold"
},
"textIndent": {
"value": "{{5}}"
},
"visibility": {
"value": "{{!queries.getEmployees.isLoading}}",
"fxActive": true
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-02-21T22:59:54.711Z",
"updatedAt": "2024-02-21T23:01:23.645Z",
"layouts": [
{
"id": "400577a2-067b-475f-b155-8a7b9de40620",
"type": "desktop",
"top": 110,
"left": 2.3255801650925974,
"width": 12,
"height": 40,
"componentId": "4610d48a-fa42-4a8f-8065-7f1694ceedae"
}
]
},
{
"id": "20c12602-5061-4ffc-913d-c980a850e1b1",
"name": "button2",
"type": "Button",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": null,
"properties": {
"text": {
"value": "Add Employee"
}
},
"general": null,
"styles": {
"backgroundColor": {
"value": "#c4b454ff",
"fxActive": false
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "#ffffff00"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-02-21T22:59:54.711Z",
"updatedAt": "2024-02-21T23:01:33.432Z",
"layouts": [
{
"id": "dd7f41c9-528f-4465-978c-f73449f41bed",
"type": "desktop",
"top": 110.00003051757812,
"left": 44.18611154676467,
"width": 5,
"height": 40,
"componentId": "20c12602-5061-4ffc-913d-c980a850e1b1"
}
]
},
{
"id": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c",
"name": "modal2",
"type": "Modal",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": null,
"properties": {
"useDefaultButton": {
"value": "{{false}}"
},
"title": {
"value": "Add new employee"
},
"modalHeight": {
"value": "410px"
}
},
"general": null,
"styles": {
"headerBackgroundColor": {
"value": "#c4b454ff"
},
"headerTextColor": {
"value": "#ffffffff"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-02-21T23:01:59.868Z",
"updatedAt": "2024-02-21T23:19:31.708Z",
"layouts": [
{
"id": "bae4bc71-1e09-49a5-8441-4a2955c5145b",
"type": "desktop",
"top": 800,
"left": 11.627910701373152,
"width": 4,
"height": 40,
"componentId": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c"
},
{
"id": "054533e6-6526-4fa6-8fa6-9a917719a146",
"type": "mobile",
"top": 870,
"left": 13.953488372093023,
"width": 10,
"height": 34,
"componentId": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c"
}
]
},
{
"id": "c9e0518f-9cd8-43c7-9717-79d05a889215",
"name": "text9",
"type": "Text",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c",
"properties": {
"text": {
"value": "Employee name"
}
},
"general": null,
"styles": {
"fontWeight": {
"value": "bold"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-02-21T23:08:45.400Z",
"updatedAt": "2024-02-21T23:08:45.400Z",
"layouts": [
{
"id": "7ccc6ca2-fd7e-48e3-b753-990587e5bbb3",
"type": "desktop",
"top": 20,
"left": 4.6511689707664114,
"width": 10,
"height": 40,
"componentId": "c9e0518f-9cd8-43c7-9717-79d05a889215"
}
]
},
{
"id": "9ab425ad-9c41-416f-a92e-6bac2e06cde5",
"name": "textinput1",
"type": "TextInput",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c",
"properties": {
"placeholder": {
"value": "Employee Name"
}
},
"general": null,
"styles": {
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {
"customRule": {
"value": ""
}
},
"createdAt": "2024-02-21T23:08:45.400Z",
"updatedAt": "2024-02-21T23:08:45.400Z",
"layouts": [
{
"id": "70615cdc-3a0c-459c-95b1-eb48410969af",
"type": "desktop",
"top": 20,
"left": 27.906980332613056,
"width": 29,
"height": 40,
"componentId": "9ab425ad-9c41-416f-a92e-6bac2e06cde5"
}
]
},
{
"id": "dd24395e-35bc-4769-97ee-c883a8b52165",
"name": "textinput2",
"type": "TextInput",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c",
"properties": {
"placeholder": {
"value": "Employee email"
}
},
"general": null,
"styles": {
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {
"customRule": {
"value": ""
}
},
"createdAt": "2024-02-21T23:09:02.894Z",
"updatedAt": "2024-02-21T23:09:39.149Z",
"layouts": [
{
"id": "bae5435c-ef5e-411f-a315-70b7447c8949",
"type": "desktop",
"top": 80,
"left": 27.906968570546752,
"width": 29,
"height": 40,
"componentId": "dd24395e-35bc-4769-97ee-c883a8b52165"
}
]
},
{
"id": "6ab0eb70-9137-41f7-80e2-ab991e2424a4",
"name": "text10",
"type": "Text",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c",
"properties": {
"text": {
"value": "Employee email"
}
},
"general": null,
"styles": {
"fontWeight": {
"value": "bold"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-02-21T23:09:02.894Z",
"updatedAt": "2024-02-21T23:09:31.105Z",
"layouts": [
{
"id": "54a84847-5ec3-411b-a94b-cf097e92bd62",
"type": "desktop",
"top": 80,
"left": 4.651162790697675,
"width": 10,
"height": 40,
"componentId": "6ab0eb70-9137-41f7-80e2-ab991e2424a4"
}
]
},
{
"id": "9e3d4deb-2fd8-4f81-baa6-6420aca009de",
"name": "textinput3",
"type": "TextInput",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c",
"properties": {
"placeholder": {
"value": "Employee designation"
}
},
"general": null,
"styles": {
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {
"customRule": {
"value": ""
}
},
"createdAt": "2024-02-21T23:13:26.443Z",
"updatedAt": "2024-02-21T23:14:46.868Z",
"layouts": [
{
"id": "33492bf1-440c-4058-9b93-747f8e341c5a",
"type": "desktop",
"top": 140,
"left": 27.906975548043707,
"width": 29,
"height": 40,
"componentId": "9e3d4deb-2fd8-4f81-baa6-6420aca009de"
}
]
},
{
"id": "d7410df8-af62-4c17-9766-ca2e7ba67a16",
"name": "text11",
"type": "Text",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c",
"properties": {
"text": {
"value": "Employee designation"
}
},
"general": null,
"styles": {
"fontWeight": {
"value": "bold"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-02-21T23:13:26.443Z",
"updatedAt": "2024-02-21T23:14:40.863Z",
"layouts": [
{
"id": "6194947b-2b4d-4f06-ac97-6572d402eff0",
"type": "desktop",
"top": 140,
"left": 4.651161993269455,
"width": 10,
"height": 40,
"componentId": "d7410df8-af62-4c17-9766-ca2e7ba67a16"
}
]
},
{
"id": "fdd51647-56e3-4cad-bf39-b4e71ad3732f",
"name": "text12",
"type": "Text",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c",
"properties": {
"text": {
"value": "Department"
}
},
"general": null,
"styles": {
"fontWeight": {
"value": "bold"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-02-21T23:13:52.695Z",
"updatedAt": "2024-02-21T23:15:12.343Z",
"layouts": [
{
"id": "f26928c7-a0f6-4c34-b290-565d79f94fa6",
"type": "desktop",
"top": 200,
"left": 4.651170565622858,
"width": 10,
"height": 40,
"componentId": "fdd51647-56e3-4cad-bf39-b4e71ad3732f"
}
]
},
{
"id": "8dfa08ea-fc0b-4d30-ab4f-6c10ca219357",
"name": "textinput4",
"type": "TextInput",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c",
"properties": {
"placeholder": {
"value": "Department"
}
},
"general": null,
"styles": {
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {
"customRule": {
"value": ""
}
},
"createdAt": "2024-02-21T23:13:52.695Z",
"updatedAt": "2024-02-21T23:15:22.217Z",
"layouts": [
{
"id": "efda00c6-068e-4970-8d8b-6880f12faf80",
"type": "desktop",
"top": 200,
"left": 27.90698093068422,
"width": 29,
"height": 40,
"componentId": "8dfa08ea-fc0b-4d30-ab4f-6c10ca219357"
}
]
},
{
"id": "ad167dde-0004-4ddb-93e7-f58a8db2a426",
"name": "textinput5",
"type": "TextInput",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c",
"properties": {
"placeholder": {
"value": "Employee avatar URL"
}
},
"general": null,
"styles": {
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {
"customRule": {
"value": ""
}
},
"createdAt": "2024-02-21T23:14:15.681Z",
"updatedAt": "2024-02-21T23:17:58.013Z",
"layouts": [
{
"id": "4b6c33e2-969f-4512-a0d4-9cf827724da6",
"type": "desktop",
"top": 260,
"left": 27.90697172311032,
"width": 29,
"height": 40,
"componentId": "ad167dde-0004-4ddb-93e7-f58a8db2a426"
}
]
},
{
"id": "f46550de-3dae-47eb-8133-2b22dd3ce939",
"name": "text13",
"type": "Text",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c",
"properties": {
"text": {
"value": "Employee avatar URL"
}
},
"general": null,
"styles": {
"fontWeight": {
"value": "bold"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-02-21T23:14:15.681Z",
"updatedAt": "2024-02-21T23:17:52.220Z",
"layouts": [
{
"id": "e0b6530a-a59d-4c27-853c-7b4410797680",
"type": "desktop",
"top": 260,
"left": 4.6511639096079795,
"width": 10,
"height": 40,
"componentId": "f46550de-3dae-47eb-8133-2b22dd3ce939"
}
]
},
{
"id": "db7dfddf-1da7-448a-bbc8-002320a06311",
"name": "divider2",
"type": "Divider",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c",
"properties": {},
"general": null,
"styles": {
"dividerColor": {
"value": "#8888884d"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-02-21T23:18:46.862Z",
"updatedAt": "2024-02-21T23:19:08.716Z",
"layouts": [
{
"id": "12c36f03-fb87-4edf-b30b-c8520475bc2b",
"type": "desktop",
"top": 320,
"left": 2.3255813953488373,
"width": 41.00000000000001,
"height": 10,
"componentId": "db7dfddf-1da7-448a-bbc8-002320a06311"
},
{
"id": "8925cbb2-2300-4ede-b527-5dbcd73ad475",
"type": "mobile",
"top": 320,
"left": 11.627906976744187,
"width": 23.25581395348837,
"height": 10,
"componentId": "db7dfddf-1da7-448a-bbc8-002320a06311"
}
]
},
{
"id": "d9bd1ffb-d04f-48f0-abe7-e8be6e0655e6",
"name": "button3",
"type": "Button",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c",
"properties": {
"text": {
"value": "Add"
},
"loadingState": {
"fxActive": true,
"value": "{{queries.addEmployee.isLoading}}"
}
},
"general": null,
"styles": {
"borderRadius": {
"value": "{{5}}"
},
"backgroundColor": {
"value": "#c4b454ff"
},
"borderColor": {
"value": "#ffffff00"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-02-21T23:19:15.530Z",
"updatedAt": "2024-02-21T23:29:06.243Z",
"layouts": [
{
"id": "bf0cba25-3be3-47e0-b06c-0571eb306bda",
"type": "mobile",
"top": 340,
"left": 67.44186046511629,
"width": 6.976744186046512,
"height": 30,
"componentId": "d9bd1ffb-d04f-48f0-abe7-e8be6e0655e6"
},
{
"id": "24bcd995-fac4-4822-bdfc-8b774cc392f0",
"type": "desktop",
"top": 350,
"left": 79.06976207828865,
"width": 7,
"height": 40,
"componentId": "d9bd1ffb-d04f-48f0-abe7-e8be6e0655e6"
}
]
},
{
"id": "29e8163e-4263-4ce7-b6e3-29ae7fdd4941",
"name": "button4",
"type": "Button",
"pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"parent": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c",
"properties": {
"text": {
"value": "Cancel"
}
},
"general": null,
"styles": {
"backgroundColor": {
"value": "#ffffff00"
},
"textColor": {
"value": "#c4b454ff"
},
"loaderColor": {
"value": "#c4b454ff"
},
"borderColor": {
"value": "#c4b454ff"
},
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-02-21T23:20:19.368Z",
"updatedAt": "2024-02-21T23:22:10.014Z",
"layouts": [
{
"id": "dbb3fdf5-277b-4812-bea2-840f4451cb2b",
"type": "desktop",
"top": 350,
"left": 60.46512697166198,
"width": 7,
"height": 40,
"componentId": "29e8163e-4263-4ce7-b6e3-29ae7fdd4941"
},
{
"id": "a00045f8-bf94-49fc-9030-58e9b7cf2b6e",
"type": "mobile",
"top": 360,
"left": 53.488372093023266,
"width": 6.976744186046512,
"height": 30,
"componentId": "29e8163e-4263-4ce7-b6e3-29ae7fdd4941"
}
]
}
],
"pages": [
{
"id": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"name": "Home",
"handle": "home",
"index": 0,
"disabled": false,
"hidden": false,
"createdAt": "2024-02-02T12:41:09.574Z",
"updatedAt": "2024-02-02T12:41:09.574Z",
"appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025"
}
],
"events": [
{
"id": "6ee85fc2-5d4a-4992-a917-c4ec760ca58b",
"name": "onDataQuerySuccess",
"index": 1,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"queryId": "890f533b-c76a-4cbc-9c34-178b906196e9",
"actionId": "run-query",
"alertType": "info",
"queryName": "averageWeeklyWorkHours",
"parameters": {}
},
"sourceId": "c22b51b5-bfaf-4738-a7c3-0d19adbf148a",
"target": "data_query",
"appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025",
"createdAt": "2024-02-02T12:41:09.574Z",
"updatedAt": "2024-02-02T12:41:10.193Z"
},
{
"id": "1d3bbf41-9dbd-4d4a-958e-2322c507cae2",
"name": "onDataQuerySuccess",
"index": 0,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"queryId": "488f8cee-3de4-4326-ac0c-39ff8c531cde",
"actionId": "run-query",
"alertType": "info",
"queryName": "generateChartData",
"parameters": {}
},
"sourceId": "c22b51b5-bfaf-4738-a7c3-0d19adbf148a",
"target": "data_query",
"appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025",
"createdAt": "2024-02-02T12:41:09.574Z",
"updatedAt": "2024-02-02T12:41:10.185Z"
},
{
"id": "f99e8d7e-f187-46ce-927f-72412050e5d2",
"name": "onClick",
"index": 1,
"event": {
"eventId": "onClick",
"message": "Hello world!",
"queryId": "1debc91d-9187-4a51-92bc-05168d966fb1",
"actionId": "run-query",
"alertType": "info",
"queryName": "getTimeSheet",
"parameters": {}
},
"sourceId": "61a24c31-4eb8-4be3-a4b6-8680021a517f",
"target": "component",
"appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025",
"createdAt": "2024-02-02T12:41:09.574Z",
"updatedAt": "2024-02-02T12:41:10.170Z"
},
{
"id": "3e05de3b-bddb-4aef-b97d-49e723f9f8c7",
"name": "onClick",
"index": 0,
"event": {
"modal": "d397bfe0-2913-4eee-ac78-befc81267df9",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "show-modal",
"alertType": "info"
},
"sourceId": "61a24c31-4eb8-4be3-a4b6-8680021a517f",
"target": "component",
"appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025",
"createdAt": "2024-02-02T12:41:09.574Z",
"updatedAt": "2024-02-02T12:41:10.178Z"
},
{
"id": "d73342f4-ffe9-43fe-9fd4-3ecbce9eac4d",
"name": "onRowClicked",
"index": 0,
"event": {
"eventId": "onRowClicked",
"message": "Hello world!",
"queryId": "c22b51b5-bfaf-4738-a7c3-0d19adbf148a",
"actionId": "run-query",
"alertType": "info",
"queryName": "getClockTimeForStats",
"parameters": {}
},
"sourceId": "e3caaad0-00be-4cba-9f08-ba2ac4c43c98",
"target": "component",
"appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025",
"createdAt": "2024-02-02T12:41:09.574Z",
"updatedAt": "2024-02-02T12:41:10.143Z"
},
{
"id": "4fc784ac-8f8e-4c8c-8777-3f6c2f059b4d",
"name": "onPageChanged",
"index": 0,
"event": {
"eventId": "onPageChanged",
"message": "Hello world!",
"queryId": "1debc91d-9187-4a51-92bc-05168d966fb1",
"actionId": "run-query",
"debounce": "",
"alertType": "info",
"queryName": "getTimeSheet",
"parameters": {}
},
"sourceId": "fa50b357-7b74-420c-bf6f-07e21db511b6",
"target": "component",
"appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025",
"createdAt": "2024-02-02T12:41:09.574Z",
"updatedAt": "2024-02-02T12:41:10.153Z"
},
{
"id": "aabd3031-409a-4f34-9699-a201fa750d81",
"name": "onSelect",
"index": 0,
"event": {
"eventId": "onSelect",
"message": "Hello world!",
"queryId": "c22b51b5-bfaf-4738-a7c3-0d19adbf148a",
"actionId": "run-query",
"alertType": "info",
"queryName": "getClockTimeForStats",
"parameters": {}
},
"sourceId": "7a35efb2-cc52-425b-bd30-cc31d4053b42",
"target": "component",
"appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025",
"createdAt": "2024-02-02T12:41:09.574Z",
"updatedAt": "2024-02-02T12:41:10.161Z"
},
{
"id": "cd27524e-7e85-442f-adc8-4ba2db7ad457",
"name": "onClick",
"index": 0,
"event": {
"modal": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "show-modal",
"alertType": "info"
},
"sourceId": "20c12602-5061-4ffc-913d-c980a850e1b1",
"target": "component",
"appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025",
"createdAt": "2024-02-21T22:59:57.046Z",
"updatedAt": "2024-02-21T23:02:21.732Z"
},
{
"id": "814edd25-4250-415e-8151-dc3cf06c0d2b",
"name": "onClick",
"index": 0,
"event": {
"modal": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "close-modal",
"alertType": "info"
},
"sourceId": "29e8163e-4263-4ce7-b6e3-29ae7fdd4941",
"target": "component",
"appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025",
"createdAt": "2024-02-21T23:21:06.912Z",
"updatedAt": "2024-02-21T23:21:15.025Z"
},
{
"id": "c7b8a81a-8fc2-4d7e-aac7-ec89c8a62f5b",
"name": "onDataQuerySuccess",
"index": 0,
"event": {
"modal": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c",
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"actionId": "close-modal",
"alertType": "info"
},
"sourceId": "579381ae-2824-4f7d-9d15-a6b85013e210",
"target": "data_query",
"appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025",
"createdAt": "2024-02-21T23:26:34.599Z",
"updatedAt": "2024-02-21T23:26:43.471Z"
},
{
"id": "8c36f7cc-6632-413a-bf2b-a38a7c685ac6",
"name": "onDataQuerySuccess",
"index": 1,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Employee added successfully.",
"actionId": "show-alert",
"alertType": "success"
},
"sourceId": "579381ae-2824-4f7d-9d15-a6b85013e210",
"target": "data_query",
"appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025",
"createdAt": "2024-02-21T23:26:47.412Z",
"updatedAt": "2024-02-21T23:27:10.213Z"
},
{
"id": "b104947a-a027-494a-b18d-70f06c602666",
"name": "onDataQuerySuccess",
"index": 2,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"queryId": "563dfbe0-a4c6-443c-adec-49621817cb4c",
"actionId": "run-query",
"alertType": "info",
"queryName": "getEmployees",
"parameters": {}
},
"sourceId": "579381ae-2824-4f7d-9d15-a6b85013e210",
"target": "data_query",
"appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025",
"createdAt": "2024-02-21T23:27:33.023Z",
"updatedAt": "2024-02-21T23:27:40.391Z"
},
{
"id": "18155e66-0d25-40cc-bcb5-783c99991dfa",
"name": "onDataQueryFailure",
"index": 3,
"event": {
"eventId": "onDataQueryFailure",
"message": "Failed to add employee! Please check and try again.",
"actionId": "show-alert",
"alertType": "warning"
},
"sourceId": "579381ae-2824-4f7d-9d15-a6b85013e210",
"target": "data_query",
"appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025",
"createdAt": "2024-02-21T23:27:46.241Z",
"updatedAt": "2024-02-21T23:28:18.175Z"
},
{
"id": "8b6fa474-c668-4f92-83e3-755873f903a1",
"name": "onClick",
"index": 0,
"event": {
"eventId": "onClick",
"message": "Hello world!",
"queryId": "579381ae-2824-4f7d-9d15-a6b85013e210",
"actionId": "run-query",
"alertType": "info",
"queryName": "addEmployee",
"parameters": {}
},
"sourceId": "d9bd1ffb-d04f-48f0-abe7-e8be6e0655e6",
"target": "component",
"appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025",
"createdAt": "2024-02-21T23:31:54.024Z",
"updatedAt": "2024-02-21T23:32:01.832Z"
}
],
"dataQueries": [
{
"id": "488f8cee-3de4-4326-ac0c-39ff8c531cde",
"name": "generateChartData",
"options": {
"code": "// Extracting clock time data from queries\nconst data = queries.getClockTimeForStats.data;\n\n// Retrieving user's preference for chart display from dropdown\nconst chartPreference = components.dropdown1.value;\n\n// Getting the current date using the moment library\nconst currentDate = moment();\n\n// Function to calculate total hours from a given set of entries\nfunction calculateTotalHours(entries) {\n let totalMilliseconds = 0;\n\n entries.forEach((entry) => {\n // Converting clock-in and clock-out times to moment objects\n const clockIn = moment(parseInt(entry.clock_in_time));\n const clockOut = moment(parseInt(entry.clock_out_time));\n\n // Accumulating total milliseconds between clock-in and clock-out times\n totalMilliseconds += clockOut.diff(clockIn);\n });\n\n // Converting total milliseconds to total hours and returning the result\n return totalMilliseconds / (1000 * 60 * 60);\n}\n\n// Function to generate chart data based on user's preference\nfunction generateChartData(data, preference) {\n const chartData = [];\n\n if (preference === \"week\") {\n // Generating chart data for each day of the week\n const daysOfWeek = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\n daysOfWeek.forEach((day) => {\n // Filtering entries for the specific day\n const filteredEntries = data.filter(\n (entry) => moment(parseInt(entry.clock_in_time)).format(\"ddd\") === day\n );\n\n // Calculating total hours for the day and adding to chartData\n const totalHours = calculateTotalHours(filteredEntries);\n chartData.push({ x: day, y: totalHours.toFixed(2) });\n });\n } else if (preference === \"month\") {\n // Generating chart data for each day of the current month\n const daysInMonth = currentDate.daysInMonth();\n for (let i = 1; i <= daysInMonth; i++) {\n // Filtering entries for the specific day of the month\n const currentDay = moment(currentDate).date(i);\n const filteredEntries = data.filter((entry) =>\n moment(parseInt(entry.clock_in_time)).isSame(currentDay, \"day\")\n );\n\n // Calculating total hours for the day and adding to chartData\n const totalHours = calculateTotalHours(filteredEntries);\n chartData.push({\n x: currentDay.format(\"D MMM\"),\n y: totalHours.toFixed(2),\n });\n }\n } else if (preference === \"quarter\") {\n // Generating chart data for each month of the current quarter\n const currentQuarter = currentDate.quarter();\n const monthsOfQuarter = [];\n for (let i = 0; i < 3; i++) {\n const monthIndex = (currentQuarter - 1) * 3 + i;\n\n // Filtering entries for the specific month of the quarter\n const filteredEntries = data.filter(\n (entry) => moment(parseInt(entry.clock_in_time)).month() === monthIndex\n );\n\n // Calculating total hours for the month and adding to chartData\n const totalHours = calculateTotalHours(filteredEntries);\n monthsOfQuarter.push({\n x: moment().month(monthIndex).format(\"MMM\"),\n y: totalHours.toFixed(2),\n });\n }\n\n // Adding the quarterly data to chartData\n chartData.push(...monthsOfQuarter);\n }\n\n // Returning the final chart data\n return chartData;\n}\n\n// Generating chart data based on user's preference and returning the result\nconst result = generateChartData(data, chartPreference);\nreturn result;",
"hasParamSupport": true,
"parameters": []
},
"dataSourceId": "5943072c-8f47-4c1f-88a3-98909395871c",
"appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025",
"createdAt": "2024-02-02T12:41:09.574Z",
"updatedAt": "2024-02-02T12:41:09.574Z"
},
{
"id": "890f533b-c76a-4cbc-9c34-178b906196e9",
"name": "workHours",
"options": {
"code": "// Extracting clock time data for work hours calculations\nconst workHoursData = queries.getClockTimeForStats.data;\n\n// Function to calculate total work hours from a given set of entries\nfunction calculateTotalWorkHours(entries) {\n let totalMilliseconds = 0;\n\n // Iterating through entries and accumulating total milliseconds between clock-in and clock-out times\n entries.forEach((entry) => {\n const clockIn = moment(parseInt(entry.clock_in_time));\n const clockOut = moment(parseInt(entry.clock_out_time));\n totalMilliseconds += clockOut.diff(clockIn);\n });\n\n // Converting total milliseconds to total hours and returning the result\n return totalMilliseconds / (1000 * 60 * 60);\n}\n\n// Getting the current date using the moment library\nconst currentDate = moment();\n\n// Determining the start date based on the user's dropdown selection\nconst startDate = currentDate\n .clone()\n .startOf(components.dropdown1.value)\n .subtract(1, \"day\");\n\n// Determining the end date based on the user's dropdown selection\nconst endDate = currentDate.clone().endOf(components.dropdown1.value);\n\n// Calculating the difference in days and weeks between the start and end dates\nconst daysDifference = endDate.diff(startDate, \"days\");\nconst weeksDifference = daysDifference / 7;\n\n// Calculating the total work hours for the given data\nconst totalWorkHours = calculateTotalWorkHours(workHoursData);\n\n// Calculating the average weekly work hours and rounding to 2 decimal places\nconst avgWeeklyWorkHours = (totalWorkHours / weeksDifference).toFixed(2);\n\n// Returning the total work hours and average weekly work hours as an object\nreturn { totalWorkHours, avgWeeklyWorkHours };",
"hasParamSupport": true,
"parameters": []
},
"dataSourceId": "5943072c-8f47-4c1f-88a3-98909395871c",
"appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025",
"createdAt": "2024-02-02T12:41:09.574Z",
"updatedAt": "2024-02-02T12:41:09.574Z"
},
{
"id": "563dfbe0-a4c6-443c-adec-49621817cb4c",
"name": "getEmployees",
"options": {
"operation": "list_rows",
"transformationLanguage": "javascript",
"enableTransformation": false,
"organization_id": "2c3ab647-48ef-499b-98b7-03bac575ca73",
"table_id": "33e9f0e1-7c56-4dcd-b332-176c86fbcf82",
"join_table": {
"joins": [
{
"id": 1704916094150,
"conditions": {
"operator": "AND",
"conditionsList": [
{
"operator": "=",
"leftField": {
"table": "58eada99-de70-4c01-bde8-a76132f659dd"
}
}
]
},
"joinType": "INNER"
}
],
"from": {
"name": "58eada99-de70-4c01-bde8-a76132f659dd",
"type": "Table"
},
"fields": [
{
"name": "id",
"table": "58eada99-de70-4c01-bde8-a76132f659dd"
},
{
"name": "name",
"table": "58eada99-de70-4c01-bde8-a76132f659dd"
},
{
"name": "email",
"table": "58eada99-de70-4c01-bde8-a76132f659dd"
},
{
"name": "designation",
"table": "58eada99-de70-4c01-bde8-a76132f659dd"
},
{
"name": "department",
"table": "58eada99-de70-4c01-bde8-a76132f659dd"
}
]
},
"list_rows": {
"order_filters": {
"d18088e5-ad3b-4df6-9bac-d8adcc3034c3": {
"column": "id",
"order": "desc",
"id": "d18088e5-ad3b-4df6-9bac-d8adcc3034c3"
}
}
},
"runOnPageLoad": true
},
"dataSourceId": "a0dd79a3-13e6-4b2f-b5f7-1b8caa9cc2fa",
"appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025",
"createdAt": "2024-02-02T12:41:09.574Z",
"updatedAt": "2024-02-02T12:41:09.574Z"
},
{
"id": "1debc91d-9187-4a51-92bc-05168d966fb1",
"name": "getTimeSheet",
"options": {
"operation": "list_rows",
"transformationLanguage": "javascript",
"enableTransformation": true,
"organization_id": "2c3ab647-48ef-499b-98b7-03bac575ca73",
"table_id": "4cc08b92-cbf3-4e92-a096-12074bdf21ff",
"join_table": {
"joins": [
{
"id": 1704919376925,
"conditions": {
"operator": "AND",
"conditionsList": [
{
"operator": "=",
"leftField": {
"table": "097e1ce2-3d96-4eae-9103-6b2e1ce8739f"
}
}
]
},
"joinType": "INNER"
}
],
"from": {
"name": "097e1ce2-3d96-4eae-9103-6b2e1ce8739f",
"type": "Table"
},
"fields": [
{
"name": "id",
"table": "097e1ce2-3d96-4eae-9103-6b2e1ce8739f"
},
{
"name": "employee_id",
"table": "097e1ce2-3d96-4eae-9103-6b2e1ce8739f"
},
{
"name": "clock_in_time",
"table": "097e1ce2-3d96-4eae-9103-6b2e1ce8739f"
},
{
"name": "clock_out_time",
"table": "097e1ce2-3d96-4eae-9103-6b2e1ce8739f"
}
]
},
"list_rows": {
"where_filters": {
"2ddcda8b-880c-49c7-b322-7784766fc8a8": {
"column": "employee_id",
"operator": "eq",
"value": "{{components.table1.selectedRow.id}}",
"id": "2ddcda8b-880c-49c7-b322-7784766fc8a8"
}
},
"order_filters": {
"236d5d09-7b83-4487-b9e8-a856d0e6fdaf": {
"column": "id",
"order": "desc",
"id": "236d5d09-7b83-4487-b9e8-a856d0e6fdaf"
}
},
"limit": "11",
"offset": "{{(((components?.table2?.pageIndex ?? 1) - 1) * 10).toString()}}"
},
"transformation": "// Returning a modified array of the first 10 elements with additional calculated fields\nreturn data.slice(0, 10).map((row) => ({\n ...row,\n // Calculating hours worked based on the difference between clock-out and clock-in times\n hours_worked:\n moment\n .duration(\n moment(parseInt(row.clock_out_time)).diff(\n moment(parseInt(row.clock_in_time))\n )\n )\n .asHours() + \" hours\",\n\n // Formatting clock-in time to \"DD-MM-YYYY hh:mmA\" format\n clock_in_time: moment(parseInt(row.clock_in_time)).format(\n \"DD-MM-YYYY hh:mmA\"\n ),\n\n // Formatting clock-out time to \"DD-MM-YYYY hh:mmA\" format\n clock_out_time: moment(parseInt(row.clock_out_time)).format(\n \"DD-MM-YYYY hh:mmA\"\n ),\n}));"
},
"dataSourceId": "a0dd79a3-13e6-4b2f-b5f7-1b8caa9cc2fa",
"appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025",
"createdAt": "2024-02-02T12:41:09.574Z",
"updatedAt": "2024-02-02T12:41:09.574Z"
},
{
"id": "c22b51b5-bfaf-4738-a7c3-0d19adbf148a",
"name": "getClockTimeForStats",
"options": {
"operation": "list_rows",
"transformationLanguage": "javascript",
"enableTransformation": false,
"organization_id": "2c3ab647-48ef-499b-98b7-03bac575ca73",
"table_id": "4cc08b92-cbf3-4e92-a096-12074bdf21ff",
"join_table": {
"joins": [
{
"id": 1706815258063,
"conditions": {
"operator": "AND",
"conditionsList": [
{
"operator": "=",
"leftField": {
"table": "097e1ce2-3d96-4eae-9103-6b2e1ce8739f"
}
}
]
},
"joinType": "INNER"
}
],
"from": {
"name": "097e1ce2-3d96-4eae-9103-6b2e1ce8739f",
"type": "Table"
},
"fields": [
{
"name": "id",
"table": "097e1ce2-3d96-4eae-9103-6b2e1ce8739f"
},
{
"name": "employee_id",
"table": "097e1ce2-3d96-4eae-9103-6b2e1ce8739f"
},
{
"name": "clock_in_time",
"table": "097e1ce2-3d96-4eae-9103-6b2e1ce8739f"
},
{
"name": "clock_out_time",
"table": "097e1ce2-3d96-4eae-9103-6b2e1ce8739f"
}
]
},
"list_rows": {
"where_filters": {
"bb8367da-e963-4b6d-a3cf-ff5a37ff7682": {
"column": "clock_in_time",
"operator": "gte",
"value": "{{moment().startOf(components.dropdown1.value).valueOf()}}",
"id": "bb8367da-e963-4b6d-a3cf-ff5a37ff7682"
},
"4b5e28c9-86d6-49ce-9a6a-283b6c4fb9da": {
"column": "clock_out_time",
"operator": "lte",
"value": "{{moment().endOf(components.dropdown1.value).valueOf()}}",
"id": "4b5e28c9-86d6-49ce-9a6a-283b6c4fb9da"
},
"ce1e8403-a6db-4eed-8fb8-d3e8de8d23ca": {
"column": "employee_id",
"operator": "eq",
"value": "{{components.table1.selectedRow.id}}",
"id": "ce1e8403-a6db-4eed-8fb8-d3e8de8d23ca"
}
}
}
},
"dataSourceId": "a0dd79a3-13e6-4b2f-b5f7-1b8caa9cc2fa",
"appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025",
"createdAt": "2024-02-02T12:41:09.574Z",
"updatedAt": "2024-02-02T12:41:09.574Z"
},
{
"id": "579381ae-2824-4f7d-9d15-a6b85013e210",
"name": "addEmployee",
"options": {
"operation": "create_row",
"transformationLanguage": "javascript",
"enableTransformation": false,
"organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
"table_id": "33e9f0e1-7c56-4dcd-b332-176c86fbcf82",
"join_table": {
"joins": [
{
"id": 1708557862233,
"conditions": {
"operator": "AND",
"conditionsList": [
{
"operator": "=",
"leftField": {
"table": "33e9f0e1-7c56-4dcd-b332-176c86fbcf82"
}
}
]
},
"joinType": "INNER"
}
],
"from": {
"name": "33e9f0e1-7c56-4dcd-b332-176c86fbcf82",
"type": "Table"
},
"fields": [
{
"name": "id",
"table": "33e9f0e1-7c56-4dcd-b332-176c86fbcf82"
},
{
"name": "name",
"table": "33e9f0e1-7c56-4dcd-b332-176c86fbcf82"
},
{
"name": "email",
"table": "33e9f0e1-7c56-4dcd-b332-176c86fbcf82"
},
{
"name": "designation",
"table": "33e9f0e1-7c56-4dcd-b332-176c86fbcf82"
},
{
"name": "department",
"table": "33e9f0e1-7c56-4dcd-b332-176c86fbcf82"
},
{
"name": "avatar_url",
"table": "33e9f0e1-7c56-4dcd-b332-176c86fbcf82"
}
]
},
"list_rows": {},
"create_row": {
"0": {
"column": "name",
"value": "{{components.textinput1.value}}"
},
"1": {
"column": "email",
"value": "{{components.textinput2.value}}"
},
"2": {
"column": "designation",
"value": "{{components.textinput3.value}}"
},
"3": {
"column": "department",
"value": "{{components.textinput4.value}}"
},
"e987cf37-87e7-4ab6-985c-28a2316820ef": {
"column": "avatar_url",
"value": "{{components.textinput5.value}}"
}
}
},
"dataSourceId": "a0dd79a3-13e6-4b2f-b5f7-1b8caa9cc2fa",
"appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025",
"createdAt": "2024-02-21T23:23:58.492Z",
"updatedAt": "2024-02-21T23:26:17.441Z"
}
],
"dataSources": [
{
"id": "22e6965d-e26d-4d21-8f45-d4be160cc50a",
"name": "restapidefault",
"kind": "restapi",
"type": "static",
"pluginId": null,
"appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025",
"organizationId": null,
"scope": "local",
"createdAt": "2024-02-02T12:41:09.584Z",
"updatedAt": "2024-02-02T12:41:09.584Z"
},
{
"id": "5943072c-8f47-4c1f-88a3-98909395871c",
"name": "runjsdefault",
"kind": "runjs",
"type": "static",
"pluginId": null,
"appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025",
"organizationId": null,
"scope": "local",
"createdAt": "2024-02-02T12:41:09.604Z",
"updatedAt": "2024-02-02T12:41:09.604Z"
},
{
"id": "504fd934-7227-4402-b09e-94ca86903afa",
"name": "runpydefault",
"kind": "runpy",
"type": "static",
"pluginId": null,
"appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025",
"organizationId": null,
"scope": "local",
"createdAt": "2024-02-02T12:41:09.621Z",
"updatedAt": "2024-02-02T12:41:09.621Z"
},
{
"id": "a0dd79a3-13e6-4b2f-b5f7-1b8caa9cc2fa",
"name": "tooljetdbdefault",
"kind": "tooljetdb",
"type": "static",
"pluginId": null,
"appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025",
"organizationId": null,
"scope": "local",
"createdAt": "2024-02-02T12:41:09.638Z",
"updatedAt": "2024-02-02T12:41:09.638Z"
},
{
"id": "148d23fa-1d77-4b4d-ad8a-9d281abb24be",
"name": "workflowsdefault",
"kind": "workflows",
"type": "static",
"pluginId": null,
"appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025",
"organizationId": null,
"scope": "local",
"createdAt": "2024-02-02T12:41:09.677Z",
"updatedAt": "2024-02-02T12:41:09.677Z"
}
],
"appVersions": [
{
"id": "5738883b-f401-4d8d-958f-35b5f6057025",
"name": "v1",
"definition": {
"showViewerNavigation": false,
"homePageId": "5306ddbc-3614-4e43-91fe-f727554873d7",
"pages": {
"5306ddbc-3614-4e43-91fe-f727554873d7": {
"components": {
"5d2ae3b8-3df9-41b7-aab9-20e2709f18a0": {
"id": "5d2ae3b8-3df9-41b7-aab9-20e2709f18a0",
"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": "#213b80ff"
},
"borderRadius": {
"value": "0"
},
"borderColor": {
"value": "#ffffff00",
"fxActive": false
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container1",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 0,
"left": 0,
"width": 43,
"height": 70
}
}
},
"60970c79-9349-474c-8c3f-9bdf1872c13f": {
"id": "60970c79-9349-474c-8c3f-9bdf1872c13f",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#ffffffff"
},
"textSize": {
"value": "{{24}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": "{{0}}"
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "B R A N D"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text1",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 10,
"left": 2.3255827912519793,
"width": 6,
"height": 40
}
},
"parent": "5d2ae3b8-3df9-41b7-aab9-20e2709f18a0"
},
"9d6334fb-053b-4692-92a3-430389515899": {
"id": "9d6334fb-053b-4692-92a3-430389515899",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#ffffffff",
"fxActive": false
},
"textSize": {
"value": "{{18}}"
},
"textAlign": {
"value": "right"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Employee Time Tracker"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text2",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 10,
"left": 67.44185981400516,
"width": 12,
"height": 40
}
},
"parent": "5d2ae3b8-3df9-41b7-aab9-20e2709f18a0"
},
"53ccb21d-dda8-45fe-902b-387a24911a51": {
"id": "53ccb21d-dda8-45fe-902b-387a24911a51",
"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": "0"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"cellSize": {
"value": "regular"
},
"borderRadius": {
"value": "12"
},
"tableType": {
"value": "table-classic"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
},
"data": {
"value": "{{ [ \n\t\t{ id: 1, name: 'Sarah', email: 'sarah@example.com'}, \n\t\t{ id: 2, name: 'Lisa', email: 'lisa@example.com'}, \n\t\t{ id: 3, name: 'Sam', email: 'sam@example.com'}, \n\t\t{ id: 4, name: 'Jon', email: 'jon@example.com'} \n] }}"
},
"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": "Title",
"id": "db258ca5-d4f5-4b22-a667-143882f7f004",
"columnType": "string"
},
{
"name": "Department",
"id": "8bfbedc0-22aa-4ce0-be4b-594603f17b1b",
"columnType": "dropdown"
}
]
},
"showBulkUpdateActions": {
"value": "{{true}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{false}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 17,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 75,
"db258ca5-d4f5-4b22-a667-143882f7f004": 123
}
},
"actions": {
"value": []
},
"enabledSort": {
"value": "{{true}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"defaultSelectedRow": {
"value": "{{{\"id\":1}}}"
},
"showAddNewRowButton": {
"value": "{{true}}"
},
"allowSelection": {
"value": "{{true}}"
},
"columnDeletionHistory": {
"value": [
"new_column1",
"email"
]
}
},
"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": 96,
"left": 2.3255813953488373,
"width": 20.999999999999996,
"height": 620
}
}
},
"c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd": {
"id": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd",
"component": {
"properties": {
"loadingState": {
"type": "toggle",
"displayName": "loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"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": "#ffffffff"
},
"borderRadius": {
"value": "12"
},
"borderColor": {
"value": "#9b9b9b4d"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container2",
"displayName": "Container",
"description": "Group components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 100,
"left": 53.48837209302325,
"width": 19,
"height": 610
}
}
},
"8b4d0adf-d363-4daf-9f38-999232fa659a": {
"id": "8b4d0adf-d363-4daf-9f38-999232fa659a",
"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": "rounded-circle"
},
"padding": {
"value": "0"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"imageFit": {
"value": "cover"
},
"backgroundColor": {
"value": ""
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"source": {
"value": "https://assets-global.website-files.com/611648b6262a801811180f6c/622a840a298a8bda4133dba2_Untitled%20design%20(7)%20(2).png"
},
"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": 20,
"left": 6.9767441860465125,
"width": 5,
"height": 70
}
},
"parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd"
},
"673da9f1-1b89-472d-b367-a085cec25f59": {
"id": "673da9f1-1b89-472d-b367-a085cec25f59",
"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": "#000000ff",
"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": "Sarah Fallow"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text5",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": 23.255811128215644,
"width": 10,
"height": 20
}
},
"parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd"
},
"e804fef8-ccba-496e-8537-8db1d221347d": {
"id": "e804fef8-ccba-496e-8537-8db1d221347d",
"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": "#000000ff",
"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": "Product Designer"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text6",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 50,
"left": 23.255813953488374,
"width": 15.000000000000002,
"height": 30
}
},
"parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd"
},
"6fd6d914-0fb9-4b92-aa47-2858a20cad7f": {
"component": {
"properties": {
"title": {
"type": "code",
"displayName": "Title",
"validation": {
"schema": {
"type": "string"
}
}
},
"data": {
"type": "json",
"displayName": "Data",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "array"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"markerColor": {
"type": "color",
"displayName": "Marker color",
"validation": {
"schema": {
"type": "string"
}
}
},
"showAxes": {
"type": "toggle",
"displayName": "Show axes",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showGridLines": {
"type": "toggle",
"displayName": "Show grid lines",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"type": {
"type": "select",
"displayName": "Chart type",
"options": [
{
"name": "Line",
"value": "line"
},
{
"name": "Bar",
"value": "bar"
},
{
"name": "Pie",
"value": "pie"
}
],
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "boolean"
},
{
"type": "number"
}
]
}
}
},
"jsonDescription": {
"type": "json",
"displayName": "Json Description",
"validation": {
"schema": {
"type": "string"
}
}
},
"plotFromJson": {
"type": "toggle",
"displayName": "Use Plotly JSON schema",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"barmode": {
"type": "select",
"displayName": "Bar mode",
"options": [
{
"name": "Stack",
"value": "stack"
},
{
"name": "Group",
"value": "group"
},
{
"name": "Overlay",
"value": "overlay"
},
{
"name": "Relative",
"value": "relative"
}
],
"validation": {
"schema": {
"schemas": {
"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": {
"padding": {
"type": "code",
"displayName": "Padding",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "number"
},
{
"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": {
"padding": {
"value": "15"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": ""
},
"markerColor": {
"value": "#213b80ff"
},
"showAxes": {
"value": "{{true}}"
},
"showGridLines": {
"value": "{{true}}"
},
"plotFromJson": {
"value": "{{false}}"
},
"loadingState": {
"value": "{{false}}"
},
"barmode": {
"value": "group"
},
"jsonDescription": {
"value": "{\n \"data\": [\n {\n \"x\": [\n \"Jan\",\n \"Feb\",\n \"Mar\"\n ],\n \"y\": [\n 100,\n 80,\n 40\n ],\n \"type\": \"bar\"\n }\n ]\n }"
},
"type": {
"value": "line"
},
"data": {
"value": "[\n { \"x\": \"Jan\", \"y\": 100},\n { \"x\": \"Feb\", \"y\": 80},\n { \"x\": \"Mar\", \"y\": 68}\n]"
}
},
"general": {},
"exposedVariables": {}
},
"name": "chart1",
"displayName": "Chart",
"description": "Visualize data",
"component": "Chart",
"defaultSize": {
"width": 20,
"height": 400
},
"exposedVariables": {
"show": null
}
},
"parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd",
"layouts": {
"desktop": {
"top": 160,
"left": 2.3255874504368084,
"width": 40,
"height": 260
}
},
"withDefaultChildren": false
},
"2cb6b4a3-9360-4df3-a67c-2d93850d512d": {
"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": "#213b80ff"
},
"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": "HOURS WORKED"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text7",
"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": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd",
"layouts": {
"desktop": {
"top": 120,
"left": 4.651175305416109,
"width": 13,
"height": 40
}
},
"withDefaultChildren": false
},
"52cfbd38-df1d-4424-b4c3-7bf66e5aedda": {
"component": {
"properties": {
"label": {
"type": "code",
"displayName": "Label",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"validation": {
"schema": {
"type": "string"
}
}
}
},
"advanced": {
"type": "toggle",
"displayName": "Advanced",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"value": {
"type": "code",
"displayName": "Default value",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
},
"values": {
"type": "code",
"displayName": "Option values",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"display_values": {
"type": "code",
"displayName": "Option labels",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"schema": {
"type": "code",
"displayName": "Schema",
"conditionallyRender": {
"key": "advanced",
"value": true
}
},
"loadingState": {
"type": "toggle",
"displayName": "Options 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": {
"onSelect": {
"displayName": "On select"
},
"onSearchTextChanged": {
"displayName": "On search text changed"
}
},
"styles": {
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "number"
},
{
"type": "string"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"selectedTextColor": {
"type": "color",
"displayName": "Selected Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"justifyContent": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"borderRadius": {
"value": "6"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"customRule": {
"value": null
}
},
"properties": {
"advanced": {
"value": "{{false}}"
},
"schema": {
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
},
"label": {
"value": ""
},
"value": {
"value": "{{2}}"
},
"values": {
"value": "{{[1,2,3]}}"
},
"display_values": {
"value": "{{[\"this week\", \"last quarter\", \"this month\"]}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select an option"
}
},
"general": {},
"exposedVariables": {}
},
"name": "dropdown1",
"displayName": "Dropdown",
"description": "Single item selector",
"defaultSize": {
"width": 8,
"height": 30
},
"component": "DropDown",
"validation": {
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": 2,
"searchText": "",
"label": "Select",
"optionLabels": [
"one",
"two",
"three"
],
"selectedOptionLabel": "two"
},
"actions": [
{
"handle": "selectOption",
"displayName": "Select option",
"params": [
{
"handle": "select",
"displayName": "Select"
}
]
}
]
},
"parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd",
"layouts": {
"desktop": {
"top": 120,
"left": 53.48837886584794,
"width": 17.000000000000004,
"height": 40
}
},
"withDefaultChildren": false
},
"6d7f13bb-4121-4e66-a937-6ec23465ccf8": {
"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": "cc5bf265-3fd3-4141-869d-b8ed15a08435"
}
],
"styles": {
"backgroundColor": {
"value": "#213b80ff"
},
"textColor": {
"value": "#fff"
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{6}}"
},
"borderColor": {
"value": "#213b80ff"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "View Time Sheet"
},
"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"
}
]
}
]
},
"parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd",
"layouts": {
"desktop": {
"top": 30,
"left": 60.465123410762814,
"width": 14.000000000000002,
"height": 40
}
},
"withDefaultChildren": false
},
"33f15dfe-164d-4291-932d-23b1565c4525": {
"id": "33f15dfe-164d-4291-932d-23b1565c4525",
"component": {
"properties": {},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"dividerColor": {
"type": "color",
"displayName": "Divider Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"dividerColor": {
"value": "#9b9b9b80"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {},
"general": {},
"exposedVariables": {}
},
"name": "divider1",
"displayName": "Divider",
"description": "Separator between components",
"component": "Divider",
"defaultSize": {
"width": 10,
"height": 10
},
"exposedVariables": {
"value": {}
}
},
"layouts": {
"desktop": {
"top": 100,
"left": 2.325581395348838,
"width": 40,
"height": 10
}
},
"parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd"
},
"fbb53c76-46cc-4339-8167-461e9a349544": {
"component": {
"properties": {
"primaryValueLabel": {
"type": "code",
"displayName": "Primary value label",
"validation": {
"schema": {
"type": "string"
}
}
},
"primaryValue": {
"type": "code",
"displayName": "Primary value",
"validation": {
"schema": {
"type": "string"
}
}
},
"hideSecondary": {
"type": "toggle",
"displayName": "Hide secondary value",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"secondaryValueLabel": {
"type": "code",
"displayName": "Secondary value label",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondaryValue": {
"type": "code",
"displayName": "Secondary value",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondarySignDisplay": {
"type": "code",
"displayName": "Secondary sign display",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"primaryLabelColour": {
"type": "color",
"displayName": "Primary label colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"primaryTextColour": {
"type": "color",
"displayName": "Primary text colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondaryLabelColour": {
"type": "color",
"displayName": "Secondary label colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondaryTextColour": {
"type": "color",
"displayName": "Secondary text colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"primaryLabelColour": {
"value": "#8092AB"
},
"primaryTextColour": {
"value": "#000000"
},
"secondaryLabelColour": {
"value": "#8092AB"
},
"secondaryTextColour": {
"value": "#36AF8B"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"primaryValueLabel": {
"value": "Avg weekly hours"
},
"primaryValue": {
"value": "42.3"
},
"secondaryValueLabel": {
"value": ""
},
"secondaryValue": {
"value": "2.85"
},
"secondarySignDisplay": {
"value": "positive"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "statistics1",
"displayName": "Statistics",
"description": "Show key metrics",
"component": "Statistics",
"defaultSize": {
"width": 9.2,
"height": 152
},
"exposedVariables": {}
},
"parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd",
"layouts": {
"desktop": {
"top": 440,
"left": 4.651162790697676,
"width": 19.000000000000004,
"height": 150
}
},
"withDefaultChildren": false
},
"0c1dc8ec-4dc6-4a0d-ba76-b3ae1f947271": {
"id": "0c1dc8ec-4dc6-4a0d-ba76-b3ae1f947271",
"component": {
"properties": {
"primaryValueLabel": {
"type": "code",
"displayName": "Primary value label",
"validation": {
"schema": {
"type": "string"
}
}
},
"primaryValue": {
"type": "code",
"displayName": "Primary value",
"validation": {
"schema": {
"type": "string"
}
}
},
"hideSecondary": {
"type": "toggle",
"displayName": "Hide secondary value",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"secondaryValueLabel": {
"type": "code",
"displayName": "Secondary value label",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondaryValue": {
"type": "code",
"displayName": "Secondary value",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondarySignDisplay": {
"type": "code",
"displayName": "Secondary sign display",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"primaryLabelColour": {
"type": "color",
"displayName": "Primary label colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"primaryTextColour": {
"type": "color",
"displayName": "Primary text colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondaryLabelColour": {
"type": "color",
"displayName": "Secondary label colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondaryTextColour": {
"type": "color",
"displayName": "Secondary text colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"primaryLabelColour": {
"value": "#8092AB"
},
"primaryTextColour": {
"value": "#000000"
},
"secondaryLabelColour": {
"value": "#8092AB"
},
"secondaryTextColour": {
"value": "#EE2C4D"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"primaryValueLabel": {
"value": "PTO hours this year"
},
"primaryValue": {
"value": "54"
},
"secondaryValueLabel": {
"value": ""
},
"secondaryValue": {
"value": "1.27"
},
"secondarySignDisplay": {
"value": "negative"
},
"loadingState": {
"value": "{{false}}"
},
"hideSecondary": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "statistics2",
"displayName": "Statistics",
"description": "Show key metrics",
"component": "Statistics",
"defaultSize": {
"width": 9.2,
"height": 152
},
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 440,
"left": 51.16278930787513,
"width": 19.000000000000004,
"height": 150
}
},
"parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd"
},
"cc5bf265-3fd3-4141-869d-b8ed15a08435": {
"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": "#000000"
},
"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": "Sarah Fallow's Time Sheet"
},
"loadingState": {
"value": "{{false}}"
},
"useDefaultButton": {
"value": "{{false}}"
},
"triggerButtonLabel": {
"value": "Launch Modal"
},
"size": {
"value": "lg"
},
"hideTitleBar": {
"value": "{{false}}"
},
"hideCloseButton": {
"value": "{{false}}"
},
"hideOnEsc": {
"value": "{{true}}"
},
"closeOnClickingOutside": {
"value": "{{true}}"
},
"modalHeight": {
"value": "600px"
}
},
"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": 770,
"left": 2.325581980275584,
"width": 10,
"height": 34
}
},
"withDefaultChildren": false
},
"67290b04-169a-43fe-853a-b87e70ed7c2e": {
"id": "67290b04-169a-43fe-853a-b87e70ed7c2e",
"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": "0"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"cellSize": {
"value": "regular"
},
"borderRadius": {
"value": "12"
},
"tableType": {
"value": "table-classic"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
},
"data": {
"value": "{{ [ \n\t\t{ id: 1, name: 'Sarah', email: 'sarah@example.com'}, \n\t\t{ id: 2, name: 'Lisa', email: 'lisa@example.com'}, \n\t\t{ id: 3, name: 'Sam', email: 'sam@example.com'}, \n\t\t{ id: 4, name: 'Jon', email: 'jon@example.com'} \n] }}"
},
"useDynamicColumn": {
"value": "{{false}}"
},
"columnData": {
"value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
},
"rowsPerPage": {
"value": "{{10}}"
},
"serverSidePagination": {
"value": "{{false}}"
},
"enableNextButton": {
"value": "{{true}}"
},
"enablePrevButton": {
"value": "{{true}}"
},
"totalRecords": {
"value": ""
},
"enablePagination": {
"value": "{{true}}"
},
"serverSideSort": {
"value": "{{false}}"
},
"serverSideFilter": {
"value": "{{false}}"
},
"displaySearchBox": {
"value": "{{false}}"
},
"showDownloadButton": {
"value": "{{true}}"
},
"showFilterButton": {
"value": "{{false}}"
},
"autogenerateColumns": {
"value": true,
"generateNestedColumns": true
},
"columns": {
"value": [
{
"name": "id",
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
"autogenerated": true
},
{
"id": "5daa95b7-ecda-4a80-be8e-dd0272d30b4f",
"name": "Date",
"key": "email",
"columnType": "datepicker",
"autogenerated": true,
"isTimeChecked": false,
"dateFormat": "DD/MM/YYYY",
"parseDateFormat": "DD/MM/YYYY"
},
{
"id": "2dbf6726-c736-4e07-9ef0-db6206b141e2",
"name": "Clock in time",
"key": "name",
"columnType": "default",
"autogenerated": true,
"isTimeChecked": false,
"dateFormat": "DD/MM/YYYY",
"parseDateFormat": "DD/MM/YYYY"
},
{
"name": "clock out time",
"id": "db258ca5-d4f5-4b22-a667-143882f7f004",
"columnType": "string"
},
{
"name": "Hours worked",
"id": "8bfbedc0-22aa-4ce0-be4b-594603f17b1b",
"columnType": "default"
}
]
},
"showBulkUpdateActions": {
"value": "{{true}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{false}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 17,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 75,
"db258ca5-d4f5-4b22-a667-143882f7f004": 135,
"2dbf6726-c736-4e07-9ef0-db6206b141e2": 118,
"5daa95b7-ecda-4a80-be8e-dd0272d30b4f": 124
}
},
"actions": {
"value": []
},
"enabledSort": {
"value": "{{true}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"defaultSelectedRow": {
"value": "{{{\"id\":1}}}"
},
"showAddNewRowButton": {
"value": "{{true}}"
},
"allowSelection": {
"value": "{{true}}"
},
"columnDeletionHistory": {
"value": [
"new_column1"
]
}
},
"general": {},
"exposedVariables": {}
},
"name": "table2",
"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": 20,
"left": 4.651162790697675,
"width": 39.00000000000001,
"height": 550
}
},
"parent": "cc5bf265-3fd3-4141-869d-b8ed15a08435"
}
},
"handle": "home",
"name": "Home"
}
},
"globalSettings": {
"hideHeader": true,
"appInMaintenance": false,
"canvasMaxWidth": 100,
"canvasMaxWidthType": "%",
"canvasMaxHeight": 2400,
"canvasBackgroundColor": "#f8f9fa",
"backgroundFxQuery": "#f8f9fa"
}
},
"globalSettings": {
"hideHeader": true,
"appInMaintenance": false,
"canvasMaxWidth": 100,
"canvasMaxWidthType": "%",
"canvasMaxHeight": 2400,
"canvasBackgroundColor": "",
"backgroundFxQuery": ""
},
"showViewerNavigation": false,
"homePageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8",
"appId": "4c13d341-cedf-4512-910d-d14959a48426",
"currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"promotedFrom": null,
"createdAt": "2024-02-02T12:41:09.553Z",
"updatedAt": "2024-02-23T22:06:05.176Z"
}
],
"appEnvironments": [
{
"id": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
"name": "development",
"isDefault": false,
"priority": 1,
"enabled": true,
"createdAt": "2023-04-26T19:44:06.852Z",
"updatedAt": "2023-04-26T19:44:06.852Z"
},
{
"id": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
"name": "staging",
"isDefault": false,
"priority": 2,
"enabled": true,
"createdAt": "2023-04-26T19:44:06.852Z",
"updatedAt": "2023-04-26T19:44:06.852Z"
},
{
"id": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
"name": "production",
"isDefault": true,
"priority": 3,
"enabled": true,
"createdAt": "2023-04-26T19:44:06.852Z",
"updatedAt": "2023-04-26T19:44:06.852Z"
}
],
"dataSourceOptions": [
{
"id": "1fd5eafe-6b00-43ae-a9ef-9b991e73a276",
"dataSourceId": "22e6965d-e26d-4d21-8f45-d4be160cc50a",
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"options": null,
"createdAt": "2024-02-02T12:41:09.597Z",
"updatedAt": "2024-02-02T12:41:09.597Z"
},
{
"id": "30d8c3fe-f1f0-4601-9e92-aeacfb09691e",
"dataSourceId": "22e6965d-e26d-4d21-8f45-d4be160cc50a",
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"options": null,
"createdAt": "2024-02-02T12:41:09.597Z",
"updatedAt": "2024-02-02T12:41:09.597Z"
},
{
"id": "cdb9c0d1-91ae-410f-aaa1-913988c17e2d",
"dataSourceId": "22e6965d-e26d-4d21-8f45-d4be160cc50a",
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"options": null,
"createdAt": "2024-02-02T12:41:09.597Z",
"updatedAt": "2024-02-02T12:41:09.597Z"
},
{
"id": "9f4a2976-23ea-40f4-af5a-35010125cba5",
"dataSourceId": "5943072c-8f47-4c1f-88a3-98909395871c",
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"options": null,
"createdAt": "2024-02-02T12:41:09.615Z",
"updatedAt": "2024-02-02T12:41:09.615Z"
},
{
"id": "f1b98a6b-d75d-4d94-b018-faf6886f338a",
"dataSourceId": "5943072c-8f47-4c1f-88a3-98909395871c",
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"options": null,
"createdAt": "2024-02-02T12:41:09.615Z",
"updatedAt": "2024-02-02T12:41:09.615Z"
},
{
"id": "611b7920-d1d3-47b5-bb2a-02e87a7d57a2",
"dataSourceId": "5943072c-8f47-4c1f-88a3-98909395871c",
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"options": null,
"createdAt": "2024-02-02T12:41:09.615Z",
"updatedAt": "2024-02-02T12:41:09.615Z"
},
{
"id": "afddb063-f038-432e-84e4-34519ea9a080",
"dataSourceId": "504fd934-7227-4402-b09e-94ca86903afa",
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"options": null,
"createdAt": "2024-02-02T12:41:09.633Z",
"updatedAt": "2024-02-02T12:41:09.633Z"
},
{
"id": "aa97337d-82e7-4874-9af4-c5e8d309711b",
"dataSourceId": "504fd934-7227-4402-b09e-94ca86903afa",
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"options": null,
"createdAt": "2024-02-02T12:41:09.633Z",
"updatedAt": "2024-02-02T12:41:09.633Z"
},
{
"id": "0fdeb8a4-d1d9-4427-8c93-0c9a3484ce46",
"dataSourceId": "504fd934-7227-4402-b09e-94ca86903afa",
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"options": null,
"createdAt": "2024-02-02T12:41:09.633Z",
"updatedAt": "2024-02-02T12:41:09.633Z"
},
{
"id": "3a0395a3-51f8-4f3b-8b18-dfc408b8ef93",
"dataSourceId": "a0dd79a3-13e6-4b2f-b5f7-1b8caa9cc2fa",
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"options": null,
"createdAt": "2024-02-02T12:41:09.665Z",
"updatedAt": "2024-02-02T12:41:09.665Z"
},
{
"id": "d319fc2e-dbfe-4115-b91e-ca04c6063a40",
"dataSourceId": "a0dd79a3-13e6-4b2f-b5f7-1b8caa9cc2fa",
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"options": null,
"createdAt": "2024-02-02T12:41:09.665Z",
"updatedAt": "2024-02-02T12:41:09.665Z"
},
{
"id": "903dab97-629c-424b-858c-009c3fa1d494",
"dataSourceId": "a0dd79a3-13e6-4b2f-b5f7-1b8caa9cc2fa",
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"options": null,
"createdAt": "2024-02-02T12:41:09.665Z",
"updatedAt": "2024-02-02T12:41:09.665Z"
},
{
"id": "fc612cb1-cb3e-40c8-8582-bfa7f0df47c9",
"dataSourceId": "148d23fa-1d77-4b4d-ad8a-9d281abb24be",
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"options": null,
"createdAt": "2024-02-02T12:41:09.688Z",
"updatedAt": "2024-02-02T12:41:09.688Z"
},
{
"id": "f4eb3638-3ba5-48cb-ad88-ba91d539dc3b",
"dataSourceId": "148d23fa-1d77-4b4d-ad8a-9d281abb24be",
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"options": null,
"createdAt": "2024-02-02T12:41:09.688Z",
"updatedAt": "2024-02-02T12:41:09.688Z"
},
{
"id": "8910025b-8e04-481a-88db-fd040bdc131a",
"dataSourceId": "148d23fa-1d77-4b4d-ad8a-9d281abb24be",
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"options": null,
"createdAt": "2024-02-02T12:41:09.688Z",
"updatedAt": "2024-02-02T12:41:09.688Z"
}
],
"schemaDetails": {
"multiPages": true,
"multiEnv": true,
"globalDataSources": true
}
}
}
}
],
"tooljet_version": "2.28.4-ee2.15.0-cloud2.3.1"
}
Reference in a new issue View git blame Copy permalink