Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-04-21 21:47:17 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 5
ToolJet/server/templates/expense-tracker-portal/definition.json
Akshay Sasidharan 03329abfa6 sync marketplace and tooljet database changes
2024-10-28 23:37:40 +05:30

35516 lines
No EOL
2.2 MiB
Raw Blame History

{
"tooljet_database": [
{
"id": "7d98bd02-b2d5-4e79-bcc4-c9a102211124",
"table_name": "employee_expense",
"schema": {
"columns": [
{
"column_name": "id",
"data_type": "integer",
"column_default": "nextval('\"7d98bd02-b2d5-4e79-bcc4-c9a102211124_id_seq\"'::regclass)",
"character_maximum_length": null,
"numeric_precision": 32,
"is_nullable": "NO",
"constraint_type": "PRIMARY KEY",
"keytype": "PRIMARY KEY"
},
{
"column_name": "description",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "category",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "receipt",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "status",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "amount",
"data_type": "double precision",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": 53,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "employee_email",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "employee_name",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "date_submitted",
"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": "1cb5866c-290f-416e-96f8-af1c9e141581",
"type": "front-end",
"name": "Expense tracker portal",
"slug": "expense-tracker-portal",
"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": "2023-11-17T19:00:51.303Z",
"creationMode": "DEFAULT",
"updatedAt": "2024-01-04T23:10:59.285Z",
"editingVersion": {
"id": "03bae6e8-06f5-4467-9b80-0dc78db8a26c",
"name": "v1",
"definition": {
"showViewerNavigation": false,
"homePageId": "5c681cb1-23d6-403a-b25a-12bf89a2d445",
"pages": {
"5c681cb1-23d6-403a-b25a-12bf89a2d445": {
"components": {
"63494b51-4ea3-4e44-b63e-3a6ffb35af8a": {
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#3e63ddff",
"fxActive": false
},
"textSize": {
"value": "{{20}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": "{{5}}"
},
"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": "Your Expenses"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text3",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 120,
"left": 2.3255813953488373,
"width": 5,
"height": 40
}
},
"withDefaultChildren": false
},
"9cc8d3a8-fddb-4306-9e20-d554c79e6230": {
"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"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onOpen": {
"displayName": "On open"
},
"onClose": {
"displayName": "On close"
}
},
"styles": {
"headerBackgroundColor": {
"type": "color",
"displayName": "Header background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"headerTextColor": {
"type": "color",
"displayName": "Header title color",
"validation": {
"schema": {
"type": "string"
}
}
},
"bodyBackgroundColor": {
"type": "color",
"displayName": "Body background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": true
}
},
"triggerButtonBackgroundColor": {
"type": "color",
"displayName": "Trigger button background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"triggerButtonTextColor": {
"type": "color",
"displayName": "Trigger button text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"headerBackgroundColor": {
"value": "#ffffffff"
},
"headerTextColor": {
"value": "#3e63ddff"
},
"bodyBackgroundColor": {
"value": "#ffffffff"
},
"disabledState": {
"value": "{{false}}"
},
"visibility": {
"value": "{{true}}"
},
"triggerButtonBackgroundColor": {
"value": "#5746AF",
"fxActive": true
},
"triggerButtonTextColor": {
"value": "#ffffffff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Add an expense"
},
"loadingState": {
"value": "{{false}}"
},
"useDefaultButton": {
"value": "{{false}}"
},
"triggerButtonLabel": {
"value": "Add an expense"
},
"size": {
"value": "lg"
},
"hideTitleBar": {
"value": "{{false}}"
},
"hideCloseButton": {
"value": "{{false}}"
},
"hideOnEsc": {
"value": "{{true}}"
},
"closeOnClickingOutside": {
"value": "{{false}}"
},
"modalHeight": {
"value": "600px"
}
},
"general": {},
"exposedVariables": {}
},
"name": "modal1",
"displayName": "Modal",
"description": "Modal triggered by events",
"component": "Modal",
"defaultSize": {
"width": 10,
"height": 400
},
"exposedVariables": {
"show": false
},
"actions": [
{
"handle": "open",
"displayName": "Open"
},
{
"handle": "close",
"displayName": "Close"
}
]
},
"layouts": {
"desktop": {
"top": 820,
"left": 88.37209609325302,
"width": 4,
"height": 40
}
},
"withDefaultChildren": false
},
"e74c5d62-37f1-4d68-b6b4-ac5749a81426": {
"id": "e74c5d62-37f1-4d68-b6b4-ac5749a81426",
"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",
"fxActive": true
},
"textColor": {
"value": "#000000",
"fxActive": true
},
"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": "Amount ($)"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text7",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 80,
"left": 4.651162790697675,
"width": 5,
"height": 40
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"914b5b8b-4895-4684-ba77-4428063cc076": {
"id": "914b5b8b-4895-4684-ba77-4428063cc076",
"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",
"fxActive": true
},
"textColor": {
"value": "#000000",
"fxActive": true
},
"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": "Category"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text8",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 140,
"left": 4.651162790697675,
"width": 5,
"height": 40
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"aca71827-44fa-41c0-9593-16f900f864ad": {
"id": "aca71827-44fa-41c0-9593-16f900f864ad",
"component": {
"properties": {
"label": {
"type": "code",
"displayName": "Label",
"validation": {
"schema": {
"type": "string"
}
}
},
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
},
"values": {
"type": "code",
"displayName": "Option values",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"display_values": {
"type": "code",
"displayName": "Option labels",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"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": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"customRule": {
"value": null
}
},
"properties": {
"label": {
"value": ""
},
"value": {
"value": "{{\"Reimbursments\"}}"
},
"values": {
"value": "{{[\"Reimbursments\",\"Pending Payments\", \"Health Benefits\"]}}"
},
"display_values": {
"value": "{{[\"Reimbursments\",\"Pending Payments\", \"Health Benefits\"]}}"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "dropdown1",
"displayName": "Dropdown",
"description": "Select one value from options",
"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"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 140,
"left": 18.60464903811819,
"width": 16,
"height": 40
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"6e67b517-144a-4252-8b83-5ff72bd1d554": {
"id": "6e67b517-144a-4252-8b83-5ff72bd1d554",
"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",
"fxActive": true
},
"textColor": {
"value": "#000000",
"fxActive": true
},
"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": "Details of expense"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text9",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 199.99993896484375,
"left": 4.651162790697675,
"width": 11.000000000000002,
"height": 40
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"da1fc961-e616-45e6-9e73-2bd3037bf1ec": {
"id": "da1fc961-e616-45e6-9e73-2bd3037bf1ec",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Describe your expense"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textarea1",
"displayName": "Textarea",
"description": "Text area form field",
"component": "TextArea",
"defaultSize": {
"width": 6,
"height": 100
},
"exposedVariables": {
"value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "text",
"defaultValue": "New Text"
}
]
},
{
"handle": "clear",
"displayName": "Clear"
}
]
},
"layouts": {
"desktop": {
"top": 240.00003051757812,
"left": 4.651186281071691,
"width": 39.00000000000001,
"height": 90
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"28ae4bd6-9905-4cf5-b791-28c1f1726b5e": {
"id": "28ae4bd6-9905-4cf5-b791-28c1f1726b5e",
"component": {
"properties": {
"instructionText": {
"type": "code",
"displayName": "Instruction Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"enableDropzone": {
"type": "code",
"displayName": "Use Drop zone",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enablePicker": {
"type": "code",
"displayName": "Use File Picker",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enableMultiple": {
"type": "code",
"displayName": "Pick multiple files",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"maxFileCount": {
"type": "code",
"displayName": "Max file count",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"fileType": {
"type": "code",
"displayName": "Accept file types",
"validation": {
"schema": {
"type": "string"
}
}
},
"maxSize": {
"type": "code",
"displayName": "Max size limit (Bytes)",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"minSize": {
"type": "code",
"displayName": "Min size limit (Bytes)",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"parseContent": {
"type": "toggle",
"displayName": "Parse content",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"parseFileType": {
"type": "select",
"displayName": "File type",
"options": [
{
"name": "Autodetect from extension",
"value": "auto-detect"
},
{
"name": "CSV",
"value": "csv"
},
{
"name": "Microsoft Excel - xls",
"value": "vnd.ms-excel"
},
{
"name": "Microsoft Excel - xlsx",
"value": "vnd.openxmlformats-officedocument.spreadsheetml.sheet"
}
],
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onFileSelected": {
"displayName": "On File Selected"
},
"onFileLoaded": {
"displayName": "On File Loaded"
},
"onFileDeselected": {
"displayName": "On File Deselected"
}
},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{10}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"instructionText": {
"value": "Drag and drop the PDF file here or click to select the file"
},
"enableDropzone": {
"value": "{{true}}"
},
"enablePicker": {
"value": "{{true}}"
},
"maxFileCount": {
"value": "{{1}}"
},
"enableMultiple": {
"value": "{{false}}"
},
"fileType": {
"value": "{{\"application/pdf\"}}"
},
"maxSize": {
"value": "{{1048576}}"
},
"minSize": {
"value": "{{50}}"
},
"parseContent": {
"value": "{{false}}"
},
"parseFileType": {
"value": "auto-detect"
}
},
"general": {},
"exposedVariables": {}
},
"name": "filepicker1",
"displayName": "File Picker",
"description": "File Picker",
"component": "FilePicker",
"defaultSize": {
"width": 15,
"height": 100
},
"actions": [
{
"handle": "clearFiles",
"displayName": "Clear Files"
}
],
"exposedVariables": {
"file": [
{
"name": "",
"content": "",
"dataURL": "",
"type": "",
"parsedData": ""
}
],
"isParsing": false
}
},
"layouts": {
"desktop": {
"top": 390,
"left": 4.651116926357939,
"width": 39.00000000000001,
"height": 120
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"3c2bd483-6515-4fd6-87ba-08a7b9d0523a": {
"id": "3c2bd483-6515-4fd6-87ba-08a7b9d0523a",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Button Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onClick": {
"displayName": "On click"
},
"onHover": {
"displayName": "On hover"
}
},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"textColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"loaderColor": {
"type": "color",
"displayName": "Loader color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"borderRadius": {
"type": "number",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "number"
},
"defaultValue": false
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [
{
"eventId": "onClick",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "a1556227-c4cb-432d-80a4-33f8c0092ddc",
"queryName": "CreateExpense"
}
],
"styles": {
"backgroundColor": {
"value": "#3e63ddff",
"fxActive": false
},
"textColor": {
"value": "#fff"
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{6}}"
},
"borderColor": {
"value": "#ffffff00"
},
"disabledState": {
"value": "{{components.datepicker1.value == undefined || components.numberinput1.value < 0 || components.dropdown1.value == undefined || components.textarea1.value.length < 1 || components.filepicker1.file.length < 1}}",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Add expense"
},
"loadingState": {
"value": "{{queries.CreateExpense.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "button2",
"displayName": "Button",
"description": "Trigger actions: queries, alerts etc",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New Text"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 530.0000610351562,
"left": 76.74421131458854,
"width": 8,
"height": 40
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"ef5a9d23-8ad7-4d82-830d-02db9a575b8b": {
"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": "#ffffffff",
"fxActive": false
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container3",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 159.99998474121094,
"left": 2.3255813953488373,
"width": 41,
"height": 670
}
},
"withDefaultChildren": false
},
"7c55d7f2-ee6d-4533-8e9d-3e4c34dcd743": {
"id": "7c55d7f2-ee6d-4533-8e9d-3e4c34dcd743",
"component": {
"properties": {
"defaultStartDate": {
"type": "code",
"displayName": "Default start date",
"validation": {
"schema": {
"type": "string"
}
}
},
"defaultEndDate": {
"type": "code",
"displayName": "Default end date",
"validation": {
"schema": {
"type": "string"
}
}
},
"format": {
"type": "code",
"displayName": "Format",
"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": {
"onSelect": {
"displayName": "On select"
}
},
"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"
}
}
},
"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": {
"borderRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"defaultStartDate": {
"value": "{{moment().subtract(3,\"month\").format(\"YYYY/MM/DD\")}}"
},
"defaultEndDate": {
"value": "{{moment().format(\"YYYY/MM/DD\")}}"
},
"format": {
"value": "YYYY/MM/DD"
}
},
"general": {},
"exposedVariables": {}
},
"name": "daterangepicker1",
"displayName": "Range Picker",
"description": "Select a date range",
"component": "DaterangePicker",
"defaultSize": {
"width": 10,
"height": 30
},
"exposedVariables": {
"endDate": {},
"startDate": {}
}
},
"layouts": {
"desktop": {
"top": 50.00001525878906,
"left": 2.3255858128800644,
"width": 8,
"height": 40
}
},
"parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b"
},
"f08e1173-3580-4299-ae0f-548b52a4c5e9": {
"id": "f08e1173-3580-4299-ae0f-548b52a4c5e9",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000",
"fxActive": false
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Date range"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text15",
"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": 19.999954223632812,
"left": 2.325581868647625,
"width": 3.0000000000000004,
"height": 30
}
},
"parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b"
},
"bd470c2f-5302-4571-ac65-dc47af8cc6b8": {
"id": "bd470c2f-5302-4571-ac65-dc47af8cc6b8",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000",
"fxActive": false
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "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": "Status"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text16",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 19.999954223632812,
"left": 23.255812352486057,
"width": 3.0000000000000004,
"height": 30
}
},
"parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b"
},
"596dd0f2-b24d-4230-950e-b2d9b80f8916": {
"id": "596dd0f2-b24d-4230-950e-b2d9b80f8916",
"component": {
"properties": {
"label": {
"type": "code",
"displayName": "Label",
"validation": {
"schema": {
"type": "string"
}
}
},
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
},
"values": {
"type": "code",
"displayName": "Option values",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"display_values": {
"type": "code",
"displayName": "Option labels",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"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": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"customRule": {
"value": null
}
},
"properties": {
"label": {
"value": ""
},
"value": {
"value": "{{\"\"}}"
},
"values": {
"value": "{{[\"\", \"approved\",\"pending\", \"rejected\"]}}"
},
"display_values": {
"value": "{{[\"All\", \"Approved\", \"Pending\", \"Rejected\"]}}"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select status"
}
},
"general": {},
"exposedVariables": {}
},
"name": "dropdown2",
"displayName": "Dropdown",
"description": "Select one value from options",
"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"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 50.00001525878906,
"left": 23.255812847395685,
"width": 4.999999999999999,
"height": 40
}
},
"parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b"
},
"a2417394-65f3-48e0-a09b-d149848b18f4": {
"id": "a2417394-65f3-48e0-a09b-d149848b18f4",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Button Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onClick": {
"displayName": "On click"
},
"onHover": {
"displayName": "On hover"
}
},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"textColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"loaderColor": {
"type": "color",
"displayName": "Loader color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"borderRadius": {
"type": "number",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "number"
},
"defaultValue": false
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [
{
"eventId": "onClick",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "f45972e5-45aa-47f3-9c00-e6bb657c9d4e",
"queryName": "listExpenses",
"parameters": {}
}
],
"styles": {
"backgroundColor": {
"value": "#3e63dd1a",
"fxActive": false
},
"textColor": {
"value": "#3e63ddff",
"fxActive": false
},
"loaderColor": {
"value": "#3e63ddff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "#3e63ddff",
"fxActive": false
},
"disabledState": {
"value": "{{queries.listExpenses.isLoading}}",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Apply filter"
},
"loadingState": {
"value": "{{false}}",
"fxActive": false
}
},
"general": {},
"exposedVariables": {}
},
"name": "button4",
"displayName": "Button",
"description": "Trigger actions: queries, alerts etc",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New Text"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 50.00001525878906,
"left": 37.20929665310947,
"width": 4,
"height": 40
}
},
"parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b"
},
"842f76ba-e8b9-4a24-93dc-d5cba1ec238d": {
"id": "842f76ba-e8b9-4a24-93dc-d5cba1ec238d",
"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"
}
]
}
}
},
"serverSidePagination": {
"type": "toggle",
"displayName": "Server-side pagination",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enableNextButton": {
"type": "toggle",
"displayName": "Enable next page button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enabledSort": {
"type": "toggle",
"displayName": "Enable 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"
}
]
}
}
},
"clientSidePagination": {
"type": "toggle",
"displayName": "Client-side pagination",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"serverSideSearch": {
"type": "toggle",
"displayName": "Server-side search",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"serverSideSort": {
"type": "toggle",
"displayName": "Server-side sort",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"serverSideFilter": {
"type": "toggle",
"displayName": "Server-side filter",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"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 box",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showDownloadButton": {
"type": "toggle",
"displayName": "Show download button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showFilterButton": {
"type": "toggle",
"displayName": "Show filter button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showBulkUpdateActions": {
"type": "toggle",
"displayName": "Show update buttons",
"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"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop "
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onRowHovered": {
"displayName": "Row hovered"
},
"onRowClicked": {
"displayName": "Row clicked"
},
"onBulkUpdate": {
"displayName": "Save changes"
},
"onPageChanged": {
"displayName": "Page changed"
},
"onSearch": {
"displayName": "Search"
},
"onCancelChanges": {
"displayName": "Cancel changes"
},
"onSort": {
"displayName": "Sort applied"
},
"onCellValueChanged": {
"displayName": "Cell value changed"
},
"onFilterChanged": {
"displayName": "Filter changed"
},
"onNewRowsAdded": {
"displayName": "Add new rows"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"actionButtonRadius": {
"type": "code",
"displayName": "Action Button Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "boolean"
}
]
}
}
},
"tableType": {
"type": "select",
"displayName": "Table type",
"options": [
{
"name": "Bordered",
"value": "table-bordered"
},
{
"name": "Regular",
"value": "table-classic"
},
{
"name": "Striped",
"value": "table-striped"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"cellSize": {
"type": "select",
"displayName": "Cell size",
"options": [
{
"name": "Condensed",
"value": "condensed"
},
{
"name": "Regular",
"value": "regular"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"textColor": {
"value": "#000"
},
"actionButtonRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"cellSize": {
"value": "regular"
},
"borderRadius": {
"value": "10"
},
"tableType": {
"value": "table-classic"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.listExpenses.isLoading}}",
"fxActive": true
},
"data": {
"value": "{{queries?.listExpenses?.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": ""
},
"clientSidePagination": {
"value": "{{true}}"
},
"serverSideSort": {
"value": "{{false}}"
},
"serverSideFilter": {
"value": "{{false}}"
},
"displaySearchBox": {
"value": "{{true}}"
},
"showDownloadButton": {
"value": "{{false}}"
},
"showFilterButton": {
"value": "{{false}}"
},
"autogenerateColumns": {
"value": true
},
"columns": {
"value": [
{
"id": "bccf37f2-27b7-405d-8eb5-11475406d2dc",
"name": "id",
"key": "id",
"columnType": "number",
"autogenerated": true
},
{
"id": "bcdde7b1-24a9-4edf-934e-0bf240d13bdb",
"name": "employee name",
"key": "employee_name",
"columnType": "string",
"autogenerated": true
},
{
"id": "d37a99a5-d5cc-4e28-90c8-bfff0af762ee",
"name": "employee email",
"key": "employee_email",
"columnType": "string",
"autogenerated": true
},
{
"name": "category",
"id": "6cdfda6d-1845-4b66-8803-b8de18201b1a",
"columnType": "string"
},
{
"id": "9b20fb02-762f-4461-86e9-fe6bd1150740",
"name": "amount ($)",
"key": "amount",
"columnType": "number",
"autogenerated": true
},
{
"name": "status",
"id": "abcc8bcb-9bf9-4e8e-922c-95e15b42b634",
"textColor": "{{({ approved: \"#00C65D\", rejected: \"#DF2C00\", pending: \"#F6D100\" })[rowData.status]}}",
"columnType": "string",
"key": "status"
},
{
"name": "date submitted",
"id": "3d4dc529-964c-4e34-bfac-59d059c85521",
"columnType": "datepicker",
"isTimeChecked": false,
"dateFormat": "YYYY/MM/DD",
"parseDateFormat": "YYYY/MM/DD",
"key": "date_submitted"
},
{
"id": "bfba1fb1-1489-4bb6-8795-20be92e87531",
"name": "description",
"key": "description",
"columnType": "string",
"autogenerated": true,
"textWrap": "wrap"
}
]
},
"showBulkUpdateActions": {
"value": "{{false}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{false}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 30,
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 143,
"3d4dc529-964c-4e34-bfac-59d059c85521": 166,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 217,
"f1c5b098-25a8-494a-8141-0b6327a4a60f": 7,
"3b38b9bb-bd1b-40b7-82c5-3e17cb660d3a": 131,
"f22fda6f-da28-42db-9192-fee66fd26567": 97.99999999999997,
"8d6770cb-f6a8-455b-b215-96fb7a2cff4e": 118,
"6cdfda6d-1845-4b66-8803-b8de18201b1a": 182,
"2ee0c705-e498-40df-b5ae-a0334d50de6f": 256,
"bccf37f2-27b7-405d-8eb5-11475406d2dc": 73,
"5361da46-9319-41e0-a45f-70f1a581e8ad": 200,
"9b20fb02-762f-4461-86e9-fe6bd1150740": 132,
"d37a99a5-d5cc-4e28-90c8-bfff0af762ee": 244,
"abcc8bcb-9bf9-4e8e-922c-95e15b42b634": 97
}
},
"actions": {
"value": []
},
"enabledSort": {
"value": "{{false}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"columnDeletionHistory": {
"value": [
"email",
"Description",
"receipt",
"datesubmitted",
"status",
"status",
"date_submitted",
"datesubmitted",
"receipt"
]
},
"allowSelection": {
"value": "{{false}}"
},
"showAddNewRowButton": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "table1",
"displayName": "Table",
"description": "Display paginated tabular data",
"component": "Table",
"defaultSize": {
"width": 20,
"height": 358
},
"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"
}
]
},
"layouts": {
"desktop": {
"top": 109.99995422363281,
"left": 2.325581868647625,
"width": 41,
"height": 520
}
},
"parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b"
},
"4a829405-e4b2-4bdc-b89d-4e3271ae94f2": {
"id": "4a829405-e4b2-4bdc-b89d-4e3271ae94f2",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Button Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onClick": {
"displayName": "On click"
},
"onHover": {
"displayName": "On hover"
}
},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"textColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"loaderColor": {
"type": "color",
"displayName": "Loader color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"borderRadius": {
"type": "number",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "number"
},
"defaultValue": false
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [
{
"eventId": "onClick",
"actionId": "close-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
}
],
"styles": {
"backgroundColor": {
"value": "#3e63dd1a",
"fxActive": false
},
"textColor": {
"value": "#3e63ddff",
"fxActive": false
},
"loaderColor": {
"value": "#3e63ddff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{6}}"
},
"borderColor": {
"value": "#3e63ddff"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Cancel"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "button3",
"displayName": "Button",
"description": "Trigger actions: queries, alerts etc",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New Text"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 530,
"left": 62.79068006316184,
"width": 5.026685393258427,
"height": 40
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"9d61b279-41ab-44c3-a1f9-fe7d1bdacef0": {
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000000"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Date"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text11",
"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"
}
]
}
]
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230",
"layouts": {
"desktop": {
"top": 20,
"left": 4.651162790697675,
"width": 5,
"height": 40
}
},
"withDefaultChildren": false
},
"0078d908-dfcd-407c-853a-998ec267e735": {
"component": {
"properties": {
"defaultValue": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"format": {
"type": "code",
"displayName": "Format",
"validation": {
"schema": {
"type": "string"
}
}
},
"enableTime": {
"type": "toggle",
"displayName": "Enable time selection?",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"enableDate": {
"type": "toggle",
"displayName": "Enable date selection?",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": true
}
},
"disabledDates": {
"type": "code",
"displayName": "Disabled dates",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "string"
}
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onSelect": {
"displayName": "On select"
}
},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"customRule": {
"value": null
}
},
"properties": {
"defaultValue": {
"value": "{{moment().format(\"YYYY/MM/DD\")}}"
},
"format": {
"value": "YYYY/MM/DD"
},
"enableTime": {
"value": "{{false}}"
},
"enableDate": {
"value": "{{true}}"
},
"disabledDates": {
"value": "{{[]}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "datepicker1",
"displayName": "Date Picker",
"description": "Select a date and time",
"component": "Datepicker",
"defaultSize": {
"width": 5,
"height": 30
},
"validation": {
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": ""
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230",
"layouts": {
"desktop": {
"top": 20.000030517578125,
"left": 18.604652744961736,
"width": 16,
"height": 40
}
},
"withDefaultChildren": false
},
"5794387c-e561-4a86-bf13-74f13d307100": {
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"minValue": {
"type": "code",
"displayName": "Minimum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"maxValue": {
"type": "code",
"displayName": "Maximum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onChange": {
"displayName": "On change"
}
},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color"
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
},
"backgroundColor": {
"value": "",
"fxActive": false
},
"borderColor": {
"value": "",
"fxActive": false
},
"textColor": {
"value": "#232e3c"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"value": {
"value": "10"
},
"maxValue": {
"value": ""
},
"minValue": {
"value": "0"
},
"placeholder": {
"value": "{{components.numberinput1.value}}"
},
"decimalPlaces": {
"value": "2"
}
},
"general": {},
"exposedVariables": {}
},
"name": "numberinput1",
"displayName": "Number Input",
"description": "Number field for forms",
"component": "NumberInput",
"defaultSize": {
"width": 4,
"height": 30
},
"exposedVariables": {
"value": 99
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230",
"layouts": {
"desktop": {
"top": 80.00003051757812,
"left": 18.604661303453007,
"width": 16,
"height": 40
}
},
"withDefaultChildren": false
},
"6d14ca8d-2b2d-42c9-8a2b-fc5dd8b4774d": {
"id": "6d14ca8d-2b2d-42c9-8a2b-fc5dd8b4774d",
"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",
"fxActive": true
},
"textColor": {
"value": "#000000",
"fxActive": true
},
"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": "Upload the PDF of your receipt"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text12",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 350,
"left": 4.651165967311983,
"width": 18,
"height": 40
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"6861f955-bf0b-45bf-a528-945469a65717": {
"id": "6861f955-bf0b-45bf-a528-945469a65717",
"component": {
"properties": {},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#3e63ddff"
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#ffffff00",
"fxActive": false
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container4",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 20,
"left": 2.3255804619478915,
"width": 41,
"height": 70
}
}
},
"e7eff5ae-0447-48e1-8f87-8d4074108970": {
"id": "e7eff5ae-0447-48e1-8f87-8d4074108970",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#ffffffff"
},
"textSize": {
"value": "{{24}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": "{{0}}"
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "B R A N D"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text13",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 10,
"left": 2.3255827912519793,
"width": 6,
"height": 40
}
},
"parent": "6861f955-bf0b-45bf-a528-945469a65717"
},
"8df02ad7-a07d-44c5-b21b-7c775bd98a4d": {
"id": "8df02ad7-a07d-44c5-b21b-7c775bd98a4d",
"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": "{{16}}"
},
"textAlign": {
"value": "right"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "capitalize"
},
"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": "{{`${globals.currentUser.firstName} ${globals.currentUser.lastName}&nbsp;`}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text17",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 10,
"left": 67.4418648711779,
"width": 12,
"height": 40
}
},
"parent": "6861f955-bf0b-45bf-a528-945469a65717"
},
"2b423fbf-99bf-494e-b1a6-2e1b0c290478": {
"component": {
"properties": {
"icon": {
"type": "iconPicker",
"displayName": "Icon",
"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": {
"onClick": {
"displayName": "On click"
},
"onHover": {
"displayName": "On hover"
}
},
"styles": {
"iconColor": {
"type": "color",
"displayName": "Icon 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": {
"iconColor": {
"value": "#ffffffff"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"icon": {
"value": "IconUserCircle"
}
},
"general": {},
"exposedVariables": {}
},
"name": "icon1",
"displayName": "Icon",
"description": "Icon",
"defaultSize": {
"width": 5,
"height": 48
},
"component": "Icon",
"exposedVariables": {},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"displayName": "Set Visibility",
"handle": "setVisibility",
"params": [
{
"handle": "value",
"displayName": "Value",
"defaultValue": "{{true}}",
"type": "toggle"
}
]
}
]
},
"parent": "6861f955-bf0b-45bf-a528-945469a65717",
"layouts": {
"desktop": {
"top": 10,
"left": 95.34883163997867,
"width": 1,
"height": 40
}
},
"withDefaultChildren": false
},
"1f602902-4427-4680-bb97-459f55f75484": {
"id": "1f602902-4427-4680-bb97-459f55f75484",
"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": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
}
],
"styles": {
"backgroundColor": {
"value": "#3e63ddff"
},
"textColor": {
"value": "#fff"
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "#375FCF"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Add an expense"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "button5",
"displayName": "Button",
"description": "Trigger actions: queries, alerts, set variables etc.",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {
"buttonText": "Button"
},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New Text"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 50.00001525878906,
"left": 88.37208709709138,
"width": 4,
"height": 40
}
},
"parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b"
}
},
"handle": "home",
"name": "Home"
}
},
"globalSettings": {
"hideHeader": true,
"appInMaintenance": false,
"canvasMaxWidth": "100",
"canvasMaxWidthType": "%",
"canvasMaxHeight": 2400,
"canvasBackgroundColor": "",
"backgroundFxQuery": ""
},
"components": {
"66923bf7-575d-4169-a3d3-7d16fc0be439": {
"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": "#FFFFFF",
"fxActive": true
},
"borderRadius": {
"value": "0"
},
"borderColor": {
"value": "#ffffff00"
},
"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.00000762939453125,
"left": 0.00213096456786458,
"width": 43,
"height": 80
}
},
"withDefaultChildren": false
},
"daa992f3-07be-4ec6-9585-1cc8f5e132c0": {
"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": "#5746AF",
"fxActive": true
},
"textSize": {
"value": "{{32}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "italic"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "X"
},
"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"
}
]
}
]
},
"parent": "66923bf7-575d-4169-a3d3-7d16fc0be439",
"layouts": {
"desktop": {
"top": 10,
"left": 4.913498120258604,
"width": 0.9665996878286482,
"height": 50
}
},
"withDefaultChildren": false
},
"5346a015-a8fd-4e5d-a3a5-e371a3a2f49b": {
"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": "#5746AF",
"fxActive": true
},
"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": "penseFlow"
},
"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"
}
]
}
]
},
"parent": "66923bf7-575d-4169-a3d3-7d16fc0be439",
"layouts": {
"desktop": {
"top": 10,
"left": 7.539730218411148,
"width": 4.000665579949918,
"height": 50
}
},
"withDefaultChildren": false
},
"63494b51-4ea3-4e44-b63e-3a6ffb35af8a": {
"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": "#20134B",
"fxActive": true
},
"textSize": {
"value": "{{20}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Your Expenses"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text3",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 130,
"left": 4.715052454462855,
"width": 7,
"height": 30
}
},
"withDefaultChildren": false
},
"0d0232ed-93aa-4977-819e-0a0bb83c00d9": {
"id": "0d0232ed-93aa-4977-819e-0a0bb83c00d9",
"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": "#20134B",
"fxActive": true
},
"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": "{{globals.currentUser.firstName}}"
},
"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": 10,
"left": 79.52376037074694,
"width": 3.9599698535745054,
"height": 50
}
},
"parent": "66923bf7-575d-4169-a3d3-7d16fc0be439"
},
"9cc8d3a8-fddb-4306-9e20-d554c79e6230": {
"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"
}
}
}
},
"general": {
"tooltip": {
"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": "#5746AF",
"fxActive": true
},
"triggerButtonTextColor": {
"value": "#ffffffff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Add an expense"
},
"loadingState": {
"value": "{{false}}"
},
"useDefaultButton": {
"value": "{{true}}"
},
"triggerButtonLabel": {
"value": "Add an expense"
},
"size": {
"value": "lg"
},
"hideTitleBar": {
"value": "{{false}}"
},
"hideCloseButton": {
"value": "{{false}}"
},
"hideOnEsc": {
"value": "{{true}}"
},
"closeOnClickingOutside": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "modal1",
"displayName": "Modal",
"description": "Modal triggered by events",
"component": "Modal",
"defaultSize": {
"width": 10,
"height": 400
},
"exposedVariables": {
"show": false
},
"actions": [
{
"handle": "open",
"displayName": "Open"
},
{
"handle": "close",
"displayName": "Close"
}
]
},
"layouts": {
"desktop": {
"top": 130.0000457763672,
"left": 79.11660889566163,
"width": 7,
"height": 480
}
},
"withDefaultChildren": false
},
"e74c5d62-37f1-4d68-b6b4-ac5749a81426": {
"id": "e74c5d62-37f1-4d68-b6b4-ac5749a81426",
"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",
"fxActive": true
},
"textColor": {
"value": "#000000",
"fxActive": true
},
"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": "Amount"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text7",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": 30.232570297538736,
"width": 4.0217009887611,
"height": 40
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"914b5b8b-4895-4684-ba77-4428063cc076": {
"id": "914b5b8b-4895-4684-ba77-4428063cc076",
"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",
"fxActive": true
},
"textColor": {
"value": "#000000",
"fxActive": true
},
"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": "Category"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text8",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": 60.64153899721448,
"width": 3.965709276038984,
"height": 40
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"aca71827-44fa-41c0-9593-16f900f864ad": {
"id": "aca71827-44fa-41c0-9593-16f900f864ad",
"component": {
"properties": {
"label": {
"type": "code",
"displayName": "Label",
"validation": {
"schema": {
"type": "string"
}
}
},
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
},
"values": {
"type": "code",
"displayName": "Option values",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"display_values": {
"type": "code",
"displayName": "Option labels",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"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": {
"label": {
"value": ""
},
"value": {
"value": "{{\"Reimbursments\"}}"
},
"values": {
"value": "{{[\"Reimbursments\",\"Pending Payments\", \"Health Benefits\"]}}"
},
"display_values": {
"value": "{{[\"Reimbursments\",\"Pending Payments\", \"Health Benefits\"]}}"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "dropdown1",
"displayName": "Dropdown",
"description": "Select one value from options",
"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"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30.000015258789062,
"left": 72.02652530085741,
"width": 7.99943042111011,
"height": 40
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"6e67b517-144a-4252-8b83-5ff72bd1d554": {
"id": "6e67b517-144a-4252-8b83-5ff72bd1d554",
"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",
"fxActive": true
},
"textColor": {
"value": "#000000",
"fxActive": true
},
"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": "Details of expense"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text9",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 79.99996948242188,
"left": 6.976730644204823,
"width": 17.930261641933875,
"height": 40
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"da1fc961-e616-45e6-9e73-2bd3037bf1ec": {
"id": "da1fc961-e616-45e6-9e73-2bd3037bf1ec",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{6}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Describe your expense"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textarea1",
"displayName": "Textarea",
"description": "Text area form field",
"component": "TextArea",
"defaultSize": {
"width": 6,
"height": 100
},
"exposedVariables": {
"value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "text",
"defaultValue": "New Text"
}
]
},
{
"handle": "clear",
"displayName": "Clear"
}
]
},
"layouts": {
"desktop": {
"top": 130.00003051757812,
"left": 6.879826707760271,
"width": 37.01902742646711,
"height": 90
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"28ae4bd6-9905-4cf5-b791-28c1f1726b5e": {
"id": "28ae4bd6-9905-4cf5-b791-28c1f1726b5e",
"component": {
"properties": {
"instructionText": {
"type": "code",
"displayName": "Instruction Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"enableDropzone": {
"type": "code",
"displayName": "Use Drop zone",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enablePicker": {
"type": "code",
"displayName": "Use File Picker",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enableMultiple": {
"type": "code",
"displayName": "Pick multiple files",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"maxFileCount": {
"type": "code",
"displayName": "Max file count",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"fileType": {
"type": "code",
"displayName": "Accept file types",
"validation": {
"schema": {
"type": "string"
}
}
},
"maxSize": {
"type": "code",
"displayName": "Max size limit (Bytes)",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"minSize": {
"type": "code",
"displayName": "Min size limit (Bytes)",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"parseContent": {
"type": "toggle",
"displayName": "Parse content",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"parseFileType": {
"type": "select",
"displayName": "File type",
"options": [
{
"name": "Autodetect from extension",
"value": "auto-detect"
},
{
"name": "CSV",
"value": "csv"
},
{
"name": "Microsoft Excel - xls",
"value": "vnd.ms-excel"
},
{
"name": "Microsoft Excel - xlsx",
"value": "vnd.openxmlformats-officedocument.spreadsheetml.sheet"
}
],
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onFileSelected": {
"displayName": "On File Selected"
},
"onFileLoaded": {
"displayName": "On File Loaded"
},
"onFileDeselected": {
"displayName": "On File Deselected"
}
},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{6}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"instructionText": {
"value": "Upload your receipt"
},
"enableDropzone": {
"value": "{{true}}"
},
"enablePicker": {
"value": "{{true}}"
},
"maxFileCount": {
"value": "{{1}}"
},
"enableMultiple": {
"value": "{{false}}"
},
"fileType": {
"value": "{{\"application/pdf\"}}"
},
"maxSize": {
"value": "{{1048576}}"
},
"minSize": {
"value": "{{50}}"
},
"parseContent": {
"value": "{{true}}"
},
"parseFileType": {
"value": "auto-detect"
}
},
"general": {},
"exposedVariables": {}
},
"name": "filepicker1",
"displayName": "File Picker",
"description": "File Picker",
"component": "FilePicker",
"defaultSize": {
"width": 15,
"height": 100
},
"actions": [
{
"handle": "clearFiles",
"displayName": "Clear Files"
}
],
"exposedVariables": {
"file": [
{
"name": "",
"content": "",
"dataURL": "",
"type": "",
"parsedData": ""
}
],
"isParsing": false
}
},
"layouts": {
"desktop": {
"top": 250,
"left": 6.912380051818922,
"width": 37.03004242550304,
"height": 90
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"3c2bd483-6515-4fd6-87ba-08a7b9d0523a": {
"id": "3c2bd483-6515-4fd6-87ba-08a7b9d0523a",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Button Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onClick": {
"displayName": "On click"
},
"onHover": {
"displayName": "On hover"
}
},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"textColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"loaderColor": {
"type": "color",
"displayName": "Loader color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"borderRadius": {
"type": "number",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "number"
},
"defaultValue": false
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [
{
"eventId": "onClick",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "33ed0f11-10cf-4fb1-8fcf-f50c7eedf04b",
"queryName": "CreateExpense"
}
],
"styles": {
"backgroundColor": {
"value": "#5746AF",
"fxActive": true
},
"textColor": {
"value": "#fff"
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{6}}"
},
"borderColor": {
"value": "#375fcf00"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Add expense"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "button2",
"displayName": "Button",
"description": "Trigger actions: queries, alerts etc",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New Text"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 400.0000305175781,
"left": 71.90846694544508,
"width": 9.000160089471919,
"height": 40
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"1d5e0310-8ff5-461b-8d7c-cf48778592a5": {
"component": {
"properties": {
"icon": {
"type": "iconPicker",
"displayName": "Icon",
"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": {
"onClick": {
"displayName": "On click"
},
"onHover": {
"displayName": "On hover"
}
},
"styles": {
"iconColor": {
"type": "color",
"displayName": "Icon 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": {
"iconColor": {
"value": "#20134B",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"icon": {
"value": "IconChevronDown"
}
},
"general": {},
"exposedVariables": {}
},
"name": "icon1",
"displayName": "Icon",
"description": "Icon",
"defaultSize": {
"width": 5,
"height": 48
},
"component": "Icon",
"exposedVariables": {},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"displayName": "Set Visibility",
"handle": "setVisibility",
"params": [
{
"handle": "value",
"displayName": "Value",
"defaultValue": "{{true}}",
"type": "toggle"
}
]
}
]
},
"parent": "66923bf7-575d-4169-a3d3-7d16fc0be439",
"layouts": {
"desktop": {
"top": 18,
"left": 86.15197037876933,
"width": 0.9973514211886291,
"height": 30
}
},
"withDefaultChildren": false
},
"ef5a9d23-8ad7-4d82-830d-02db9a575b8b": {
"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": "#FFFFFF",
"fxActive": true
},
"borderRadius": {
"value": "12"
},
"borderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container3",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 179.99998474121094,
"left": 4.651159790090727,
"width": 39,
"height": 610
}
},
"withDefaultChildren": false
},
"bfd37437-2f20-46f6-8e6e-f93c75175e4e": {
"id": "bfd37437-2f20-46f6-8e6e-f93c75175e4e",
"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": "#2B0E44",
"fxActive": true
},
"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": "Search"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text14",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 20,
"left": 4.651163101286042,
"width": 6,
"height": 30
}
},
"parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b"
},
"d6a4fe92-ac6c-45cf-93e5-3616e27d9252": {
"id": "d6a4fe92-ac6c-45cf-93e5-3616e27d9252",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onChange": {
"displayName": "On change"
},
"onEnterPressed": {
"displayName": "On Enter Pressed"
},
"onFocus": {
"displayName": "On focus"
},
"onBlur": {
"displayName": "On blur"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"errTextColor": {
"type": "color",
"displayName": "Error Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [
{
"eventId": "onEnterPressed",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "78d38b75-32f3-4572-83db-bc084df0e021",
"queryName": "Search"
}
],
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "#dadcde"
},
"errTextColor": {
"value": "#ff0000"
},
"borderRadius": {
"value": "{{6}}"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"backgroundColor": {
"value": "#fff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"regex": {
"value": ""
},
"minLength": {
"value": null
},
"maxLength": {
"value": null
},
"customRule": {
"value": null
}
},
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Search"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textinput3",
"displayName": "Text Input",
"description": "Text field for forms",
"component": "TextInput",
"defaultSize": {
"width": 6,
"height": 30
},
"validation": {
"regex": {
"type": "code",
"displayName": "Regex"
},
"minLength": {
"type": "code",
"displayName": "Min length"
},
"maxLength": {
"type": "code",
"displayName": "Max length"
},
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": ""
},
"actions": [
{
"handle": "setText",
"displayName": "Set text",
"params": [
{
"handle": "text",
"displayName": "text",
"defaultValue": "New Text"
}
]
},
{
"handle": "clear",
"displayName": "Clear"
},
{
"handle": "setFocus",
"displayName": "Set focus"
},
{
"handle": "setBlur",
"displayName": "Set blur"
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 50.00006103515625,
"left": 4.651165494953225,
"width": 11,
"height": 40
}
},
"parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b"
},
"7c55d7f2-ee6d-4533-8e9d-3e4c34dcd743": {
"id": "7c55d7f2-ee6d-4533-8e9d-3e4c34dcd743",
"component": {
"properties": {
"defaultStartDate": {
"type": "code",
"displayName": "Default start date",
"validation": {
"schema": {
"type": "string"
}
}
},
"defaultEndDate": {
"type": "code",
"displayName": "Default end date",
"validation": {
"schema": {
"type": "string"
}
}
},
"format": {
"type": "code",
"displayName": "Format",
"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": {
"onSelect": {
"displayName": "On select"
}
},
"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"
}
}
},
"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": {
"borderRadius": {
"value": "6"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"defaultStartDate": {
"value": "01/04/2022"
},
"defaultEndDate": {
"value": "10/04/2022"
},
"format": {
"value": "DD/MM/YYYY"
}
},
"general": {},
"exposedVariables": {}
},
"name": "daterangepicker2",
"displayName": "Range Picker",
"description": "Select a date range",
"component": "DaterangePicker",
"defaultSize": {
"width": 10,
"height": 30
},
"exposedVariables": {
"endDate": {},
"startDate": {}
}
},
"layouts": {
"desktop": {
"top": 50,
"left": 34.88372789091864,
"width": 10,
"height": 40
}
},
"parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b"
},
"f08e1173-3580-4299-ae0f-548b52a4c5e9": {
"id": "f08e1173-3580-4299-ae0f-548b52a4c5e9",
"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": "#2B0E44",
"fxActive": true
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Date"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text15",
"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": 20,
"left": 34.88372160137631,
"width": 6,
"height": 30
}
},
"parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b"
},
"bd470c2f-5302-4571-ac65-dc47af8cc6b8": {
"id": "bd470c2f-5302-4571-ac65-dc47af8cc6b8",
"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": "#2B0E44",
"fxActive": true
},
"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": "Status"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text16",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 20,
"left": 62.79069758202949,
"width": 6,
"height": 30
}
},
"parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b"
},
"596dd0f2-b24d-4230-950e-b2d9b80f8916": {
"id": "596dd0f2-b24d-4230-950e-b2d9b80f8916",
"component": {
"properties": {
"label": {
"type": "code",
"displayName": "Label",
"validation": {
"schema": {
"type": "string"
}
}
},
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
},
"values": {
"type": "code",
"displayName": "Option values",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"display_values": {
"type": "code",
"displayName": "Option labels",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"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": {
"label": {
"value": ""
},
"value": {
"value": ""
},
"values": {
"value": "{{[\"approved\",\"pending\", \"rejected\"]}}"
},
"display_values": {
"value": "{{[\"approved\",\"pending\", \"rejected\"]}}"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select category of expense"
}
},
"general": {},
"exposedVariables": {}
},
"name": "dropdown3",
"displayName": "Dropdown",
"description": "Select one value from options",
"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"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 50,
"left": 60.723448268765594,
"width": 10.00465860758617,
"height": 40
}
},
"parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b"
},
"a2417394-65f3-48e0-a09b-d149848b18f4": {
"id": "a2417394-65f3-48e0-a09b-d149848b18f4",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Button Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onClick": {
"displayName": "On click"
},
"onHover": {
"displayName": "On hover"
}
},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"textColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"loaderColor": {
"type": "color",
"displayName": "Loader color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"borderRadius": {
"type": "number",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "number"
},
"defaultValue": false
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [
{
"eventId": "onClick",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "11f6bc38-f0b6-463d-97cd-d9fe3ea6681b",
"queryName": "ListExpenses"
}
],
"styles": {
"backgroundColor": {
"value": "#F5F2FF",
"fxActive": true
},
"textColor": {
"value": "#6E56CF",
"fxActive": true
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{6}}"
},
"borderColor": {
"value": "#C4B8F3",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Filter"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "button4",
"displayName": "Button",
"description": "Trigger actions: queries, alerts etc",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New Text"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 50,
"left": 86.04650316559169,
"width": 4,
"height": 40
}
},
"parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b"
},
"842f76ba-e8b9-4a24-93dc-d5cba1ec238d": {
"id": "842f76ba-e8b9-4a24-93dc-d5cba1ec238d",
"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"
}
]
}
}
},
"serverSidePagination": {
"type": "toggle",
"displayName": "Server-side pagination",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enableNextButton": {
"type": "toggle",
"displayName": "Enable next page button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enabledSort": {
"type": "toggle",
"displayName": "Enable 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"
}
]
}
}
},
"clientSidePagination": {
"type": "toggle",
"displayName": "Client-side pagination",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"serverSideSearch": {
"type": "toggle",
"displayName": "Server-side search",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"serverSideSort": {
"type": "toggle",
"displayName": "Server-side sort",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"serverSideFilter": {
"type": "toggle",
"displayName": "Server-side filter",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"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 box",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showDownloadButton": {
"type": "toggle",
"displayName": "Show download button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showFilterButton": {
"type": "toggle",
"displayName": "Show filter button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showBulkUpdateActions": {
"type": "toggle",
"displayName": "Show update buttons",
"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"
}
}
}
},
"general": {
"tooltip": {
"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": "Borderless",
"value": "table-borderless"
},
{
"name": "Classic",
"value": "table-classic"
},
{
"name": "Striped",
"value": "table-striped"
},
{
"name": "Striped & bordered",
"value": "table-striped table-bordered"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"cellSize": {
"type": "select",
"displayName": "Cell size",
"options": [
{
"name": "Compact",
"value": "compact"
},
{
"name": "Spacious",
"value": "spacious"
}
],
"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": "compact"
},
"borderRadius": {
"value": "12"
},
"tableType": {
"value": "table-bordered"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.Search.isLoading===true?true:false}}",
"fxActive": true
},
"data": {
"value": "{{components.textinput3.value===\"\"?variables.TableData:variables.TableSearchData}}"
},
"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": ""
},
"clientSidePagination": {
"value": "{{true}}"
},
"serverSideSort": {
"value": "{{false}}"
},
"serverSideFilter": {
"value": "{{false}}"
},
"displaySearchBox": {
"value": "{{false}}"
},
"showDownloadButton": {
"value": "{{false}}"
},
"showFilterButton": {
"value": "{{false}}"
},
"autogenerateColumns": {
"value": true
},
"columns": {
"value": [
{
"id": "bccf37f2-27b7-405d-8eb5-11475406d2dc",
"name": "id",
"key": "id",
"columnType": "number",
"autogenerated": true
},
{
"name": "Date submitted",
"id": "3d4dc529-964c-4e34-bfac-59d059c85521",
"columnType": "datepicker",
"isTimeChecked": false,
"dateFormat": "DD/MM/YYYY",
"parseDateFormat": "DD/MM/YYYY",
"key": "datesubmitted"
},
{
"name": "category",
"id": "6cdfda6d-1845-4b66-8803-b8de18201b1a",
"columnType": "string"
},
{
"name": "Receipt",
"id": "3b38b9bb-bd1b-40b7-82c5-3e17cb660d3a",
"columnType": "default",
"key": "receipt",
"columnVisibility": "{{false}}"
},
{
"id": "f1d1bcca-5d9b-4be3-8122-9d112fe01e00",
"name": "datesubmitted",
"key": "datesubmitted",
"columnType": "string",
"autogenerated": true,
"columnVisibility": "{{false}}"
},
{
"id": "bfba1fb1-1489-4bb6-8795-20be92e87531",
"name": "description",
"key": "description",
"columnType": "string",
"autogenerated": true
},
{
"id": "9b20fb02-762f-4461-86e9-fe6bd1150740",
"name": "amount",
"key": "amount",
"columnType": "number",
"autogenerated": true
}
]
},
"showBulkUpdateActions": {
"value": "{{false}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{false}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 30,
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 143,
"3d4dc529-964c-4e34-bfac-59d059c85521": 127,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 217,
"f1c5b098-25a8-494a-8141-0b6327a4a60f": 7,
"3b38b9bb-bd1b-40b7-82c5-3e17cb660d3a": 131,
"f22fda6f-da28-42db-9192-fee66fd26567": 97.99999999999997,
"8d6770cb-f6a8-455b-b215-96fb7a2cff4e": 118,
"6cdfda6d-1845-4b66-8803-b8de18201b1a": 105,
"2ee0c705-e498-40df-b5ae-a0334d50de6f": 256,
"bccf37f2-27b7-405d-8eb5-11475406d2dc": 60
}
},
"actions": {
"value": []
},
"enabledSort": {
"value": "{{false}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"columnDeletionHistory": {
"value": [
"email",
"Description",
"receipt",
"datesubmitted",
"status",
"status"
]
},
"allowSelection": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "table1",
"displayName": "Table",
"description": "Display paginated tabular data",
"component": "Table",
"defaultSize": {
"width": 20,
"height": 358
},
"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"
}
]
},
"layouts": {
"desktop": {
"top": 109.99996185302734,
"left": 4.80067716063364,
"width": 38.97769042256447,
"height": 440
}
},
"parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b"
},
"16ae2002-5ad9-476c-9e66-e9bd49d14f58": {
"component": {
"properties": {
"icon": {
"type": "iconPicker",
"displayName": "Icon",
"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": {
"onClick": {
"displayName": "On click"
},
"onHover": {
"displayName": "On hover"
}
},
"styles": {
"iconColor": {
"type": "color",
"displayName": "Icon 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": {
"iconColor": {
"value": "#20134B",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"icon": {
"value": "IconSettings"
}
},
"general": {},
"exposedVariables": {}
},
"name": "icon2",
"displayName": "Icon",
"description": "Icon",
"defaultSize": {
"width": 5,
"height": 48
},
"component": "Icon",
"exposedVariables": {},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"displayName": "Set Visibility",
"handle": "setVisibility",
"params": [
{
"handle": "value",
"displayName": "Value",
"defaultValue": "{{true}}",
"type": "toggle"
}
]
}
]
},
"parent": "66923bf7-575d-4169-a3d3-7d16fc0be439",
"layouts": {
"desktop": {
"top": 20,
"left": 90.16033118679746,
"width": 1.9927217915589999,
"height": 30
}
},
"withDefaultChildren": false
},
"4a829405-e4b2-4bdc-b89d-4e3271ae94f2": {
"id": "4a829405-e4b2-4bdc-b89d-4e3271ae94f2",
"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": [],
"styles": {
"backgroundColor": {
"value": "#F5F2FF",
"fxActive": true
},
"textColor": {
"value": "#6E56CF",
"fxActive": true
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{6}}"
},
"borderColor": {
"value": "#9b9b9b00"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Cancel"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "button3",
"displayName": "Button",
"description": "Trigger actions: queries, alerts etc",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New Text"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 400,
"left": 58.139518694339046,
"width": 5.026685393258427,
"height": 40
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"c47e04ba-5e57-4c57-b283-d2875101d995": {
"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": "#9b9b9bff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {},
"general": {},
"exposedVariables": {}
},
"name": "verticaldivider1",
"displayName": "Vertical Divider",
"description": "Vertical Separator between components",
"component": "VerticalDivider",
"defaultSize": {
"width": 2,
"height": 100
},
"exposedVariables": {
"value": {}
}
},
"parent": "66923bf7-575d-4169-a3d3-7d16fc0be439",
"layouts": {
"desktop": {
"top": 20,
"left": 88.45888317732047,
"width": 0.9881998277347117,
"height": 30
}
},
"withDefaultChildren": false
},
"512da8e2-a4a1-460d-949e-b896367380da": {
"id": "512da8e2-a4a1-460d-949e-b896367380da",
"component": {
"properties": {
"icon": {
"type": "iconPicker",
"displayName": "Icon",
"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": {
"onClick": {
"displayName": "On click"
},
"onHover": {
"displayName": "On hover"
}
},
"styles": {
"iconColor": {
"type": "color",
"displayName": "Icon 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": {
"iconColor": {
"value": "#20134B",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"icon": {
"value": "IconCircleLetterR"
}
},
"general": {},
"exposedVariables": {}
},
"name": "icon3",
"displayName": "Icon",
"description": "Icon",
"defaultSize": {
"width": 5,
"height": 48
},
"component": "Icon",
"exposedVariables": {},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"displayName": "Set Visibility",
"handle": "setVisibility",
"params": [
{
"handle": "value",
"displayName": "Value",
"defaultValue": "{{true}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 20,
"left": 77.2570440997141,
"width": 0.9575366063738147,
"height": 30
}
},
"parent": "66923bf7-575d-4169-a3d3-7d16fc0be439"
},
"9d61b279-41ab-44c3-a1f9-fe7d1bdacef0": {
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000000"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Date"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text11",
"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"
}
]
}
]
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230",
"layouts": {
"desktop": {
"top": 30,
"left": 6.976739144922963,
"width": 2.968986431794913,
"height": 40
}
},
"withDefaultChildren": false
},
"0078d908-dfcd-407c-853a-998ec267e735": {
"component": {
"properties": {
"defaultValue": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"format": {
"type": "code",
"displayName": "Format",
"validation": {
"schema": {
"type": "string"
}
}
},
"enableTime": {
"type": "toggle",
"displayName": "Enable time selection?",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"enableDate": {
"type": "toggle",
"displayName": "Enable date selection?",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": true
}
},
"disabledDates": {
"type": "code",
"displayName": "Disabled dates",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "string"
}
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onSelect": {
"displayName": "On select"
}
},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [
{
"eventId": "onSelect",
"actionId": "show-alert",
"message": "Hello world!",
"alertType": "info"
}
],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{6}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"customRule": {
"value": null
}
},
"properties": {
"defaultValue": {
"value": "01/01/2022"
},
"format": {
"value": "DD/MM/YYYY"
},
"enableTime": {
"value": "{{false}}"
},
"enableDate": {
"value": "{{true}}"
},
"disabledDates": {
"value": "{{[]}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "datepicker1",
"displayName": "Date Picker",
"description": "Select a date and time",
"component": "Datepicker",
"defaultSize": {
"width": 5,
"height": 30
},
"validation": {
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": ""
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230",
"layouts": {
"desktop": {
"top": 30.000022888183594,
"left": 13.953482540204996,
"width": 7.011492338254275,
"height": 40
}
},
"withDefaultChildren": false
},
"5794387c-e561-4a86-bf13-74f13d307100": {
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"minValue": {
"type": "code",
"displayName": "Minimum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"maxValue": {
"type": "code",
"displayName": "Maximum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onChange": {
"displayName": "On change"
}
},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color"
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{6}}"
},
"backgroundColor": {
"value": "#ffffffff"
},
"borderColor": {
"value": "#fff"
},
"textColor": {
"value": "#232e3c"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"value": {
"value": "10"
},
"maxValue": {
"value": ""
},
"minValue": {
"value": ""
},
"placeholder": {
"value": "0"
}
},
"general": {},
"exposedVariables": {}
},
"name": "numberinput1",
"displayName": "Number Input",
"description": "Number field for forms",
"component": "NumberInput",
"defaultSize": {
"width": 4,
"height": 30
},
"exposedVariables": {
"value": 99
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230",
"layouts": {
"desktop": {
"top": 30.000030517578125,
"left": 39.53488872762443,
"width": 8.042379079311743,
"height": 40
}
},
"withDefaultChildren": false
}
}
},
"globalSettings": {
"hideHeader": true,
"appInMaintenance": false,
"canvasMaxWidth": 100,
"canvasMaxWidthType": "%",
"canvasMaxHeight": 2400,
"canvasBackgroundColor": "",
"backgroundFxQuery": ""
},
"showViewerNavigation": false,
"homePageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8",
"appId": "1cb5866c-290f-416e-96f8-af1c9e141581",
"currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"promotedFrom": null,
"createdAt": "2023-11-17T19:00:51.312Z",
"updatedAt": "2024-01-02T20:34:07.768Z"
},
"components": [
{
"id": "4bfd221b-5f51-405f-80d4-5f1ed8f843fe",
"name": "text3",
"type": "Text",
"pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8",
"parent": null,
"properties": {
"text": {
"value": "Your Expenses"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#3e63ddff",
"fxActive": false
},
"textSize": {
"value": "{{20}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": "{{5}}"
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "804a3878-1bef-4fbc-a3a3-94f0ad6eb16d",
"type": "desktop",
"top": 120,
"left": 2.3255813953488373,
"width": 5,
"height": 40,
"componentId": "4bfd221b-5f51-405f-80d4-5f1ed8f843fe"
}
]
},
{
"id": "8d8b8e36-ab6c-4e5a-a764-61c7b7d25710",
"name": "text7",
"type": "Text",
"pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8",
"parent": "ad553e5a-8bce-46c5-947b-ec147b38d79e",
"properties": {
"text": {
"value": "Amount ($)"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000",
"fxActive": true
},
"textColor": {
"value": "#000000",
"fxActive": true
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "5f34d94c-3158-4897-9502-8caf53bd326c",
"type": "desktop",
"top": 80,
"left": 4.651162790697675,
"width": 5,
"height": 40,
"componentId": "8d8b8e36-ab6c-4e5a-a764-61c7b7d25710"
}
]
},
{
"id": "5fd3bff7-ef62-432b-b35d-69f37dfdbfa1",
"name": "text8",
"type": "Text",
"pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8",
"parent": "ad553e5a-8bce-46c5-947b-ec147b38d79e",
"properties": {
"text": {
"value": "Category"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000",
"fxActive": true
},
"textColor": {
"value": "#000000",
"fxActive": true
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "fe3e1ac9-ebe9-4d0a-bdd1-dcd157cff5b4",
"type": "desktop",
"top": 140,
"left": 4.651162790697675,
"width": 5,
"height": 40,
"componentId": "5fd3bff7-ef62-432b-b35d-69f37dfdbfa1"
}
]
},
{
"id": "cde1be78-4d57-437b-a95f-242cd783cc0f",
"name": "dropdown1",
"type": "DropDown",
"pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8",
"parent": "ad553e5a-8bce-46c5-947b-ec147b38d79e",
"properties": {
"label": {
"value": ""
},
"value": {
"value": "{{\"Reimbursments\"}}"
},
"values": {
"value": "{{[\"Reimbursments\",\"Pending Payments\", \"Health Benefits\"]}}"
},
"display_values": {
"value": "{{[\"Reimbursments\",\"Pending Payments\", \"Health Benefits\"]}}"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"borderRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {
"customRule": {
"value": null
}
},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "5273533c-e214-4a3b-aa01-b64e2a0c6328",
"type": "desktop",
"top": 140,
"left": 18.60464903811819,
"width": 16,
"height": 40,
"componentId": "cde1be78-4d57-437b-a95f-242cd783cc0f"
}
]
},
{
"id": "f55a39bf-d7fa-45c9-881f-25ff35a7ca3c",
"name": "text9",
"type": "Text",
"pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8",
"parent": "ad553e5a-8bce-46c5-947b-ec147b38d79e",
"properties": {
"text": {
"value": "Details of expense"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000",
"fxActive": true
},
"textColor": {
"value": "#000000",
"fxActive": true
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "7ff46b9d-394e-45ba-8f1a-f5aa2c96dd6e",
"type": "desktop",
"top": 199.99993896484375,
"left": 4.651162790697675,
"width": 11.000000000000002,
"height": 40,
"componentId": "f55a39bf-d7fa-45c9-881f-25ff35a7ca3c"
}
]
},
{
"id": "e676e616-459c-4107-a5a3-6c9f30d159ba",
"name": "textarea1",
"type": "TextArea",
"pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8",
"parent": "ad553e5a-8bce-46c5-947b-ec147b38d79e",
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Describe your expense"
}
},
"general": {},
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "d84b95d0-5354-4c2d-916c-bd006a8f93f6",
"type": "desktop",
"top": 240.00003051757812,
"left": 4.6511967754481525,
"width": 39.00000000000001,
"height": 90,
"componentId": "e676e616-459c-4107-a5a3-6c9f30d159ba"
}
]
},
{
"id": "ad553e5a-8bce-46c5-947b-ec147b38d79e",
"name": "modal1",
"type": "Modal",
"pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8",
"parent": null,
"properties": {
"title": {
"value": "Add an expense"
},
"loadingState": {
"value": "{{false}}"
},
"useDefaultButton": {
"value": "{{false}}"
},
"triggerButtonLabel": {
"value": "Add an expense"
},
"size": {
"value": "lg"
},
"hideTitleBar": {
"value": "{{false}}"
},
"hideCloseButton": {
"value": "{{false}}"
},
"hideOnEsc": {
"value": "{{true}}"
},
"closeOnClickingOutside": {
"value": "{{false}}"
},
"modalHeight": {
"value": "600px"
}
},
"general": {},
"styles": {
"headerBackgroundColor": {
"value": "#ffffffff"
},
"headerTextColor": {
"value": "#3e63ddff"
},
"bodyBackgroundColor": {
"value": "#ffffffff"
},
"disabledState": {
"value": "{{false}}"
},
"visibility": {
"value": "{{true}}"
},
"triggerButtonBackgroundColor": {
"value": "#5746AF",
"fxActive": true
},
"triggerButtonTextColor": {
"value": "#ffffffff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "144eaacf-1197-4343-9b45-eb66e8e871fe",
"type": "desktop",
"top": 910,
"left": 88.37209609325302,
"width": 4,
"height": 40,
"componentId": "ad553e5a-8bce-46c5-947b-ec147b38d79e"
}
]
},
{
"id": "8b99ade8-3cf1-40c2-8234-7834f12882e7",
"name": "filepicker1",
"type": "FilePicker",
"pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8",
"parent": "ad553e5a-8bce-46c5-947b-ec147b38d79e",
"properties": {
"instructionText": {
"value": "Drag and drop the PDF file here or click to select the file"
},
"enableDropzone": {
"value": "{{true}}"
},
"enablePicker": {
"value": "{{true}}"
},
"maxFileCount": {
"value": "{{1}}"
},
"enableMultiple": {
"value": "{{false}}"
},
"fileType": {
"value": "{{\"application/pdf\"}}"
},
"maxSize": {
"value": "{{1048576}}"
},
"minSize": {
"value": "{{50}}"
},
"parseContent": {
"value": "{{false}}"
},
"parseFileType": {
"value": "auto-detect"
}
},
"general": {},
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{10}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "64bbeeb9-e412-4bad-8c4c-f911a2764b97",
"type": "desktop",
"top": 390,
"left": 4.651116926357939,
"width": 39.00000000000001,
"height": 120,
"componentId": "8b99ade8-3cf1-40c2-8234-7834f12882e7"
}
]
},
{
"id": "2df144c4-02d8-41cc-9122-72e12266e61e",
"name": "button2",
"type": "Button",
"pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8",
"parent": "ad553e5a-8bce-46c5-947b-ec147b38d79e",
"properties": {
"text": {
"value": "Add expense"
},
"loadingState": {
"value": "{{queries.CreateExpense.isLoading}}",
"fxActive": true
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#3e63ddff",
"fxActive": false
},
"textColor": {
"value": "#fff"
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{6}}"
},
"borderColor": {
"value": "#ffffff00"
},
"disabledState": {
"value": "{{components.datepicker1.value == undefined || components.numberinput1.value < 0 || components.dropdown1.value == undefined || components.textarea1.value.length < 1 || components.filepicker1.file.length < 1}}",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "eb4cf732-2e16-4e2b-96f7-045eddccdfdf",
"type": "desktop",
"top": 530.0000610351562,
"left": 76.74421131458854,
"width": 8,
"height": 40,
"componentId": "2df144c4-02d8-41cc-9122-72e12266e61e"
}
]
},
{
"id": "d2308710-8223-4337-8ead-7f98d4bb978a",
"name": "container3",
"type": "Container",
"pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8",
"parent": null,
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#ffffffff",
"fxActive": false
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#8888884d"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2024-01-02T20:27:41.739Z",
"layouts": [
{
"id": "b5efb757-b4b0-4610-b334-22a39d5ad0ef",
"type": "desktop",
"top": 159.99998474121094,
"left": 2.3255813953488373,
"width": 41,
"height": 670,
"componentId": "d2308710-8223-4337-8ead-7f98d4bb978a"
}
]
},
{
"id": "cc85e3d0-4ff4-4d0b-bd94-baf02800b3ee",
"name": "daterangepicker1",
"type": "DaterangePicker",
"pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8",
"parent": "d2308710-8223-4337-8ead-7f98d4bb978a",
"properties": {
"defaultStartDate": {
"value": "{{moment().subtract(3,\"month\").format(\"YYYY/MM/DD\")}}"
},
"defaultEndDate": {
"value": "{{moment().format(\"YYYY/MM/DD\")}}"
},
"format": {
"value": "YYYY/MM/DD"
}
},
"general": {},
"styles": {
"borderRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "16808fc8-772c-473e-999c-cfc1284e7830",
"type": "desktop",
"top": 50.00001525878906,
"left": 2.3255858128800644,
"width": 8,
"height": 40,
"componentId": "cc85e3d0-4ff4-4d0b-bd94-baf02800b3ee"
}
]
},
{
"id": "7d8ecbc2-0c7f-4342-bfa1-202f99d69688",
"name": "text15",
"type": "Text",
"pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8",
"parent": "d2308710-8223-4337-8ead-7f98d4bb978a",
"properties": {
"text": {
"value": "Date range"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000",
"fxActive": false
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "2519c60a-4ec9-47ed-b6ce-7cd294dca92a",
"type": "desktop",
"top": 19.999954223632812,
"left": 2.325581868647625,
"width": 3.0000000000000004,
"height": 30,
"componentId": "7d8ecbc2-0c7f-4342-bfa1-202f99d69688"
}
]
},
{
"id": "953e8dbd-d894-4819-9eaf-2d2ce2790cbd",
"name": "text16",
"type": "Text",
"pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8",
"parent": "d2308710-8223-4337-8ead-7f98d4bb978a",
"properties": {
"text": {
"value": "Status"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000",
"fxActive": false
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "9eb49c3d-ef1d-4d50-b672-733e8d884e58",
"type": "desktop",
"top": 19.999954223632812,
"left": 23.255812352486057,
"width": 3.0000000000000004,
"height": 30,
"componentId": "953e8dbd-d894-4819-9eaf-2d2ce2790cbd"
}
]
},
{
"id": "7a26ce6b-fbea-45ed-a89d-c232f5d1f78e",
"name": "dropdown2",
"type": "DropDown",
"pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8",
"parent": "d2308710-8223-4337-8ead-7f98d4bb978a",
"properties": {
"label": {
"value": ""
},
"value": {
"value": "{{\"\\%\\%\"}}"
},
"values": {
"value": "{{[\"\\%\\%\", \"approved\",\"pending\", \"rejected\"]}}"
},
"display_values": {
"value": "{{[\"All\", \"Approved\", \"Pending\", \"Rejected\"]}}"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select status"
}
},
"general": {},
"styles": {
"borderRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {
"customRule": {
"value": null
}
},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2024-01-02T19:21:24.848Z",
"layouts": [
{
"id": "51e57856-d55d-4ad8-b34f-93c9a5108857",
"type": "desktop",
"top": 50.00001525878906,
"left": 23.255812847395685,
"width": 4.999999999999999,
"height": 40,
"componentId": "7a26ce6b-fbea-45ed-a89d-c232f5d1f78e"
}
]
},
{
"id": "a05048ce-baf2-4f6b-a2b1-cd01d3dbb538",
"name": "button4",
"type": "Button",
"pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8",
"parent": "d2308710-8223-4337-8ead-7f98d4bb978a",
"properties": {
"text": {
"value": "Apply filter"
},
"loadingState": {
"value": "{{false}}",
"fxActive": false
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#3e63dd1a",
"fxActive": false
},
"textColor": {
"value": "#3e63ddff",
"fxActive": false
},
"loaderColor": {
"value": "#3e63ddff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "#3e63ddff",
"fxActive": false
},
"disabledState": {
"value": "{{queries.listExpenses.isLoading}}",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "6cd9769e-6bc4-456c-82a9-4b843c33e9ff",
"type": "desktop",
"top": 50.00001525878906,
"left": 37.20929665310947,
"width": 4,
"height": 40,
"componentId": "a05048ce-baf2-4f6b-a2b1-cd01d3dbb538"
}
]
},
{
"id": "79474342-09b9-4211-9572-bbcb912d5e5c",
"name": "table1",
"type": "Table",
"pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8",
"parent": "d2308710-8223-4337-8ead-7f98d4bb978a",
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.listExpenses.isLoading}}",
"fxActive": true
},
"data": {
"value": "{{queries?.listExpenses?.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": ""
},
"clientSidePagination": {
"value": "{{true}}"
},
"serverSideSort": {
"value": "{{false}}"
},
"serverSideFilter": {
"value": "{{false}}"
},
"displaySearchBox": {
"value": "{{true}}"
},
"showDownloadButton": {
"value": "{{false}}"
},
"showFilterButton": {
"value": "{{false}}"
},
"autogenerateColumns": {
"value": true
},
"columns": {
"value": [
{
"id": "bccf37f2-27b7-405d-8eb5-11475406d2dc",
"name": "id",
"key": "id",
"columnType": "number",
"autogenerated": true
},
{
"id": "bcdde7b1-24a9-4edf-934e-0bf240d13bdb",
"name": "employee name",
"key": "employee_name",
"columnType": "string",
"autogenerated": true
},
{
"id": "d37a99a5-d5cc-4e28-90c8-bfff0af762ee",
"name": "employee email",
"key": "employee_email",
"columnType": "string",
"autogenerated": true
},
{
"name": "category",
"id": "6cdfda6d-1845-4b66-8803-b8de18201b1a",
"columnType": "string"
},
{
"id": "9b20fb02-762f-4461-86e9-fe6bd1150740",
"name": "amount ($)",
"key": "amount",
"columnType": "number",
"autogenerated": true
},
{
"name": "status",
"id": "abcc8bcb-9bf9-4e8e-922c-95e15b42b634",
"textColor": "{{({ approved: \"#00C65D\", rejected: \"#DF2C00\", pending: \"#F6D100\" })[rowData.status]}}",
"columnType": "string",
"key": "status"
},
{
"name": "date submitted",
"id": "3d4dc529-964c-4e34-bfac-59d059c85521",
"columnType": "datepicker",
"isTimeChecked": false,
"dateFormat": "YYYY/MM/DD",
"parseDateFormat": "YYYY/MM/DD",
"key": "date_submitted"
},
{
"id": "bfba1fb1-1489-4bb6-8795-20be92e87531",
"name": "description",
"key": "description",
"columnType": "string",
"autogenerated": true,
"textWrap": "hide"
}
]
},
"showBulkUpdateActions": {
"value": "{{false}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{false}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 30,
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 143,
"3d4dc529-964c-4e34-bfac-59d059c85521": 166,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 217,
"f1c5b098-25a8-494a-8141-0b6327a4a60f": 7,
"3b38b9bb-bd1b-40b7-82c5-3e17cb660d3a": 131,
"f22fda6f-da28-42db-9192-fee66fd26567": 97.99999999999997,
"8d6770cb-f6a8-455b-b215-96fb7a2cff4e": 118,
"6cdfda6d-1845-4b66-8803-b8de18201b1a": 182,
"2ee0c705-e498-40df-b5ae-a0334d50de6f": 256,
"bccf37f2-27b7-405d-8eb5-11475406d2dc": 73,
"5361da46-9319-41e0-a45f-70f1a581e8ad": 200,
"9b20fb02-762f-4461-86e9-fe6bd1150740": 132,
"d37a99a5-d5cc-4e28-90c8-bfff0af762ee": 244,
"abcc8bcb-9bf9-4e8e-922c-95e15b42b634": 97
}
},
"actions": {
"value": []
},
"enabledSort": {
"value": "{{false}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"columnDeletionHistory": {
"value": [
"email",
"Description",
"receipt",
"datesubmitted",
"status",
"status",
"date_submitted",
"datesubmitted",
"receipt"
]
},
"allowSelection": {
"value": "{{false}}"
},
"showAddNewRowButton": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"textColor": {
"value": "#000"
},
"actionButtonRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"cellSize": {
"value": "regular"
},
"borderRadius": {
"value": "10"
},
"tableType": {
"value": "table-classic"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2024-01-02T20:27:02.238Z",
"layouts": [
{
"id": "444ee90a-7fd8-45e7-bf2e-882e30e96d47",
"type": "desktop",
"top": 109.99995422363281,
"left": 2.325581868647625,
"width": 41,
"height": 520,
"componentId": "79474342-09b9-4211-9572-bbcb912d5e5c"
}
]
},
{
"id": "e9977261-658c-48f8-b40e-0bd116281372",
"name": "text11",
"type": "Text",
"pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8",
"parent": "ad553e5a-8bce-46c5-947b-ec147b38d79e",
"properties": {
"text": {
"value": "Date"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000000"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "5ce24f26-edde-4e82-86b1-b6fa7d5e6c52",
"type": "desktop",
"top": 20,
"left": 4.651162790697675,
"width": 5,
"height": 40,
"componentId": "e9977261-658c-48f8-b40e-0bd116281372"
}
]
},
{
"id": "27979f76-ec8a-4714-b418-4af2f1b80e69",
"name": "datepicker1",
"type": "Datepicker",
"pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8",
"parent": "ad553e5a-8bce-46c5-947b-ec147b38d79e",
"properties": {
"defaultValue": {
"value": "{{moment().format(\"YYYY/MM/DD\")}}"
},
"format": {
"value": "YYYY/MM/DD"
},
"enableTime": {
"value": "{{false}}"
},
"enableDate": {
"value": "{{true}}"
},
"disabledDates": {
"value": "{{[]}}"
}
},
"general": {},
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {
"customRule": {
"value": null
}
},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "7d20ff89-ff7c-447c-bf07-2546e49338fd",
"type": "desktop",
"top": 20.000030517578125,
"left": 18.604652744961736,
"width": 16,
"height": 40,
"componentId": "27979f76-ec8a-4714-b418-4af2f1b80e69"
}
]
},
{
"id": "89a07678-47f3-493b-bcf9-576bb5b7ed2f",
"name": "numberinput1",
"type": "NumberInput",
"pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8",
"parent": "ad553e5a-8bce-46c5-947b-ec147b38d79e",
"properties": {
"value": {
"value": "10"
},
"maxValue": {
"value": ""
},
"minValue": {
"value": "0"
},
"placeholder": {
"value": "{{components.numberinput1.value}}"
},
"decimalPlaces": {
"value": "2"
}
},
"general": {},
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
},
"backgroundColor": {
"value": "",
"fxActive": false
},
"borderColor": {
"value": "",
"fxActive": false
},
"textColor": {
"value": "#232e3c"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "d857ee12-9ae6-4a39-88b0-6c375e798ed9",
"type": "desktop",
"top": 80.00003051757812,
"left": 18.604661303453007,
"width": 16,
"height": 40,
"componentId": "89a07678-47f3-493b-bcf9-576bb5b7ed2f"
}
]
},
{
"id": "0dd8d4f4-1449-4d97-8811-d74210a32abc",
"name": "text12",
"type": "Text",
"pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8",
"parent": "ad553e5a-8bce-46c5-947b-ec147b38d79e",
"properties": {
"text": {
"value": "Upload the PDF of your receipt"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000",
"fxActive": true
},
"textColor": {
"value": "#000000",
"fxActive": true
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "1d8e291c-0b4a-4577-9158-cd7c9961995b",
"type": "desktop",
"top": 350,
"left": 4.651165967311983,
"width": 18,
"height": 40,
"componentId": "0dd8d4f4-1449-4d97-8811-d74210a32abc"
}
]
},
{
"id": "baed89ca-d53f-4fbf-bfb0-c26b4d962862",
"name": "container4",
"type": "Container",
"pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8",
"parent": null,
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#3e63ddff"
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#ffffff00",
"fxActive": false
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "577e9427-88ec-4a58-b5e7-a5736fa5fb54",
"type": "desktop",
"top": 20,
"left": 2.3255804619478915,
"width": 41,
"height": 70,
"componentId": "baed89ca-d53f-4fbf-bfb0-c26b4d962862"
}
]
},
{
"id": "912683e6-5abc-44a9-b817-3b79223340db",
"name": "text13",
"type": "Text",
"pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8",
"parent": "baed89ca-d53f-4fbf-bfb0-c26b4d962862",
"properties": {
"text": {
"value": "B R A N D"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#ffffffff"
},
"textSize": {
"value": "{{24}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": "{{0}}"
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "1bf7ec25-b754-4c15-90ed-9a0fb7673f21",
"type": "desktop",
"top": 10,
"left": 2.3255827912519793,
"width": 6,
"height": 40,
"componentId": "912683e6-5abc-44a9-b817-3b79223340db"
}
]
},
{
"id": "72da0c53-69f7-467b-9f2c-ba4cb63f18da",
"name": "text17",
"type": "Text",
"pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8",
"parent": "baed89ca-d53f-4fbf-bfb0-c26b4d962862",
"properties": {
"text": {
"value": "{{`${globals.currentUser.firstName} ${globals.currentUser.lastName}&nbsp;`}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#ffffffff",
"fxActive": false
},
"textSize": {
"value": "{{16}}"
},
"textAlign": {
"value": "right"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "capitalize"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": "{{0}}"
},
"wordSpacing": {
"value": "{{0}}"
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "39331106-8186-42a4-890a-3b762412a343",
"type": "desktop",
"top": 10,
"left": 67.4418648711779,
"width": 12,
"height": 40,
"componentId": "72da0c53-69f7-467b-9f2c-ba4cb63f18da"
}
]
},
{
"id": "9f584f89-9cb1-40e8-9bbd-6d5167218741",
"name": "icon1",
"type": "Icon",
"pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8",
"parent": "baed89ca-d53f-4fbf-bfb0-c26b4d962862",
"properties": {
"icon": {
"value": "IconUserCircle"
}
},
"general": {},
"styles": {
"iconColor": {
"value": "#ffffffff"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "c5ccf7bd-6469-47e8-b6e4-300e891e2bed",
"type": "desktop",
"top": 10,
"left": 95.34883163997867,
"width": 1,
"height": 40,
"componentId": "9f584f89-9cb1-40e8-9bbd-6d5167218741"
}
]
},
{
"id": "0c9e42c3-6855-45d1-a194-eae4136535df",
"name": "button5",
"type": "Button",
"pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8",
"parent": "d2308710-8223-4337-8ead-7f98d4bb978a",
"properties": {
"text": {
"value": "Add an expense"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#3e63ddff"
},
"textColor": {
"value": "#fff"
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "#375FCF"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "af3f29a8-512a-4234-ac9e-e4f7a8cf8eeb",
"type": "desktop",
"top": 50.00001525878906,
"left": 88.37208709709138,
"width": 4,
"height": 40,
"componentId": "0c9e42c3-6855-45d1-a194-eae4136535df"
}
]
},
{
"id": "59913184-df23-43cc-bd3e-8805570bdbfb",
"name": "button3",
"type": "Button",
"pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8",
"parent": "ad553e5a-8bce-46c5-947b-ec147b38d79e",
"properties": {
"text": {
"value": "Cancel"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#3e63dd1a",
"fxActive": false
},
"textColor": {
"value": "#3e63ddff",
"fxActive": false
},
"loaderColor": {
"value": "#3e63ddff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{6}}"
},
"borderColor": {
"value": "#3e63ddff"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "86dbbbca-d028-47d6-919b-2147bbf7ff76",
"type": "desktop",
"top": 530,
"left": 62.79067825696466,
"width": 5.026685393258427,
"height": 40,
"componentId": "59913184-df23-43cc-bd3e-8805570bdbfb"
}
]
}
],
"pages": [
{
"id": "8d56ab38-2614-4f03-9fd0-977755d8f9f8",
"name": "Home",
"handle": "home",
"index": 0,
"disabled": false,
"hidden": false,
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"appVersionId": "03bae6e8-06f5-4467-9b80-0dc78db8a26c"
}
],
"events": [
{
"id": "f17fca33-52c2-4919-bb56-1e65737c93a9",
"name": "onClick",
"index": 0,
"event": {
"eventId": "onClick",
"message": "Hello world!",
"queryId": "a1556227-c4cb-432d-80a4-33f8c0092ddc",
"actionId": "run-query",
"alertType": "info",
"queryName": "CreateExpense"
},
"sourceId": "2df144c4-02d8-41cc-9122-72e12266e61e",
"target": "component",
"appVersionId": "03bae6e8-06f5-4467-9b80-0dc78db8a26c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "4266c8fc-5af1-4e4a-b094-486598f73324",
"name": "onClick",
"index": 0,
"event": {
"eventId": "onClick",
"message": "Hello world!",
"queryId": "f45972e5-45aa-47f3-9c00-e6bb657c9d4e",
"actionId": "run-query",
"alertType": "info",
"queryName": "listExpenses",
"parameters": {}
},
"sourceId": "a05048ce-baf2-4f6b-a2b1-cd01d3dbb538",
"target": "component",
"appVersionId": "03bae6e8-06f5-4467-9b80-0dc78db8a26c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "d8f1ef47-0ba3-49a5-bada-23619cd63db3",
"name": "onDataQuerySuccess",
"index": 0,
"event": {
"key": "TableData",
"value": "{{queries.ListExpensesFilter.data}}",
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"actionId": "set-custom-variable",
"alertType": "info"
},
"sourceId": "f45972e5-45aa-47f3-9c00-e6bb657c9d4e",
"target": "data_query",
"appVersionId": "03bae6e8-06f5-4467-9b80-0dc78db8a26c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "63e96962-c255-4457-8153-b73d5b24fcab",
"name": "onDataQuerySuccess",
"index": 1,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"queryId": "f45972e5-45aa-47f3-9c00-e6bb657c9d4e",
"actionId": "run-query",
"alertType": "info",
"queryName": "listExpenses",
"parameters": {}
},
"sourceId": "a1556227-c4cb-432d-80a4-33f8c0092ddc",
"target": "data_query",
"appVersionId": "03bae6e8-06f5-4467-9b80-0dc78db8a26c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "302043b7-a2f9-418e-8043-87fbe6ba1940",
"name": "onClick",
"index": 0,
"event": {
"modal": "ad553e5a-8bce-46c5-947b-ec147b38d79e",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "close-modal",
"alertType": "info"
},
"sourceId": "59913184-df23-43cc-bd3e-8805570bdbfb",
"target": "component",
"appVersionId": "03bae6e8-06f5-4467-9b80-0dc78db8a26c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "823c676f-609c-44c3-8d59-04a32a7e74b6",
"name": "onClick",
"index": 0,
"event": {
"modal": "ad553e5a-8bce-46c5-947b-ec147b38d79e",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "show-modal",
"alertType": "info"
},
"sourceId": "0c9e42c3-6855-45d1-a194-eae4136535df",
"target": "component",
"appVersionId": "03bae6e8-06f5-4467-9b80-0dc78db8a26c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "03697042-b3c3-4b28-a7af-ba9b8713825c",
"name": "onDataQuerySuccess",
"index": 0,
"event": {
"modal": "ad553e5a-8bce-46c5-947b-ec147b38d79e",
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"actionId": "close-modal",
"alertType": "info"
},
"sourceId": "a1556227-c4cb-432d-80a4-33f8c0092ddc",
"target": "data_query",
"appVersionId": "03bae6e8-06f5-4467-9b80-0dc78db8a26c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
}
],
"dataQueries": [
{
"id": "a1556227-c4cb-432d-80a4-33f8c0092ddc",
"name": "CreateExpense",
"options": {
"operation": "create_row",
"transformationLanguage": "javascript",
"enableTransformation": false,
"organization_id": "f2743867-cdcd-424b-a551-2d45504aca64",
"table_name": "employee_expense",
"list_rows": {},
"create_row": {
"0": {
"column": "date_submitted",
"value": "{{components.datepicker1.value}}"
},
"1": {
"column": "receipt",
"value": "{{components.filepicker1.file[0].base64Data}}"
},
"2": {
"column": "description",
"value": "{{components.textarea1.value}}"
},
"3": {
"column": "category",
"value": "{{components.dropdown1.value}}"
},
"4": {
"column": "amount",
"value": "{{components.numberinput1.value}}"
},
"5": {
"column": "employee_name",
"value": "{{`${globals.currentUser.firstName} ${globals.currentUser.lastName}`}}"
},
"6": {
"column": "status",
"value": "pending"
},
"0a1caaaa-0018-46c3-907e-027895a2c83d": {
"column": "employee_email",
"value": "{{globals.currentUser.email}}"
}
},
"events": [
{
"eventId": "onDataQuerySuccess",
"actionId": "close-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
{
"eventId": "onDataQuerySuccess",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "f45972e5-45aa-47f3-9c00-e6bb657c9d4e",
"queryName": "listExpenses",
"parameters": {}
}
],
"table_id": "7d98bd02-b2d5-4e79-bcc4-c9a102211124",
"join_table": {
"joins": [
{
"id": 1700247662683,
"conditions": {
"operator": "AND",
"conditionsList": [
{
"operator": "=",
"leftField": {
"table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124"
}
}
]
},
"joinType": "INNER"
}
],
"from": {
"name": "7d98bd02-b2d5-4e79-bcc4-c9a102211124",
"type": "Table"
},
"fields": [
{
"name": "id",
"table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124"
},
{
"name": "description",
"table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124"
},
{
"name": "category",
"table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124"
},
{
"name": "receipt",
"table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124"
},
{
"name": "status",
"table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124"
},
{
"name": "amount",
"table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124"
},
{
"name": "employee_email",
"table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124"
},
{
"name": "employee_name",
"table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124"
},
{
"name": "date_submitted",
"table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124"
}
]
}
},
"dataSourceId": "78187c08-21e0-4338-b7a4-f049ee1bfbe5",
"appVersionId": "03bae6e8-06f5-4467-9b80-0dc78db8a26c",
"createdAt": "2023-11-17T19:00:51.303Z",
"updatedAt": "2023-11-17T19:01:04.861Z"
},
{
"id": "f45972e5-45aa-47f3-9c00-e6bb657c9d4e",
"name": "listExpenses",
"options": {
"operation": "list_rows",
"transformationLanguage": "javascript",
"enableTransformation": true,
"organization_id": "f2743867-cdcd-424b-a551-2d45504aca64",
"table_name": "employee_expense",
"list_rows": {
"where_filters": {
"5": {
"column": "date_submitted",
"operator": "gte",
"value": "{{components.daterangepicker1.startDate}}",
"id": "5"
},
"6": {
"column": "date_submitted",
"operator": "lte",
"value": "{{components.daterangepicker1.endDate}}",
"id": "6"
},
"7": {
"column": "status",
"operator": "like",
"value": "{{components?.dropdown2?.value ?? \"\\%\\%\"}}",
"id": "7"
},
"32e98c11-6150-48cd-9f44-25a423514636": {
"column": "employee_email",
"operator": "eq",
"value": "{{globals.currentUser.email}}",
"id": "32e98c11-6150-48cd-9f44-25a423514636"
}
}
},
"events": [
{
"eventId": "onDataQuerySuccess",
"actionId": "set-custom-variable",
"message": "Hello world!",
"alertType": "info",
"key": "TableData",
"value": "{{queries.ListExpensesFilter.data}}"
}
],
"table_id": "7d98bd02-b2d5-4e79-bcc4-c9a102211124",
"runOnPageLoad": true,
"join_table": {
"joins": [
{
"id": 1700247668640,
"conditions": {
"operator": "AND",
"conditionsList": [
{
"operator": "=",
"leftField": {
"table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124"
}
}
]
},
"joinType": "INNER"
}
],
"from": {
"name": "7d98bd02-b2d5-4e79-bcc4-c9a102211124",
"type": "Table"
},
"fields": [
{
"name": "id",
"table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124"
},
{
"name": "description",
"table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124"
},
{
"name": "category",
"table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124"
},
{
"name": "receipt",
"table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124"
},
{
"name": "status",
"table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124"
},
{
"name": "amount",
"table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124"
},
{
"name": "employee_email",
"table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124"
},
{
"name": "employee_name",
"table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124"
},
{
"name": "date_submitted",
"table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124"
}
]
},
"transformation": "return data.map(({receipt, ...row}) => ({...row}));"
},
"dataSourceId": "78187c08-21e0-4338-b7a4-f049ee1bfbe5",
"appVersionId": "03bae6e8-06f5-4467-9b80-0dc78db8a26c",
"createdAt": "2023-11-17T19:00:51.303Z",
"updatedAt": "2024-01-02T20:31:57.172Z"
}
],
"dataSources": [
{
"id": "c5e47097-5219-4b04-8643-ab55d7798173",
"name": "restapidefault",
"kind": "restapi",
"type": "static",
"pluginId": null,
"appVersionId": "03bae6e8-06f5-4467-9b80-0dc78db8a26c",
"organizationId": null,
"scope": "local",
"createdAt": "2023-11-17T19:00:51.349Z",
"updatedAt": "2023-11-17T19:00:51.349Z"
},
{
"id": "6229a40b-d539-40ce-9685-0e211d799ebe",
"name": "runjsdefault",
"kind": "runjs",
"type": "static",
"pluginId": null,
"appVersionId": "03bae6e8-06f5-4467-9b80-0dc78db8a26c",
"organizationId": null,
"scope": "local",
"createdAt": "2023-11-17T19:00:51.367Z",
"updatedAt": "2023-11-17T19:00:51.367Z"
},
{
"id": "c6434f9c-9b77-4304-8b92-a197a77f2d2c",
"name": "runpydefault",
"kind": "runpy",
"type": "static",
"pluginId": null,
"appVersionId": "03bae6e8-06f5-4467-9b80-0dc78db8a26c",
"organizationId": null,
"scope": "local",
"createdAt": "2023-11-17T19:00:51.388Z",
"updatedAt": "2023-11-17T19:00:51.388Z"
},
{
"id": "78187c08-21e0-4338-b7a4-f049ee1bfbe5",
"name": "tooljetdbdefault",
"kind": "tooljetdb",
"type": "static",
"pluginId": null,
"appVersionId": "03bae6e8-06f5-4467-9b80-0dc78db8a26c",
"organizationId": null,
"scope": "local",
"createdAt": "2023-11-17T19:00:51.401Z",
"updatedAt": "2023-11-17T19:00:51.401Z"
},
{
"id": "ae87947d-b5c3-4423-ae50-8981908cf36f",
"name": "workflowsdefault",
"kind": "workflows",
"type": "static",
"pluginId": null,
"appVersionId": "03bae6e8-06f5-4467-9b80-0dc78db8a26c",
"organizationId": null,
"scope": "local",
"createdAt": "2023-11-17T19:00:51.416Z",
"updatedAt": "2023-11-17T19:00:51.416Z"
}
],
"appVersions": [
{
"id": "03bae6e8-06f5-4467-9b80-0dc78db8a26c",
"name": "v1",
"definition": {
"showViewerNavigation": false,
"homePageId": "5c681cb1-23d6-403a-b25a-12bf89a2d445",
"pages": {
"5c681cb1-23d6-403a-b25a-12bf89a2d445": {
"components": {
"63494b51-4ea3-4e44-b63e-3a6ffb35af8a": {
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#3e63ddff",
"fxActive": false
},
"textSize": {
"value": "{{20}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": "{{5}}"
},
"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": "Your Expenses"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text3",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 120,
"left": 2.3255813953488373,
"width": 5,
"height": 40
}
},
"withDefaultChildren": false
},
"9cc8d3a8-fddb-4306-9e20-d554c79e6230": {
"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"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onOpen": {
"displayName": "On open"
},
"onClose": {
"displayName": "On close"
}
},
"styles": {
"headerBackgroundColor": {
"type": "color",
"displayName": "Header background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"headerTextColor": {
"type": "color",
"displayName": "Header title color",
"validation": {
"schema": {
"type": "string"
}
}
},
"bodyBackgroundColor": {
"type": "color",
"displayName": "Body background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": true
}
},
"triggerButtonBackgroundColor": {
"type": "color",
"displayName": "Trigger button background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"triggerButtonTextColor": {
"type": "color",
"displayName": "Trigger button text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"headerBackgroundColor": {
"value": "#ffffffff"
},
"headerTextColor": {
"value": "#3e63ddff"
},
"bodyBackgroundColor": {
"value": "#ffffffff"
},
"disabledState": {
"value": "{{false}}"
},
"visibility": {
"value": "{{true}}"
},
"triggerButtonBackgroundColor": {
"value": "#5746AF",
"fxActive": true
},
"triggerButtonTextColor": {
"value": "#ffffffff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Add an expense"
},
"loadingState": {
"value": "{{false}}"
},
"useDefaultButton": {
"value": "{{false}}"
},
"triggerButtonLabel": {
"value": "Add an expense"
},
"size": {
"value": "lg"
},
"hideTitleBar": {
"value": "{{false}}"
},
"hideCloseButton": {
"value": "{{false}}"
},
"hideOnEsc": {
"value": "{{true}}"
},
"closeOnClickingOutside": {
"value": "{{false}}"
},
"modalHeight": {
"value": "600px"
}
},
"general": {},
"exposedVariables": {}
},
"name": "modal1",
"displayName": "Modal",
"description": "Modal triggered by events",
"component": "Modal",
"defaultSize": {
"width": 10,
"height": 400
},
"exposedVariables": {
"show": false
},
"actions": [
{
"handle": "open",
"displayName": "Open"
},
{
"handle": "close",
"displayName": "Close"
}
]
},
"layouts": {
"desktop": {
"top": 820,
"left": 88.37209609325302,
"width": 4,
"height": 40
}
},
"withDefaultChildren": false
},
"e74c5d62-37f1-4d68-b6b4-ac5749a81426": {
"id": "e74c5d62-37f1-4d68-b6b4-ac5749a81426",
"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",
"fxActive": true
},
"textColor": {
"value": "#000000",
"fxActive": true
},
"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": "Amount ($)"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text7",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 80,
"left": 4.651162790697675,
"width": 5,
"height": 40
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"914b5b8b-4895-4684-ba77-4428063cc076": {
"id": "914b5b8b-4895-4684-ba77-4428063cc076",
"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",
"fxActive": true
},
"textColor": {
"value": "#000000",
"fxActive": true
},
"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": "Category"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text8",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 140,
"left": 4.651162790697675,
"width": 5,
"height": 40
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"aca71827-44fa-41c0-9593-16f900f864ad": {
"id": "aca71827-44fa-41c0-9593-16f900f864ad",
"component": {
"properties": {
"label": {
"type": "code",
"displayName": "Label",
"validation": {
"schema": {
"type": "string"
}
}
},
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
},
"values": {
"type": "code",
"displayName": "Option values",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"display_values": {
"type": "code",
"displayName": "Option labels",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"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": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"customRule": {
"value": null
}
},
"properties": {
"label": {
"value": ""
},
"value": {
"value": "{{\"Reimbursments\"}}"
},
"values": {
"value": "{{[\"Reimbursments\",\"Pending Payments\", \"Health Benefits\"]}}"
},
"display_values": {
"value": "{{[\"Reimbursments\",\"Pending Payments\", \"Health Benefits\"]}}"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "dropdown1",
"displayName": "Dropdown",
"description": "Select one value from options",
"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"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 140,
"left": 18.60464903811819,
"width": 16,
"height": 40
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"6e67b517-144a-4252-8b83-5ff72bd1d554": {
"id": "6e67b517-144a-4252-8b83-5ff72bd1d554",
"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",
"fxActive": true
},
"textColor": {
"value": "#000000",
"fxActive": true
},
"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": "Details of expense"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text9",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 199.99993896484375,
"left": 4.651162790697675,
"width": 11.000000000000002,
"height": 40
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"da1fc961-e616-45e6-9e73-2bd3037bf1ec": {
"id": "da1fc961-e616-45e6-9e73-2bd3037bf1ec",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Describe your expense"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textarea1",
"displayName": "Textarea",
"description": "Text area form field",
"component": "TextArea",
"defaultSize": {
"width": 6,
"height": 100
},
"exposedVariables": {
"value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "text",
"defaultValue": "New Text"
}
]
},
{
"handle": "clear",
"displayName": "Clear"
}
]
},
"layouts": {
"desktop": {
"top": 240.00003051757812,
"left": 4.651186281071691,
"width": 39.00000000000001,
"height": 90
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"28ae4bd6-9905-4cf5-b791-28c1f1726b5e": {
"id": "28ae4bd6-9905-4cf5-b791-28c1f1726b5e",
"component": {
"properties": {
"instructionText": {
"type": "code",
"displayName": "Instruction Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"enableDropzone": {
"type": "code",
"displayName": "Use Drop zone",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enablePicker": {
"type": "code",
"displayName": "Use File Picker",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enableMultiple": {
"type": "code",
"displayName": "Pick multiple files",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"maxFileCount": {
"type": "code",
"displayName": "Max file count",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"fileType": {
"type": "code",
"displayName": "Accept file types",
"validation": {
"schema": {
"type": "string"
}
}
},
"maxSize": {
"type": "code",
"displayName": "Max size limit (Bytes)",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"minSize": {
"type": "code",
"displayName": "Min size limit (Bytes)",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"parseContent": {
"type": "toggle",
"displayName": "Parse content",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"parseFileType": {
"type": "select",
"displayName": "File type",
"options": [
{
"name": "Autodetect from extension",
"value": "auto-detect"
},
{
"name": "CSV",
"value": "csv"
},
{
"name": "Microsoft Excel - xls",
"value": "vnd.ms-excel"
},
{
"name": "Microsoft Excel - xlsx",
"value": "vnd.openxmlformats-officedocument.spreadsheetml.sheet"
}
],
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onFileSelected": {
"displayName": "On File Selected"
},
"onFileLoaded": {
"displayName": "On File Loaded"
},
"onFileDeselected": {
"displayName": "On File Deselected"
}
},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{10}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"instructionText": {
"value": "Drag and drop the PDF file here or click to select the file"
},
"enableDropzone": {
"value": "{{true}}"
},
"enablePicker": {
"value": "{{true}}"
},
"maxFileCount": {
"value": "{{1}}"
},
"enableMultiple": {
"value": "{{false}}"
},
"fileType": {
"value": "{{\"application/pdf\"}}"
},
"maxSize": {
"value": "{{1048576}}"
},
"minSize": {
"value": "{{50}}"
},
"parseContent": {
"value": "{{false}}"
},
"parseFileType": {
"value": "auto-detect"
}
},
"general": {},
"exposedVariables": {}
},
"name": "filepicker1",
"displayName": "File Picker",
"description": "File Picker",
"component": "FilePicker",
"defaultSize": {
"width": 15,
"height": 100
},
"actions": [
{
"handle": "clearFiles",
"displayName": "Clear Files"
}
],
"exposedVariables": {
"file": [
{
"name": "",
"content": "",
"dataURL": "",
"type": "",
"parsedData": ""
}
],
"isParsing": false
}
},
"layouts": {
"desktop": {
"top": 390,
"left": 4.651116926357939,
"width": 39.00000000000001,
"height": 120
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"3c2bd483-6515-4fd6-87ba-08a7b9d0523a": {
"id": "3c2bd483-6515-4fd6-87ba-08a7b9d0523a",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Button Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onClick": {
"displayName": "On click"
},
"onHover": {
"displayName": "On hover"
}
},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"textColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"loaderColor": {
"type": "color",
"displayName": "Loader color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"borderRadius": {
"type": "number",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "number"
},
"defaultValue": false
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [
{
"eventId": "onClick",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "a1556227-c4cb-432d-80a4-33f8c0092ddc",
"queryName": "CreateExpense"
}
],
"styles": {
"backgroundColor": {
"value": "#3e63ddff",
"fxActive": false
},
"textColor": {
"value": "#fff"
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{6}}"
},
"borderColor": {
"value": "#ffffff00"
},
"disabledState": {
"value": "{{components.datepicker1.value == undefined || components.numberinput1.value < 0 || components.dropdown1.value == undefined || components.textarea1.value.length < 1 || components.filepicker1.file.length < 1}}",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Add expense"
},
"loadingState": {
"value": "{{queries.CreateExpense.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "button2",
"displayName": "Button",
"description": "Trigger actions: queries, alerts etc",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New Text"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 530.0000610351562,
"left": 76.74421131458854,
"width": 8,
"height": 40
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"ef5a9d23-8ad7-4d82-830d-02db9a575b8b": {
"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": "#ffffffff",
"fxActive": false
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container3",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 159.99998474121094,
"left": 2.3255813953488373,
"width": 41,
"height": 670
}
},
"withDefaultChildren": false
},
"7c55d7f2-ee6d-4533-8e9d-3e4c34dcd743": {
"id": "7c55d7f2-ee6d-4533-8e9d-3e4c34dcd743",
"component": {
"properties": {
"defaultStartDate": {
"type": "code",
"displayName": "Default start date",
"validation": {
"schema": {
"type": "string"
}
}
},
"defaultEndDate": {
"type": "code",
"displayName": "Default end date",
"validation": {
"schema": {
"type": "string"
}
}
},
"format": {
"type": "code",
"displayName": "Format",
"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": {
"onSelect": {
"displayName": "On select"
}
},
"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"
}
}
},
"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": {
"borderRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"defaultStartDate": {
"value": "{{moment().subtract(3,\"month\").format(\"YYYY/MM/DD\")}}"
},
"defaultEndDate": {
"value": "{{moment().format(\"YYYY/MM/DD\")}}"
},
"format": {
"value": "YYYY/MM/DD"
}
},
"general": {},
"exposedVariables": {}
},
"name": "daterangepicker1",
"displayName": "Range Picker",
"description": "Select a date range",
"component": "DaterangePicker",
"defaultSize": {
"width": 10,
"height": 30
},
"exposedVariables": {
"endDate": {},
"startDate": {}
}
},
"layouts": {
"desktop": {
"top": 50.00001525878906,
"left": 2.3255858128800644,
"width": 8,
"height": 40
}
},
"parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b"
},
"f08e1173-3580-4299-ae0f-548b52a4c5e9": {
"id": "f08e1173-3580-4299-ae0f-548b52a4c5e9",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000",
"fxActive": false
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Date range"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text15",
"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": 19.999954223632812,
"left": 2.325581868647625,
"width": 3.0000000000000004,
"height": 30
}
},
"parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b"
},
"bd470c2f-5302-4571-ac65-dc47af8cc6b8": {
"id": "bd470c2f-5302-4571-ac65-dc47af8cc6b8",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000",
"fxActive": false
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "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": "Status"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text16",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 19.999954223632812,
"left": 23.255812352486057,
"width": 3.0000000000000004,
"height": 30
}
},
"parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b"
},
"596dd0f2-b24d-4230-950e-b2d9b80f8916": {
"id": "596dd0f2-b24d-4230-950e-b2d9b80f8916",
"component": {
"properties": {
"label": {
"type": "code",
"displayName": "Label",
"validation": {
"schema": {
"type": "string"
}
}
},
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
},
"values": {
"type": "code",
"displayName": "Option values",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"display_values": {
"type": "code",
"displayName": "Option labels",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"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": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"customRule": {
"value": null
}
},
"properties": {
"label": {
"value": ""
},
"value": {
"value": "{{\"\"}}"
},
"values": {
"value": "{{[\"\", \"approved\",\"pending\", \"rejected\"]}}"
},
"display_values": {
"value": "{{[\"All\", \"Approved\", \"Pending\", \"Rejected\"]}}"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select status"
}
},
"general": {},
"exposedVariables": {}
},
"name": "dropdown2",
"displayName": "Dropdown",
"description": "Select one value from options",
"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"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 50.00001525878906,
"left": 23.255812847395685,
"width": 4.999999999999999,
"height": 40
}
},
"parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b"
},
"a2417394-65f3-48e0-a09b-d149848b18f4": {
"id": "a2417394-65f3-48e0-a09b-d149848b18f4",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Button Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onClick": {
"displayName": "On click"
},
"onHover": {
"displayName": "On hover"
}
},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"textColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"loaderColor": {
"type": "color",
"displayName": "Loader color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"borderRadius": {
"type": "number",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "number"
},
"defaultValue": false
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [
{
"eventId": "onClick",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "f45972e5-45aa-47f3-9c00-e6bb657c9d4e",
"queryName": "listExpenses",
"parameters": {}
}
],
"styles": {
"backgroundColor": {
"value": "#3e63dd1a",
"fxActive": false
},
"textColor": {
"value": "#3e63ddff",
"fxActive": false
},
"loaderColor": {
"value": "#3e63ddff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "#3e63ddff",
"fxActive": false
},
"disabledState": {
"value": "{{queries.listExpenses.isLoading}}",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Apply filter"
},
"loadingState": {
"value": "{{false}}",
"fxActive": false
}
},
"general": {},
"exposedVariables": {}
},
"name": "button4",
"displayName": "Button",
"description": "Trigger actions: queries, alerts etc",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New Text"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 50.00001525878906,
"left": 37.20929665310947,
"width": 4,
"height": 40
}
},
"parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b"
},
"842f76ba-e8b9-4a24-93dc-d5cba1ec238d": {
"id": "842f76ba-e8b9-4a24-93dc-d5cba1ec238d",
"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"
}
]
}
}
},
"serverSidePagination": {
"type": "toggle",
"displayName": "Server-side pagination",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enableNextButton": {
"type": "toggle",
"displayName": "Enable next page button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enabledSort": {
"type": "toggle",
"displayName": "Enable 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"
}
]
}
}
},
"clientSidePagination": {
"type": "toggle",
"displayName": "Client-side pagination",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"serverSideSearch": {
"type": "toggle",
"displayName": "Server-side search",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"serverSideSort": {
"type": "toggle",
"displayName": "Server-side sort",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"serverSideFilter": {
"type": "toggle",
"displayName": "Server-side filter",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"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 box",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showDownloadButton": {
"type": "toggle",
"displayName": "Show download button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showFilterButton": {
"type": "toggle",
"displayName": "Show filter button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showBulkUpdateActions": {
"type": "toggle",
"displayName": "Show update buttons",
"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"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop "
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onRowHovered": {
"displayName": "Row hovered"
},
"onRowClicked": {
"displayName": "Row clicked"
},
"onBulkUpdate": {
"displayName": "Save changes"
},
"onPageChanged": {
"displayName": "Page changed"
},
"onSearch": {
"displayName": "Search"
},
"onCancelChanges": {
"displayName": "Cancel changes"
},
"onSort": {
"displayName": "Sort applied"
},
"onCellValueChanged": {
"displayName": "Cell value changed"
},
"onFilterChanged": {
"displayName": "Filter changed"
},
"onNewRowsAdded": {
"displayName": "Add new rows"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"actionButtonRadius": {
"type": "code",
"displayName": "Action Button Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "boolean"
}
]
}
}
},
"tableType": {
"type": "select",
"displayName": "Table type",
"options": [
{
"name": "Bordered",
"value": "table-bordered"
},
{
"name": "Regular",
"value": "table-classic"
},
{
"name": "Striped",
"value": "table-striped"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"cellSize": {
"type": "select",
"displayName": "Cell size",
"options": [
{
"name": "Condensed",
"value": "condensed"
},
{
"name": "Regular",
"value": "regular"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"textColor": {
"value": "#000"
},
"actionButtonRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"cellSize": {
"value": "regular"
},
"borderRadius": {
"value": "10"
},
"tableType": {
"value": "table-classic"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.listExpenses.isLoading}}",
"fxActive": true
},
"data": {
"value": "{{queries?.listExpenses?.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": ""
},
"clientSidePagination": {
"value": "{{true}}"
},
"serverSideSort": {
"value": "{{false}}"
},
"serverSideFilter": {
"value": "{{false}}"
},
"displaySearchBox": {
"value": "{{true}}"
},
"showDownloadButton": {
"value": "{{false}}"
},
"showFilterButton": {
"value": "{{false}}"
},
"autogenerateColumns": {
"value": true
},
"columns": {
"value": [
{
"id": "bccf37f2-27b7-405d-8eb5-11475406d2dc",
"name": "id",
"key": "id",
"columnType": "number",
"autogenerated": true
},
{
"id": "bcdde7b1-24a9-4edf-934e-0bf240d13bdb",
"name": "employee name",
"key": "employee_name",
"columnType": "string",
"autogenerated": true
},
{
"id": "d37a99a5-d5cc-4e28-90c8-bfff0af762ee",
"name": "employee email",
"key": "employee_email",
"columnType": "string",
"autogenerated": true
},
{
"name": "category",
"id": "6cdfda6d-1845-4b66-8803-b8de18201b1a",
"columnType": "string"
},
{
"id": "9b20fb02-762f-4461-86e9-fe6bd1150740",
"name": "amount ($)",
"key": "amount",
"columnType": "number",
"autogenerated": true
},
{
"name": "status",
"id": "abcc8bcb-9bf9-4e8e-922c-95e15b42b634",
"textColor": "{{({ approved: \"#00C65D\", rejected: \"#DF2C00\", pending: \"#F6D100\" })[rowData.status]}}",
"columnType": "string",
"key": "status"
},
{
"name": "date submitted",
"id": "3d4dc529-964c-4e34-bfac-59d059c85521",
"columnType": "datepicker",
"isTimeChecked": false,
"dateFormat": "YYYY/MM/DD",
"parseDateFormat": "YYYY/MM/DD",
"key": "date_submitted"
},
{
"id": "bfba1fb1-1489-4bb6-8795-20be92e87531",
"name": "description",
"key": "description",
"columnType": "string",
"autogenerated": true,
"textWrap": "wrap"
}
]
},
"showBulkUpdateActions": {
"value": "{{false}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{false}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 30,
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 143,
"3d4dc529-964c-4e34-bfac-59d059c85521": 166,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 217,
"f1c5b098-25a8-494a-8141-0b6327a4a60f": 7,
"3b38b9bb-bd1b-40b7-82c5-3e17cb660d3a": 131,
"f22fda6f-da28-42db-9192-fee66fd26567": 97.99999999999997,
"8d6770cb-f6a8-455b-b215-96fb7a2cff4e": 118,
"6cdfda6d-1845-4b66-8803-b8de18201b1a": 182,
"2ee0c705-e498-40df-b5ae-a0334d50de6f": 256,
"bccf37f2-27b7-405d-8eb5-11475406d2dc": 73,
"5361da46-9319-41e0-a45f-70f1a581e8ad": 200,
"9b20fb02-762f-4461-86e9-fe6bd1150740": 132,
"d37a99a5-d5cc-4e28-90c8-bfff0af762ee": 244,
"abcc8bcb-9bf9-4e8e-922c-95e15b42b634": 97
}
},
"actions": {
"value": []
},
"enabledSort": {
"value": "{{false}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"columnDeletionHistory": {
"value": [
"email",
"Description",
"receipt",
"datesubmitted",
"status",
"status",
"date_submitted",
"datesubmitted",
"receipt"
]
},
"allowSelection": {
"value": "{{false}}"
},
"showAddNewRowButton": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "table1",
"displayName": "Table",
"description": "Display paginated tabular data",
"component": "Table",
"defaultSize": {
"width": 20,
"height": 358
},
"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"
}
]
},
"layouts": {
"desktop": {
"top": 109.99995422363281,
"left": 2.325581868647625,
"width": 41,
"height": 520
}
},
"parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b"
},
"4a829405-e4b2-4bdc-b89d-4e3271ae94f2": {
"id": "4a829405-e4b2-4bdc-b89d-4e3271ae94f2",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Button Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onClick": {
"displayName": "On click"
},
"onHover": {
"displayName": "On hover"
}
},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"textColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"loaderColor": {
"type": "color",
"displayName": "Loader color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"borderRadius": {
"type": "number",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "number"
},
"defaultValue": false
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [
{
"eventId": "onClick",
"actionId": "close-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
}
],
"styles": {
"backgroundColor": {
"value": "#3e63dd1a",
"fxActive": false
},
"textColor": {
"value": "#3e63ddff",
"fxActive": false
},
"loaderColor": {
"value": "#3e63ddff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{6}}"
},
"borderColor": {
"value": "#3e63ddff"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Cancel"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "button3",
"displayName": "Button",
"description": "Trigger actions: queries, alerts etc",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New Text"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 530,
"left": 62.79068006316184,
"width": 5.026685393258427,
"height": 40
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"9d61b279-41ab-44c3-a1f9-fe7d1bdacef0": {
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000000"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Date"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text11",
"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"
}
]
}
]
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230",
"layouts": {
"desktop": {
"top": 20,
"left": 4.651162790697675,
"width": 5,
"height": 40
}
},
"withDefaultChildren": false
},
"0078d908-dfcd-407c-853a-998ec267e735": {
"component": {
"properties": {
"defaultValue": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"format": {
"type": "code",
"displayName": "Format",
"validation": {
"schema": {
"type": "string"
}
}
},
"enableTime": {
"type": "toggle",
"displayName": "Enable time selection?",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"enableDate": {
"type": "toggle",
"displayName": "Enable date selection?",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": true
}
},
"disabledDates": {
"type": "code",
"displayName": "Disabled dates",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "string"
}
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onSelect": {
"displayName": "On select"
}
},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"customRule": {
"value": null
}
},
"properties": {
"defaultValue": {
"value": "{{moment().format(\"YYYY/MM/DD\")}}"
},
"format": {
"value": "YYYY/MM/DD"
},
"enableTime": {
"value": "{{false}}"
},
"enableDate": {
"value": "{{true}}"
},
"disabledDates": {
"value": "{{[]}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "datepicker1",
"displayName": "Date Picker",
"description": "Select a date and time",
"component": "Datepicker",
"defaultSize": {
"width": 5,
"height": 30
},
"validation": {
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": ""
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230",
"layouts": {
"desktop": {
"top": 20.000030517578125,
"left": 18.604652744961736,
"width": 16,
"height": 40
}
},
"withDefaultChildren": false
},
"5794387c-e561-4a86-bf13-74f13d307100": {
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"minValue": {
"type": "code",
"displayName": "Minimum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"maxValue": {
"type": "code",
"displayName": "Maximum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onChange": {
"displayName": "On change"
}
},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color"
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
},
"backgroundColor": {
"value": "",
"fxActive": false
},
"borderColor": {
"value": "",
"fxActive": false
},
"textColor": {
"value": "#232e3c"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"value": {
"value": "10"
},
"maxValue": {
"value": ""
},
"minValue": {
"value": "0"
},
"placeholder": {
"value": "{{components.numberinput1.value}}"
},
"decimalPlaces": {
"value": "2"
}
},
"general": {},
"exposedVariables": {}
},
"name": "numberinput1",
"displayName": "Number Input",
"description": "Number field for forms",
"component": "NumberInput",
"defaultSize": {
"width": 4,
"height": 30
},
"exposedVariables": {
"value": 99
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230",
"layouts": {
"desktop": {
"top": 80.00003051757812,
"left": 18.604661303453007,
"width": 16,
"height": 40
}
},
"withDefaultChildren": false
},
"6d14ca8d-2b2d-42c9-8a2b-fc5dd8b4774d": {
"id": "6d14ca8d-2b2d-42c9-8a2b-fc5dd8b4774d",
"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",
"fxActive": true
},
"textColor": {
"value": "#000000",
"fxActive": true
},
"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": "Upload the PDF of your receipt"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text12",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 350,
"left": 4.651165967311983,
"width": 18,
"height": 40
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"6861f955-bf0b-45bf-a528-945469a65717": {
"id": "6861f955-bf0b-45bf-a528-945469a65717",
"component": {
"properties": {},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#3e63ddff"
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#ffffff00",
"fxActive": false
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container4",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 20,
"left": 2.3255804619478915,
"width": 41,
"height": 70
}
}
},
"e7eff5ae-0447-48e1-8f87-8d4074108970": {
"id": "e7eff5ae-0447-48e1-8f87-8d4074108970",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#ffffffff"
},
"textSize": {
"value": "{{24}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": "{{0}}"
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "B R A N D"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text13",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 10,
"left": 2.3255827912519793,
"width": 6,
"height": 40
}
},
"parent": "6861f955-bf0b-45bf-a528-945469a65717"
},
"8df02ad7-a07d-44c5-b21b-7c775bd98a4d": {
"id": "8df02ad7-a07d-44c5-b21b-7c775bd98a4d",
"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": "{{16}}"
},
"textAlign": {
"value": "right"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "capitalize"
},
"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": "{{`${globals.currentUser.firstName} ${globals.currentUser.lastName}&nbsp;`}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text17",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 10,
"left": 67.4418648711779,
"width": 12,
"height": 40
}
},
"parent": "6861f955-bf0b-45bf-a528-945469a65717"
},
"2b423fbf-99bf-494e-b1a6-2e1b0c290478": {
"component": {
"properties": {
"icon": {
"type": "iconPicker",
"displayName": "Icon",
"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": {
"onClick": {
"displayName": "On click"
},
"onHover": {
"displayName": "On hover"
}
},
"styles": {
"iconColor": {
"type": "color",
"displayName": "Icon 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": {
"iconColor": {
"value": "#ffffffff"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"icon": {
"value": "IconUserCircle"
}
},
"general": {},
"exposedVariables": {}
},
"name": "icon1",
"displayName": "Icon",
"description": "Icon",
"defaultSize": {
"width": 5,
"height": 48
},
"component": "Icon",
"exposedVariables": {},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"displayName": "Set Visibility",
"handle": "setVisibility",
"params": [
{
"handle": "value",
"displayName": "Value",
"defaultValue": "{{true}}",
"type": "toggle"
}
]
}
]
},
"parent": "6861f955-bf0b-45bf-a528-945469a65717",
"layouts": {
"desktop": {
"top": 10,
"left": 95.34883163997867,
"width": 1,
"height": 40
}
},
"withDefaultChildren": false
},
"1f602902-4427-4680-bb97-459f55f75484": {
"id": "1f602902-4427-4680-bb97-459f55f75484",
"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": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
}
],
"styles": {
"backgroundColor": {
"value": "#3e63ddff"
},
"textColor": {
"value": "#fff"
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "#375FCF"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Add an expense"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "button5",
"displayName": "Button",
"description": "Trigger actions: queries, alerts, set variables etc.",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {
"buttonText": "Button"
},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New Text"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 50.00001525878906,
"left": 88.37208709709138,
"width": 4,
"height": 40
}
},
"parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b"
}
},
"handle": "home",
"name": "Home"
}
},
"globalSettings": {
"hideHeader": true,
"appInMaintenance": false,
"canvasMaxWidth": "100",
"canvasMaxWidthType": "%",
"canvasMaxHeight": 2400,
"canvasBackgroundColor": "",
"backgroundFxQuery": ""
},
"components": {
"66923bf7-575d-4169-a3d3-7d16fc0be439": {
"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": "#FFFFFF",
"fxActive": true
},
"borderRadius": {
"value": "0"
},
"borderColor": {
"value": "#ffffff00"
},
"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.00000762939453125,
"left": 0.00213096456786458,
"width": 43,
"height": 80
}
},
"withDefaultChildren": false
},
"daa992f3-07be-4ec6-9585-1cc8f5e132c0": {
"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": "#5746AF",
"fxActive": true
},
"textSize": {
"value": "{{32}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "italic"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "X"
},
"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"
}
]
}
]
},
"parent": "66923bf7-575d-4169-a3d3-7d16fc0be439",
"layouts": {
"desktop": {
"top": 10,
"left": 4.913498120258604,
"width": 0.9665996878286482,
"height": 50
}
},
"withDefaultChildren": false
},
"5346a015-a8fd-4e5d-a3a5-e371a3a2f49b": {
"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": "#5746AF",
"fxActive": true
},
"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": "penseFlow"
},
"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"
}
]
}
]
},
"parent": "66923bf7-575d-4169-a3d3-7d16fc0be439",
"layouts": {
"desktop": {
"top": 10,
"left": 7.539730218411148,
"width": 4.000665579949918,
"height": 50
}
},
"withDefaultChildren": false
},
"63494b51-4ea3-4e44-b63e-3a6ffb35af8a": {
"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": "#20134B",
"fxActive": true
},
"textSize": {
"value": "{{20}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Your Expenses"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text3",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 130,
"left": 4.715052454462855,
"width": 7,
"height": 30
}
},
"withDefaultChildren": false
},
"0d0232ed-93aa-4977-819e-0a0bb83c00d9": {
"id": "0d0232ed-93aa-4977-819e-0a0bb83c00d9",
"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": "#20134B",
"fxActive": true
},
"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": "{{globals.currentUser.firstName}}"
},
"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": 10,
"left": 79.52376037074694,
"width": 3.9599698535745054,
"height": 50
}
},
"parent": "66923bf7-575d-4169-a3d3-7d16fc0be439"
},
"9cc8d3a8-fddb-4306-9e20-d554c79e6230": {
"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"
}
}
}
},
"general": {
"tooltip": {
"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": "#5746AF",
"fxActive": true
},
"triggerButtonTextColor": {
"value": "#ffffffff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Add an expense"
},
"loadingState": {
"value": "{{false}}"
},
"useDefaultButton": {
"value": "{{true}}"
},
"triggerButtonLabel": {
"value": "Add an expense"
},
"size": {
"value": "lg"
},
"hideTitleBar": {
"value": "{{false}}"
},
"hideCloseButton": {
"value": "{{false}}"
},
"hideOnEsc": {
"value": "{{true}}"
},
"closeOnClickingOutside": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "modal1",
"displayName": "Modal",
"description": "Modal triggered by events",
"component": "Modal",
"defaultSize": {
"width": 10,
"height": 400
},
"exposedVariables": {
"show": false
},
"actions": [
{
"handle": "open",
"displayName": "Open"
},
{
"handle": "close",
"displayName": "Close"
}
]
},
"layouts": {
"desktop": {
"top": 130.0000457763672,
"left": 79.11660889566163,
"width": 7,
"height": 480
}
},
"withDefaultChildren": false
},
"e74c5d62-37f1-4d68-b6b4-ac5749a81426": {
"id": "e74c5d62-37f1-4d68-b6b4-ac5749a81426",
"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",
"fxActive": true
},
"textColor": {
"value": "#000000",
"fxActive": true
},
"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": "Amount"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text7",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": 30.232570297538736,
"width": 4.0217009887611,
"height": 40
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"914b5b8b-4895-4684-ba77-4428063cc076": {
"id": "914b5b8b-4895-4684-ba77-4428063cc076",
"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",
"fxActive": true
},
"textColor": {
"value": "#000000",
"fxActive": true
},
"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": "Category"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text8",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": 60.64153899721448,
"width": 3.965709276038984,
"height": 40
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"aca71827-44fa-41c0-9593-16f900f864ad": {
"id": "aca71827-44fa-41c0-9593-16f900f864ad",
"component": {
"properties": {
"label": {
"type": "code",
"displayName": "Label",
"validation": {
"schema": {
"type": "string"
}
}
},
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
},
"values": {
"type": "code",
"displayName": "Option values",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"display_values": {
"type": "code",
"displayName": "Option labels",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"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": {
"label": {
"value": ""
},
"value": {
"value": "{{\"Reimbursments\"}}"
},
"values": {
"value": "{{[\"Reimbursments\",\"Pending Payments\", \"Health Benefits\"]}}"
},
"display_values": {
"value": "{{[\"Reimbursments\",\"Pending Payments\", \"Health Benefits\"]}}"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "dropdown1",
"displayName": "Dropdown",
"description": "Select one value from options",
"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"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30.000015258789062,
"left": 72.02652530085741,
"width": 7.99943042111011,
"height": 40
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"6e67b517-144a-4252-8b83-5ff72bd1d554": {
"id": "6e67b517-144a-4252-8b83-5ff72bd1d554",
"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",
"fxActive": true
},
"textColor": {
"value": "#000000",
"fxActive": true
},
"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": "Details of expense"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text9",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 79.99996948242188,
"left": 6.976730644204823,
"width": 17.930261641933875,
"height": 40
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"da1fc961-e616-45e6-9e73-2bd3037bf1ec": {
"id": "da1fc961-e616-45e6-9e73-2bd3037bf1ec",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{6}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Describe your expense"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textarea1",
"displayName": "Textarea",
"description": "Text area form field",
"component": "TextArea",
"defaultSize": {
"width": 6,
"height": 100
},
"exposedVariables": {
"value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "text",
"defaultValue": "New Text"
}
]
},
{
"handle": "clear",
"displayName": "Clear"
}
]
},
"layouts": {
"desktop": {
"top": 130.00003051757812,
"left": 6.879826707760271,
"width": 37.01902742646711,
"height": 90
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"28ae4bd6-9905-4cf5-b791-28c1f1726b5e": {
"id": "28ae4bd6-9905-4cf5-b791-28c1f1726b5e",
"component": {
"properties": {
"instructionText": {
"type": "code",
"displayName": "Instruction Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"enableDropzone": {
"type": "code",
"displayName": "Use Drop zone",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enablePicker": {
"type": "code",
"displayName": "Use File Picker",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enableMultiple": {
"type": "code",
"displayName": "Pick multiple files",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"maxFileCount": {
"type": "code",
"displayName": "Max file count",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"fileType": {
"type": "code",
"displayName": "Accept file types",
"validation": {
"schema": {
"type": "string"
}
}
},
"maxSize": {
"type": "code",
"displayName": "Max size limit (Bytes)",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"minSize": {
"type": "code",
"displayName": "Min size limit (Bytes)",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"parseContent": {
"type": "toggle",
"displayName": "Parse content",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"parseFileType": {
"type": "select",
"displayName": "File type",
"options": [
{
"name": "Autodetect from extension",
"value": "auto-detect"
},
{
"name": "CSV",
"value": "csv"
},
{
"name": "Microsoft Excel - xls",
"value": "vnd.ms-excel"
},
{
"name": "Microsoft Excel - xlsx",
"value": "vnd.openxmlformats-officedocument.spreadsheetml.sheet"
}
],
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onFileSelected": {
"displayName": "On File Selected"
},
"onFileLoaded": {
"displayName": "On File Loaded"
},
"onFileDeselected": {
"displayName": "On File Deselected"
}
},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{6}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"instructionText": {
"value": "Upload your receipt"
},
"enableDropzone": {
"value": "{{true}}"
},
"enablePicker": {
"value": "{{true}}"
},
"maxFileCount": {
"value": "{{1}}"
},
"enableMultiple": {
"value": "{{false}}"
},
"fileType": {
"value": "{{\"application/pdf\"}}"
},
"maxSize": {
"value": "{{1048576}}"
},
"minSize": {
"value": "{{50}}"
},
"parseContent": {
"value": "{{true}}"
},
"parseFileType": {
"value": "auto-detect"
}
},
"general": {},
"exposedVariables": {}
},
"name": "filepicker1",
"displayName": "File Picker",
"description": "File Picker",
"component": "FilePicker",
"defaultSize": {
"width": 15,
"height": 100
},
"actions": [
{
"handle": "clearFiles",
"displayName": "Clear Files"
}
],
"exposedVariables": {
"file": [
{
"name": "",
"content": "",
"dataURL": "",
"type": "",
"parsedData": ""
}
],
"isParsing": false
}
},
"layouts": {
"desktop": {
"top": 250,
"left": 6.912380051818922,
"width": 37.03004242550304,
"height": 90
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"3c2bd483-6515-4fd6-87ba-08a7b9d0523a": {
"id": "3c2bd483-6515-4fd6-87ba-08a7b9d0523a",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Button Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onClick": {
"displayName": "On click"
},
"onHover": {
"displayName": "On hover"
}
},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"textColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"loaderColor": {
"type": "color",
"displayName": "Loader color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"borderRadius": {
"type": "number",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "number"
},
"defaultValue": false
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [
{
"eventId": "onClick",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "33ed0f11-10cf-4fb1-8fcf-f50c7eedf04b",
"queryName": "CreateExpense"
}
],
"styles": {
"backgroundColor": {
"value": "#5746AF",
"fxActive": true
},
"textColor": {
"value": "#fff"
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{6}}"
},
"borderColor": {
"value": "#375fcf00"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Add expense"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "button2",
"displayName": "Button",
"description": "Trigger actions: queries, alerts etc",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New Text"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 400.0000305175781,
"left": 71.90846694544508,
"width": 9.000160089471919,
"height": 40
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"1d5e0310-8ff5-461b-8d7c-cf48778592a5": {
"component": {
"properties": {
"icon": {
"type": "iconPicker",
"displayName": "Icon",
"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": {
"onClick": {
"displayName": "On click"
},
"onHover": {
"displayName": "On hover"
}
},
"styles": {
"iconColor": {
"type": "color",
"displayName": "Icon 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": {
"iconColor": {
"value": "#20134B",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"icon": {
"value": "IconChevronDown"
}
},
"general": {},
"exposedVariables": {}
},
"name": "icon1",
"displayName": "Icon",
"description": "Icon",
"defaultSize": {
"width": 5,
"height": 48
},
"component": "Icon",
"exposedVariables": {},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"displayName": "Set Visibility",
"handle": "setVisibility",
"params": [
{
"handle": "value",
"displayName": "Value",
"defaultValue": "{{true}}",
"type": "toggle"
}
]
}
]
},
"parent": "66923bf7-575d-4169-a3d3-7d16fc0be439",
"layouts": {
"desktop": {
"top": 18,
"left": 86.15197037876933,
"width": 0.9973514211886291,
"height": 30
}
},
"withDefaultChildren": false
},
"ef5a9d23-8ad7-4d82-830d-02db9a575b8b": {
"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": "#FFFFFF",
"fxActive": true
},
"borderRadius": {
"value": "12"
},
"borderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container3",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 179.99998474121094,
"left": 4.651159790090727,
"width": 39,
"height": 610
}
},
"withDefaultChildren": false
},
"bfd37437-2f20-46f6-8e6e-f93c75175e4e": {
"id": "bfd37437-2f20-46f6-8e6e-f93c75175e4e",
"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": "#2B0E44",
"fxActive": true
},
"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": "Search"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text14",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 20,
"left": 4.651163101286042,
"width": 6,
"height": 30
}
},
"parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b"
},
"d6a4fe92-ac6c-45cf-93e5-3616e27d9252": {
"id": "d6a4fe92-ac6c-45cf-93e5-3616e27d9252",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onChange": {
"displayName": "On change"
},
"onEnterPressed": {
"displayName": "On Enter Pressed"
},
"onFocus": {
"displayName": "On focus"
},
"onBlur": {
"displayName": "On blur"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"errTextColor": {
"type": "color",
"displayName": "Error Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [
{
"eventId": "onEnterPressed",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "78d38b75-32f3-4572-83db-bc084df0e021",
"queryName": "Search"
}
],
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "#dadcde"
},
"errTextColor": {
"value": "#ff0000"
},
"borderRadius": {
"value": "{{6}}"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"backgroundColor": {
"value": "#fff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"regex": {
"value": ""
},
"minLength": {
"value": null
},
"maxLength": {
"value": null
},
"customRule": {
"value": null
}
},
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Search"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textinput3",
"displayName": "Text Input",
"description": "Text field for forms",
"component": "TextInput",
"defaultSize": {
"width": 6,
"height": 30
},
"validation": {
"regex": {
"type": "code",
"displayName": "Regex"
},
"minLength": {
"type": "code",
"displayName": "Min length"
},
"maxLength": {
"type": "code",
"displayName": "Max length"
},
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": ""
},
"actions": [
{
"handle": "setText",
"displayName": "Set text",
"params": [
{
"handle": "text",
"displayName": "text",
"defaultValue": "New Text"
}
]
},
{
"handle": "clear",
"displayName": "Clear"
},
{
"handle": "setFocus",
"displayName": "Set focus"
},
{
"handle": "setBlur",
"displayName": "Set blur"
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 50.00006103515625,
"left": 4.651165494953225,
"width": 11,
"height": 40
}
},
"parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b"
},
"7c55d7f2-ee6d-4533-8e9d-3e4c34dcd743": {
"id": "7c55d7f2-ee6d-4533-8e9d-3e4c34dcd743",
"component": {
"properties": {
"defaultStartDate": {
"type": "code",
"displayName": "Default start date",
"validation": {
"schema": {
"type": "string"
}
}
},
"defaultEndDate": {
"type": "code",
"displayName": "Default end date",
"validation": {
"schema": {
"type": "string"
}
}
},
"format": {
"type": "code",
"displayName": "Format",
"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": {
"onSelect": {
"displayName": "On select"
}
},
"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"
}
}
},
"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": {
"borderRadius": {
"value": "6"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"defaultStartDate": {
"value": "01/04/2022"
},
"defaultEndDate": {
"value": "10/04/2022"
},
"format": {
"value": "DD/MM/YYYY"
}
},
"general": {},
"exposedVariables": {}
},
"name": "daterangepicker2",
"displayName": "Range Picker",
"description": "Select a date range",
"component": "DaterangePicker",
"defaultSize": {
"width": 10,
"height": 30
},
"exposedVariables": {
"endDate": {},
"startDate": {}
}
},
"layouts": {
"desktop": {
"top": 50,
"left": 34.88372789091864,
"width": 10,
"height": 40
}
},
"parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b"
},
"f08e1173-3580-4299-ae0f-548b52a4c5e9": {
"id": "f08e1173-3580-4299-ae0f-548b52a4c5e9",
"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": "#2B0E44",
"fxActive": true
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Date"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text15",
"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": 20,
"left": 34.88372160137631,
"width": 6,
"height": 30
}
},
"parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b"
},
"bd470c2f-5302-4571-ac65-dc47af8cc6b8": {
"id": "bd470c2f-5302-4571-ac65-dc47af8cc6b8",
"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": "#2B0E44",
"fxActive": true
},
"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": "Status"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text16",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 20,
"left": 62.79069758202949,
"width": 6,
"height": 30
}
},
"parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b"
},
"596dd0f2-b24d-4230-950e-b2d9b80f8916": {
"id": "596dd0f2-b24d-4230-950e-b2d9b80f8916",
"component": {
"properties": {
"label": {
"type": "code",
"displayName": "Label",
"validation": {
"schema": {
"type": "string"
}
}
},
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
},
"values": {
"type": "code",
"displayName": "Option values",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"display_values": {
"type": "code",
"displayName": "Option labels",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"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": {
"label": {
"value": ""
},
"value": {
"value": ""
},
"values": {
"value": "{{[\"approved\",\"pending\", \"rejected\"]}}"
},
"display_values": {
"value": "{{[\"approved\",\"pending\", \"rejected\"]}}"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select category of expense"
}
},
"general": {},
"exposedVariables": {}
},
"name": "dropdown3",
"displayName": "Dropdown",
"description": "Select one value from options",
"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"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 50,
"left": 60.723448268765594,
"width": 10.00465860758617,
"height": 40
}
},
"parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b"
},
"a2417394-65f3-48e0-a09b-d149848b18f4": {
"id": "a2417394-65f3-48e0-a09b-d149848b18f4",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Button Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onClick": {
"displayName": "On click"
},
"onHover": {
"displayName": "On hover"
}
},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"textColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"loaderColor": {
"type": "color",
"displayName": "Loader color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"borderRadius": {
"type": "number",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "number"
},
"defaultValue": false
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [
{
"eventId": "onClick",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "11f6bc38-f0b6-463d-97cd-d9fe3ea6681b",
"queryName": "ListExpenses"
}
],
"styles": {
"backgroundColor": {
"value": "#F5F2FF",
"fxActive": true
},
"textColor": {
"value": "#6E56CF",
"fxActive": true
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{6}}"
},
"borderColor": {
"value": "#C4B8F3",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Filter"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "button4",
"displayName": "Button",
"description": "Trigger actions: queries, alerts etc",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New Text"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 50,
"left": 86.04650316559169,
"width": 4,
"height": 40
}
},
"parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b"
},
"842f76ba-e8b9-4a24-93dc-d5cba1ec238d": {
"id": "842f76ba-e8b9-4a24-93dc-d5cba1ec238d",
"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"
}
]
}
}
},
"serverSidePagination": {
"type": "toggle",
"displayName": "Server-side pagination",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enableNextButton": {
"type": "toggle",
"displayName": "Enable next page button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enabledSort": {
"type": "toggle",
"displayName": "Enable 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"
}
]
}
}
},
"clientSidePagination": {
"type": "toggle",
"displayName": "Client-side pagination",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"serverSideSearch": {
"type": "toggle",
"displayName": "Server-side search",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"serverSideSort": {
"type": "toggle",
"displayName": "Server-side sort",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"serverSideFilter": {
"type": "toggle",
"displayName": "Server-side filter",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"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 box",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showDownloadButton": {
"type": "toggle",
"displayName": "Show download button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showFilterButton": {
"type": "toggle",
"displayName": "Show filter button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showBulkUpdateActions": {
"type": "toggle",
"displayName": "Show update buttons",
"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"
}
}
}
},
"general": {
"tooltip": {
"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": "Borderless",
"value": "table-borderless"
},
{
"name": "Classic",
"value": "table-classic"
},
{
"name": "Striped",
"value": "table-striped"
},
{
"name": "Striped & bordered",
"value": "table-striped table-bordered"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"cellSize": {
"type": "select",
"displayName": "Cell size",
"options": [
{
"name": "Compact",
"value": "compact"
},
{
"name": "Spacious",
"value": "spacious"
}
],
"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": "compact"
},
"borderRadius": {
"value": "12"
},
"tableType": {
"value": "table-bordered"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.Search.isLoading===true?true:false}}",
"fxActive": true
},
"data": {
"value": "{{components.textinput3.value===\"\"?variables.TableData:variables.TableSearchData}}"
},
"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": ""
},
"clientSidePagination": {
"value": "{{true}}"
},
"serverSideSort": {
"value": "{{false}}"
},
"serverSideFilter": {
"value": "{{false}}"
},
"displaySearchBox": {
"value": "{{false}}"
},
"showDownloadButton": {
"value": "{{false}}"
},
"showFilterButton": {
"value": "{{false}}"
},
"autogenerateColumns": {
"value": true
},
"columns": {
"value": [
{
"id": "bccf37f2-27b7-405d-8eb5-11475406d2dc",
"name": "id",
"key": "id",
"columnType": "number",
"autogenerated": true
},
{
"name": "Date submitted",
"id": "3d4dc529-964c-4e34-bfac-59d059c85521",
"columnType": "datepicker",
"isTimeChecked": false,
"dateFormat": "DD/MM/YYYY",
"parseDateFormat": "DD/MM/YYYY",
"key": "datesubmitted"
},
{
"name": "category",
"id": "6cdfda6d-1845-4b66-8803-b8de18201b1a",
"columnType": "string"
},
{
"name": "Receipt",
"id": "3b38b9bb-bd1b-40b7-82c5-3e17cb660d3a",
"columnType": "default",
"key": "receipt",
"columnVisibility": "{{false}}"
},
{
"id": "f1d1bcca-5d9b-4be3-8122-9d112fe01e00",
"name": "datesubmitted",
"key": "datesubmitted",
"columnType": "string",
"autogenerated": true,
"columnVisibility": "{{false}}"
},
{
"id": "bfba1fb1-1489-4bb6-8795-20be92e87531",
"name": "description",
"key": "description",
"columnType": "string",
"autogenerated": true
},
{
"id": "9b20fb02-762f-4461-86e9-fe6bd1150740",
"name": "amount",
"key": "amount",
"columnType": "number",
"autogenerated": true
}
]
},
"showBulkUpdateActions": {
"value": "{{false}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{false}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 30,
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 143,
"3d4dc529-964c-4e34-bfac-59d059c85521": 127,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 217,
"f1c5b098-25a8-494a-8141-0b6327a4a60f": 7,
"3b38b9bb-bd1b-40b7-82c5-3e17cb660d3a": 131,
"f22fda6f-da28-42db-9192-fee66fd26567": 97.99999999999997,
"8d6770cb-f6a8-455b-b215-96fb7a2cff4e": 118,
"6cdfda6d-1845-4b66-8803-b8de18201b1a": 105,
"2ee0c705-e498-40df-b5ae-a0334d50de6f": 256,
"bccf37f2-27b7-405d-8eb5-11475406d2dc": 60
}
},
"actions": {
"value": []
},
"enabledSort": {
"value": "{{false}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"columnDeletionHistory": {
"value": [
"email",
"Description",
"receipt",
"datesubmitted",
"status",
"status"
]
},
"allowSelection": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "table1",
"displayName": "Table",
"description": "Display paginated tabular data",
"component": "Table",
"defaultSize": {
"width": 20,
"height": 358
},
"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"
}
]
},
"layouts": {
"desktop": {
"top": 109.99996185302734,
"left": 4.80067716063364,
"width": 38.97769042256447,
"height": 440
}
},
"parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b"
},
"16ae2002-5ad9-476c-9e66-e9bd49d14f58": {
"component": {
"properties": {
"icon": {
"type": "iconPicker",
"displayName": "Icon",
"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": {
"onClick": {
"displayName": "On click"
},
"onHover": {
"displayName": "On hover"
}
},
"styles": {
"iconColor": {
"type": "color",
"displayName": "Icon 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": {
"iconColor": {
"value": "#20134B",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"icon": {
"value": "IconSettings"
}
},
"general": {},
"exposedVariables": {}
},
"name": "icon2",
"displayName": "Icon",
"description": "Icon",
"defaultSize": {
"width": 5,
"height": 48
},
"component": "Icon",
"exposedVariables": {},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"displayName": "Set Visibility",
"handle": "setVisibility",
"params": [
{
"handle": "value",
"displayName": "Value",
"defaultValue": "{{true}}",
"type": "toggle"
}
]
}
]
},
"parent": "66923bf7-575d-4169-a3d3-7d16fc0be439",
"layouts": {
"desktop": {
"top": 20,
"left": 90.16033118679746,
"width": 1.9927217915589999,
"height": 30
}
},
"withDefaultChildren": false
},
"4a829405-e4b2-4bdc-b89d-4e3271ae94f2": {
"id": "4a829405-e4b2-4bdc-b89d-4e3271ae94f2",
"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": [],
"styles": {
"backgroundColor": {
"value": "#F5F2FF",
"fxActive": true
},
"textColor": {
"value": "#6E56CF",
"fxActive": true
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{6}}"
},
"borderColor": {
"value": "#9b9b9b00"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Cancel"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "button3",
"displayName": "Button",
"description": "Trigger actions: queries, alerts etc",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New Text"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 400,
"left": 58.139518694339046,
"width": 5.026685393258427,
"height": 40
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230"
},
"c47e04ba-5e57-4c57-b283-d2875101d995": {
"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": "#9b9b9bff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {},
"general": {},
"exposedVariables": {}
},
"name": "verticaldivider1",
"displayName": "Vertical Divider",
"description": "Vertical Separator between components",
"component": "VerticalDivider",
"defaultSize": {
"width": 2,
"height": 100
},
"exposedVariables": {
"value": {}
}
},
"parent": "66923bf7-575d-4169-a3d3-7d16fc0be439",
"layouts": {
"desktop": {
"top": 20,
"left": 88.45888317732047,
"width": 0.9881998277347117,
"height": 30
}
},
"withDefaultChildren": false
},
"512da8e2-a4a1-460d-949e-b896367380da": {
"id": "512da8e2-a4a1-460d-949e-b896367380da",
"component": {
"properties": {
"icon": {
"type": "iconPicker",
"displayName": "Icon",
"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": {
"onClick": {
"displayName": "On click"
},
"onHover": {
"displayName": "On hover"
}
},
"styles": {
"iconColor": {
"type": "color",
"displayName": "Icon 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": {
"iconColor": {
"value": "#20134B",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"icon": {
"value": "IconCircleLetterR"
}
},
"general": {},
"exposedVariables": {}
},
"name": "icon3",
"displayName": "Icon",
"description": "Icon",
"defaultSize": {
"width": 5,
"height": 48
},
"component": "Icon",
"exposedVariables": {},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"displayName": "Set Visibility",
"handle": "setVisibility",
"params": [
{
"handle": "value",
"displayName": "Value",
"defaultValue": "{{true}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 20,
"left": 77.2570440997141,
"width": 0.9575366063738147,
"height": 30
}
},
"parent": "66923bf7-575d-4169-a3d3-7d16fc0be439"
},
"9d61b279-41ab-44c3-a1f9-fe7d1bdacef0": {
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000000"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Date"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text11",
"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"
}
]
}
]
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230",
"layouts": {
"desktop": {
"top": 30,
"left": 6.976739144922963,
"width": 2.968986431794913,
"height": 40
}
},
"withDefaultChildren": false
},
"0078d908-dfcd-407c-853a-998ec267e735": {
"component": {
"properties": {
"defaultValue": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"format": {
"type": "code",
"displayName": "Format",
"validation": {
"schema": {
"type": "string"
}
}
},
"enableTime": {
"type": "toggle",
"displayName": "Enable time selection?",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"enableDate": {
"type": "toggle",
"displayName": "Enable date selection?",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": true
}
},
"disabledDates": {
"type": "code",
"displayName": "Disabled dates",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "string"
}
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onSelect": {
"displayName": "On select"
}
},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [
{
"eventId": "onSelect",
"actionId": "show-alert",
"message": "Hello world!",
"alertType": "info"
}
],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{6}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"customRule": {
"value": null
}
},
"properties": {
"defaultValue": {
"value": "01/01/2022"
},
"format": {
"value": "DD/MM/YYYY"
},
"enableTime": {
"value": "{{false}}"
},
"enableDate": {
"value": "{{true}}"
},
"disabledDates": {
"value": "{{[]}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "datepicker1",
"displayName": "Date Picker",
"description": "Select a date and time",
"component": "Datepicker",
"defaultSize": {
"width": 5,
"height": 30
},
"validation": {
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": ""
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230",
"layouts": {
"desktop": {
"top": 30.000022888183594,
"left": 13.953482540204996,
"width": 7.011492338254275,
"height": 40
}
},
"withDefaultChildren": false
},
"5794387c-e561-4a86-bf13-74f13d307100": {
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"minValue": {
"type": "code",
"displayName": "Minimum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"maxValue": {
"type": "code",
"displayName": "Maximum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onChange": {
"displayName": "On change"
}
},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color"
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{6}}"
},
"backgroundColor": {
"value": "#ffffffff"
},
"borderColor": {
"value": "#fff"
},
"textColor": {
"value": "#232e3c"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"value": {
"value": "10"
},
"maxValue": {
"value": ""
},
"minValue": {
"value": ""
},
"placeholder": {
"value": "0"
}
},
"general": {},
"exposedVariables": {}
},
"name": "numberinput1",
"displayName": "Number Input",
"description": "Number field for forms",
"component": "NumberInput",
"defaultSize": {
"width": 4,
"height": 30
},
"exposedVariables": {
"value": 99
}
},
"parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230",
"layouts": {
"desktop": {
"top": 30.000030517578125,
"left": 39.53488872762443,
"width": 8.042379079311743,
"height": 40
}
},
"withDefaultChildren": false
}
}
},
"globalSettings": {
"hideHeader": true,
"appInMaintenance": false,
"canvasMaxWidth": 100,
"canvasMaxWidthType": "%",
"canvasMaxHeight": 2400,
"canvasBackgroundColor": "",
"backgroundFxQuery": ""
},
"showViewerNavigation": false,
"homePageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8",
"appId": "1cb5866c-290f-416e-96f8-af1c9e141581",
"currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"promotedFrom": null,
"createdAt": "2023-11-17T19:00:51.312Z",
"updatedAt": "2024-01-02T20:34:07.768Z"
}
],
"appEnvironments": [
{
"id": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
"name": "production",
"isDefault": true,
"priority": 3,
"enabled": true,
"createdAt": "2023-04-26T19:44:06.852Z",
"updatedAt": "2023-04-26T19:44:06.852Z"
},
{
"id": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
"name": "staging",
"isDefault": false,
"priority": 2,
"enabled": true,
"createdAt": "2023-04-26T19:44:06.852Z",
"updatedAt": "2023-04-26T19:44:06.852Z"
},
{
"id": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
"name": "development",
"isDefault": false,
"priority": 1,
"enabled": true,
"createdAt": "2023-04-26T19:44:06.852Z",
"updatedAt": "2023-04-26T19:44:06.852Z"
}
],
"dataSourceOptions": [
{
"id": "e7e91bf7-9cf9-459e-a980-fc64ef8005c3",
"dataSourceId": "c5e47097-5219-4b04-8643-ab55d7798173",
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"options": null,
"createdAt": "2023-11-17T19:00:51.358Z",
"updatedAt": "2023-11-17T19:00:51.358Z"
},
{
"id": "8e3c9592-f997-4beb-b2af-83e1c5e08d17",
"dataSourceId": "c5e47097-5219-4b04-8643-ab55d7798173",
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"options": null,
"createdAt": "2023-11-17T19:00:51.358Z",
"updatedAt": "2023-11-17T19:00:51.358Z"
},
{
"id": "4d890002-24b4-4fe5-b3f0-70b575d3aae3",
"dataSourceId": "c5e47097-5219-4b04-8643-ab55d7798173",
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"options": null,
"createdAt": "2023-11-17T19:00:51.358Z",
"updatedAt": "2023-11-17T19:00:51.358Z"
},
{
"id": "f8ecfcad-14a0-4770-8c23-d21f4a79dd2e",
"dataSourceId": "6229a40b-d539-40ce-9685-0e211d799ebe",
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"options": null,
"createdAt": "2023-11-17T19:00:51.375Z",
"updatedAt": "2023-11-17T19:00:51.375Z"
},
{
"id": "2aa2a8f2-24a3-48d4-961d-2d74280dcb28",
"dataSourceId": "6229a40b-d539-40ce-9685-0e211d799ebe",
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"options": null,
"createdAt": "2023-11-17T19:00:51.375Z",
"updatedAt": "2023-11-17T19:00:51.375Z"
},
{
"id": "2a6b4477-725a-487b-b30f-a21eba2b5e87",
"dataSourceId": "6229a40b-d539-40ce-9685-0e211d799ebe",
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"options": null,
"createdAt": "2023-11-17T19:00:51.375Z",
"updatedAt": "2023-11-17T19:00:51.375Z"
},
{
"id": "8851f5c6-c327-47d8-9a77-180f10cc451f",
"dataSourceId": "c6434f9c-9b77-4304-8b92-a197a77f2d2c",
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"options": null,
"createdAt": "2023-11-17T19:00:51.397Z",
"updatedAt": "2023-11-17T19:00:51.397Z"
},
{
"id": "41e2e6f4-56c0-4db4-96bb-bc711414dc90",
"dataSourceId": "c6434f9c-9b77-4304-8b92-a197a77f2d2c",
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"options": null,
"createdAt": "2023-11-17T19:00:51.397Z",
"updatedAt": "2023-11-17T19:00:51.397Z"
},
{
"id": "6c025059-8d96-475d-95c1-b9b48b4ffbc0",
"dataSourceId": "c6434f9c-9b77-4304-8b92-a197a77f2d2c",
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"options": null,
"createdAt": "2023-11-17T19:00:51.397Z",
"updatedAt": "2023-11-17T19:00:51.397Z"
},
{
"id": "7128661e-1a58-4d97-b488-c02459780807",
"dataSourceId": "78187c08-21e0-4338-b7a4-f049ee1bfbe5",
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"options": null,
"createdAt": "2023-11-17T19:00:51.411Z",
"updatedAt": "2023-11-17T19:00:51.411Z"
},
{
"id": "efeb9961-6f32-471d-bdb2-a747a3224a7f",
"dataSourceId": "78187c08-21e0-4338-b7a4-f049ee1bfbe5",
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"options": null,
"createdAt": "2023-11-17T19:00:51.411Z",
"updatedAt": "2023-11-17T19:00:51.411Z"
},
{
"id": "f756d39b-c1af-47f4-b1a6-0d0443b102cc",
"dataSourceId": "78187c08-21e0-4338-b7a4-f049ee1bfbe5",
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"options": null,
"createdAt": "2023-11-17T19:00:51.411Z",
"updatedAt": "2023-11-17T19:00:51.411Z"
},
{
"id": "ab353b21-9818-4153-842e-42cc4012bd3d",
"dataSourceId": "ae87947d-b5c3-4423-ae50-8981908cf36f",
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"options": null,
"createdAt": "2023-11-17T19:00:51.453Z",
"updatedAt": "2023-11-17T19:00:51.453Z"
},
{
"id": "0e8ca5e5-94cd-4234-8203-6183810fd382",
"dataSourceId": "ae87947d-b5c3-4423-ae50-8981908cf36f",
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"options": null,
"createdAt": "2023-11-17T19:00:51.453Z",
"updatedAt": "2023-11-17T19:00:51.453Z"
},
{
"id": "ff018eb7-7a5d-4f10-88bc-30a558b3bab6",
"dataSourceId": "ae87947d-b5c3-4423-ae50-8981908cf36f",
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"options": null,
"createdAt": "2023-11-17T19:00:51.453Z",
"updatedAt": "2023-11-17T19:00:51.453Z"
}
],
"schemaDetails": {
"multiPages": true,
"multiEnv": true,
"globalDataSources": true
}
}
}
}
],
"tooljet_version": "2.26.2-ee2.11.2-cloud2.1.11"
}
Reference in a new issue View git blame Copy permalink