mirror of
https://github.com/ToolJet/ToolJet
synced 2026-04-21 21:47:17 +00:00
37560 lines
No EOL
2.4 MiB
37560 lines
No EOL
2.4 MiB
{
|
|
"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": "61d9b309-cd6a-47b7-b79e-e89ca02ef758",
|
|
"type": "front-end",
|
|
"name": "Expense tracker admin",
|
|
"slug": "expense-tracker-admin",
|
|
"isPublic": false,
|
|
"isMaintenanceOn": false,
|
|
"icon": "archive",
|
|
"organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
|
|
"currentVersionId": null,
|
|
"userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc",
|
|
"workflowApiToken": null,
|
|
"workflowEnabled": false,
|
|
"createdAt": "2023-11-17T18:58:57.441Z",
|
|
"creationMode": "DEFAULT",
|
|
"updatedAt": "2024-01-02T20:16:24.592Z",
|
|
"editingVersion": {
|
|
"id": "f9428e66-fb29-4de4-afb2-b5141a62f905",
|
|
"name": "v1",
|
|
"definition": {
|
|
"showViewerNavigation": false,
|
|
"homePageId": "b4d0cfa2-2893-4b10-869e-91cef96d3d08",
|
|
"pages": {
|
|
"b4d0cfa2-2893-4b10-869e-91cef96d3d08": {
|
|
"components": {
|
|
"541d6d37-4244-4ca0-8f55-0e76bc9443ba": {
|
|
"id": "541d6d37-4244-4ca0-8f55-0e76bc9443ba",
|
|
"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": "Dashboard"
|
|
},
|
|
"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": 120,
|
|
"left": 2.3255813953488373,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
}
|
|
},
|
|
"b43a4113-2eaa-45c1-a5d8-10157ac82173": {
|
|
"id": "b43a4113-2eaa-45c1-a5d8-10157ac82173",
|
|
"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": "container2",
|
|
"displayName": "Container",
|
|
"description": "Wrapper for multiple components",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 200
|
|
},
|
|
"component": "Container",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 20,
|
|
"left": 2.3255811696137485,
|
|
"width": 41,
|
|
"height": 70
|
|
}
|
|
}
|
|
},
|
|
"f13880b1-b197-494e-8e6e-8b8333a0e2a0": {
|
|
"id": "f13880b1-b197-494e-8e6e-8b8333a0e2a0",
|
|
"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": "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": 10,
|
|
"left": 2.325581395348837,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "b43a4113-2eaa-45c1-a5d8-10157ac82173"
|
|
},
|
|
"076860fd-3e87-4040-ace3-8f38cfe908d1": {
|
|
"id": "076860fd-3e87-4040-ace3-8f38cfe908d1",
|
|
"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} `}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text16",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 67.4418635841583,
|
|
"width": 12,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "b43a4113-2eaa-45c1-a5d8-10157ac82173"
|
|
},
|
|
"b3c215ea-7832-4e5c-8b39-44406c4702b2": {
|
|
"id": "b3c215ea-7832-4e5c-8b39-44406c4702b2",
|
|
"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": "icon4",
|
|
"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": 10,
|
|
"left": 95.34883163997867,
|
|
"width": 1,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "b43a4113-2eaa-45c1-a5d8-10157ac82173"
|
|
},
|
|
"2e3fd0ee-117b-4f74-bcfa-ec0eecd9bb97": {
|
|
"component": {
|
|
"properties": {
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"borderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "container3",
|
|
"displayName": "Container",
|
|
"description": "Group components",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 200
|
|
},
|
|
"component": "Container",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 160,
|
|
"left": 2.3255813953488373,
|
|
"width": 41,
|
|
"height": 670
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"ed3c303e-dcb1-4b9a-b907-1ecca3a8df75": {
|
|
"id": "ed3c303e-dcb1-4b9a-b907-1ecca3a8df75",
|
|
"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": "text18",
|
|
"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": 2.3255833977031735,
|
|
"width": 3,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "2e3fd0ee-117b-4f74-bcfa-ec0eecd9bb97"
|
|
},
|
|
"5ba0345c-961a-4d00-876d-d90e1a8fa15a": {
|
|
"id": "5ba0345c-961a-4d00-876d-d90e1a8fa15a",
|
|
"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": "daterangepicker6",
|
|
"displayName": "Range Picker",
|
|
"description": "Select a date range",
|
|
"component": "DaterangePicker",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"endDate": {},
|
|
"startDate": {}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 50,
|
|
"left": 2.325577610336826,
|
|
"width": 8,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "2e3fd0ee-117b-4f74-bcfa-ec0eecd9bb97"
|
|
},
|
|
"595fb73c-c455-470c-a501-335c34fca38d": {
|
|
"id": "595fb73c-c455-470c-a501-335c34fca38d",
|
|
"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",
|
|
"queryName": "listExpenses",
|
|
"queryId": "aaa30055-ab52-45b1-8374-d05195e7edc6",
|
|
"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}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button5",
|
|
"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": 37.20931142741755,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "2e3fd0ee-117b-4f74-bcfa-ec0eecd9bb97"
|
|
},
|
|
"873098f6-371a-4586-b627-de92258843c5": {
|
|
"id": "873098f6-371a-4586-b627-de92258843c5",
|
|
"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": "text19",
|
|
"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": 23.25581191474764,
|
|
"width": 3,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "2e3fd0ee-117b-4f74-bcfa-ec0eecd9bb97"
|
|
},
|
|
"5745fc7e-e5a6-4bca-9d70-cf5c9da67993": {
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{\"\"}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[\"\", \"approved\", \"rejected\", \"pending\"]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"All\", \"Approved\", \"Rejected\", \"Pending\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select status"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown1",
|
|
"displayName": "Dropdown",
|
|
"description": "Single item selector",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "2e3fd0ee-117b-4f74-bcfa-ec0eecd9bb97",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 50,
|
|
"left": 23.25581701159946,
|
|
"width": 4.999999999999999,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"19f77238-34a2-4dac-9a64-21f398b0240d": {
|
|
"id": "19f77238-34a2-4dac-9a64-21f398b0240d",
|
|
"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": [
|
|
{
|
|
"name": "id",
|
|
"id": "a043d834-c894-4091-942d-1e4a600bf906",
|
|
"columnType": "number"
|
|
},
|
|
{
|
|
"id": "e10729f5-383d-4a60-a628-1841a84be52a",
|
|
"name": "employee name",
|
|
"key": "employee_name",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "35d009f6-ed14-43d8-bb52-56c839475038",
|
|
"name": "employee email",
|
|
"key": "employee_email",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"name": "category",
|
|
"id": "1e910707-d279-43be-9ad0-101c5c2e259b",
|
|
"columnType": "string"
|
|
},
|
|
{
|
|
"name": "amount ($)",
|
|
"id": "a3455643-e26b-4e4e-b250-ecdc8ffce044",
|
|
"key": "amount",
|
|
"columnType": "number"
|
|
},
|
|
{
|
|
"name": "status",
|
|
"id": "aa3aea88-5d0c-4201-a202-2651d1cf7ef2",
|
|
"textColor": "{{({ approved: \"#00C65D\", rejected: \"#DF2C00\", pending: \"#F6D100\" })[rowData.status]}}",
|
|
"columnType": "string"
|
|
},
|
|
{
|
|
"name": "date submitted",
|
|
"id": "c56d43f7-befa-45de-8913-411a8fa6826a",
|
|
"key": "date_submitted",
|
|
"columnType": "datepicker",
|
|
"isTimeChecked": false,
|
|
"dateFormat": "YYYY/MM/DD",
|
|
"parseDateFormat": "YYYY/MM/DD"
|
|
},
|
|
{
|
|
"name": "description",
|
|
"id": "e5be50ba-67cc-4e10-9e21-cff2e3fd27b7",
|
|
"key": "description",
|
|
"columnType": "default"
|
|
}
|
|
]
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"value": "{{false}}"
|
|
},
|
|
"showBulkSelector": {
|
|
"value": "{{false}}"
|
|
},
|
|
"highlightSelectedRow": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnSizes": {
|
|
"value": {
|
|
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 55,
|
|
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 143,
|
|
"3d4dc529-964c-4e34-bfac-59d059c85521": 111,
|
|
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 217,
|
|
"f1c5b098-25a8-494a-8141-0b6327a4a60f": 88,
|
|
"3b38b9bb-bd1b-40b7-82c5-3e17cb660d3a": 101,
|
|
"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,
|
|
"05b13020-5760-4150-8121-a0bfb1330baf": 124,
|
|
"7e1e18ee-437e-4c4c-b5ff-5410274384f7": 192,
|
|
"07a1f8fe-90d9-4571-9a5a-1f125037bea5": 117,
|
|
"2b818d4e-9a06-48cc-b214-bd4183aedc35": 105,
|
|
"a043d834-c894-4091-942d-1e4a600bf906": 73,
|
|
"c56d43f7-befa-45de-8913-411a8fa6826a": 195,
|
|
"e5be50ba-67cc-4e10-9e21-cff2e3fd27b7": 207,
|
|
"e10729f5-383d-4a60-a628-1841a84be52a": 151,
|
|
"35d009f6-ed14-43d8-bb52-56c839475038": 218,
|
|
"1e910707-d279-43be-9ad0-101c5c2e259b": 136,
|
|
"aa3aea88-5d0c-4201-a202-2651d1cf7ef2": 96,
|
|
"a3455643-e26b-4e4e-b250-ecdc8ffce044": 110
|
|
}
|
|
},
|
|
"actions": {
|
|
"value": [
|
|
{
|
|
"name": "Action0",
|
|
"buttonText": "View",
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "switch-page",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"pageId": "89520877-a4b6-408f-bda7-b82b7cc998b9",
|
|
"queryParams": [
|
|
[
|
|
"id",
|
|
"{{components.table6.selectedRow.id}}"
|
|
]
|
|
]
|
|
}
|
|
],
|
|
"position": "right",
|
|
"fxActive": false,
|
|
"disableActionButton": "{{false}}",
|
|
"textColor": "#ffffffff",
|
|
"backgroundColor": "#3e63ddff"
|
|
}
|
|
]
|
|
},
|
|
"enabledSort": {
|
|
"value": "{{true}}"
|
|
},
|
|
"hideColumnSelectorButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnDeletionHistory": {
|
|
"value": [
|
|
"email",
|
|
"Description",
|
|
"new_column1",
|
|
"receipt",
|
|
"datesubmitted",
|
|
"amount",
|
|
"Status",
|
|
"id",
|
|
"datesubmitted",
|
|
"Employee name",
|
|
"description",
|
|
"category",
|
|
"receipt",
|
|
"amount",
|
|
"status",
|
|
"new_column1",
|
|
"id",
|
|
"datesubmitted",
|
|
"description",
|
|
"category",
|
|
"status",
|
|
"id",
|
|
"datesubmitted",
|
|
"description",
|
|
"category",
|
|
"status"
|
|
]
|
|
},
|
|
"enablePagination": {
|
|
"value": true
|
|
},
|
|
"showAddNewRowButton": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "table6",
|
|
"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": 110,
|
|
"left": 2.325581358962442,
|
|
"width": 41,
|
|
"height": 520
|
|
}
|
|
},
|
|
"parent": "2e3fd0ee-117b-4f74-bcfa-ec0eecd9bb97"
|
|
},
|
|
"928a9e56-af22-44df-9bf1-f83fc2db830a": {
|
|
"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": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "center"
|
|
},
|
|
"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": "A D M I N I S T R A T O R"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text7",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "b43a4113-2eaa-45c1-a5d8-10157ac82173",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 41.86046511627907,
|
|
"width": 7,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
}
|
|
},
|
|
"handle": "home",
|
|
"name": "Home",
|
|
"events": [
|
|
{
|
|
"eventId": "onPageLoad",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "aaa30055-ab52-45b1-8374-d05195e7edc6",
|
|
"queryName": "listExpenses",
|
|
"parameters": {}
|
|
}
|
|
]
|
|
},
|
|
"89520877-a4b6-408f-bda7-b82b7cc998b9": {
|
|
"name": "Expense detail page",
|
|
"handle": "expense-detail-page",
|
|
"components": {
|
|
"f7365b95-39d2-434e-9e15-c8211452b9db": {
|
|
"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": "#fff"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"borderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"fxActive": true,
|
|
"value": "{{queries.expenseDetails.isLoading}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "container3",
|
|
"displayName": "Container",
|
|
"description": "Wrapper for multiple components",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 200
|
|
},
|
|
"component": "Container",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 80,
|
|
"left": 2.3255811086208023,
|
|
"width": 41,
|
|
"height": 750
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"7808ed42-b375-49e3-b13c-2397f716d713": {
|
|
"id": "7808ed42-b375-49e3-b13c-2397f716d713",
|
|
"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": "Amount"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text2",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 290,
|
|
"left": 2.325582160014442,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"dc067f34-0ca8-4dfc-a5bc-173e2c0df9e1": {
|
|
"id": "dc067f34-0ca8-4dfc-a5bc-173e2c0df9e1",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
},
|
|
"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": "{{queries.expenseDetails.data.amount}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter your amount"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput1",
|
|
"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": 290,
|
|
"left": 11.627907486429367,
|
|
"width": 15.039236523514825,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"2c57c516-6f33-4fd6-8bc2-581ea1e17fe8": {
|
|
"id": "2c57c516-6f33-4fd6-8bc2-581ea1e17fe8",
|
|
"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": "Category"
|
|
},
|
|
"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": 350,
|
|
"left": 2.325580230157231,
|
|
"width": 4.033605318259923,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"dc6c1cdd-a0d1-4631-b926-70aba1e121b3": {
|
|
"id": "dc6c1cdd-a0d1-4631-b926-70aba1e121b3",
|
|
"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": 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": "text5",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 410,
|
|
"left": 2.3255807401180757,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"b46da6c8-4adb-4164-aa88-c629f8d1c001": {
|
|
"id": "b46da6c8-4adb-4164-aa88-c629f8d1c001",
|
|
"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": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{queries.expenseDetails.data.description}}"
|
|
},
|
|
"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": 450,
|
|
"left": 2.3255798299068937,
|
|
"width": 18.999999999999996,
|
|
"height": 110
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"3e0ac6d7-ab9e-40ba-b7ca-2942280559a5": {
|
|
"component": {
|
|
"properties": {
|
|
"url": {
|
|
"type": "code",
|
|
"displayName": "File URL",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"scale": {
|
|
"type": "toggle",
|
|
"displayName": "Scale page to width",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"pageControls": {
|
|
"type": "toggle",
|
|
"displayName": "Show page controls",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showDownloadOption": {
|
|
"type": "toggle",
|
|
"displayName": "Show the Download",
|
|
"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": {
|
|
"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}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 10px 1px #8888884d"
|
|
}
|
|
},
|
|
"properties": {
|
|
"url": {
|
|
"value": "{{'data:image/png;base64,' + queries.expenseDetails.data.receipt}}"
|
|
},
|
|
"scale": {
|
|
"value": "{{true}}"
|
|
},
|
|
"pageControls": {
|
|
"value": "{{false}}"
|
|
},
|
|
"showDownloadOption": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "pdf1",
|
|
"displayName": "PDF",
|
|
"description": "Embed PDF file",
|
|
"component": "PDF",
|
|
"defaultSize": {
|
|
"width": 20,
|
|
"height": 640
|
|
},
|
|
"exposedVariables": {}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 48.83720799213971,
|
|
"width": 21,
|
|
"height": 600
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"41e889af-8a4f-4625-817e-04f2e21549a6": {
|
|
"id": "41e889af-8a4f-4625-817e-04f2e21549a6",
|
|
"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": "Employee Name"
|
|
},
|
|
"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": 170,
|
|
"left": 2.325582888017991,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"a4e9fef8-fbf3-415d-b94a-c7c929784218": {
|
|
"id": "a4e9fef8-fbf3-415d-b94a-c7c929784218",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
},
|
|
"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": "{{queries.expenseDetails.data.employee_name}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Employee name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput2",
|
|
"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": 170,
|
|
"left": 11.627903959658262,
|
|
"width": 15.033948087773464,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"cef5f306-b447-4a9a-b424-b2ba4e123b62": {
|
|
"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": "#88888833"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "divider1",
|
|
"displayName": "Divider",
|
|
"description": "Separator between components",
|
|
"component": "Divider",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
"exposedVariables": {
|
|
"value": {}
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 70,
|
|
"left": 2.325581395348837,
|
|
"width": 41,
|
|
"height": 10
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"f67962ae-d3c3-41a4-8534-321df81edd0a": {
|
|
"id": "f67962ae-d3c3-41a4-8534-321df81edd0a",
|
|
"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": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "switch-page",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"pageId": "b4d0cfa2-2893-4b10-869e-91cef96d3d08"
|
|
}
|
|
],
|
|
"styles": {
|
|
"iconColor": {
|
|
"value": "#3e63ddff",
|
|
"fxActive": false
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"icon": {
|
|
"value": "IconArrowLeft"
|
|
}
|
|
},
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 20,
|
|
"left": 2.3255813953488373,
|
|
"width": 1,
|
|
"height": 40
|
|
}
|
|
}
|
|
},
|
|
"43bff61e-1c92-4bfc-90e2-2e2a9d26a763": {
|
|
"id": "43bff61e-1c92-4bfc-90e2-2e2a9d26a763",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{20}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Expense Details"
|
|
},
|
|
"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": 20,
|
|
"left": 6.976745450163009,
|
|
"width": 7,
|
|
"height": 40
|
|
}
|
|
}
|
|
},
|
|
"88c4353f-a551-4733-8714-cb9e16c0d318": {
|
|
"id": "88c4353f-a551-4733-8714-cb9e16c0d318",
|
|
"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": "#3E63DD",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{18}}"
|
|
},
|
|
"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": "{{`Expense #${queries.expenseDetails.data.id}`}}"
|
|
},
|
|
"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": 20,
|
|
"left": 2.3255821082776333,
|
|
"width": 8.043898728159355,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"4323ed4c-f99f-4b3e-876d-db380eb1df4f": {
|
|
"id": "4323ed4c-f99f-4b3e-876d-db380eb1df4f",
|
|
"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"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text10",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 2.325581358962442,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"ef654245-6bf4-40c7-9d10-6398e8f383ba": {
|
|
"id": "ef654245-6bf4-40c7-9d10-6398e8f383ba",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
},
|
|
"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": "{{queries.expenseDetails.data.date_submitted}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Date"
|
|
}
|
|
},
|
|
"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": 110,
|
|
"left": 11.627907368268282,
|
|
"width": 15.033948087773464,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"3fa246c8-a97f-42fb-868d-2e5841e041bb": {
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
},
|
|
"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": "{{queries.expenseDetails.data.category}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Category"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput4",
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 350,
|
|
"left": 11.627907595864212,
|
|
"width": 15.038773956265942,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"40dcc5e7-6b17-4321-b64e-46025489df9a": {
|
|
"id": "40dcc5e7-6b17-4321-b64e-46025489df9a",
|
|
"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": 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": "Status"
|
|
},
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 600,
|
|
"left": 2.325581140644074,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"b01f8af2-2a52-426e-873e-80edfe4d8f04": {
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{queries.updateExpenseStatus.isLoading || queries.expenseDetails.data.status != \"pending\"}}",
|
|
"fxActive": true
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{queries.expenseDetails.data.status}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[\"approved\", \"rejected\", \"pending\"]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Approved\", \"Rejected\", \"Pending\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select an option"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown1",
|
|
"displayName": "Dropdown",
|
|
"description": "Single item selector",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 600,
|
|
"left": 11.627906430948268,
|
|
"width": 15,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"a255e06a-17cb-4726-99b9-b29ea4ffb6de": {
|
|
"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": "c3c03021-c71e-4247-b0a8-8a74d5bf5b12",
|
|
"queryName": "updateExpenseStatus",
|
|
"parameters": {}
|
|
},
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "a96856e4-bc68-480c-9667-bce036389fcc",
|
|
"queryName": "expenseDetails",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#375FCF"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{queries.expenseDetails.data.status != \"pending\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Save"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.updateExpenseStatus.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button8",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 670,
|
|
"left": 39.53488360490564,
|
|
"width": 3.0000000000000004,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"ebf20a4c-2032-46b3-bf51-e9e63b77f7bb": {
|
|
"id": "ebf20a4c-2032-46b3-bf51-e9e63b77f7bb",
|
|
"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": "Employee Email"
|
|
},
|
|
"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": 230,
|
|
"left": 2.32558215537566,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"e51f1fdf-5bdf-4f47-a12b-551aa1795d81": {
|
|
"id": "e51f1fdf-5bdf-4f47-a12b-551aa1795d81",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
},
|
|
"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": "{{queries.expenseDetails.data.employee_email}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Employee name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput5",
|
|
"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": 230,
|
|
"left": 11.627907268111,
|
|
"width": 15.033948087773464,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"b095aef7-6944-449f-b0ba-01bb15c6b1a8": {
|
|
"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": "{{({ approved: \"#00C65D22\", rejected: \"#DF2C0022\", pending: \"#F6D10022\" })[queries.expenseDetails.data.status]}}",
|
|
"fxActive": true
|
|
},
|
|
"textColor": {
|
|
"value": "{{({ approved: \"#00C65D\", rejected: \"#DF2C00\", pending: \"#F6D100\" })[queries.expenseDetails.data.status]}}",
|
|
"fxActive": true
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{50}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{queries.expenseDetails.data.status.toUpperCase().split(\"\").join(\" \")}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button2",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 20,
|
|
"left": 86.04650977192519,
|
|
"width": 4.999999999999999,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onPageLoad",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "a96856e4-bc68-480c-9667-bce036389fcc",
|
|
"queryName": "expenseDetails",
|
|
"parameters": {},
|
|
"runOnlyIf": "{{globals.urlparams.id != undefined}}"
|
|
},
|
|
{
|
|
"eventId": "onPageLoad",
|
|
"actionId": "switch-page",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"runOnlyIf": "{{globals.urlparams.id == undefined}}",
|
|
"pageId": "b4d0cfa2-2893-4b10-869e-91cef96d3d08"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
"globalSettings": {
|
|
"hideHeader": true,
|
|
"appInMaintenance": false,
|
|
"canvasMaxWidth": "100",
|
|
"canvasMaxWidthType": "%",
|
|
"canvasMaxHeight": "2400",
|
|
"canvasBackgroundColor": "",
|
|
"backgroundFxQuery": ""
|
|
},
|
|
"components": {
|
|
"8b02a3ac-ca1d-420f-abb8-5f7db409d6e2": {
|
|
"id": "8b02a3ac-ca1d-420f-abb8-5f7db409d6e2",
|
|
"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": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "container2",
|
|
"displayName": "Container",
|
|
"description": "Wrapper for multiple components",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 200
|
|
},
|
|
"component": "Container",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 660,
|
|
"left": -0.03833735818827982,
|
|
"width": 43,
|
|
"height": 80
|
|
}
|
|
}
|
|
},
|
|
"3d0794e7-1b30-4ec2-9f3e-975e200578c9": {
|
|
"id": "3d0794e7-1b30-4ec2-9f3e-975e200578c9",
|
|
"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": "#FFFFFF",
|
|
"fxActive": true
|
|
},
|
|
"textColor": {
|
|
"value": "#20134B",
|
|
"fxActive": true
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "< Previous Expense"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button1",
|
|
"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": 20,
|
|
"left": 11.757106454395258,
|
|
"width": 5.99537037037037,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "8b02a3ac-ca1d-420f-abb8-5f7db409d6e2"
|
|
},
|
|
"5975e379-e4a0-425a-a0e0-2b21282784cf": {
|
|
"id": "5975e379-e4a0-425a-a0e0-2b21282784cf",
|
|
"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": "#FFFFFF",
|
|
"fxActive": true
|
|
},
|
|
"textColor": {
|
|
"value": "#20134B",
|
|
"fxActive": true
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Next 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": 20,
|
|
"left": 77.48923399031861,
|
|
"width": 5.027731188228491,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "8b02a3ac-ca1d-420f-abb8-5f7db409d6e2"
|
|
},
|
|
"f7365b95-39d2-434e-9e15-c8211452b9db": {
|
|
"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": "#fff"
|
|
},
|
|
"borderRadius": {
|
|
"value": "12"
|
|
},
|
|
"borderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"fxActive": true,
|
|
"value": "{{queries.ExpenseDetailPage.isLoading===true?true:false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "container3",
|
|
"displayName": "Container",
|
|
"description": "Wrapper for multiple components",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 200
|
|
},
|
|
"component": "Container",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 80,
|
|
"left": 11.630036640646043,
|
|
"width": 33,
|
|
"height": 490
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"7808ed42-b375-49e3-b13c-2397f716d713": {
|
|
"id": "7808ed42-b375-49e3-b13c-2397f716d713",
|
|
"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": "Amount"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text2",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 210,
|
|
"left": 4.651163198153794,
|
|
"width": 3,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"dc067f34-0ca8-4dfc-a5bc-173e2c0df9e1": {
|
|
"id": "dc067f34-0ca8-4dfc-a5bc-173e2c0df9e1",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{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": "{{queries.ExpenseDetailPage.data[0].amount}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter your amount"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput1",
|
|
"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": 210,
|
|
"left": 20.93023274173657,
|
|
"width": 15.039236523514825,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"2c57c516-6f33-4fd6-8bc2-581ea1e17fe8": {
|
|
"id": "2c57c516-6f33-4fd6-8bc2-581ea1e17fe8",
|
|
"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": "Category"
|
|
},
|
|
"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": 260,
|
|
"left": 4.651167535806316,
|
|
"width": 4.033605318259923,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"dc6c1cdd-a0d1-4631-b926-70aba1e121b3": {
|
|
"id": "dc6c1cdd-a0d1-4631-b926-70aba1e121b3",
|
|
"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": "Details of expense"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text5",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 310,
|
|
"left": 4.651169523576039,
|
|
"width": 17.930261641933875,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"b46da6c8-4adb-4164-aa88-c629f8d1c001": {
|
|
"id": "b46da6c8-4adb-4164-aa88-c629f8d1c001",
|
|
"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": "{{queries.ExpenseDetailPage.data[0].description}}"
|
|
},
|
|
"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": 350,
|
|
"left": 4.707509207463121,
|
|
"width": 22.014813536564017,
|
|
"height": 110
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"f791a67d-6f03-4c48-9cdf-5e2625e5eb80": {
|
|
"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": "189d8a65-1571-4dad-9806-82f61ee1fbb0",
|
|
"queryName": "ApproveExpense"
|
|
},
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "34c279af-b99a-4fe2-a612-4045cee4c06a",
|
|
"queryName": "ExpenseDetailPage"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#ffffffff",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#46A758",
|
|
"fxActive": true
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#46A758",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Approve"
|
|
},
|
|
"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": 590,
|
|
"left": 58.12250493646978,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"22e6c6b3-8fba-47d5-a417-304f8ab3c29d": {
|
|
"id": "22e6c6b3-8fba-47d5-a417-304f8ab3c29d",
|
|
"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": "0a791e93-b5b2-4f00-8cec-db65c15c6394",
|
|
"queryName": "RejectExpense"
|
|
},
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "34c279af-b99a-4fe2-a612-4045cee4c06a",
|
|
"queryName": "ExpenseDetailPage"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#ffffffff",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#E54D2E",
|
|
"fxActive": true
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#E54D2E",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Reject"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button5",
|
|
"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": 590,
|
|
"left": 69.75040645389767,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
}
|
|
},
|
|
"f1efbecb-5322-450a-853a-9f7a5581bdaf": {
|
|
"id": "f1efbecb-5322-450a-853a-9f7a5581bdaf",
|
|
"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": "c4c33fcd-2b67-4592-936b-8ae6425f4b16",
|
|
"queryName": "FlaggedExpense"
|
|
},
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "34c279af-b99a-4fe2-a612-4045cee4c06a",
|
|
"queryName": "ExpenseDetailPage"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#ffffffff",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#889096",
|
|
"fxActive": true
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#889096",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Flag"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button6",
|
|
"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": 590,
|
|
"left": 81.3996087937128,
|
|
"width": 3,
|
|
"height": 40
|
|
}
|
|
}
|
|
},
|
|
"3e0ac6d7-ab9e-40ba-b7ca-2942280559a5": {
|
|
"component": {
|
|
"properties": {
|
|
"url": {
|
|
"type": "code",
|
|
"displayName": "File URL",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"scale": {
|
|
"type": "toggle",
|
|
"displayName": "Scale page to width",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"pageControls": {
|
|
"type": "toggle",
|
|
"displayName": "Show page controls",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showDownloadOption": {
|
|
"type": "toggle",
|
|
"displayName": "Show the Download",
|
|
"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": {
|
|
"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}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"url": {
|
|
"value": "{{'data:image/png;base64,' + queries.ExpenseDetailPage.data[0].receipt}}"
|
|
},
|
|
"scale": {
|
|
"value": "{{true}}"
|
|
},
|
|
"pageControls": {
|
|
"value": "{{false}}"
|
|
},
|
|
"showDownloadOption": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "pdf1",
|
|
"displayName": "PDF",
|
|
"description": "Embed PDF file",
|
|
"component": "PDF",
|
|
"defaultSize": {
|
|
"width": 20,
|
|
"height": 640
|
|
},
|
|
"exposedVariables": {}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 104,
|
|
"left": 63.09035790623552,
|
|
"width": 13.976846901992486,
|
|
"height": 350
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"41e889af-8a4f-4625-817e-04f2e21549a6": {
|
|
"id": "41e889af-8a4f-4625-817e-04f2e21549a6",
|
|
"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": "Employee Name"
|
|
},
|
|
"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": 160,
|
|
"left": 4.8865804635435985,
|
|
"width": 7.051421213550593,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"a4e9fef8-fbf3-415d-b94a-c7c929784218": {
|
|
"id": "a4e9fef8-fbf3-415d-b94a-c7c929784218",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{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": "Employee name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput2",
|
|
"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": 160,
|
|
"left": 20.930230282311104,
|
|
"width": 15.033948087773464,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"cef5f306-b447-4a9a-b424-b2ba4e123b62": {
|
|
"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": "divider1",
|
|
"displayName": "Divider",
|
|
"description": "Separator between components",
|
|
"component": "Divider",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
"exposedVariables": {
|
|
"value": {}
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 70,
|
|
"left": 2.9006877363308416,
|
|
"width": 40.01773312725625,
|
|
"height": 10
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"5bb9c33f-c0e0-4d65-a531-f416aca161a3": {
|
|
"id": "5bb9c33f-c0e0-4d65-a531-f416aca161a3",
|
|
"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": "Status"
|
|
},
|
|
"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": 20,
|
|
"left": 79.06977056893254,
|
|
"width": 2.994500716185799,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"cd8b1b86-6400-4e28-82b2-952123a73507": {
|
|
"id": "cd8b1b86-6400-4e28-82b2-952123a73507",
|
|
"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": "#F1F3F5",
|
|
"fxActive": true
|
|
},
|
|
"textColor": {
|
|
"value": "#687076",
|
|
"fxActive": true
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#375fcf00",
|
|
"fxActive": false
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{queries.ExpenseDetailPage.data[0].status}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button7",
|
|
"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": 20,
|
|
"left": 86.04651116595315,
|
|
"width": 3.9951503990178017,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"f67962ae-d3c3-41a4-8534-321df81edd0a": {
|
|
"id": "f67962ae-d3c3-41a4-8534-321df81edd0a",
|
|
"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": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "switch-page",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"pageId": "b4d0cfa2-2893-4b10-869e-91cef96d3d08"
|
|
},
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "81943fba-eebf-44cd-89a8-c9d9b8a9e2c7",
|
|
"queryName": "ListAllExpenses"
|
|
}
|
|
],
|
|
"styles": {
|
|
"iconColor": {
|
|
"value": "#20134B",
|
|
"fxActive": true
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"icon": {
|
|
"value": "IconArrowLeft"
|
|
}
|
|
},
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 20,
|
|
"left": 11.627907106727907,
|
|
"width": 1.9911509053210048,
|
|
"height": 40
|
|
}
|
|
}
|
|
},
|
|
"43bff61e-1c92-4bfc-90e2-2e2a9d26a763": {
|
|
"id": "43bff61e-1c92-4bfc-90e2-2e2a9d26a763",
|
|
"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": "Expense Details"
|
|
},
|
|
"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": 20,
|
|
"left": 16.279071023435332,
|
|
"width": 7,
|
|
"height": 40
|
|
}
|
|
}
|
|
},
|
|
"88c4353f-a551-4733-8714-cb9e16c0d318": {
|
|
"id": "88c4353f-a551-4733-8714-cb9e16c0d318",
|
|
"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": "{{18}}"
|
|
},
|
|
"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": "Expense #{{queries.ExpenseDetailPage.data[0].id}}"
|
|
},
|
|
"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": 20,
|
|
"left": 4.7645458519336445,
|
|
"width": 8.043898728159355,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"4323ed4c-f99f-4b3e-876d-db380eb1df4f": {
|
|
"id": "4323ed4c-f99f-4b3e-876d-db380eb1df4f",
|
|
"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": "Date"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text10",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 4.651162759148427,
|
|
"width": 7.051421213550593,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"ef654245-6bf4-40c7-9d10-6398e8f383ba": {
|
|
"id": "ef654245-6bf4-40c7-9d10-6398e8f383ba",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{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": "{{queries.ExpenseDetailPage.data[0].datesubmitted}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Date"
|
|
}
|
|
},
|
|
"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": 110,
|
|
"left": 20.93023274173657,
|
|
"width": 15.033948087773464,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"3fa246c8-a97f-42fb-868d-2e5841e041bb": {
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{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": "{{queries.ExpenseDetailPage.data[0].category}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Category"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput4",
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 260,
|
|
"left": 20.987272320839814,
|
|
"width": 15.038773956265942,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
}
|
|
}
|
|
},
|
|
"globalSettings": {
|
|
"hideHeader": true,
|
|
"appInMaintenance": false,
|
|
"canvasMaxWidth": "100",
|
|
"canvasMaxWidthType": "%",
|
|
"canvasMaxHeight": "2400",
|
|
"canvasBackgroundColor": "",
|
|
"backgroundFxQuery": ""
|
|
},
|
|
"showViewerNavigation": false,
|
|
"homePageId": "2d684124-f12e-4d5e-8996-b218e8d339ba",
|
|
"appId": "61d9b309-cd6a-47b7-b79e-e89ca02ef758",
|
|
"currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"promotedFrom": null,
|
|
"createdAt": "2023-11-17T18:58:57.456Z",
|
|
"updatedAt": "2024-01-02T20:16:53.332Z"
|
|
},
|
|
"components": [
|
|
{
|
|
"id": "b5593e8a-5124-470e-abc2-4ff46c8ef60c",
|
|
"name": "text6",
|
|
"type": "Text",
|
|
"pageId": "2d684124-f12e-4d5e-8996-b218e8d339ba",
|
|
"parent": null,
|
|
"properties": {
|
|
"text": {
|
|
"value": "Dashboard"
|
|
},
|
|
"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": "d6208849-bccc-4e23-95e2-b2c27f7c1909",
|
|
"type": "desktop",
|
|
"top": 120,
|
|
"left": 2.3255813953488373,
|
|
"width": 4,
|
|
"height": 40,
|
|
"componentId": "b5593e8a-5124-470e-abc2-4ff46c8ef60c"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "3e8b9013-3cd6-4f84-bab1-544b42e6d376",
|
|
"name": "container2",
|
|
"type": "Container",
|
|
"pageId": "2d684124-f12e-4d5e-8996-b218e8d339ba",
|
|
"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": "37ee6f42-6806-4856-8d0c-b9409a39a2a2",
|
|
"type": "desktop",
|
|
"top": 20,
|
|
"left": 2.3255811696137485,
|
|
"width": 41,
|
|
"height": 70,
|
|
"componentId": "3e8b9013-3cd6-4f84-bab1-544b42e6d376"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "88cdfbc9-0963-4c64-b5af-772b19bf61f8",
|
|
"name": "text15",
|
|
"type": "Text",
|
|
"pageId": "2d684124-f12e-4d5e-8996-b218e8d339ba",
|
|
"parent": "3e8b9013-3cd6-4f84-bab1-544b42e6d376",
|
|
"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": "38b6035d-b307-412c-986b-8b84d0cc8b21",
|
|
"type": "desktop",
|
|
"top": 10,
|
|
"left": 2.325581395348837,
|
|
"width": 4,
|
|
"height": 40,
|
|
"componentId": "88cdfbc9-0963-4c64-b5af-772b19bf61f8"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "dc3d72f8-125c-49f5-9d3c-9a59c53a6e17",
|
|
"name": "text16",
|
|
"type": "Text",
|
|
"pageId": "2d684124-f12e-4d5e-8996-b218e8d339ba",
|
|
"parent": "3e8b9013-3cd6-4f84-bab1-544b42e6d376",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{`${globals.currentUser.firstName} ${globals.currentUser.lastName} `}}"
|
|
},
|
|
"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": "be32387b-cbc1-458b-a4d5-193ccb4883db",
|
|
"type": "desktop",
|
|
"top": 10,
|
|
"left": 67.4418635841583,
|
|
"width": 12,
|
|
"height": 40,
|
|
"componentId": "dc3d72f8-125c-49f5-9d3c-9a59c53a6e17"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "ed1e79f1-91f4-49cf-b18e-6a7bc20debff",
|
|
"name": "icon4",
|
|
"type": "Icon",
|
|
"pageId": "2d684124-f12e-4d5e-8996-b218e8d339ba",
|
|
"parent": "3e8b9013-3cd6-4f84-bab1-544b42e6d376",
|
|
"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": "946d8725-7003-4222-bf33-6ce001441612",
|
|
"type": "desktop",
|
|
"top": 10,
|
|
"left": 95.34883163997867,
|
|
"width": 1,
|
|
"height": 40,
|
|
"componentId": "ed1e79f1-91f4-49cf-b18e-6a7bc20debff"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "2144fd88-2f02-4ec2-88d9-17226c8e0b49",
|
|
"name": "text18",
|
|
"type": "Text",
|
|
"pageId": "2d684124-f12e-4d5e-8996-b218e8d339ba",
|
|
"parent": "f518da8e-9433-4464-b41a-863a9ad07a83",
|
|
"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": "a7f5d48c-f4d7-4853-a373-3278a4b98162",
|
|
"type": "desktop",
|
|
"top": 20,
|
|
"left": 2.3255833977031735,
|
|
"width": 3,
|
|
"height": 30,
|
|
"componentId": "2144fd88-2f02-4ec2-88d9-17226c8e0b49"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "f4272854-8c12-476a-888b-e6f7a46d9ad1",
|
|
"name": "button5",
|
|
"type": "Button",
|
|
"pageId": "2d684124-f12e-4d5e-8996-b218e8d339ba",
|
|
"parent": "f518da8e-9433-4464-b41a-863a9ad07a83",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Apply filter"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{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": "93ac62a1-ebfa-4c1c-b7f1-4ade02bf6d47",
|
|
"type": "desktop",
|
|
"top": 50,
|
|
"left": 37.20931142741755,
|
|
"width": 4,
|
|
"height": 40,
|
|
"componentId": "f4272854-8c12-476a-888b-e6f7a46d9ad1"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "5f2c9ac4-ef4f-4ebd-b6f8-0ec89b5c450b",
|
|
"name": "text19",
|
|
"type": "Text",
|
|
"pageId": "2d684124-f12e-4d5e-8996-b218e8d339ba",
|
|
"parent": "f518da8e-9433-4464-b41a-863a9ad07a83",
|
|
"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": "159f2893-ef77-4b1a-ac48-3b0da136d100",
|
|
"type": "desktop",
|
|
"top": 20,
|
|
"left": 23.25581191474764,
|
|
"width": 3,
|
|
"height": 30,
|
|
"componentId": "5f2c9ac4-ef4f-4ebd-b6f8-0ec89b5c450b"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "3433e7b0-79eb-4b7a-a688-58b4f07bef23",
|
|
"name": "dropdown1",
|
|
"type": "DropDown",
|
|
"pageId": "2d684124-f12e-4d5e-8996-b218e8d339ba",
|
|
"parent": "f518da8e-9433-4464-b41a-863a9ad07a83",
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{\"\\%\\%\"}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[\"\\%\\%\", \"approved\", \"rejected\", \"pending\"]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"All\", \"Approved\", \"Rejected\", \"Pending\"]}}"
|
|
},
|
|
"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:20:08.571Z",
|
|
"layouts": [
|
|
{
|
|
"id": "432255e2-2d67-44d9-b396-1fb974b78ea3",
|
|
"type": "desktop",
|
|
"top": 50,
|
|
"left": 23.25581701159946,
|
|
"width": 4.999999999999999,
|
|
"height": 40,
|
|
"componentId": "3433e7b0-79eb-4b7a-a688-58b4f07bef23"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "23985a7e-93d3-4a75-b617-12ff10c6b79e",
|
|
"name": "text7",
|
|
"type": "Text",
|
|
"pageId": "2d684124-f12e-4d5e-8996-b218e8d339ba",
|
|
"parent": "3e8b9013-3cd6-4f84-bab1-544b42e6d376",
|
|
"properties": {
|
|
"text": {
|
|
"value": "A D M I N I S T R A T O R"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "center"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": "{{0}}"
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "bbbc9951-364b-41c8-a2e0-b2d3d265c0e2",
|
|
"type": "desktop",
|
|
"top": 10,
|
|
"left": 41.86046511627907,
|
|
"width": 7,
|
|
"height": 40,
|
|
"componentId": "23985a7e-93d3-4a75-b617-12ff10c6b79e"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4",
|
|
"name": "container3",
|
|
"type": "Container",
|
|
"pageId": "ac994427-5faf-4946-9d78-25eafe064c44",
|
|
"parent": null,
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"fxActive": true,
|
|
"value": "{{queries.expenseDetails.isLoading}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
},
|
|
"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:13:21.952Z",
|
|
"layouts": [
|
|
{
|
|
"id": "cd3476af-0f15-482f-9208-f06310c328d5",
|
|
"type": "desktop",
|
|
"top": 80,
|
|
"left": 2.3255811086208023,
|
|
"width": 41,
|
|
"height": 750,
|
|
"componentId": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "2ea2d101-cae1-49f1-aaa7-5ced8ef64971",
|
|
"name": "text2",
|
|
"type": "Text",
|
|
"pageId": "ac994427-5faf-4946-9d78-25eafe064c44",
|
|
"parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Amount"
|
|
},
|
|
"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": "195240fd-84b7-43d8-be31-d3efc6506ab7",
|
|
"type": "desktop",
|
|
"top": 290,
|
|
"left": 2.325582160014442,
|
|
"width": 4,
|
|
"height": 40,
|
|
"componentId": "2ea2d101-cae1-49f1-aaa7-5ced8ef64971"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "82562536-b741-4c98-b83a-d702ffc9612b",
|
|
"name": "textinput1",
|
|
"type": "TextInput",
|
|
"pageId": "ac994427-5faf-4946-9d78-25eafe064c44",
|
|
"parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4",
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{queries.expenseDetails.data.amount}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter your amount"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "b58bc14c-62ef-4f4b-ba3f-521118a2d8fa",
|
|
"type": "desktop",
|
|
"top": 290,
|
|
"left": 11.627907486429367,
|
|
"width": 15.039236523514825,
|
|
"height": 40,
|
|
"componentId": "82562536-b741-4c98-b83a-d702ffc9612b"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "95b3bfcd-7a00-4e22-afcb-717e275f62f0",
|
|
"name": "text3",
|
|
"type": "Text",
|
|
"pageId": "ac994427-5faf-4946-9d78-25eafe064c44",
|
|
"parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Category"
|
|
},
|
|
"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": "bc1dd00e-0d49-44e3-b4ab-c545e59d8485",
|
|
"type": "desktop",
|
|
"top": 350,
|
|
"left": 2.325580230157231,
|
|
"width": 4.033605318259923,
|
|
"height": 40,
|
|
"componentId": "95b3bfcd-7a00-4e22-afcb-717e275f62f0"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "65366bc0-72b3-48d8-a0e4-7b1ff459c00e",
|
|
"name": "text5",
|
|
"type": "Text",
|
|
"pageId": "ac994427-5faf-4946-9d78-25eafe064c44",
|
|
"parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Details of expense"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"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": "1acdbd00-b845-4345-b14f-33e7bf3737b6",
|
|
"type": "desktop",
|
|
"top": 410,
|
|
"left": 2.3255807401180757,
|
|
"width": 4,
|
|
"height": 40,
|
|
"componentId": "65366bc0-72b3-48d8-a0e4-7b1ff459c00e"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "27b625f4-aaa8-4687-863c-b7dba81da4ab",
|
|
"name": "textarea1",
|
|
"type": "TextArea",
|
|
"pageId": "ac994427-5faf-4946-9d78-25eafe064c44",
|
|
"parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4",
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{queries.expenseDetails.data.description}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Describe your expense"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
},
|
|
"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": "4adc22a7-764e-4434-8c99-3a3d7385a5d7",
|
|
"type": "desktop",
|
|
"top": 450,
|
|
"left": 2.3255798299068937,
|
|
"width": 18.999999999999996,
|
|
"height": 110,
|
|
"componentId": "27b625f4-aaa8-4687-863c-b7dba81da4ab"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "ef81182c-9cfe-4de5-b60e-9ec1c2b3df58",
|
|
"name": "pdf1",
|
|
"type": "PDF",
|
|
"pageId": "ac994427-5faf-4946-9d78-25eafe064c44",
|
|
"parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4",
|
|
"properties": {
|
|
"url": {
|
|
"value": "{{'data:image/png;base64,' + queries.expenseDetails.data.receipt}}"
|
|
},
|
|
"scale": {
|
|
"value": "{{true}}"
|
|
},
|
|
"pageControls": {
|
|
"value": "{{false}}"
|
|
},
|
|
"showDownloadOption": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 10px 1px #8888884d"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "d76919ba-7561-4685-90e4-64c7dc1f45c4",
|
|
"type": "desktop",
|
|
"top": 110,
|
|
"left": 48.83720799213971,
|
|
"width": 21,
|
|
"height": 600,
|
|
"componentId": "ef81182c-9cfe-4de5-b60e-9ec1c2b3df58"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "32329558-8bac-4810-a6a3-c8e0cbe6792c",
|
|
"name": "text8",
|
|
"type": "Text",
|
|
"pageId": "ac994427-5faf-4946-9d78-25eafe064c44",
|
|
"parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Employee Name"
|
|
},
|
|
"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": "34ccd66a-8696-447c-b9a5-b47b2ed91600",
|
|
"type": "desktop",
|
|
"top": 170,
|
|
"left": 2.325582888017991,
|
|
"width": 4,
|
|
"height": 40,
|
|
"componentId": "32329558-8bac-4810-a6a3-c8e0cbe6792c"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "4da9a5c9-fb36-49c0-a126-6b710c92c929",
|
|
"name": "textinput2",
|
|
"type": "TextInput",
|
|
"pageId": "ac994427-5faf-4946-9d78-25eafe064c44",
|
|
"parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4",
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{queries.expenseDetails.data.employee_name}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Employee name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "b985f09a-d8bf-44fe-8419-0c5f2f3d3d83",
|
|
"type": "desktop",
|
|
"top": 170,
|
|
"left": 11.627903959658262,
|
|
"width": 15.033948087773464,
|
|
"height": 40,
|
|
"componentId": "4da9a5c9-fb36-49c0-a126-6b710c92c929"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "56eee8df-64af-4678-b20e-f9629cef9c01",
|
|
"name": "divider1",
|
|
"type": "Divider",
|
|
"pageId": "ac994427-5faf-4946-9d78-25eafe064c44",
|
|
"parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4",
|
|
"properties": {},
|
|
"general": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#88888833"
|
|
}
|
|
},
|
|
"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": "4c61aa79-6800-49c7-a3f8-87afa6290d03",
|
|
"type": "desktop",
|
|
"top": 70,
|
|
"left": 2.325581395348837,
|
|
"width": 41,
|
|
"height": 10,
|
|
"componentId": "56eee8df-64af-4678-b20e-f9629cef9c01"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "d9d6e111-e062-4191-aa2c-7f131b1d01a4",
|
|
"name": "icon1",
|
|
"type": "Icon",
|
|
"pageId": "ac994427-5faf-4946-9d78-25eafe064c44",
|
|
"parent": null,
|
|
"properties": {
|
|
"icon": {
|
|
"value": "IconArrowLeft"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"iconColor": {
|
|
"value": "#3e63ddff",
|
|
"fxActive": false
|
|
},
|
|
"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": "f709adb9-b271-4fd7-98b2-470f0773d989",
|
|
"type": "desktop",
|
|
"top": 20,
|
|
"left": 2.3255813953488373,
|
|
"width": 1,
|
|
"height": 40,
|
|
"componentId": "d9d6e111-e062-4191-aa2c-7f131b1d01a4"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "9258a304-2ea2-4a10-b873-b30e7db07414",
|
|
"name": "text7",
|
|
"type": "Text",
|
|
"pageId": "ac994427-5faf-4946-9d78-25eafe064c44",
|
|
"parent": null,
|
|
"properties": {
|
|
"text": {
|
|
"value": "Expense Details"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{20}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{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": "abc7e3fd-0cff-4309-a3f7-b9f3bf004405",
|
|
"type": "desktop",
|
|
"top": 20,
|
|
"left": 6.976745450163009,
|
|
"width": 7,
|
|
"height": 40,
|
|
"componentId": "9258a304-2ea2-4a10-b873-b30e7db07414"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "5339a0ec-b54b-45ae-8075-30dfb63c3864",
|
|
"name": "text9",
|
|
"type": "Text",
|
|
"pageId": "ac994427-5faf-4946-9d78-25eafe064c44",
|
|
"parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{`Expense #${queries.expenseDetails.data.id}`}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#3E63DD",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{18}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "aefe0b88-9590-49cc-b7c2-ed08a861f7d7",
|
|
"type": "desktop",
|
|
"top": 20,
|
|
"left": 2.3255821082776333,
|
|
"width": 8.043898728159355,
|
|
"height": 40,
|
|
"componentId": "5339a0ec-b54b-45ae-8075-30dfb63c3864"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "cb3a4300-78e6-4457-9ecd-2ae567d552f4",
|
|
"name": "text10",
|
|
"type": "Text",
|
|
"pageId": "ac994427-5faf-4946-9d78-25eafe064c44",
|
|
"parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Date"
|
|
},
|
|
"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": "6abde988-d022-44da-9761-8e55611963a1",
|
|
"type": "desktop",
|
|
"top": 110,
|
|
"left": 2.325581358962442,
|
|
"width": 4,
|
|
"height": 40,
|
|
"componentId": "cb3a4300-78e6-4457-9ecd-2ae567d552f4"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "dc70c0c1-cbfd-48d4-80d4-45da198b033f",
|
|
"name": "textinput3",
|
|
"type": "TextInput",
|
|
"pageId": "ac994427-5faf-4946-9d78-25eafe064c44",
|
|
"parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4",
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{queries.expenseDetails.data.date_submitted}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Date"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "d1ab8f58-fa36-42b9-adfa-bd8cd1e43220",
|
|
"type": "desktop",
|
|
"top": 110,
|
|
"left": 11.627907368268282,
|
|
"width": 15.033948087773464,
|
|
"height": 40,
|
|
"componentId": "dc70c0c1-cbfd-48d4-80d4-45da198b033f"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "b9e219e7-8147-46eb-a376-59ab391dda12",
|
|
"name": "textinput4",
|
|
"type": "TextInput",
|
|
"pageId": "ac994427-5faf-4946-9d78-25eafe064c44",
|
|
"parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4",
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{queries.expenseDetails.data.category}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Category"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "1d957fec-b248-4cda-86de-3f3cc415ed3a",
|
|
"type": "desktop",
|
|
"top": 350,
|
|
"left": 11.627907595864212,
|
|
"width": 15.038773956265942,
|
|
"height": 40,
|
|
"componentId": "b9e219e7-8147-46eb-a376-59ab391dda12"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "c0e24c59-b6e5-4be1-8f1b-f46310c983fe",
|
|
"name": "text11",
|
|
"type": "Text",
|
|
"pageId": "ac994427-5faf-4946-9d78-25eafe064c44",
|
|
"parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Status"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"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": "1d5e348b-48db-4def-aa8d-13e009d068e8",
|
|
"type": "desktop",
|
|
"top": 600,
|
|
"left": 2.325581140644074,
|
|
"width": 4,
|
|
"height": 40,
|
|
"componentId": "c0e24c59-b6e5-4be1-8f1b-f46310c983fe"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "f95c860b-2b94-44d5-94e8-809e2c67017d",
|
|
"name": "dropdown1",
|
|
"type": "DropDown",
|
|
"pageId": "ac994427-5faf-4946-9d78-25eafe064c44",
|
|
"parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4",
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{queries.expenseDetails.data.status}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[\"approved\", \"rejected\", \"pending\"]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Approved\", \"Rejected\", \"Pending\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select an option"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{queries.updateExpenseStatus.isLoading || queries.expenseDetails.data.status != \"pending\"}}",
|
|
"fxActive": true
|
|
},
|
|
"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": "84c6ad2c-83f1-4922-97c0-fc96349f5b0d",
|
|
"type": "desktop",
|
|
"top": 600,
|
|
"left": 11.627906430948268,
|
|
"width": 15,
|
|
"height": 40,
|
|
"componentId": "f95c860b-2b94-44d5-94e8-809e2c67017d"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "efaed39a-8239-48ab-bde4-af5128a64e7e",
|
|
"name": "button8",
|
|
"type": "Button",
|
|
"pageId": "ac994427-5faf-4946-9d78-25eafe064c44",
|
|
"parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Save"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.updateExpenseStatus.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#375FCF"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{queries.expenseDetails.data.status != \"pending\"}}",
|
|
"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": "6bcccdc9-830f-4161-85f0-3af4e547e80f",
|
|
"type": "desktop",
|
|
"top": 670,
|
|
"left": 39.53488360490564,
|
|
"width": 3.0000000000000004,
|
|
"height": 40,
|
|
"componentId": "efaed39a-8239-48ab-bde4-af5128a64e7e"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "3dccdb09-daf7-45c1-982d-a334573b61e9",
|
|
"name": "text12",
|
|
"type": "Text",
|
|
"pageId": "ac994427-5faf-4946-9d78-25eafe064c44",
|
|
"parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Employee Email"
|
|
},
|
|
"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": "2e10214e-887f-4f33-9807-b96cd5a54d31",
|
|
"type": "desktop",
|
|
"top": 230,
|
|
"left": 2.32558215537566,
|
|
"width": 4,
|
|
"height": 40,
|
|
"componentId": "3dccdb09-daf7-45c1-982d-a334573b61e9"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "445cf444-0b1d-484c-b721-7b2438f61fe6",
|
|
"name": "textinput5",
|
|
"type": "TextInput",
|
|
"pageId": "ac994427-5faf-4946-9d78-25eafe064c44",
|
|
"parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4",
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{queries.expenseDetails.data.employee_email}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Employee name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "0c74b23b-9aea-4870-b430-0a9110c29a10",
|
|
"type": "desktop",
|
|
"top": 230,
|
|
"left": 11.627907268111,
|
|
"width": 15.033948087773464,
|
|
"height": 40,
|
|
"componentId": "445cf444-0b1d-484c-b721-7b2438f61fe6"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "2d5a8684-9a98-4c53-9608-9b3b13799c87",
|
|
"name": "button2",
|
|
"type": "Button",
|
|
"pageId": "ac994427-5faf-4946-9d78-25eafe064c44",
|
|
"parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{queries.expenseDetails.data.status.toUpperCase().split(\"\").join(\" \")}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "{{({ approved: \"#00C65D22\", rejected: \"#DF2C0022\", pending: \"#F6D10022\" })[queries.expenseDetails.data.status]}}",
|
|
"fxActive": true
|
|
},
|
|
"textColor": {
|
|
"value": "{{({ approved: \"#00C65D\", rejected: \"#DF2C00\", pending: \"#F6D100\" })[queries.expenseDetails.data.status]}}",
|
|
"fxActive": true
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{50}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "875c667f-6c8f-4004-95ab-82777a5a822c",
|
|
"type": "desktop",
|
|
"top": 20,
|
|
"left": 86.04650977192519,
|
|
"width": 4.999999999999999,
|
|
"height": 40,
|
|
"componentId": "2d5a8684-9a98-4c53-9608-9b3b13799c87"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "f518da8e-9433-4464-b41a-863a9ad07a83",
|
|
"name": "container3",
|
|
"type": "Container",
|
|
"pageId": "2d684124-f12e-4d5e-8996-b218e8d339ba",
|
|
"parent": null,
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
},
|
|
"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-02T19:29:20.221Z",
|
|
"layouts": [
|
|
{
|
|
"id": "18963f97-ee0f-4fe9-b182-5e43afc9bfe3",
|
|
"type": "desktop",
|
|
"top": 160,
|
|
"left": 2.3255798603502345,
|
|
"width": 41,
|
|
"height": 670,
|
|
"componentId": "f518da8e-9433-4464-b41a-863a9ad07a83"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "df61a856-0935-47ae-9019-f5991b89fb4e",
|
|
"name": "daterangepicker6",
|
|
"type": "DaterangePicker",
|
|
"pageId": "2d684124-f12e-4d5e-8996-b218e8d339ba",
|
|
"parent": "f518da8e-9433-4464-b41a-863a9ad07a83",
|
|
"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": "1a3fd7a0-ae99-4b82-bcf7-3f9ec1afe00b",
|
|
"type": "desktop",
|
|
"top": 50,
|
|
"left": 2.325577791166162,
|
|
"width": 8,
|
|
"height": 40,
|
|
"componentId": "df61a856-0935-47ae-9019-f5991b89fb4e"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "a8bf8aa1-b977-4100-8255-ccf6374552c1",
|
|
"name": "table1",
|
|
"type": "Table",
|
|
"pageId": "2d684124-f12e-4d5e-8996-b218e8d339ba",
|
|
"parent": "f518da8e-9433-4464-b41a-863a9ad07a83",
|
|
"properties": {
|
|
"loadingState": {
|
|
"value": "{{queries.listExpenses.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"data": {
|
|
"value": "{{queries?.listExpenses?.data ?? []}}"
|
|
},
|
|
"serverSidePagination": {
|
|
"value": false
|
|
},
|
|
"enablePagination": {
|
|
"value": true
|
|
},
|
|
"showDownloadButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"showFilterButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columns": {
|
|
"value": [
|
|
{
|
|
"id": "a043d834-c894-4091-942d-1e4a600bf906",
|
|
"columnType": "number"
|
|
},
|
|
{
|
|
"id": "e10729f5-383d-4a60-a628-1841a84be52a",
|
|
"name": "employee name",
|
|
"key": "employee_name",
|
|
"columnType": "string"
|
|
},
|
|
{
|
|
"id": "35d009f6-ed14-43d8-bb52-56c839475038",
|
|
"name": "employee email",
|
|
"key": "employee_email",
|
|
"columnType": "string"
|
|
},
|
|
{
|
|
"name": "category",
|
|
"id": "1e910707-d279-43be-9ad0-101c5c2e259b",
|
|
"columnType": "string"
|
|
},
|
|
{
|
|
"name": "amount ($)",
|
|
"id": "a3455643-e26b-4e4e-b250-ecdc8ffce044",
|
|
"key": "amount",
|
|
"columnType": "number"
|
|
},
|
|
{
|
|
"name": "status",
|
|
"id": "aa3aea88-5d0c-4201-a202-2651d1cf7ef2",
|
|
"textColor": "{{({ approved: \"#00C65D\", rejected: \"#DF2C00\", pending: \"#F6D100\" })[rowData.status]}}",
|
|
"columnType": "string"
|
|
},
|
|
{
|
|
"name": "date submitted",
|
|
"id": "c56d43f7-befa-45de-8913-411a8fa6826a",
|
|
"key": "date_submitted",
|
|
"columnType": "string",
|
|
"isTimeChecked": false,
|
|
"dateFormat": "YYYY/MM/DD",
|
|
"parseDateFormat": "YYYY/MM/DD"
|
|
},
|
|
{
|
|
"name": "description",
|
|
"id": "e5be50ba-67cc-4e10-9e21-cff2e3fd27b7",
|
|
"key": "description",
|
|
"columnType": "string",
|
|
"textWrap": "hide"
|
|
}
|
|
]
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnSizes": {
|
|
"value": {
|
|
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 55,
|
|
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 143,
|
|
"3d4dc529-964c-4e34-bfac-59d059c85521": 111,
|
|
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 217,
|
|
"f1c5b098-25a8-494a-8141-0b6327a4a60f": 88,
|
|
"3b38b9bb-bd1b-40b7-82c5-3e17cb660d3a": 101,
|
|
"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,
|
|
"05b13020-5760-4150-8121-a0bfb1330baf": 124,
|
|
"7e1e18ee-437e-4c4c-b5ff-5410274384f7": 192,
|
|
"07a1f8fe-90d9-4571-9a5a-1f125037bea5": 117,
|
|
"2b818d4e-9a06-48cc-b214-bd4183aedc35": 105,
|
|
"a043d834-c894-4091-942d-1e4a600bf906": 73,
|
|
"c56d43f7-befa-45de-8913-411a8fa6826a": 141,
|
|
"e5be50ba-67cc-4e10-9e21-cff2e3fd27b7": 232,
|
|
"e10729f5-383d-4a60-a628-1841a84be52a": 151,
|
|
"35d009f6-ed14-43d8-bb52-56c839475038": 270,
|
|
"1e910707-d279-43be-9ad0-101c5c2e259b": 136,
|
|
"aa3aea88-5d0c-4201-a202-2651d1cf7ef2": 96,
|
|
"a3455643-e26b-4e4e-b250-ecdc8ffce044": 110
|
|
}
|
|
},
|
|
"actions": {
|
|
"value": [
|
|
{
|
|
"name": "Action0",
|
|
"buttonText": "View",
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "switch-page",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"pageId": "89520877-a4b6-408f-bda7-b82b7cc998b9",
|
|
"queryParams": [
|
|
[
|
|
"id",
|
|
"{{components.table6.selectedRow.id}}"
|
|
]
|
|
]
|
|
}
|
|
],
|
|
"position": "right",
|
|
"fxActive": false,
|
|
"disableActionButton": "{{false}}",
|
|
"textColor": "#ffffffff",
|
|
"backgroundColor": "#3e63ddff"
|
|
}
|
|
]
|
|
},
|
|
"showAddNewRowButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"allowSelection": {
|
|
"value": "{{false}}"
|
|
},
|
|
"clientSidePagination": {
|
|
"value": "{{true}}"
|
|
},
|
|
"columnDeletionHistory": {
|
|
"value": [
|
|
"email",
|
|
"Description",
|
|
"new_column1",
|
|
"receipt",
|
|
"datesubmitted",
|
|
"amount",
|
|
"Status",
|
|
"id",
|
|
"datesubmitted",
|
|
"Employee name",
|
|
"description",
|
|
"category",
|
|
"receipt",
|
|
"amount",
|
|
"status",
|
|
"new_column1",
|
|
"id",
|
|
"datesubmitted",
|
|
"description",
|
|
"category",
|
|
"status",
|
|
"id",
|
|
"datesubmitted",
|
|
"description",
|
|
"category",
|
|
"status"
|
|
]
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"actionButtonRadius": {
|
|
"value": "5"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2024-01-02T20:09:46.138Z",
|
|
"updatedAt": "2024-01-02T20:09:46.138Z",
|
|
"layouts": [
|
|
{
|
|
"id": "1bb86978-1b31-49b0-84a2-20a8e02a178e",
|
|
"type": "desktop",
|
|
"top": 110,
|
|
"left": 2.325581358962442,
|
|
"width": 41,
|
|
"height": 520,
|
|
"componentId": "a8bf8aa1-b977-4100-8255-ccf6374552c1"
|
|
}
|
|
]
|
|
}
|
|
],
|
|
"pages": [
|
|
{
|
|
"id": "2d684124-f12e-4d5e-8996-b218e8d339ba",
|
|
"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": "f9428e66-fb29-4de4-afb2-b5141a62f905"
|
|
},
|
|
{
|
|
"id": "ac994427-5faf-4946-9d78-25eafe064c44",
|
|
"name": "Expense detail page",
|
|
"handle": "expense-detail-page",
|
|
"index": 1,
|
|
"disabled": false,
|
|
"hidden": false,
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905"
|
|
}
|
|
],
|
|
"events": [
|
|
{
|
|
"id": "41693160-416c-4e6e-8599-e4af0cd08f15",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"queryId": "aaa30055-ab52-45b1-8374-d05195e7edc6",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "listExpenses",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "f4272854-8c12-476a-888b-e6f7a46d9ad1",
|
|
"target": "component",
|
|
"appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "6b0898f4-1a20-4fba-984c-769e0ea1145d",
|
|
"name": "onPageLoad",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onPageLoad",
|
|
"message": "Hello world!",
|
|
"queryId": "a96856e4-bc68-480c-9667-bce036389fcc",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "expenseDetails",
|
|
"runOnlyIf": "{{globals.urlparams.id != undefined}}",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "ac994427-5faf-4946-9d78-25eafe064c44",
|
|
"target": "page",
|
|
"appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "7ee5b95c-6f90-493b-bd69-97a7be799283",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"queryId": "c3c03021-c71e-4247-b0a8-8a74d5bf5b12",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "updateExpenseStatus",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "efaed39a-8239-48ab-bde4-af5128a64e7e",
|
|
"target": "component",
|
|
"appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "d54db8da-1d19-4837-9a86-870239c9244e",
|
|
"name": "onClick",
|
|
"index": 1,
|
|
"event": {
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"queryId": "a96856e4-bc68-480c-9667-bce036389fcc",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "expenseDetails",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "efaed39a-8239-48ab-bde4-af5128a64e7e",
|
|
"target": "component",
|
|
"appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "541c8ed0-b939-4354-b84d-152ad49448ff",
|
|
"name": "onPageLoad",
|
|
"index": 1,
|
|
"event": {
|
|
"pageId": "2d684124-f12e-4d5e-8996-b218e8d339ba",
|
|
"eventId": "onPageLoad",
|
|
"message": "Hello world!",
|
|
"actionId": "switch-page",
|
|
"alertType": "info",
|
|
"runOnlyIf": "{{globals.urlparams.id == undefined}}"
|
|
},
|
|
"sourceId": "ac994427-5faf-4946-9d78-25eafe064c44",
|
|
"target": "page",
|
|
"appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "8cdc407d-0366-4456-9c26-c6f7469181d3",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"pageId": "2d684124-f12e-4d5e-8996-b218e8d339ba",
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"actionId": "switch-page",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "d9d6e111-e062-4191-aa2c-7f131b1d01a4",
|
|
"target": "component",
|
|
"appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "5b47d7a5-a533-4d84-8cc2-779ee9bf02a9",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"ref": "Action0",
|
|
"pageId": "ac994427-5faf-4946-9d78-25eafe064c44",
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"actionId": "switch-page",
|
|
"alertType": "info",
|
|
"queryParams": [
|
|
[
|
|
"id",
|
|
"{{components.table1.selectedRow.id}}"
|
|
]
|
|
]
|
|
},
|
|
"sourceId": "a8bf8aa1-b977-4100-8255-ccf6374552c1",
|
|
"target": "table_action",
|
|
"appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2024-01-02T20:12:13.383Z"
|
|
},
|
|
{
|
|
"id": "966a9dfb-d55e-46d5-b1a8-54cd486a257a",
|
|
"name": "onPageLoad",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onPageLoad",
|
|
"message": "Hello world!",
|
|
"queryId": "aaa30055-ab52-45b1-8374-d05195e7edc6",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "listExpenses",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "2d684124-f12e-4d5e-8996-b218e8d339ba",
|
|
"target": "page",
|
|
"appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2024-01-02T20:08:14.536Z"
|
|
}
|
|
],
|
|
"dataQueries": [
|
|
{
|
|
"id": "a96856e4-bc68-480c-9667-bce036389fcc",
|
|
"name": "expenseDetails",
|
|
"options": {
|
|
"operation": "list_rows",
|
|
"transformationLanguage": "javascript",
|
|
"enableTransformation": true,
|
|
"organization_id": "f2743867-cdcd-424b-a551-2d45504aca64",
|
|
"table_name": "employee_expense",
|
|
"list_rows": {
|
|
"where_filters": {
|
|
"1": {
|
|
"column": "id",
|
|
"operator": "eq",
|
|
"value": "{{globals.urlparams.id}}",
|
|
"id": "1"
|
|
}
|
|
}
|
|
},
|
|
"runOnPageLoad": false,
|
|
"table_id": "7d98bd02-b2d5-4e79-bcc4-c9a102211124",
|
|
"join_table": {
|
|
"joins": [
|
|
{
|
|
"id": 1700161232740,
|
|
"conditions": {
|
|
"operator": "AND",
|
|
"conditionsList": [
|
|
{
|
|
"operator": "=",
|
|
"leftField": {
|
|
"table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
"joinType": "INNER"
|
|
}
|
|
],
|
|
"from": {
|
|
"name": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6",
|
|
"type": "Table"
|
|
},
|
|
"fields": []
|
|
},
|
|
"transformation": "return data[0] ?? {};"
|
|
},
|
|
"dataSourceId": "807078ad-734f-4f6a-b01a-03cdef79f2e1",
|
|
"appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905",
|
|
"createdAt": "2023-11-17T18:58:57.440Z",
|
|
"updatedAt": "2023-12-27T01:23:41.388Z"
|
|
},
|
|
{
|
|
"id": "c3c03021-c71e-4247-b0a8-8a74d5bf5b12",
|
|
"name": "updateExpenseStatus",
|
|
"options": {
|
|
"operation": "update_rows",
|
|
"transformationLanguage": "javascript",
|
|
"enableTransformation": false,
|
|
"organization_id": "c54a4ec7-1bcd-45ba-83f6-4789f71951dd",
|
|
"table_id": "7d98bd02-b2d5-4e79-bcc4-c9a102211124",
|
|
"join_table": {
|
|
"joins": [
|
|
{
|
|
"id": 1700221121698,
|
|
"conditions": {
|
|
"operator": "AND",
|
|
"conditionsList": [
|
|
{
|
|
"operator": "=",
|
|
"leftField": {
|
|
"table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
"joinType": "INNER"
|
|
}
|
|
],
|
|
"from": {
|
|
"name": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6",
|
|
"type": "Table"
|
|
},
|
|
"fields": [
|
|
{
|
|
"name": "id",
|
|
"table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6"
|
|
},
|
|
{
|
|
"name": "datesubmitted",
|
|
"table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6"
|
|
},
|
|
{
|
|
"name": "description",
|
|
"table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6"
|
|
},
|
|
{
|
|
"name": "category",
|
|
"table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6"
|
|
},
|
|
{
|
|
"name": "receipt",
|
|
"table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6"
|
|
},
|
|
{
|
|
"name": "status",
|
|
"table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6"
|
|
},
|
|
{
|
|
"name": "amount",
|
|
"table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6"
|
|
},
|
|
{
|
|
"name": "employeename",
|
|
"table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6"
|
|
}
|
|
]
|
|
},
|
|
"list_rows": {},
|
|
"update_rows": {
|
|
"columns": {
|
|
"b9485959-2759-4ec1-81c8-c39dc8887a2a": {
|
|
"column": "status",
|
|
"value": "{{components.dropdown1.value}}"
|
|
}
|
|
},
|
|
"where_filters": {
|
|
"327a2b46-2464-46e2-a8d6-790dffa024ad": {
|
|
"column": "id",
|
|
"operator": "eq",
|
|
"value": "{{queries.expenseDetails.data.id}}",
|
|
"id": "327a2b46-2464-46e2-a8d6-790dffa024ad"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"dataSourceId": "807078ad-734f-4f6a-b01a-03cdef79f2e1",
|
|
"appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905",
|
|
"createdAt": "2023-11-17T18:58:57.440Z",
|
|
"updatedAt": "2023-11-17T18:58:57.440Z"
|
|
},
|
|
{
|
|
"id": "aaa30055-ab52-45b1-8374-d05195e7edc6",
|
|
"name": "listExpenses",
|
|
"options": {
|
|
"operation": "list_rows",
|
|
"transformationLanguage": "javascript",
|
|
"enableTransformation": true,
|
|
"organization_id": "c54a4ec7-1bcd-45ba-83f6-4789f71951dd",
|
|
"table_id": "7d98bd02-b2d5-4e79-bcc4-c9a102211124",
|
|
"join_table": {
|
|
"joins": [
|
|
{
|
|
"id": 1700217886028,
|
|
"conditions": {
|
|
"operator": "AND",
|
|
"conditionsList": [
|
|
{
|
|
"operator": "=",
|
|
"leftField": {
|
|
"table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
"joinType": "INNER"
|
|
}
|
|
],
|
|
"from": {
|
|
"name": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6",
|
|
"type": "Table"
|
|
},
|
|
"fields": [
|
|
{
|
|
"name": "id",
|
|
"table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6"
|
|
},
|
|
{
|
|
"name": "datesubmitted",
|
|
"table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6"
|
|
},
|
|
{
|
|
"name": "description",
|
|
"table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6"
|
|
},
|
|
{
|
|
"name": "category",
|
|
"table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6"
|
|
},
|
|
{
|
|
"name": "receipt",
|
|
"table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6"
|
|
},
|
|
{
|
|
"name": "status",
|
|
"table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6"
|
|
},
|
|
{
|
|
"name": "amount",
|
|
"table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6"
|
|
},
|
|
{
|
|
"name": "employeename",
|
|
"table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6"
|
|
}
|
|
]
|
|
},
|
|
"list_rows": {
|
|
"where_filters": {
|
|
"9a3c70fa-65f2-4da6-99c7-81e66dd0e848": {
|
|
"column": "date_submitted",
|
|
"operator": "gte",
|
|
"value": "{{components.daterangepicker6.startDate}}",
|
|
"id": "9a3c70fa-65f2-4da6-99c7-81e66dd0e848"
|
|
},
|
|
"9b7a64cd-56f1-48f9-a888-21fda9dec77a": {
|
|
"column": "date_submitted",
|
|
"operator": "lte",
|
|
"value": "{{components.daterangepicker6.endDate}}",
|
|
"id": "9b7a64cd-56f1-48f9-a888-21fda9dec77a"
|
|
},
|
|
"72f68473-ecde-43dc-9736-461e152b87ab": {
|
|
"column": "status",
|
|
"operator": "like",
|
|
"value": "{{components?.dropdown1?.value ?? \"\\%\\%\"}}",
|
|
"id": "72f68473-ecde-43dc-9736-461e152b87ab"
|
|
}
|
|
},
|
|
"order_filters": {
|
|
"0c67798b-d1e1-4778-88dd-0c82af92c41b": {
|
|
"column": "id",
|
|
"order": "desc",
|
|
"id": "0c67798b-d1e1-4778-88dd-0c82af92c41b"
|
|
}
|
|
}
|
|
},
|
|
"transformation": "return data.map(({receipt, ...row}) => ({...row}));"
|
|
},
|
|
"dataSourceId": "807078ad-734f-4f6a-b01a-03cdef79f2e1",
|
|
"appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905",
|
|
"createdAt": "2023-11-17T18:58:57.440Z",
|
|
"updatedAt": "2024-01-02T20:03:34.509Z"
|
|
}
|
|
],
|
|
"dataSources": [
|
|
{
|
|
"id": "99f7242d-a13f-4a40-91e1-90f206bb14d0",
|
|
"name": "restapidefault",
|
|
"kind": "restapi",
|
|
"type": "static",
|
|
"pluginId": null,
|
|
"appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905",
|
|
"organizationId": null,
|
|
"scope": "local",
|
|
"createdAt": "2023-11-17T18:58:57.518Z",
|
|
"updatedAt": "2023-11-17T18:58:57.518Z"
|
|
},
|
|
{
|
|
"id": "108419cd-1c90-41ec-8def-a06781c123b7",
|
|
"name": "runjsdefault",
|
|
"kind": "runjs",
|
|
"type": "static",
|
|
"pluginId": null,
|
|
"appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905",
|
|
"organizationId": null,
|
|
"scope": "local",
|
|
"createdAt": "2023-11-17T18:58:57.530Z",
|
|
"updatedAt": "2023-11-17T18:58:57.530Z"
|
|
},
|
|
{
|
|
"id": "f9f982cf-c0ca-4881-a455-be55646a9c43",
|
|
"name": "runpydefault",
|
|
"kind": "runpy",
|
|
"type": "static",
|
|
"pluginId": null,
|
|
"appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905",
|
|
"organizationId": null,
|
|
"scope": "local",
|
|
"createdAt": "2023-11-17T18:58:57.538Z",
|
|
"updatedAt": "2023-11-17T18:58:57.538Z"
|
|
},
|
|
{
|
|
"id": "807078ad-734f-4f6a-b01a-03cdef79f2e1",
|
|
"name": "tooljetdbdefault",
|
|
"kind": "tooljetdb",
|
|
"type": "static",
|
|
"pluginId": null,
|
|
"appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905",
|
|
"organizationId": null,
|
|
"scope": "local",
|
|
"createdAt": "2023-11-17T18:58:57.545Z",
|
|
"updatedAt": "2023-11-17T18:58:57.545Z"
|
|
},
|
|
{
|
|
"id": "9390015d-54bf-48f8-8dd9-386ee850bfc4",
|
|
"name": "workflowsdefault",
|
|
"kind": "workflows",
|
|
"type": "static",
|
|
"pluginId": null,
|
|
"appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905",
|
|
"organizationId": null,
|
|
"scope": "local",
|
|
"createdAt": "2023-11-17T18:58:57.553Z",
|
|
"updatedAt": "2023-11-17T18:58:57.553Z"
|
|
}
|
|
],
|
|
"appVersions": [
|
|
{
|
|
"id": "f9428e66-fb29-4de4-afb2-b5141a62f905",
|
|
"name": "v1",
|
|
"definition": {
|
|
"showViewerNavigation": false,
|
|
"homePageId": "b4d0cfa2-2893-4b10-869e-91cef96d3d08",
|
|
"pages": {
|
|
"b4d0cfa2-2893-4b10-869e-91cef96d3d08": {
|
|
"components": {
|
|
"541d6d37-4244-4ca0-8f55-0e76bc9443ba": {
|
|
"id": "541d6d37-4244-4ca0-8f55-0e76bc9443ba",
|
|
"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": "Dashboard"
|
|
},
|
|
"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": 120,
|
|
"left": 2.3255813953488373,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
}
|
|
},
|
|
"b43a4113-2eaa-45c1-a5d8-10157ac82173": {
|
|
"id": "b43a4113-2eaa-45c1-a5d8-10157ac82173",
|
|
"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": "container2",
|
|
"displayName": "Container",
|
|
"description": "Wrapper for multiple components",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 200
|
|
},
|
|
"component": "Container",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 20,
|
|
"left": 2.3255811696137485,
|
|
"width": 41,
|
|
"height": 70
|
|
}
|
|
}
|
|
},
|
|
"f13880b1-b197-494e-8e6e-8b8333a0e2a0": {
|
|
"id": "f13880b1-b197-494e-8e6e-8b8333a0e2a0",
|
|
"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": "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": 10,
|
|
"left": 2.325581395348837,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "b43a4113-2eaa-45c1-a5d8-10157ac82173"
|
|
},
|
|
"076860fd-3e87-4040-ace3-8f38cfe908d1": {
|
|
"id": "076860fd-3e87-4040-ace3-8f38cfe908d1",
|
|
"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} `}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text16",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 67.4418635841583,
|
|
"width": 12,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "b43a4113-2eaa-45c1-a5d8-10157ac82173"
|
|
},
|
|
"b3c215ea-7832-4e5c-8b39-44406c4702b2": {
|
|
"id": "b3c215ea-7832-4e5c-8b39-44406c4702b2",
|
|
"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": "icon4",
|
|
"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": 10,
|
|
"left": 95.34883163997867,
|
|
"width": 1,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "b43a4113-2eaa-45c1-a5d8-10157ac82173"
|
|
},
|
|
"2e3fd0ee-117b-4f74-bcfa-ec0eecd9bb97": {
|
|
"component": {
|
|
"properties": {
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"borderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "container3",
|
|
"displayName": "Container",
|
|
"description": "Group components",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 200
|
|
},
|
|
"component": "Container",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 160,
|
|
"left": 2.3255813953488373,
|
|
"width": 41,
|
|
"height": 670
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"ed3c303e-dcb1-4b9a-b907-1ecca3a8df75": {
|
|
"id": "ed3c303e-dcb1-4b9a-b907-1ecca3a8df75",
|
|
"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": "text18",
|
|
"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": 2.3255833977031735,
|
|
"width": 3,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "2e3fd0ee-117b-4f74-bcfa-ec0eecd9bb97"
|
|
},
|
|
"5ba0345c-961a-4d00-876d-d90e1a8fa15a": {
|
|
"id": "5ba0345c-961a-4d00-876d-d90e1a8fa15a",
|
|
"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": "daterangepicker6",
|
|
"displayName": "Range Picker",
|
|
"description": "Select a date range",
|
|
"component": "DaterangePicker",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"endDate": {},
|
|
"startDate": {}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 50,
|
|
"left": 2.325577610336826,
|
|
"width": 8,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "2e3fd0ee-117b-4f74-bcfa-ec0eecd9bb97"
|
|
},
|
|
"595fb73c-c455-470c-a501-335c34fca38d": {
|
|
"id": "595fb73c-c455-470c-a501-335c34fca38d",
|
|
"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",
|
|
"queryName": "listExpenses",
|
|
"queryId": "aaa30055-ab52-45b1-8374-d05195e7edc6",
|
|
"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}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button5",
|
|
"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": 37.20931142741755,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "2e3fd0ee-117b-4f74-bcfa-ec0eecd9bb97"
|
|
},
|
|
"873098f6-371a-4586-b627-de92258843c5": {
|
|
"id": "873098f6-371a-4586-b627-de92258843c5",
|
|
"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": "text19",
|
|
"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": 23.25581191474764,
|
|
"width": 3,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "2e3fd0ee-117b-4f74-bcfa-ec0eecd9bb97"
|
|
},
|
|
"5745fc7e-e5a6-4bca-9d70-cf5c9da67993": {
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{\"\"}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[\"\", \"approved\", \"rejected\", \"pending\"]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"All\", \"Approved\", \"Rejected\", \"Pending\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select status"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown1",
|
|
"displayName": "Dropdown",
|
|
"description": "Single item selector",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "2e3fd0ee-117b-4f74-bcfa-ec0eecd9bb97",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 50,
|
|
"left": 23.25581701159946,
|
|
"width": 4.999999999999999,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"19f77238-34a2-4dac-9a64-21f398b0240d": {
|
|
"id": "19f77238-34a2-4dac-9a64-21f398b0240d",
|
|
"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": [
|
|
{
|
|
"name": "id",
|
|
"id": "a043d834-c894-4091-942d-1e4a600bf906",
|
|
"columnType": "number"
|
|
},
|
|
{
|
|
"id": "e10729f5-383d-4a60-a628-1841a84be52a",
|
|
"name": "employee name",
|
|
"key": "employee_name",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "35d009f6-ed14-43d8-bb52-56c839475038",
|
|
"name": "employee email",
|
|
"key": "employee_email",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"name": "category",
|
|
"id": "1e910707-d279-43be-9ad0-101c5c2e259b",
|
|
"columnType": "string"
|
|
},
|
|
{
|
|
"name": "amount ($)",
|
|
"id": "a3455643-e26b-4e4e-b250-ecdc8ffce044",
|
|
"key": "amount",
|
|
"columnType": "number"
|
|
},
|
|
{
|
|
"name": "status",
|
|
"id": "aa3aea88-5d0c-4201-a202-2651d1cf7ef2",
|
|
"textColor": "{{({ approved: \"#00C65D\", rejected: \"#DF2C00\", pending: \"#F6D100\" })[rowData.status]}}",
|
|
"columnType": "string"
|
|
},
|
|
{
|
|
"name": "date submitted",
|
|
"id": "c56d43f7-befa-45de-8913-411a8fa6826a",
|
|
"key": "date_submitted",
|
|
"columnType": "datepicker",
|
|
"isTimeChecked": false,
|
|
"dateFormat": "YYYY/MM/DD",
|
|
"parseDateFormat": "YYYY/MM/DD"
|
|
},
|
|
{
|
|
"name": "description",
|
|
"id": "e5be50ba-67cc-4e10-9e21-cff2e3fd27b7",
|
|
"key": "description",
|
|
"columnType": "default"
|
|
}
|
|
]
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"value": "{{false}}"
|
|
},
|
|
"showBulkSelector": {
|
|
"value": "{{false}}"
|
|
},
|
|
"highlightSelectedRow": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnSizes": {
|
|
"value": {
|
|
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 55,
|
|
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 143,
|
|
"3d4dc529-964c-4e34-bfac-59d059c85521": 111,
|
|
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 217,
|
|
"f1c5b098-25a8-494a-8141-0b6327a4a60f": 88,
|
|
"3b38b9bb-bd1b-40b7-82c5-3e17cb660d3a": 101,
|
|
"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,
|
|
"05b13020-5760-4150-8121-a0bfb1330baf": 124,
|
|
"7e1e18ee-437e-4c4c-b5ff-5410274384f7": 192,
|
|
"07a1f8fe-90d9-4571-9a5a-1f125037bea5": 117,
|
|
"2b818d4e-9a06-48cc-b214-bd4183aedc35": 105,
|
|
"a043d834-c894-4091-942d-1e4a600bf906": 73,
|
|
"c56d43f7-befa-45de-8913-411a8fa6826a": 195,
|
|
"e5be50ba-67cc-4e10-9e21-cff2e3fd27b7": 207,
|
|
"e10729f5-383d-4a60-a628-1841a84be52a": 151,
|
|
"35d009f6-ed14-43d8-bb52-56c839475038": 218,
|
|
"1e910707-d279-43be-9ad0-101c5c2e259b": 136,
|
|
"aa3aea88-5d0c-4201-a202-2651d1cf7ef2": 96,
|
|
"a3455643-e26b-4e4e-b250-ecdc8ffce044": 110
|
|
}
|
|
},
|
|
"actions": {
|
|
"value": [
|
|
{
|
|
"name": "Action0",
|
|
"buttonText": "View",
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "switch-page",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"pageId": "89520877-a4b6-408f-bda7-b82b7cc998b9",
|
|
"queryParams": [
|
|
[
|
|
"id",
|
|
"{{components.table6.selectedRow.id}}"
|
|
]
|
|
]
|
|
}
|
|
],
|
|
"position": "right",
|
|
"fxActive": false,
|
|
"disableActionButton": "{{false}}",
|
|
"textColor": "#ffffffff",
|
|
"backgroundColor": "#3e63ddff"
|
|
}
|
|
]
|
|
},
|
|
"enabledSort": {
|
|
"value": "{{true}}"
|
|
},
|
|
"hideColumnSelectorButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnDeletionHistory": {
|
|
"value": [
|
|
"email",
|
|
"Description",
|
|
"new_column1",
|
|
"receipt",
|
|
"datesubmitted",
|
|
"amount",
|
|
"Status",
|
|
"id",
|
|
"datesubmitted",
|
|
"Employee name",
|
|
"description",
|
|
"category",
|
|
"receipt",
|
|
"amount",
|
|
"status",
|
|
"new_column1",
|
|
"id",
|
|
"datesubmitted",
|
|
"description",
|
|
"category",
|
|
"status",
|
|
"id",
|
|
"datesubmitted",
|
|
"description",
|
|
"category",
|
|
"status"
|
|
]
|
|
},
|
|
"enablePagination": {
|
|
"value": true
|
|
},
|
|
"showAddNewRowButton": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "table6",
|
|
"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": 110,
|
|
"left": 2.325581358962442,
|
|
"width": 41,
|
|
"height": 520
|
|
}
|
|
},
|
|
"parent": "2e3fd0ee-117b-4f74-bcfa-ec0eecd9bb97"
|
|
},
|
|
"928a9e56-af22-44df-9bf1-f83fc2db830a": {
|
|
"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": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "center"
|
|
},
|
|
"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": "A D M I N I S T R A T O R"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text7",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "b43a4113-2eaa-45c1-a5d8-10157ac82173",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 41.86046511627907,
|
|
"width": 7,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
}
|
|
},
|
|
"handle": "home",
|
|
"name": "Home",
|
|
"events": [
|
|
{
|
|
"eventId": "onPageLoad",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "aaa30055-ab52-45b1-8374-d05195e7edc6",
|
|
"queryName": "listExpenses",
|
|
"parameters": {}
|
|
}
|
|
]
|
|
},
|
|
"89520877-a4b6-408f-bda7-b82b7cc998b9": {
|
|
"name": "Expense detail page",
|
|
"handle": "expense-detail-page",
|
|
"components": {
|
|
"f7365b95-39d2-434e-9e15-c8211452b9db": {
|
|
"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": "#fff"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"borderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"fxActive": true,
|
|
"value": "{{queries.expenseDetails.isLoading}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "container3",
|
|
"displayName": "Container",
|
|
"description": "Wrapper for multiple components",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 200
|
|
},
|
|
"component": "Container",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 80,
|
|
"left": 2.3255811086208023,
|
|
"width": 41,
|
|
"height": 750
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"7808ed42-b375-49e3-b13c-2397f716d713": {
|
|
"id": "7808ed42-b375-49e3-b13c-2397f716d713",
|
|
"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": "Amount"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text2",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 290,
|
|
"left": 2.325582160014442,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"dc067f34-0ca8-4dfc-a5bc-173e2c0df9e1": {
|
|
"id": "dc067f34-0ca8-4dfc-a5bc-173e2c0df9e1",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
},
|
|
"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": "{{queries.expenseDetails.data.amount}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter your amount"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput1",
|
|
"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": 290,
|
|
"left": 11.627907486429367,
|
|
"width": 15.039236523514825,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"2c57c516-6f33-4fd6-8bc2-581ea1e17fe8": {
|
|
"id": "2c57c516-6f33-4fd6-8bc2-581ea1e17fe8",
|
|
"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": "Category"
|
|
},
|
|
"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": 350,
|
|
"left": 2.325580230157231,
|
|
"width": 4.033605318259923,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"dc6c1cdd-a0d1-4631-b926-70aba1e121b3": {
|
|
"id": "dc6c1cdd-a0d1-4631-b926-70aba1e121b3",
|
|
"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": 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": "text5",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 410,
|
|
"left": 2.3255807401180757,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"b46da6c8-4adb-4164-aa88-c629f8d1c001": {
|
|
"id": "b46da6c8-4adb-4164-aa88-c629f8d1c001",
|
|
"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": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{queries.expenseDetails.data.description}}"
|
|
},
|
|
"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": 450,
|
|
"left": 2.3255798299068937,
|
|
"width": 18.999999999999996,
|
|
"height": 110
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"3e0ac6d7-ab9e-40ba-b7ca-2942280559a5": {
|
|
"component": {
|
|
"properties": {
|
|
"url": {
|
|
"type": "code",
|
|
"displayName": "File URL",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"scale": {
|
|
"type": "toggle",
|
|
"displayName": "Scale page to width",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"pageControls": {
|
|
"type": "toggle",
|
|
"displayName": "Show page controls",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showDownloadOption": {
|
|
"type": "toggle",
|
|
"displayName": "Show the Download",
|
|
"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": {
|
|
"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}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 10px 1px #8888884d"
|
|
}
|
|
},
|
|
"properties": {
|
|
"url": {
|
|
"value": "{{'data:image/png;base64,' + queries.expenseDetails.data.receipt}}"
|
|
},
|
|
"scale": {
|
|
"value": "{{true}}"
|
|
},
|
|
"pageControls": {
|
|
"value": "{{false}}"
|
|
},
|
|
"showDownloadOption": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "pdf1",
|
|
"displayName": "PDF",
|
|
"description": "Embed PDF file",
|
|
"component": "PDF",
|
|
"defaultSize": {
|
|
"width": 20,
|
|
"height": 640
|
|
},
|
|
"exposedVariables": {}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 48.83720799213971,
|
|
"width": 21,
|
|
"height": 600
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"41e889af-8a4f-4625-817e-04f2e21549a6": {
|
|
"id": "41e889af-8a4f-4625-817e-04f2e21549a6",
|
|
"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": "Employee Name"
|
|
},
|
|
"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": 170,
|
|
"left": 2.325582888017991,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"a4e9fef8-fbf3-415d-b94a-c7c929784218": {
|
|
"id": "a4e9fef8-fbf3-415d-b94a-c7c929784218",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
},
|
|
"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": "{{queries.expenseDetails.data.employee_name}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Employee name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput2",
|
|
"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": 170,
|
|
"left": 11.627903959658262,
|
|
"width": 15.033948087773464,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"cef5f306-b447-4a9a-b424-b2ba4e123b62": {
|
|
"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": "#88888833"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "divider1",
|
|
"displayName": "Divider",
|
|
"description": "Separator between components",
|
|
"component": "Divider",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
"exposedVariables": {
|
|
"value": {}
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 70,
|
|
"left": 2.325581395348837,
|
|
"width": 41,
|
|
"height": 10
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"f67962ae-d3c3-41a4-8534-321df81edd0a": {
|
|
"id": "f67962ae-d3c3-41a4-8534-321df81edd0a",
|
|
"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": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "switch-page",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"pageId": "b4d0cfa2-2893-4b10-869e-91cef96d3d08"
|
|
}
|
|
],
|
|
"styles": {
|
|
"iconColor": {
|
|
"value": "#3e63ddff",
|
|
"fxActive": false
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"icon": {
|
|
"value": "IconArrowLeft"
|
|
}
|
|
},
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 20,
|
|
"left": 2.3255813953488373,
|
|
"width": 1,
|
|
"height": 40
|
|
}
|
|
}
|
|
},
|
|
"43bff61e-1c92-4bfc-90e2-2e2a9d26a763": {
|
|
"id": "43bff61e-1c92-4bfc-90e2-2e2a9d26a763",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{20}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Expense Details"
|
|
},
|
|
"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": 20,
|
|
"left": 6.976745450163009,
|
|
"width": 7,
|
|
"height": 40
|
|
}
|
|
}
|
|
},
|
|
"88c4353f-a551-4733-8714-cb9e16c0d318": {
|
|
"id": "88c4353f-a551-4733-8714-cb9e16c0d318",
|
|
"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": "#3E63DD",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{18}}"
|
|
},
|
|
"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": "{{`Expense #${queries.expenseDetails.data.id}`}}"
|
|
},
|
|
"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": 20,
|
|
"left": 2.3255821082776333,
|
|
"width": 8.043898728159355,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"4323ed4c-f99f-4b3e-876d-db380eb1df4f": {
|
|
"id": "4323ed4c-f99f-4b3e-876d-db380eb1df4f",
|
|
"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"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text10",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 2.325581358962442,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"ef654245-6bf4-40c7-9d10-6398e8f383ba": {
|
|
"id": "ef654245-6bf4-40c7-9d10-6398e8f383ba",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
},
|
|
"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": "{{queries.expenseDetails.data.date_submitted}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Date"
|
|
}
|
|
},
|
|
"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": 110,
|
|
"left": 11.627907368268282,
|
|
"width": 15.033948087773464,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"3fa246c8-a97f-42fb-868d-2e5841e041bb": {
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
},
|
|
"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": "{{queries.expenseDetails.data.category}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Category"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput4",
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 350,
|
|
"left": 11.627907595864212,
|
|
"width": 15.038773956265942,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"40dcc5e7-6b17-4321-b64e-46025489df9a": {
|
|
"id": "40dcc5e7-6b17-4321-b64e-46025489df9a",
|
|
"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": 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": "Status"
|
|
},
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 600,
|
|
"left": 2.325581140644074,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"b01f8af2-2a52-426e-873e-80edfe4d8f04": {
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{queries.updateExpenseStatus.isLoading || queries.expenseDetails.data.status != \"pending\"}}",
|
|
"fxActive": true
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{queries.expenseDetails.data.status}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[\"approved\", \"rejected\", \"pending\"]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Approved\", \"Rejected\", \"Pending\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select an option"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown1",
|
|
"displayName": "Dropdown",
|
|
"description": "Single item selector",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 600,
|
|
"left": 11.627906430948268,
|
|
"width": 15,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"a255e06a-17cb-4726-99b9-b29ea4ffb6de": {
|
|
"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": "c3c03021-c71e-4247-b0a8-8a74d5bf5b12",
|
|
"queryName": "updateExpenseStatus",
|
|
"parameters": {}
|
|
},
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "a96856e4-bc68-480c-9667-bce036389fcc",
|
|
"queryName": "expenseDetails",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#375FCF"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{queries.expenseDetails.data.status != \"pending\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Save"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.updateExpenseStatus.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button8",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 670,
|
|
"left": 39.53488360490564,
|
|
"width": 3.0000000000000004,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"ebf20a4c-2032-46b3-bf51-e9e63b77f7bb": {
|
|
"id": "ebf20a4c-2032-46b3-bf51-e9e63b77f7bb",
|
|
"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": "Employee Email"
|
|
},
|
|
"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": 230,
|
|
"left": 2.32558215537566,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"e51f1fdf-5bdf-4f47-a12b-551aa1795d81": {
|
|
"id": "e51f1fdf-5bdf-4f47-a12b-551aa1795d81",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
},
|
|
"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": "{{queries.expenseDetails.data.employee_email}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Employee name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput5",
|
|
"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": 230,
|
|
"left": 11.627907268111,
|
|
"width": 15.033948087773464,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"b095aef7-6944-449f-b0ba-01bb15c6b1a8": {
|
|
"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": "{{({ approved: \"#00C65D22\", rejected: \"#DF2C0022\", pending: \"#F6D10022\" })[queries.expenseDetails.data.status]}}",
|
|
"fxActive": true
|
|
},
|
|
"textColor": {
|
|
"value": "{{({ approved: \"#00C65D\", rejected: \"#DF2C00\", pending: \"#F6D100\" })[queries.expenseDetails.data.status]}}",
|
|
"fxActive": true
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{50}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{queries.expenseDetails.data.status.toUpperCase().split(\"\").join(\" \")}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button2",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 20,
|
|
"left": 86.04650977192519,
|
|
"width": 4.999999999999999,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onPageLoad",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "a96856e4-bc68-480c-9667-bce036389fcc",
|
|
"queryName": "expenseDetails",
|
|
"parameters": {},
|
|
"runOnlyIf": "{{globals.urlparams.id != undefined}}"
|
|
},
|
|
{
|
|
"eventId": "onPageLoad",
|
|
"actionId": "switch-page",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"runOnlyIf": "{{globals.urlparams.id == undefined}}",
|
|
"pageId": "b4d0cfa2-2893-4b10-869e-91cef96d3d08"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
"globalSettings": {
|
|
"hideHeader": true,
|
|
"appInMaintenance": false,
|
|
"canvasMaxWidth": "100",
|
|
"canvasMaxWidthType": "%",
|
|
"canvasMaxHeight": "2400",
|
|
"canvasBackgroundColor": "",
|
|
"backgroundFxQuery": ""
|
|
},
|
|
"components": {
|
|
"8b02a3ac-ca1d-420f-abb8-5f7db409d6e2": {
|
|
"id": "8b02a3ac-ca1d-420f-abb8-5f7db409d6e2",
|
|
"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": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "container2",
|
|
"displayName": "Container",
|
|
"description": "Wrapper for multiple components",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 200
|
|
},
|
|
"component": "Container",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 660,
|
|
"left": -0.03833735818827982,
|
|
"width": 43,
|
|
"height": 80
|
|
}
|
|
}
|
|
},
|
|
"3d0794e7-1b30-4ec2-9f3e-975e200578c9": {
|
|
"id": "3d0794e7-1b30-4ec2-9f3e-975e200578c9",
|
|
"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": "#FFFFFF",
|
|
"fxActive": true
|
|
},
|
|
"textColor": {
|
|
"value": "#20134B",
|
|
"fxActive": true
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "< Previous Expense"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button1",
|
|
"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": 20,
|
|
"left": 11.757106454395258,
|
|
"width": 5.99537037037037,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "8b02a3ac-ca1d-420f-abb8-5f7db409d6e2"
|
|
},
|
|
"5975e379-e4a0-425a-a0e0-2b21282784cf": {
|
|
"id": "5975e379-e4a0-425a-a0e0-2b21282784cf",
|
|
"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": "#FFFFFF",
|
|
"fxActive": true
|
|
},
|
|
"textColor": {
|
|
"value": "#20134B",
|
|
"fxActive": true
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Next 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": 20,
|
|
"left": 77.48923399031861,
|
|
"width": 5.027731188228491,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "8b02a3ac-ca1d-420f-abb8-5f7db409d6e2"
|
|
},
|
|
"f7365b95-39d2-434e-9e15-c8211452b9db": {
|
|
"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": "#fff"
|
|
},
|
|
"borderRadius": {
|
|
"value": "12"
|
|
},
|
|
"borderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"fxActive": true,
|
|
"value": "{{queries.ExpenseDetailPage.isLoading===true?true:false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "container3",
|
|
"displayName": "Container",
|
|
"description": "Wrapper for multiple components",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 200
|
|
},
|
|
"component": "Container",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 80,
|
|
"left": 11.630036640646043,
|
|
"width": 33,
|
|
"height": 490
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"7808ed42-b375-49e3-b13c-2397f716d713": {
|
|
"id": "7808ed42-b375-49e3-b13c-2397f716d713",
|
|
"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": "Amount"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text2",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 210,
|
|
"left": 4.651163198153794,
|
|
"width": 3,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"dc067f34-0ca8-4dfc-a5bc-173e2c0df9e1": {
|
|
"id": "dc067f34-0ca8-4dfc-a5bc-173e2c0df9e1",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{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": "{{queries.ExpenseDetailPage.data[0].amount}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter your amount"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput1",
|
|
"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": 210,
|
|
"left": 20.93023274173657,
|
|
"width": 15.039236523514825,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"2c57c516-6f33-4fd6-8bc2-581ea1e17fe8": {
|
|
"id": "2c57c516-6f33-4fd6-8bc2-581ea1e17fe8",
|
|
"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": "Category"
|
|
},
|
|
"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": 260,
|
|
"left": 4.651167535806316,
|
|
"width": 4.033605318259923,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"dc6c1cdd-a0d1-4631-b926-70aba1e121b3": {
|
|
"id": "dc6c1cdd-a0d1-4631-b926-70aba1e121b3",
|
|
"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": "Details of expense"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text5",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 310,
|
|
"left": 4.651169523576039,
|
|
"width": 17.930261641933875,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"b46da6c8-4adb-4164-aa88-c629f8d1c001": {
|
|
"id": "b46da6c8-4adb-4164-aa88-c629f8d1c001",
|
|
"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": "{{queries.ExpenseDetailPage.data[0].description}}"
|
|
},
|
|
"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": 350,
|
|
"left": 4.707509207463121,
|
|
"width": 22.014813536564017,
|
|
"height": 110
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"f791a67d-6f03-4c48-9cdf-5e2625e5eb80": {
|
|
"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": "189d8a65-1571-4dad-9806-82f61ee1fbb0",
|
|
"queryName": "ApproveExpense"
|
|
},
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "34c279af-b99a-4fe2-a612-4045cee4c06a",
|
|
"queryName": "ExpenseDetailPage"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#ffffffff",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#46A758",
|
|
"fxActive": true
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#46A758",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Approve"
|
|
},
|
|
"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": 590,
|
|
"left": 58.12250493646978,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"22e6c6b3-8fba-47d5-a417-304f8ab3c29d": {
|
|
"id": "22e6c6b3-8fba-47d5-a417-304f8ab3c29d",
|
|
"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": "0a791e93-b5b2-4f00-8cec-db65c15c6394",
|
|
"queryName": "RejectExpense"
|
|
},
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "34c279af-b99a-4fe2-a612-4045cee4c06a",
|
|
"queryName": "ExpenseDetailPage"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#ffffffff",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#E54D2E",
|
|
"fxActive": true
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#E54D2E",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Reject"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button5",
|
|
"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": 590,
|
|
"left": 69.75040645389767,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
}
|
|
},
|
|
"f1efbecb-5322-450a-853a-9f7a5581bdaf": {
|
|
"id": "f1efbecb-5322-450a-853a-9f7a5581bdaf",
|
|
"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": "c4c33fcd-2b67-4592-936b-8ae6425f4b16",
|
|
"queryName": "FlaggedExpense"
|
|
},
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "34c279af-b99a-4fe2-a612-4045cee4c06a",
|
|
"queryName": "ExpenseDetailPage"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#ffffffff",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#889096",
|
|
"fxActive": true
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#889096",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Flag"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button6",
|
|
"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": 590,
|
|
"left": 81.3996087937128,
|
|
"width": 3,
|
|
"height": 40
|
|
}
|
|
}
|
|
},
|
|
"3e0ac6d7-ab9e-40ba-b7ca-2942280559a5": {
|
|
"component": {
|
|
"properties": {
|
|
"url": {
|
|
"type": "code",
|
|
"displayName": "File URL",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"scale": {
|
|
"type": "toggle",
|
|
"displayName": "Scale page to width",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"pageControls": {
|
|
"type": "toggle",
|
|
"displayName": "Show page controls",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showDownloadOption": {
|
|
"type": "toggle",
|
|
"displayName": "Show the Download",
|
|
"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": {
|
|
"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}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"url": {
|
|
"value": "{{'data:image/png;base64,' + queries.ExpenseDetailPage.data[0].receipt}}"
|
|
},
|
|
"scale": {
|
|
"value": "{{true}}"
|
|
},
|
|
"pageControls": {
|
|
"value": "{{false}}"
|
|
},
|
|
"showDownloadOption": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "pdf1",
|
|
"displayName": "PDF",
|
|
"description": "Embed PDF file",
|
|
"component": "PDF",
|
|
"defaultSize": {
|
|
"width": 20,
|
|
"height": 640
|
|
},
|
|
"exposedVariables": {}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 104,
|
|
"left": 63.09035790623552,
|
|
"width": 13.976846901992486,
|
|
"height": 350
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"41e889af-8a4f-4625-817e-04f2e21549a6": {
|
|
"id": "41e889af-8a4f-4625-817e-04f2e21549a6",
|
|
"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": "Employee Name"
|
|
},
|
|
"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": 160,
|
|
"left": 4.8865804635435985,
|
|
"width": 7.051421213550593,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"a4e9fef8-fbf3-415d-b94a-c7c929784218": {
|
|
"id": "a4e9fef8-fbf3-415d-b94a-c7c929784218",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{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": "Employee name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput2",
|
|
"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": 160,
|
|
"left": 20.930230282311104,
|
|
"width": 15.033948087773464,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"cef5f306-b447-4a9a-b424-b2ba4e123b62": {
|
|
"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": "divider1",
|
|
"displayName": "Divider",
|
|
"description": "Separator between components",
|
|
"component": "Divider",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
"exposedVariables": {
|
|
"value": {}
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 70,
|
|
"left": 2.9006877363308416,
|
|
"width": 40.01773312725625,
|
|
"height": 10
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"5bb9c33f-c0e0-4d65-a531-f416aca161a3": {
|
|
"id": "5bb9c33f-c0e0-4d65-a531-f416aca161a3",
|
|
"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": "Status"
|
|
},
|
|
"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": 20,
|
|
"left": 79.06977056893254,
|
|
"width": 2.994500716185799,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"cd8b1b86-6400-4e28-82b2-952123a73507": {
|
|
"id": "cd8b1b86-6400-4e28-82b2-952123a73507",
|
|
"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": "#F1F3F5",
|
|
"fxActive": true
|
|
},
|
|
"textColor": {
|
|
"value": "#687076",
|
|
"fxActive": true
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#375fcf00",
|
|
"fxActive": false
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{queries.ExpenseDetailPage.data[0].status}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button7",
|
|
"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": 20,
|
|
"left": 86.04651116595315,
|
|
"width": 3.9951503990178017,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"f67962ae-d3c3-41a4-8534-321df81edd0a": {
|
|
"id": "f67962ae-d3c3-41a4-8534-321df81edd0a",
|
|
"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": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "switch-page",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"pageId": "b4d0cfa2-2893-4b10-869e-91cef96d3d08"
|
|
},
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "81943fba-eebf-44cd-89a8-c9d9b8a9e2c7",
|
|
"queryName": "ListAllExpenses"
|
|
}
|
|
],
|
|
"styles": {
|
|
"iconColor": {
|
|
"value": "#20134B",
|
|
"fxActive": true
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"icon": {
|
|
"value": "IconArrowLeft"
|
|
}
|
|
},
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 20,
|
|
"left": 11.627907106727907,
|
|
"width": 1.9911509053210048,
|
|
"height": 40
|
|
}
|
|
}
|
|
},
|
|
"43bff61e-1c92-4bfc-90e2-2e2a9d26a763": {
|
|
"id": "43bff61e-1c92-4bfc-90e2-2e2a9d26a763",
|
|
"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": "Expense Details"
|
|
},
|
|
"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": 20,
|
|
"left": 16.279071023435332,
|
|
"width": 7,
|
|
"height": 40
|
|
}
|
|
}
|
|
},
|
|
"88c4353f-a551-4733-8714-cb9e16c0d318": {
|
|
"id": "88c4353f-a551-4733-8714-cb9e16c0d318",
|
|
"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": "{{18}}"
|
|
},
|
|
"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": "Expense #{{queries.ExpenseDetailPage.data[0].id}}"
|
|
},
|
|
"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": 20,
|
|
"left": 4.7645458519336445,
|
|
"width": 8.043898728159355,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"4323ed4c-f99f-4b3e-876d-db380eb1df4f": {
|
|
"id": "4323ed4c-f99f-4b3e-876d-db380eb1df4f",
|
|
"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": "Date"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text10",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 4.651162759148427,
|
|
"width": 7.051421213550593,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"ef654245-6bf4-40c7-9d10-6398e8f383ba": {
|
|
"id": "ef654245-6bf4-40c7-9d10-6398e8f383ba",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{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": "{{queries.ExpenseDetailPage.data[0].datesubmitted}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Date"
|
|
}
|
|
},
|
|
"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": 110,
|
|
"left": 20.93023274173657,
|
|
"width": 15.033948087773464,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db"
|
|
},
|
|
"3fa246c8-a97f-42fb-868d-2e5841e041bb": {
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{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": "{{queries.ExpenseDetailPage.data[0].category}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Category"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput4",
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "f7365b95-39d2-434e-9e15-c8211452b9db",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 260,
|
|
"left": 20.987272320839814,
|
|
"width": 15.038773956265942,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
}
|
|
}
|
|
},
|
|
"globalSettings": {
|
|
"hideHeader": true,
|
|
"appInMaintenance": false,
|
|
"canvasMaxWidth": "100",
|
|
"canvasMaxWidthType": "%",
|
|
"canvasMaxHeight": "2400",
|
|
"canvasBackgroundColor": "",
|
|
"backgroundFxQuery": ""
|
|
},
|
|
"showViewerNavigation": false,
|
|
"homePageId": "2d684124-f12e-4d5e-8996-b218e8d339ba",
|
|
"appId": "61d9b309-cd6a-47b7-b79e-e89ca02ef758",
|
|
"currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"promotedFrom": null,
|
|
"createdAt": "2023-11-17T18:58:57.456Z",
|
|
"updatedAt": "2024-01-02T20:16:53.332Z"
|
|
}
|
|
],
|
|
"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": "c7a97426-4c31-46eb-98a6-db9f908466b5",
|
|
"dataSourceId": "99f7242d-a13f-4a40-91e1-90f206bb14d0",
|
|
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
|
|
"options": null,
|
|
"createdAt": "2023-11-17T18:58:57.525Z",
|
|
"updatedAt": "2023-11-17T18:58:57.525Z"
|
|
},
|
|
{
|
|
"id": "1e5c271f-d9e3-4d09-bd82-5174b71592c8",
|
|
"dataSourceId": "99f7242d-a13f-4a40-91e1-90f206bb14d0",
|
|
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
|
|
"options": null,
|
|
"createdAt": "2023-11-17T18:58:57.525Z",
|
|
"updatedAt": "2023-11-17T18:58:57.525Z"
|
|
},
|
|
{
|
|
"id": "d79407a9-8b33-40b7-8bc5-de05662c7e0e",
|
|
"dataSourceId": "99f7242d-a13f-4a40-91e1-90f206bb14d0",
|
|
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"options": null,
|
|
"createdAt": "2023-11-17T18:58:57.525Z",
|
|
"updatedAt": "2023-11-17T18:58:57.525Z"
|
|
},
|
|
{
|
|
"id": "e72bc9d9-4ad1-4552-8d6f-f2ad3004212b",
|
|
"dataSourceId": "108419cd-1c90-41ec-8def-a06781c123b7",
|
|
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"options": null,
|
|
"createdAt": "2023-11-17T18:58:57.534Z",
|
|
"updatedAt": "2023-11-17T18:58:57.534Z"
|
|
},
|
|
{
|
|
"id": "8f6bd857-ec9a-4fd7-885a-842bd47b4f5a",
|
|
"dataSourceId": "108419cd-1c90-41ec-8def-a06781c123b7",
|
|
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
|
|
"options": null,
|
|
"createdAt": "2023-11-17T18:58:57.534Z",
|
|
"updatedAt": "2023-11-17T18:58:57.534Z"
|
|
},
|
|
{
|
|
"id": "a883a20b-9041-49bf-9a47-219ecb583cf6",
|
|
"dataSourceId": "108419cd-1c90-41ec-8def-a06781c123b7",
|
|
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
|
|
"options": null,
|
|
"createdAt": "2023-11-17T18:58:57.534Z",
|
|
"updatedAt": "2023-11-17T18:58:57.534Z"
|
|
},
|
|
{
|
|
"id": "f610f4b2-0a5f-4d8e-b7ba-e9374995238e",
|
|
"dataSourceId": "f9f982cf-c0ca-4881-a455-be55646a9c43",
|
|
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
|
|
"options": null,
|
|
"createdAt": "2023-11-17T18:58:57.543Z",
|
|
"updatedAt": "2023-11-17T18:58:57.543Z"
|
|
},
|
|
{
|
|
"id": "4c79146f-f791-42e0-a552-be67f2771bf8",
|
|
"dataSourceId": "f9f982cf-c0ca-4881-a455-be55646a9c43",
|
|
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"options": null,
|
|
"createdAt": "2023-11-17T18:58:57.543Z",
|
|
"updatedAt": "2023-11-17T18:58:57.543Z"
|
|
},
|
|
{
|
|
"id": "46c64866-f1db-4b96-acff-907ea230233b",
|
|
"dataSourceId": "f9f982cf-c0ca-4881-a455-be55646a9c43",
|
|
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
|
|
"options": null,
|
|
"createdAt": "2023-11-17T18:58:57.543Z",
|
|
"updatedAt": "2023-11-17T18:58:57.543Z"
|
|
},
|
|
{
|
|
"id": "dba61e3e-da57-482e-9ebd-edb97bc2fd1d",
|
|
"dataSourceId": "807078ad-734f-4f6a-b01a-03cdef79f2e1",
|
|
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
|
|
"options": null,
|
|
"createdAt": "2023-11-17T18:58:57.550Z",
|
|
"updatedAt": "2023-11-17T18:58:57.550Z"
|
|
},
|
|
{
|
|
"id": "e4168505-5c1a-4f5f-bedd-d0837004329d",
|
|
"dataSourceId": "807078ad-734f-4f6a-b01a-03cdef79f2e1",
|
|
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
|
|
"options": null,
|
|
"createdAt": "2023-11-17T18:58:57.550Z",
|
|
"updatedAt": "2023-11-17T18:58:57.550Z"
|
|
},
|
|
{
|
|
"id": "89434095-188f-43a6-b7c2-10ac9e68b324",
|
|
"dataSourceId": "807078ad-734f-4f6a-b01a-03cdef79f2e1",
|
|
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"options": null,
|
|
"createdAt": "2023-11-17T18:58:57.550Z",
|
|
"updatedAt": "2023-11-17T18:58:57.550Z"
|
|
},
|
|
{
|
|
"id": "5243cac8-c80d-4ebb-988e-1fb7af2138db",
|
|
"dataSourceId": "9390015d-54bf-48f8-8dd9-386ee850bfc4",
|
|
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
|
|
"options": null,
|
|
"createdAt": "2023-11-17T18:58:57.557Z",
|
|
"updatedAt": "2023-11-17T18:58:57.557Z"
|
|
},
|
|
{
|
|
"id": "ba0ac743-3013-4dca-8b3e-e6c4a0b956dd",
|
|
"dataSourceId": "9390015d-54bf-48f8-8dd9-386ee850bfc4",
|
|
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
|
|
"options": null,
|
|
"createdAt": "2023-11-17T18:58:57.557Z",
|
|
"updatedAt": "2023-11-17T18:58:57.557Z"
|
|
},
|
|
{
|
|
"id": "99299ce3-b20e-4fd8-96d8-c726870041f9",
|
|
"dataSourceId": "9390015d-54bf-48f8-8dd9-386ee850bfc4",
|
|
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"options": null,
|
|
"createdAt": "2023-11-17T18:58:57.557Z",
|
|
"updatedAt": "2023-11-17T18:58:57.557Z"
|
|
}
|
|
],
|
|
"schemaDetails": {
|
|
"multiPages": true,
|
|
"multiEnv": true,
|
|
"globalDataSources": true
|
|
}
|
|
}
|
|
}
|
|
}
|
|
],
|
|
"tooljet_version": "2.25.0-ee2.11.1-cloud2.1.8"
|
|
} |