{ "tooljet_database": [ { "id": "7d98bd02-b2d5-4e79-bcc4-c9a102211124", "table_name": "employee_expense", "schema": { "columns": [ { "column_name": "id", "data_type": "integer", "column_default": "nextval('\"7d98bd02-b2d5-4e79-bcc4-c9a102211124_id_seq\"'::regclass)", "character_maximum_length": null, "numeric_precision": 32, "is_nullable": "NO", "constraint_type": "PRIMARY KEY", "keytype": "PRIMARY KEY" }, { "column_name": "description", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "category", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "receipt", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "status", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "amount", "data_type": "double precision", "column_default": null, "character_maximum_length": null, "numeric_precision": 53, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "employee_email", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "employee_name", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "date_submitted", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" } ] } } ], "app": [ { "definition": { "appV2": { "id": "1cb5866c-290f-416e-96f8-af1c9e141581", "type": "front-end", "name": "Expense tracker portal", "slug": "expense-tracker-portal", "isPublic": false, "isMaintenanceOn": false, "icon": "shield", "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84", "currentVersionId": null, "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc", "workflowApiToken": null, "workflowEnabled": false, "createdAt": "2023-11-17T19:00:51.303Z", "creationMode": "DEFAULT", "updatedAt": "2024-01-04T23:10:59.285Z", "editingVersion": { "id": "03bae6e8-06f5-4467-9b80-0dc78db8a26c", "name": "v1", "definition": { "showViewerNavigation": false, "homePageId": "5c681cb1-23d6-403a-b25a-12bf89a2d445", "pages": { "5c681cb1-23d6-403a-b25a-12bf89a2d445": { "components": { "63494b51-4ea3-4e44-b63e-3a6ffb35af8a": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#3e63ddff", "fxActive": false }, "textSize": { "value": "{{20}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{5}}" }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Your Expenses" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text3", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 120, "left": 2.3255813953488373, "width": 5, "height": 40 } }, "withDefaultChildren": false }, "9cc8d3a8-fddb-4306-9e20-d554c79e6230": { "component": { "properties": { "title": { "type": "code", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } }, "useDefaultButton": { "type": "toggle", "displayName": "Use default trigger button", "validation": { "schema": { "type": "boolean" } } }, "triggerButtonLabel": { "type": "code", "displayName": "Trigger button label", "validation": { "schema": { "type": "string" } } }, "hideTitleBar": { "type": "toggle", "displayName": "Hide title bar" }, "hideCloseButton": { "type": "toggle", "displayName": "Hide close button" }, "hideOnEsc": { "type": "toggle", "displayName": "Close on escape key" }, "closeOnClickingOutside": { "type": "toggle", "displayName": "Close on clicking outside" }, "size": { "type": "select", "displayName": "Modal size", "options": [ { "name": "small", "value": "sm" }, { "name": "medium", "value": "lg" }, { "name": "large", "value": "xl" } ], "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onOpen": { "displayName": "On open" }, "onClose": { "displayName": "On close" } }, "styles": { "headerBackgroundColor": { "type": "color", "displayName": "Header background color", "validation": { "schema": { "type": "string" } } }, "headerTextColor": { "type": "color", "displayName": "Header title color", "validation": { "schema": { "type": "string" } } }, "bodyBackgroundColor": { "type": "color", "displayName": "Body background color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "triggerButtonBackgroundColor": { "type": "color", "displayName": "Trigger button background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "triggerButtonTextColor": { "type": "color", "displayName": "Trigger button text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "headerBackgroundColor": { "value": "#ffffffff" }, "headerTextColor": { "value": "#3e63ddff" }, "bodyBackgroundColor": { "value": "#ffffffff" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#5746AF", "fxActive": true }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Add an expense" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Add an expense" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" }, "modalHeight": { "value": "600px" } }, "general": {}, "exposedVariables": {} }, "name": "modal1", "displayName": "Modal", "description": "Modal triggered by events", "component": "Modal", "defaultSize": { "width": 10, "height": 400 }, "exposedVariables": { "show": false }, "actions": [ { "handle": "open", "displayName": "Open" }, { "handle": "close", "displayName": "Close" } ] }, "layouts": { "desktop": { "top": 820, "left": 88.37209609325302, "width": 4, "height": 40 } }, "withDefaultChildren": false }, "e74c5d62-37f1-4d68-b6b4-ac5749a81426": { "id": "e74c5d62-37f1-4d68-b6b4-ac5749a81426", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": true }, "textColor": { "value": "#000000", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Amount ($)" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text7", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 80, "left": 4.651162790697675, "width": 5, "height": 40 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "914b5b8b-4895-4684-ba77-4428063cc076": { "id": "914b5b8b-4895-4684-ba77-4428063cc076", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": true }, "textColor": { "value": "#000000", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Category" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text8", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 140, "left": 4.651162790697675, "width": 5, "height": 40 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "aca71827-44fa-41c0-9593-16f900f864ad": { "id": "aca71827-44fa-41c0-9593-16f900f864ad", "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "label": { "value": "" }, "value": { "value": "{{\"Reimbursments\"}}" }, "values": { "value": "{{[\"Reimbursments\",\"Pending Payments\", \"Health Benefits\"]}}" }, "display_values": { "value": "{{[\"Reimbursments\",\"Pending Payments\", \"Health Benefits\"]}}" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown1", "displayName": "Dropdown", "description": "Select one value from options", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "layouts": { "desktop": { "top": 140, "left": 18.60464903811819, "width": 16, "height": 40 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "6e67b517-144a-4252-8b83-5ff72bd1d554": { "id": "6e67b517-144a-4252-8b83-5ff72bd1d554", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": true }, "textColor": { "value": "#000000", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Details of expense" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text9", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 199.99993896484375, "left": 4.651162790697675, "width": 11.000000000000002, "height": 40 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "da1fc961-e616-45e6-9e73-2bd3037bf1ec": { "id": "da1fc961-e616-45e6-9e73-2bd3037bf1ec", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Describe your expense" } }, "general": {}, "exposedVariables": {} }, "name": "textarea1", "displayName": "Textarea", "description": "Text area form field", "component": "TextArea", "defaultSize": { "width": 6, "height": 100 }, "exposedVariables": { "value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" } ] }, "layouts": { "desktop": { "top": 240.00003051757812, "left": 4.651186281071691, "width": 39.00000000000001, "height": 90 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "28ae4bd6-9905-4cf5-b791-28c1f1726b5e": { "id": "28ae4bd6-9905-4cf5-b791-28c1f1726b5e", "component": { "properties": { "instructionText": { "type": "code", "displayName": "Instruction Text", "validation": { "schema": { "type": "string" } } }, "enableDropzone": { "type": "code", "displayName": "Use Drop zone", "validation": { "schema": { "type": "boolean" } } }, "enablePicker": { "type": "code", "displayName": "Use File Picker", "validation": { "schema": { "type": "boolean" } } }, "enableMultiple": { "type": "code", "displayName": "Pick multiple files", "validation": { "schema": { "type": "boolean" } } }, "maxFileCount": { "type": "code", "displayName": "Max file count", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "fileType": { "type": "code", "displayName": "Accept file types", "validation": { "schema": { "type": "string" } } }, "maxSize": { "type": "code", "displayName": "Max size limit (Bytes)", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "minSize": { "type": "code", "displayName": "Min size limit (Bytes)", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "parseContent": { "type": "toggle", "displayName": "Parse content", "validation": { "schema": { "type": "boolean" } } }, "parseFileType": { "type": "select", "displayName": "File type", "options": [ { "name": "Autodetect from extension", "value": "auto-detect" }, { "name": "CSV", "value": "csv" }, { "name": "Microsoft Excel - xls", "value": "vnd.ms-excel" }, { "name": "Microsoft Excel - xlsx", "value": "vnd.openxmlformats-officedocument.spreadsheetml.sheet" } ], "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onFileSelected": { "displayName": "On File Selected" }, "onFileLoaded": { "displayName": "On File Loaded" }, "onFileDeselected": { "displayName": "On File Deselected" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{10}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "instructionText": { "value": "Drag and drop the PDF file here or click to select the file" }, "enableDropzone": { "value": "{{true}}" }, "enablePicker": { "value": "{{true}}" }, "maxFileCount": { "value": "{{1}}" }, "enableMultiple": { "value": "{{false}}" }, "fileType": { "value": "{{\"application/pdf\"}}" }, "maxSize": { "value": "{{1048576}}" }, "minSize": { "value": "{{50}}" }, "parseContent": { "value": "{{false}}" }, "parseFileType": { "value": "auto-detect" } }, "general": {}, "exposedVariables": {} }, "name": "filepicker1", "displayName": "File Picker", "description": "File Picker", "component": "FilePicker", "defaultSize": { "width": 15, "height": 100 }, "actions": [ { "handle": "clearFiles", "displayName": "Clear Files" } ], "exposedVariables": { "file": [ { "name": "", "content": "", "dataURL": "", "type": "", "parsedData": "" } ], "isParsing": false } }, "layouts": { "desktop": { "top": 390, "left": 4.651116926357939, "width": 39.00000000000001, "height": 120 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "3c2bd483-6515-4fd6-87ba-08a7b9d0523a": { "id": "3c2bd483-6515-4fd6-87ba-08a7b9d0523a", "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "a1556227-c4cb-432d-80a4-33f8c0092ddc", "queryName": "CreateExpense" } ], "styles": { "backgroundColor": { "value": "#3e63ddff", "fxActive": false }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#ffffff00" }, "disabledState": { "value": "{{components.datepicker1.value == undefined || components.numberinput1.value < 0 || components.dropdown1.value == undefined || components.textarea1.value.length < 1 || components.filepicker1.file.length < 1}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Add expense" }, "loadingState": { "value": "{{queries.CreateExpense.isLoading}}", "fxActive": true } }, "general": {}, "exposedVariables": {} }, "name": "button2", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 530.0000610351562, "left": 76.74421131458854, "width": 8, "height": 40 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "ef5a9d23-8ad7-4d82-830d-02db9a575b8b": { "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#ffffffff", "fxActive": false }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" } }, "general": {}, "exposedVariables": {} }, "name": "container3", "displayName": "Container", "description": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 159.99998474121094, "left": 2.3255813953488373, "width": 41, "height": 670 } }, "withDefaultChildren": false }, "7c55d7f2-ee6d-4533-8e9d-3e4c34dcd743": { "id": "7c55d7f2-ee6d-4533-8e9d-3e4c34dcd743", "component": { "properties": { "defaultStartDate": { "type": "code", "displayName": "Default start date", "validation": { "schema": { "type": "string" } } }, "defaultEndDate": { "type": "code", "displayName": "Default end date", "validation": { "schema": { "type": "string" } } }, "format": { "type": "code", "displayName": "Format", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "defaultStartDate": { "value": "{{moment().subtract(3,\"month\").format(\"YYYY/MM/DD\")}}" }, "defaultEndDate": { "value": "{{moment().format(\"YYYY/MM/DD\")}}" }, "format": { "value": "YYYY/MM/DD" } }, "general": {}, "exposedVariables": {} }, "name": "daterangepicker1", "displayName": "Range Picker", "description": "Select a date range", "component": "DaterangePicker", "defaultSize": { "width": 10, "height": 30 }, "exposedVariables": { "endDate": {}, "startDate": {} } }, "layouts": { "desktop": { "top": 50.00001525878906, "left": 2.3255858128800644, "width": 8, "height": 40 } }, "parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b" }, "f08e1173-3580-4299-ae0f-548b52a4c5e9": { "id": "f08e1173-3580-4299-ae0f-548b52a4c5e9", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Date range" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text15", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 19.999954223632812, "left": 2.325581868647625, "width": 3.0000000000000004, "height": 30 } }, "parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b" }, "bd470c2f-5302-4571-ac65-dc47af8cc6b8": { "id": "bd470c2f-5302-4571-ac65-dc47af8cc6b8", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Status" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text16", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 19.999954223632812, "left": 23.255812352486057, "width": 3.0000000000000004, "height": 30 } }, "parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b" }, "596dd0f2-b24d-4230-950e-b2d9b80f8916": { "id": "596dd0f2-b24d-4230-950e-b2d9b80f8916", "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "label": { "value": "" }, "value": { "value": "{{\"\"}}" }, "values": { "value": "{{[\"\", \"approved\",\"pending\", \"rejected\"]}}" }, "display_values": { "value": "{{[\"All\", \"Approved\", \"Pending\", \"Rejected\"]}}" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select status" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown2", "displayName": "Dropdown", "description": "Select one value from options", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "layouts": { "desktop": { "top": 50.00001525878906, "left": 23.255812847395685, "width": 4.999999999999999, "height": 40 } }, "parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b" }, "a2417394-65f3-48e0-a09b-d149848b18f4": { "id": "a2417394-65f3-48e0-a09b-d149848b18f4", "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "f45972e5-45aa-47f3-9c00-e6bb657c9d4e", "queryName": "listExpenses", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#3e63dd1a", "fxActive": false }, "textColor": { "value": "#3e63ddff", "fxActive": false }, "loaderColor": { "value": "#3e63ddff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff", "fxActive": false }, "disabledState": { "value": "{{queries.listExpenses.isLoading}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Apply filter" }, "loadingState": { "value": "{{false}}", "fxActive": false } }, "general": {}, "exposedVariables": {} }, "name": "button4", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 50.00001525878906, "left": 37.20929665310947, "width": 4, "height": 40 } }, "parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b" }, "842f76ba-e8b9-4a24-93dc-d5cba1ec238d": { "id": "842f76ba-e8b9-4a24-93dc-d5cba1ec238d", "component": { "properties": { "title": { "type": "string", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "data": { "type": "code", "displayName": "Table data", "validation": { "schema": { "type": "array", "element": { "type": "object" }, "optional": true } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "columns": { "type": "array", "displayName": "Table Columns" }, "useDynamicColumn": { "type": "toggle", "displayName": "Use dynamic column", "validation": { "schema": { "type": "boolean" } } }, "columnData": { "type": "code", "displayName": "Column data" }, "rowsPerPage": { "type": "code", "displayName": "Number of rows per page", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "serverSidePagination": { "type": "toggle", "displayName": "Server-side pagination", "validation": { "schema": { "type": "boolean" } } }, "enableNextButton": { "type": "toggle", "displayName": "Enable next page button", "validation": { "schema": { "type": "boolean" } } }, "enabledSort": { "type": "toggle", "displayName": "Enable sorting", "validation": { "schema": { "type": "boolean" } } }, "hideColumnSelectorButton": { "type": "toggle", "displayName": "Hide column selector button", "validation": { "schema": { "type": "boolean" } } }, "enablePrevButton": { "type": "toggle", "displayName": "Enable previous page button", "validation": { "schema": { "type": "boolean" } } }, "totalRecords": { "type": "code", "displayName": "Total records server side", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "clientSidePagination": { "type": "toggle", "displayName": "Client-side pagination", "validation": { "schema": { "type": "boolean" } } }, "serverSideSearch": { "type": "toggle", "displayName": "Server-side search", "validation": { "schema": { "type": "boolean" } } }, "serverSideSort": { "type": "toggle", "displayName": "Server-side sort", "validation": { "schema": { "type": "boolean" } } }, "serverSideFilter": { "type": "toggle", "displayName": "Server-side filter", "validation": { "schema": { "type": "boolean" } } }, "actionButtonBackgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "actionButtonTextColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "displaySearchBox": { "type": "toggle", "displayName": "Show search box", "validation": { "schema": { "type": "boolean" } } }, "showDownloadButton": { "type": "toggle", "displayName": "Show download button", "validation": { "schema": { "type": "boolean" } } }, "showFilterButton": { "type": "toggle", "displayName": "Show filter button", "validation": { "schema": { "type": "boolean" } } }, "showBulkUpdateActions": { "type": "toggle", "displayName": "Show update buttons", "validation": { "schema": { "type": "boolean" } } }, "showBulkSelector": { "type": "toggle", "displayName": "Bulk selection", "validation": { "schema": { "type": "boolean" } } }, "highlightSelectedRow": { "type": "toggle", "displayName": "Highlight selected row", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop " }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onRowHovered": { "displayName": "Row hovered" }, "onRowClicked": { "displayName": "Row clicked" }, "onBulkUpdate": { "displayName": "Save changes" }, "onPageChanged": { "displayName": "Page changed" }, "onSearch": { "displayName": "Search" }, "onCancelChanges": { "displayName": "Cancel changes" }, "onSort": { "displayName": "Sort applied" }, "onCellValueChanged": { "displayName": "Cell value changed" }, "onFilterChanged": { "displayName": "Filter changed" }, "onNewRowsAdded": { "displayName": "Add new rows" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "actionButtonRadius": { "type": "code", "displayName": "Action Button Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" } ] } } }, "tableType": { "type": "select", "displayName": "Table type", "options": [ { "name": "Bordered", "value": "table-bordered" }, { "name": "Regular", "value": "table-classic" }, { "name": "Striped", "value": "table-striped" } ], "validation": { "schema": { "type": "string" } } }, "cellSize": { "type": "select", "displayName": "Cell size", "options": [ { "name": "Condensed", "value": "condensed" }, { "name": "Regular", "value": "regular" } ], "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "regular" }, "borderRadius": { "value": "10" }, "tableType": { "value": "table-classic" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{queries.listExpenses.isLoading}}", "fxActive": true }, "data": { "value": "{{queries?.listExpenses?.data ?? []}}" }, "useDynamicColumn": { "value": "{{false}}" }, "columnData": { "value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}" }, "rowsPerPage": { "value": "{{10}}" }, "serverSidePagination": { "value": "{{false}}" }, "enableNextButton": { "value": "{{true}}" }, "enablePrevButton": { "value": "{{true}}" }, "totalRecords": { "value": "" }, "clientSidePagination": { "value": "{{true}}" }, "serverSideSort": { "value": "{{false}}" }, "serverSideFilter": { "value": "{{false}}" }, "displaySearchBox": { "value": "{{true}}" }, "showDownloadButton": { "value": "{{false}}" }, "showFilterButton": { "value": "{{false}}" }, "autogenerateColumns": { "value": true }, "columns": { "value": [ { "id": "bccf37f2-27b7-405d-8eb5-11475406d2dc", "name": "id", "key": "id", "columnType": "number", "autogenerated": true }, { "id": "bcdde7b1-24a9-4edf-934e-0bf240d13bdb", "name": "employee name", "key": "employee_name", "columnType": "string", "autogenerated": true }, { "id": "d37a99a5-d5cc-4e28-90c8-bfff0af762ee", "name": "employee email", "key": "employee_email", "columnType": "string", "autogenerated": true }, { "name": "category", "id": "6cdfda6d-1845-4b66-8803-b8de18201b1a", "columnType": "string" }, { "id": "9b20fb02-762f-4461-86e9-fe6bd1150740", "name": "amount ($)", "key": "amount", "columnType": "number", "autogenerated": true }, { "name": "status", "id": "abcc8bcb-9bf9-4e8e-922c-95e15b42b634", "textColor": "{{({ approved: \"#00C65D\", rejected: \"#DF2C00\", pending: \"#F6D100\" })[rowData.status]}}", "columnType": "string", "key": "status" }, { "name": "date submitted", "id": "3d4dc529-964c-4e34-bfac-59d059c85521", "columnType": "datepicker", "isTimeChecked": false, "dateFormat": "YYYY/MM/DD", "parseDateFormat": "YYYY/MM/DD", "key": "date_submitted" }, { "id": "bfba1fb1-1489-4bb6-8795-20be92e87531", "name": "description", "key": "description", "columnType": "string", "autogenerated": true, "textWrap": "wrap" } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 30, "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 143, "3d4dc529-964c-4e34-bfac-59d059c85521": 166, "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 217, "f1c5b098-25a8-494a-8141-0b6327a4a60f": 7, "3b38b9bb-bd1b-40b7-82c5-3e17cb660d3a": 131, "f22fda6f-da28-42db-9192-fee66fd26567": 97.99999999999997, "8d6770cb-f6a8-455b-b215-96fb7a2cff4e": 118, "6cdfda6d-1845-4b66-8803-b8de18201b1a": 182, "2ee0c705-e498-40df-b5ae-a0334d50de6f": 256, "bccf37f2-27b7-405d-8eb5-11475406d2dc": 73, "5361da46-9319-41e0-a45f-70f1a581e8ad": 200, "9b20fb02-762f-4461-86e9-fe6bd1150740": 132, "d37a99a5-d5cc-4e28-90c8-bfff0af762ee": 244, "abcc8bcb-9bf9-4e8e-922c-95e15b42b634": 97 } }, "actions": { "value": [] }, "enabledSort": { "value": "{{false}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "email", "Description", "receipt", "datesubmitted", "status", "status", "date_submitted", "datesubmitted", "receipt" ] }, "allowSelection": { "value": "{{false}}" }, "showAddNewRowButton": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "table1", "displayName": "Table", "description": "Display paginated tabular data", "component": "Table", "defaultSize": { "width": 20, "height": 358 }, "exposedVariables": { "selectedRow": {}, "changeSet": {}, "dataUpdates": [], "pageIndex": 1, "searchText": "", "selectedRows": [], "filters": [] }, "actions": [ { "handle": "setPage", "displayName": "Set page", "params": [ { "handle": "page", "displayName": "Page", "defaultValue": "{{1}}" } ] }, { "handle": "selectRow", "displayName": "Select row", "params": [ { "handle": "key", "displayName": "Key" }, { "handle": "value", "displayName": "Value" } ] }, { "handle": "deselectRow", "displayName": "Deselect row" }, { "handle": "discardChanges", "displayName": "Discard Changes" }, { "handle": "discardNewlyAddedRows", "displayName": "Discard newly added rows" } ] }, "layouts": { "desktop": { "top": 109.99995422363281, "left": 2.325581868647625, "width": 41, "height": 520 } }, "parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b" }, "4a829405-e4b2-4bdc-b89d-4e3271ae94f2": { "id": "4a829405-e4b2-4bdc-b89d-4e3271ae94f2", "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "close-modal", "message": "Hello world!", "alertType": "info", "modal": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" } ], "styles": { "backgroundColor": { "value": "#3e63dd1a", "fxActive": false }, "textColor": { "value": "#3e63ddff", "fxActive": false }, "loaderColor": { "value": "#3e63ddff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#3e63ddff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button3", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 530, "left": 62.79068006316184, "width": 5.026685393258427, "height": 40 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "9d61b279-41ab-44c3-a1f9-fe7d1bdacef0": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Date" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text11", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230", "layouts": { "desktop": { "top": 20, "left": 4.651162790697675, "width": 5, "height": 40 } }, "withDefaultChildren": false }, "0078d908-dfcd-407c-853a-998ec267e735": { "component": { "properties": { "defaultValue": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "format": { "type": "code", "displayName": "Format", "validation": { "schema": { "type": "string" } } }, "enableTime": { "type": "toggle", "displayName": "Enable time selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "enableDate": { "type": "toggle", "displayName": "Enable date selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "disabledDates": { "type": "code", "displayName": "Disabled dates", "validation": { "schema": { "type": "array", "element": { "type": "string" } } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "defaultValue": { "value": "{{moment().format(\"YYYY/MM/DD\")}}" }, "format": { "value": "YYYY/MM/DD" }, "enableTime": { "value": "{{false}}" }, "enableDate": { "value": "{{true}}" }, "disabledDates": { "value": "{{[]}}" } }, "general": {}, "exposedVariables": {} }, "name": "datepicker1", "displayName": "Date Picker", "description": "Select a date and time", "component": "Datepicker", "defaultSize": { "width": 5, "height": 30 }, "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230", "layouts": { "desktop": { "top": 20.000030517578125, "left": 18.604652744961736, "width": 16, "height": 40 } }, "withDefaultChildren": false }, "5794387c-e561-4a86-bf13-74f13d307100": { "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "minValue": { "type": "code", "displayName": "Minimum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "maxValue": { "type": "code", "displayName": "Maximum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "backgroundColor": { "type": "color", "displayName": "Background Color" }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "", "fxActive": false }, "textColor": { "value": "#232e3c" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "value": { "value": "10" }, "maxValue": { "value": "" }, "minValue": { "value": "0" }, "placeholder": { "value": "{{components.numberinput1.value}}" }, "decimalPlaces": { "value": "2" } }, "general": {}, "exposedVariables": {} }, "name": "numberinput1", "displayName": "Number Input", "description": "Number field for forms", "component": "NumberInput", "defaultSize": { "width": 4, "height": 30 }, "exposedVariables": { "value": 99 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230", "layouts": { "desktop": { "top": 80.00003051757812, "left": 18.604661303453007, "width": 16, "height": 40 } }, "withDefaultChildren": false }, "6d14ca8d-2b2d-42c9-8a2b-fc5dd8b4774d": { "id": "6d14ca8d-2b2d-42c9-8a2b-fc5dd8b4774d", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": true }, "textColor": { "value": "#000000", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Upload the PDF of your receipt" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text12", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 350, "left": 4.651165967311983, "width": 18, "height": 40 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "6861f955-bf0b-45bf-a528-945469a65717": { "id": "6861f955-bf0b-45bf-a528-945469a65717", "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#3e63ddff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#ffffff00", "fxActive": false }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" } }, "general": {}, "exposedVariables": {} }, "name": "container4", "displayName": "Container", "description": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 20, "left": 2.3255804619478915, "width": 41, "height": 70 } } }, "e7eff5ae-0447-48e1-8f87-8d4074108970": { "id": "e7eff5ae-0447-48e1-8f87-8d4074108970", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff" }, "textSize": { "value": "{{24}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": "{{0}}" }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "B R A N D" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text13", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 10, "left": 2.3255827912519793, "width": 6, "height": 40 } }, "parent": "6861f955-bf0b-45bf-a528-945469a65717" }, "8df02ad7-a07d-44c5-b21b-7c775bd98a4d": { "id": "8df02ad7-a07d-44c5-b21b-7c775bd98a4d", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff", "fxActive": false }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "capitalize" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": "{{0}}" }, "wordSpacing": { "value": "{{0}}" }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{`${globals.currentUser.firstName} ${globals.currentUser.lastName} `}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text17", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 10, "left": 67.4418648711779, "width": 12, "height": 40 } }, "parent": "6861f955-bf0b-45bf-a528-945469a65717" }, "2b423fbf-99bf-494e-b1a6-2e1b0c290478": { "component": { "properties": { "icon": { "type": "iconPicker", "displayName": "Icon", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "iconColor": { "type": "color", "displayName": "Icon color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "iconColor": { "value": "#ffffffff" }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "icon": { "value": "IconUserCircle" } }, "general": {}, "exposedVariables": {} }, "name": "icon1", "displayName": "Icon", "description": "Icon", "defaultSize": { "width": 5, "height": 48 }, "component": "Icon", "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "displayName": "Set Visibility", "handle": "setVisibility", "params": [ { "handle": "value", "displayName": "Value", "defaultValue": "{{true}}", "type": "toggle" } ] } ] }, "parent": "6861f955-bf0b-45bf-a528-945469a65717", "layouts": { "desktop": { "top": 10, "left": 95.34883163997867, "width": 1, "height": 40 } }, "withDefaultChildren": false }, "1f602902-4427-4680-bb97-459f55f75484": { "id": "1f602902-4427-4680-bb97-459f55f75484", "component": { "properties": { "text": { "type": "code", "displayName": "Button text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "show-modal", "message": "Hello world!", "alertType": "info", "modal": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" } ], "styles": { "backgroundColor": { "value": "#3e63ddff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#375FCF" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Add an expense" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button5", "displayName": "Button", "description": "Trigger actions: queries, alerts, set variables etc.", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": { "buttonText": "Button" }, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 50.00001525878906, "left": 88.37208709709138, "width": 4, "height": 40 } }, "parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b" } }, "handle": "home", "name": "Home" } }, "globalSettings": { "hideHeader": true, "appInMaintenance": false, "canvasMaxWidth": "5000", "canvasMaxWidthType": "px", "canvasMaxHeight": 2400, "canvasBackgroundColor": "", "backgroundFxQuery": "" }, "components": { "66923bf7-575d-4169-a3d3-7d16fc0be439": { "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#FFFFFF", "fxActive": true }, "borderRadius": { "value": "0" }, "borderColor": { "value": "#ffffff00" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" } }, "general": {}, "exposedVariables": {} }, "name": "container1", "displayName": "Container", "description": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": -0.00000762939453125, "left": 0.00213096456786458, "width": 43, "height": 80 } }, "withDefaultChildren": false }, "daa992f3-07be-4ec6-9585-1cc8f5e132c0": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#5746AF", "fxActive": true }, "textSize": { "value": "{{32}}" }, "textAlign": { "value": "center" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "italic" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "X" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text1", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "66923bf7-575d-4169-a3d3-7d16fc0be439", "layouts": { "desktop": { "top": 10, "left": 4.913498120258604, "width": 0.9665996878286482, "height": 50 } }, "withDefaultChildren": false }, "5346a015-a8fd-4e5d-a3a5-e371a3a2f49b": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#5746AF", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "penseFlow" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text2", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "66923bf7-575d-4169-a3d3-7d16fc0be439", "layouts": { "desktop": { "top": 10, "left": 7.539730218411148, "width": 4.000665579949918, "height": 50 } }, "withDefaultChildren": false }, "63494b51-4ea3-4e44-b63e-3a6ffb35af8a": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#20134B", "fxActive": true }, "textSize": { "value": "{{20}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Your Expenses" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text3", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 130, "left": 4.715052454462855, "width": 7, "height": 30 } }, "withDefaultChildren": false }, "0d0232ed-93aa-4977-819e-0a0bb83c00d9": { "id": "0d0232ed-93aa-4977-819e-0a0bb83c00d9", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#20134B", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{globals.currentUser.firstName}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text6", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 10, "left": 79.52376037074694, "width": 3.9599698535745054, "height": 50 } }, "parent": "66923bf7-575d-4169-a3d3-7d16fc0be439" }, "9cc8d3a8-fddb-4306-9e20-d554c79e6230": { "component": { "properties": { "title": { "type": "code", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } }, "useDefaultButton": { "type": "toggle", "displayName": "Use default trigger button", "validation": { "schema": { "type": "boolean" } } }, "triggerButtonLabel": { "type": "code", "displayName": "Trigger button label", "validation": { "schema": { "type": "string" } } }, "hideTitleBar": { "type": "toggle", "displayName": "Hide title bar" }, "hideCloseButton": { "type": "toggle", "displayName": "Hide close button" }, "hideOnEsc": { "type": "toggle", "displayName": "Close on escape key" }, "closeOnClickingOutside": { "type": "toggle", "displayName": "Close on clicking outside" }, "size": { "type": "select", "displayName": "Modal size", "options": [ { "name": "small", "value": "sm" }, { "name": "medium", "value": "lg" }, { "name": "large", "value": "xl" } ], "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onOpen": { "displayName": "On open" }, "onClose": { "displayName": "On close" } }, "styles": { "headerBackgroundColor": { "type": "color", "displayName": "Header background color", "validation": { "schema": { "type": "string" } } }, "headerTextColor": { "type": "color", "displayName": "Header title color", "validation": { "schema": { "type": "string" } } }, "bodyBackgroundColor": { "type": "color", "displayName": "Body background color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "triggerButtonBackgroundColor": { "type": "color", "displayName": "Trigger button background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "triggerButtonTextColor": { "type": "color", "displayName": "Trigger button text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "headerBackgroundColor": { "value": "#ffffffff" }, "headerTextColor": { "value": "#000000" }, "bodyBackgroundColor": { "value": "#ffffffff" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#5746AF", "fxActive": true }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Add an expense" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{true}}" }, "triggerButtonLabel": { "value": "Add an expense" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "modal1", "displayName": "Modal", "description": "Modal triggered by events", "component": "Modal", "defaultSize": { "width": 10, "height": 400 }, "exposedVariables": { "show": false }, "actions": [ { "handle": "open", "displayName": "Open" }, { "handle": "close", "displayName": "Close" } ] }, "layouts": { "desktop": { "top": 130.0000457763672, "left": 79.11660889566163, "width": 7, "height": 480 } }, "withDefaultChildren": false }, "e74c5d62-37f1-4d68-b6b4-ac5749a81426": { "id": "e74c5d62-37f1-4d68-b6b4-ac5749a81426", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": true }, "textColor": { "value": "#000000", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Amount" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text7", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 30, "left": 30.232570297538736, "width": 4.0217009887611, "height": 40 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "914b5b8b-4895-4684-ba77-4428063cc076": { "id": "914b5b8b-4895-4684-ba77-4428063cc076", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": true }, "textColor": { "value": "#000000", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Category" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text8", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 30, "left": 60.64153899721448, "width": 3.965709276038984, "height": 40 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "aca71827-44fa-41c0-9593-16f900f864ad": { "id": "aca71827-44fa-41c0-9593-16f900f864ad", "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "6" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "label": { "value": "" }, "value": { "value": "{{\"Reimbursments\"}}" }, "values": { "value": "{{[\"Reimbursments\",\"Pending Payments\", \"Health Benefits\"]}}" }, "display_values": { "value": "{{[\"Reimbursments\",\"Pending Payments\", \"Health Benefits\"]}}" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown1", "displayName": "Dropdown", "description": "Select one value from options", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "layouts": { "desktop": { "top": 30.000015258789062, "left": 72.02652530085741, "width": 7.99943042111011, "height": 40 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "6e67b517-144a-4252-8b83-5ff72bd1d554": { "id": "6e67b517-144a-4252-8b83-5ff72bd1d554", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": true }, "textColor": { "value": "#000000", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Details of expense" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text9", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 79.99996948242188, "left": 6.976730644204823, "width": 17.930261641933875, "height": 40 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "da1fc961-e616-45e6-9e73-2bd3037bf1ec": { "id": "da1fc961-e616-45e6-9e73-2bd3037bf1ec", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{6}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Describe your expense" } }, "general": {}, "exposedVariables": {} }, "name": "textarea1", "displayName": "Textarea", "description": "Text area form field", "component": "TextArea", "defaultSize": { "width": 6, "height": 100 }, "exposedVariables": { "value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" } ] }, "layouts": { "desktop": { "top": 130.00003051757812, "left": 6.879826707760271, "width": 37.01902742646711, "height": 90 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "28ae4bd6-9905-4cf5-b791-28c1f1726b5e": { "id": "28ae4bd6-9905-4cf5-b791-28c1f1726b5e", "component": { "properties": { "instructionText": { "type": "code", "displayName": "Instruction Text", "validation": { "schema": { "type": "string" } } }, "enableDropzone": { "type": "code", "displayName": "Use Drop zone", "validation": { "schema": { "type": "boolean" } } }, "enablePicker": { "type": "code", "displayName": "Use File Picker", "validation": { "schema": { "type": "boolean" } } }, "enableMultiple": { "type": "code", "displayName": "Pick multiple files", "validation": { "schema": { "type": "boolean" } } }, "maxFileCount": { "type": "code", "displayName": "Max file count", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "fileType": { "type": "code", "displayName": "Accept file types", "validation": { "schema": { "type": "string" } } }, "maxSize": { "type": "code", "displayName": "Max size limit (Bytes)", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "minSize": { "type": "code", "displayName": "Min size limit (Bytes)", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "parseContent": { "type": "toggle", "displayName": "Parse content", "validation": { "schema": { "type": "boolean" } } }, "parseFileType": { "type": "select", "displayName": "File type", "options": [ { "name": "Autodetect from extension", "value": "auto-detect" }, { "name": "CSV", "value": "csv" }, { "name": "Microsoft Excel - xls", "value": "vnd.ms-excel" }, { "name": "Microsoft Excel - xlsx", "value": "vnd.openxmlformats-officedocument.spreadsheetml.sheet" } ], "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onFileSelected": { "displayName": "On File Selected" }, "onFileLoaded": { "displayName": "On File Loaded" }, "onFileDeselected": { "displayName": "On File Deselected" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{6}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "instructionText": { "value": "Upload your receipt" }, "enableDropzone": { "value": "{{true}}" }, "enablePicker": { "value": "{{true}}" }, "maxFileCount": { "value": "{{1}}" }, "enableMultiple": { "value": "{{false}}" }, "fileType": { "value": "{{\"application/pdf\"}}" }, "maxSize": { "value": "{{1048576}}" }, "minSize": { "value": "{{50}}" }, "parseContent": { "value": "{{true}}" }, "parseFileType": { "value": "auto-detect" } }, "general": {}, "exposedVariables": {} }, "name": "filepicker1", "displayName": "File Picker", "description": "File Picker", "component": "FilePicker", "defaultSize": { "width": 15, "height": 100 }, "actions": [ { "handle": "clearFiles", "displayName": "Clear Files" } ], "exposedVariables": { "file": [ { "name": "", "content": "", "dataURL": "", "type": "", "parsedData": "" } ], "isParsing": false } }, "layouts": { "desktop": { "top": 250, "left": 6.912380051818922, "width": 37.03004242550304, "height": 90 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "3c2bd483-6515-4fd6-87ba-08a7b9d0523a": { "id": "3c2bd483-6515-4fd6-87ba-08a7b9d0523a", "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "33ed0f11-10cf-4fb1-8fcf-f50c7eedf04b", "queryName": "CreateExpense" } ], "styles": { "backgroundColor": { "value": "#5746AF", "fxActive": true }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#375fcf00" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Add expense" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button2", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 400.0000305175781, "left": 71.90846694544508, "width": 9.000160089471919, "height": 40 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "1d5e0310-8ff5-461b-8d7c-cf48778592a5": { "component": { "properties": { "icon": { "type": "iconPicker", "displayName": "Icon", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "iconColor": { "type": "color", "displayName": "Icon Color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "iconColor": { "value": "#20134B", "fxActive": true }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "icon": { "value": "IconChevronDown" } }, "general": {}, "exposedVariables": {} }, "name": "icon1", "displayName": "Icon", "description": "Icon", "defaultSize": { "width": 5, "height": 48 }, "component": "Icon", "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "displayName": "Set Visibility", "handle": "setVisibility", "params": [ { "handle": "value", "displayName": "Value", "defaultValue": "{{true}}", "type": "toggle" } ] } ] }, "parent": "66923bf7-575d-4169-a3d3-7d16fc0be439", "layouts": { "desktop": { "top": 18, "left": 86.15197037876933, "width": 0.9973514211886291, "height": 30 } }, "withDefaultChildren": false }, "ef5a9d23-8ad7-4d82-830d-02db9a575b8b": { "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#FFFFFF", "fxActive": true }, "borderRadius": { "value": "12" }, "borderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" } }, "general": {}, "exposedVariables": {} }, "name": "container3", "displayName": "Container", "description": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 179.99998474121094, "left": 4.651159790090727, "width": 39, "height": 610 } }, "withDefaultChildren": false }, "bfd37437-2f20-46f6-8e6e-f93c75175e4e": { "id": "bfd37437-2f20-46f6-8e6e-f93c75175e4e", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#2B0E44", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Search" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text14", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 4.651163101286042, "width": 6, "height": 30 } }, "parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b" }, "d6a4fe92-ac6c-45cf-93e5-3616e27d9252": { "id": "d6a4fe92-ac6c-45cf-93e5-3616e27d9252", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error Text Color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onEnterPressed", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "78d38b75-32f3-4572-83db-bc084df0e021", "queryName": "Search" } ], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{6}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": null } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Search" } }, "general": {}, "exposedVariables": {} }, "name": "textinput3", "displayName": "Text Input", "description": "Text field for forms", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 50.00006103515625, "left": 4.651165494953225, "width": 11, "height": 40 } }, "parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b" }, "7c55d7f2-ee6d-4533-8e9d-3e4c34dcd743": { "id": "7c55d7f2-ee6d-4533-8e9d-3e4c34dcd743", "component": { "properties": { "defaultStartDate": { "type": "code", "displayName": "Default start date", "validation": { "schema": { "type": "string" } } }, "defaultEndDate": { "type": "code", "displayName": "Default end date", "validation": { "schema": { "type": "string" } } }, "format": { "type": "code", "displayName": "Format", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "6" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "defaultStartDate": { "value": "01/04/2022" }, "defaultEndDate": { "value": "10/04/2022" }, "format": { "value": "DD/MM/YYYY" } }, "general": {}, "exposedVariables": {} }, "name": "daterangepicker2", "displayName": "Range Picker", "description": "Select a date range", "component": "DaterangePicker", "defaultSize": { "width": 10, "height": 30 }, "exposedVariables": { "endDate": {}, "startDate": {} } }, "layouts": { "desktop": { "top": 50, "left": 34.88372789091864, "width": 10, "height": 40 } }, "parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b" }, "f08e1173-3580-4299-ae0f-548b52a4c5e9": { "id": "f08e1173-3580-4299-ae0f-548b52a4c5e9", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#2B0E44", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Date" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text15", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 34.88372160137631, "width": 6, "height": 30 } }, "parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b" }, "bd470c2f-5302-4571-ac65-dc47af8cc6b8": { "id": "bd470c2f-5302-4571-ac65-dc47af8cc6b8", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#2B0E44", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Status" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text16", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 62.79069758202949, "width": 6, "height": 30 } }, "parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b" }, "596dd0f2-b24d-4230-950e-b2d9b80f8916": { "id": "596dd0f2-b24d-4230-950e-b2d9b80f8916", "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "6" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "label": { "value": "" }, "value": { "value": "" }, "values": { "value": "{{[\"approved\",\"pending\", \"rejected\"]}}" }, "display_values": { "value": "{{[\"approved\",\"pending\", \"rejected\"]}}" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select category of expense" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown3", "displayName": "Dropdown", "description": "Select one value from options", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "layouts": { "desktop": { "top": 50, "left": 60.723448268765594, "width": 10.00465860758617, "height": 40 } }, "parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b" }, "a2417394-65f3-48e0-a09b-d149848b18f4": { "id": "a2417394-65f3-48e0-a09b-d149848b18f4", "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "11f6bc38-f0b6-463d-97cd-d9fe3ea6681b", "queryName": "ListExpenses" } ], "styles": { "backgroundColor": { "value": "#F5F2FF", "fxActive": true }, "textColor": { "value": "#6E56CF", "fxActive": true }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#C4B8F3", "fxActive": true }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Filter" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button4", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 50, "left": 86.04650316559169, "width": 4, "height": 40 } }, "parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b" }, "842f76ba-e8b9-4a24-93dc-d5cba1ec238d": { "id": "842f76ba-e8b9-4a24-93dc-d5cba1ec238d", "component": { "properties": { "title": { "type": "string", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "data": { "type": "code", "displayName": "Table data", "validation": { "schema": { "type": "array", "element": { "type": "object" }, "optional": true } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "columns": { "type": "array", "displayName": "Table Columns" }, "useDynamicColumn": { "type": "toggle", "displayName": "Use dynamic column", "validation": { "schema": { "type": "boolean" } } }, "columnData": { "type": "code", "displayName": "Column data" }, "rowsPerPage": { "type": "code", "displayName": "Number of rows per page", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "serverSidePagination": { "type": "toggle", "displayName": "Server-side pagination", "validation": { "schema": { "type": "boolean" } } }, "enableNextButton": { "type": "toggle", "displayName": "Enable next page button", "validation": { "schema": { "type": "boolean" } } }, "enabledSort": { "type": "toggle", "displayName": "Enable sorting", "validation": { "schema": { "type": "boolean" } } }, "hideColumnSelectorButton": { "type": "toggle", "displayName": "Hide column selector button", "validation": { "schema": { "type": "boolean" } } }, "enablePrevButton": { "type": "toggle", "displayName": "Enable previous page button", "validation": { "schema": { "type": "boolean" } } }, "totalRecords": { "type": "code", "displayName": "Total records server side", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "clientSidePagination": { "type": "toggle", "displayName": "Client-side pagination", "validation": { "schema": { "type": "boolean" } } }, "serverSideSearch": { "type": "toggle", "displayName": "Server-side search", "validation": { "schema": { "type": "boolean" } } }, "serverSideSort": { "type": "toggle", "displayName": "Server-side sort", "validation": { "schema": { "type": "boolean" } } }, "serverSideFilter": { "type": "toggle", "displayName": "Server-side filter", "validation": { "schema": { "type": "boolean" } } }, "actionButtonBackgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "actionButtonTextColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "displaySearchBox": { "type": "toggle", "displayName": "Show search box", "validation": { "schema": { "type": "boolean" } } }, "showDownloadButton": { "type": "toggle", "displayName": "Show download button", "validation": { "schema": { "type": "boolean" } } }, "showFilterButton": { "type": "toggle", "displayName": "Show filter button", "validation": { "schema": { "type": "boolean" } } }, "showBulkUpdateActions": { "type": "toggle", "displayName": "Show update buttons", "validation": { "schema": { "type": "boolean" } } }, "showBulkSelector": { "type": "toggle", "displayName": "Bulk selection", "validation": { "schema": { "type": "boolean" } } }, "highlightSelectedRow": { "type": "toggle", "displayName": "Highlight selected row", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop " }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onRowHovered": { "displayName": "Row hovered" }, "onRowClicked": { "displayName": "Row clicked" }, "onBulkUpdate": { "displayName": "Save changes" }, "onPageChanged": { "displayName": "Page changed" }, "onSearch": { "displayName": "Search" }, "onCancelChanges": { "displayName": "Cancel changes" }, "onSort": { "displayName": "Sort applied" }, "onCellValueChanged": { "displayName": "Cell value changed" }, "onFilterChanged": { "displayName": "Filter changed" }, "onNewRowsAdded": { "displayName": "Add new rows" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "actionButtonRadius": { "type": "code", "displayName": "Action Button Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" } ] } } }, "tableType": { "type": "select", "displayName": "Table type", "options": [ { "name": "Bordered", "value": "table-bordered" }, { "name": "Borderless", "value": "table-borderless" }, { "name": "Classic", "value": "table-classic" }, { "name": "Striped", "value": "table-striped" }, { "name": "Striped & bordered", "value": "table-striped table-bordered" } ], "validation": { "schema": { "type": "string" } } }, "cellSize": { "type": "select", "displayName": "Cell size", "options": [ { "name": "Compact", "value": "compact" }, { "name": "Spacious", "value": "spacious" } ], "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "compact" }, "borderRadius": { "value": "12" }, "tableType": { "value": "table-bordered" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{queries.Search.isLoading===true?true:false}}", "fxActive": true }, "data": { "value": "{{components.textinput3.value===\"\"?variables.TableData:variables.TableSearchData}}" }, "useDynamicColumn": { "value": "{{false}}" }, "columnData": { "value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}" }, "rowsPerPage": { "value": "{{10}}" }, "serverSidePagination": { "value": "{{false}}" }, "enableNextButton": { "value": "{{true}}" }, "enablePrevButton": { "value": "{{true}}" }, "totalRecords": { "value": "" }, "clientSidePagination": { "value": "{{true}}" }, "serverSideSort": { "value": "{{false}}" }, "serverSideFilter": { "value": "{{false}}" }, "displaySearchBox": { "value": "{{false}}" }, "showDownloadButton": { "value": "{{false}}" }, "showFilterButton": { "value": "{{false}}" }, "autogenerateColumns": { "value": true }, "columns": { "value": [ { "id": "bccf37f2-27b7-405d-8eb5-11475406d2dc", "name": "id", "key": "id", "columnType": "number", "autogenerated": true }, { "name": "Date submitted", "id": "3d4dc529-964c-4e34-bfac-59d059c85521", "columnType": "datepicker", "isTimeChecked": false, "dateFormat": "DD/MM/YYYY", "parseDateFormat": "DD/MM/YYYY", "key": "datesubmitted" }, { "name": "category", "id": "6cdfda6d-1845-4b66-8803-b8de18201b1a", "columnType": "string" }, { "name": "Receipt", "id": "3b38b9bb-bd1b-40b7-82c5-3e17cb660d3a", "columnType": "default", "key": "receipt", "columnVisibility": "{{false}}" }, { "id": "f1d1bcca-5d9b-4be3-8122-9d112fe01e00", "name": "datesubmitted", "key": "datesubmitted", "columnType": "string", "autogenerated": true, "columnVisibility": "{{false}}" }, { "id": "bfba1fb1-1489-4bb6-8795-20be92e87531", "name": "description", "key": "description", "columnType": "string", "autogenerated": true }, { "id": "9b20fb02-762f-4461-86e9-fe6bd1150740", "name": "amount", "key": "amount", "columnType": "number", "autogenerated": true } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 30, "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 143, "3d4dc529-964c-4e34-bfac-59d059c85521": 127, "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 217, "f1c5b098-25a8-494a-8141-0b6327a4a60f": 7, "3b38b9bb-bd1b-40b7-82c5-3e17cb660d3a": 131, "f22fda6f-da28-42db-9192-fee66fd26567": 97.99999999999997, "8d6770cb-f6a8-455b-b215-96fb7a2cff4e": 118, "6cdfda6d-1845-4b66-8803-b8de18201b1a": 105, "2ee0c705-e498-40df-b5ae-a0334d50de6f": 256, "bccf37f2-27b7-405d-8eb5-11475406d2dc": 60 } }, "actions": { "value": [] }, "enabledSort": { "value": "{{false}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "email", "Description", "receipt", "datesubmitted", "status", "status" ] }, "allowSelection": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "table1", "displayName": "Table", "description": "Display paginated tabular data", "component": "Table", "defaultSize": { "width": 20, "height": 358 }, "exposedVariables": { "selectedRow": {}, "changeSet": {}, "dataUpdates": [], "pageIndex": 1, "searchText": "", "selectedRows": [], "filters": [] }, "actions": [ { "handle": "setPage", "displayName": "Set page", "params": [ { "handle": "page", "displayName": "Page", "defaultValue": "{{1}}" } ] }, { "handle": "selectRow", "displayName": "Select row", "params": [ { "handle": "key", "displayName": "Key" }, { "handle": "value", "displayName": "Value" } ] }, { "handle": "deselectRow", "displayName": "Deselect row" }, { "handle": "discardChanges", "displayName": "Discard Changes" }, { "handle": "discardNewlyAddedRows", "displayName": "Discard newly added rows" } ] }, "layouts": { "desktop": { "top": 109.99996185302734, "left": 4.80067716063364, "width": 38.97769042256447, "height": 440 } }, "parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b" }, "16ae2002-5ad9-476c-9e66-e9bd49d14f58": { "component": { "properties": { "icon": { "type": "iconPicker", "displayName": "Icon", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "iconColor": { "type": "color", "displayName": "Icon Color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "iconColor": { "value": "#20134B", "fxActive": true }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "icon": { "value": "IconSettings" } }, "general": {}, "exposedVariables": {} }, "name": "icon2", "displayName": "Icon", "description": "Icon", "defaultSize": { "width": 5, "height": 48 }, "component": "Icon", "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "displayName": "Set Visibility", "handle": "setVisibility", "params": [ { "handle": "value", "displayName": "Value", "defaultValue": "{{true}}", "type": "toggle" } ] } ] }, "parent": "66923bf7-575d-4169-a3d3-7d16fc0be439", "layouts": { "desktop": { "top": 20, "left": 90.16033118679746, "width": 1.9927217915589999, "height": 30 } }, "withDefaultChildren": false }, "4a829405-e4b2-4bdc-b89d-4e3271ae94f2": { "id": "4a829405-e4b2-4bdc-b89d-4e3271ae94f2", "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#F5F2FF", "fxActive": true }, "textColor": { "value": "#6E56CF", "fxActive": true }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#9b9b9b00" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button3", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 400, "left": 58.139518694339046, "width": 5.026685393258427, "height": 40 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "c47e04ba-5e57-4c57-b283-d2875101d995": { "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "dividerColor": { "type": "color", "displayName": "Divider Color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#9b9b9bff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": {}, "general": {}, "exposedVariables": {} }, "name": "verticaldivider1", "displayName": "Vertical Divider", "description": "Vertical Separator between components", "component": "VerticalDivider", "defaultSize": { "width": 2, "height": 100 }, "exposedVariables": { "value": {} } }, "parent": "66923bf7-575d-4169-a3d3-7d16fc0be439", "layouts": { "desktop": { "top": 20, "left": 88.45888317732047, "width": 0.9881998277347117, "height": 30 } }, "withDefaultChildren": false }, "512da8e2-a4a1-460d-949e-b896367380da": { "id": "512da8e2-a4a1-460d-949e-b896367380da", "component": { "properties": { "icon": { "type": "iconPicker", "displayName": "Icon", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "iconColor": { "type": "color", "displayName": "Icon Color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "iconColor": { "value": "#20134B", "fxActive": true }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "icon": { "value": "IconCircleLetterR" } }, "general": {}, "exposedVariables": {} }, "name": "icon3", "displayName": "Icon", "description": "Icon", "defaultSize": { "width": 5, "height": 48 }, "component": "Icon", "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "displayName": "Set Visibility", "handle": "setVisibility", "params": [ { "handle": "value", "displayName": "Value", "defaultValue": "{{true}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 77.2570440997141, "width": 0.9575366063738147, "height": 30 } }, "parent": "66923bf7-575d-4169-a3d3-7d16fc0be439" }, "9d61b279-41ab-44c3-a1f9-fe7d1bdacef0": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Date" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text11", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230", "layouts": { "desktop": { "top": 30, "left": 6.976739144922963, "width": 2.968986431794913, "height": 40 } }, "withDefaultChildren": false }, "0078d908-dfcd-407c-853a-998ec267e735": { "component": { "properties": { "defaultValue": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "format": { "type": "code", "displayName": "Format", "validation": { "schema": { "type": "string" } } }, "enableTime": { "type": "toggle", "displayName": "Enable time selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "enableDate": { "type": "toggle", "displayName": "Enable date selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "disabledDates": { "type": "code", "displayName": "Disabled dates", "validation": { "schema": { "type": "array", "element": { "type": "string" } } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onSelect", "actionId": "show-alert", "message": "Hello world!", "alertType": "info" } ], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{6}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "defaultValue": { "value": "01/01/2022" }, "format": { "value": "DD/MM/YYYY" }, "enableTime": { "value": "{{false}}" }, "enableDate": { "value": "{{true}}" }, "disabledDates": { "value": "{{[]}}" } }, "general": {}, "exposedVariables": {} }, "name": "datepicker1", "displayName": "Date Picker", "description": "Select a date and time", "component": "Datepicker", "defaultSize": { "width": 5, "height": 30 }, "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230", "layouts": { "desktop": { "top": 30.000022888183594, "left": 13.953482540204996, "width": 7.011492338254275, "height": 40 } }, "withDefaultChildren": false }, "5794387c-e561-4a86-bf13-74f13d307100": { "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "minValue": { "type": "code", "displayName": "Minimum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "maxValue": { "type": "code", "displayName": "Maximum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "backgroundColor": { "type": "color", "displayName": "Background Color" }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{6}}" }, "backgroundColor": { "value": "#ffffffff" }, "borderColor": { "value": "#fff" }, "textColor": { "value": "#232e3c" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "value": { "value": "10" }, "maxValue": { "value": "" }, "minValue": { "value": "" }, "placeholder": { "value": "0" } }, "general": {}, "exposedVariables": {} }, "name": "numberinput1", "displayName": "Number Input", "description": "Number field for forms", "component": "NumberInput", "defaultSize": { "width": 4, "height": 30 }, "exposedVariables": { "value": 99 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230", "layouts": { "desktop": { "top": 30.000030517578125, "left": 39.53488872762443, "width": 8.042379079311743, "height": 40 } }, "withDefaultChildren": false } } }, "globalSettings": { "hideHeader": true, "appInMaintenance": false, "canvasMaxWidth": 100, "canvasMaxWidthType": "%", "canvasMaxHeight": 2400, "canvasBackgroundColor": "", "backgroundFxQuery": "" }, "showViewerNavigation": false, "homePageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8", "appId": "1cb5866c-290f-416e-96f8-af1c9e141581", "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "promotedFrom": null, "createdAt": "2023-11-17T19:00:51.312Z", "updatedAt": "2024-01-02T20:34:07.768Z" }, "components": [ { "id": "4bfd221b-5f51-405f-80d4-5f1ed8f843fe", "name": "text3", "type": "Text", "pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8", "parent": null, "properties": { "text": { "value": "Your Expenses" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#3e63ddff", "fxActive": false }, "textSize": { "value": "{{20}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{5}}" }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "804a3878-1bef-4fbc-a3a3-94f0ad6eb16d", "type": "desktop", "top": 120, "left": 2.3255813953488373, "width": 5, "height": 40, "componentId": "4bfd221b-5f51-405f-80d4-5f1ed8f843fe" } ] }, { "id": "8d8b8e36-ab6c-4e5a-a764-61c7b7d25710", "name": "text7", "type": "Text", "pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8", "parent": "ad553e5a-8bce-46c5-947b-ec147b38d79e", "properties": { "text": { "value": "Amount ($)" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": true }, "textColor": { "value": "#000000", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "5f34d94c-3158-4897-9502-8caf53bd326c", "type": "desktop", "top": 80, "left": 4.651162790697675, "width": 5, "height": 40, "componentId": "8d8b8e36-ab6c-4e5a-a764-61c7b7d25710" } ] }, { "id": "5fd3bff7-ef62-432b-b35d-69f37dfdbfa1", "name": "text8", "type": "Text", "pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8", "parent": "ad553e5a-8bce-46c5-947b-ec147b38d79e", "properties": { "text": { "value": "Category" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": true }, "textColor": { "value": "#000000", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "fe3e1ac9-ebe9-4d0a-bdd1-dcd157cff5b4", "type": "desktop", "top": 140, "left": 4.651162790697675, "width": 5, "height": 40, "componentId": "5fd3bff7-ef62-432b-b35d-69f37dfdbfa1" } ] }, { "id": "cde1be78-4d57-437b-a95f-242cd783cc0f", "name": "dropdown1", "type": "DropDown", "pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8", "parent": "ad553e5a-8bce-46c5-947b-ec147b38d79e", "properties": { "label": { "value": "" }, "value": { "value": "{{\"Reimbursments\"}}" }, "values": { "value": "{{[\"Reimbursments\",\"Pending Payments\", \"Health Benefits\"]}}" }, "display_values": { "value": "{{[\"Reimbursments\",\"Pending Payments\", \"Health Benefits\"]}}" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": null } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "5273533c-e214-4a3b-aa01-b64e2a0c6328", "type": "desktop", "top": 140, "left": 18.60464903811819, "width": 16, "height": 40, "componentId": "cde1be78-4d57-437b-a95f-242cd783cc0f" } ] }, { "id": "f55a39bf-d7fa-45c9-881f-25ff35a7ca3c", "name": "text9", "type": "Text", "pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8", "parent": "ad553e5a-8bce-46c5-947b-ec147b38d79e", "properties": { "text": { "value": "Details of expense" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": true }, "textColor": { "value": "#000000", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "7ff46b9d-394e-45ba-8f1a-f5aa2c96dd6e", "type": "desktop", "top": 199.99993896484375, "left": 4.651162790697675, "width": 11.000000000000002, "height": 40, "componentId": "f55a39bf-d7fa-45c9-881f-25ff35a7ca3c" } ] }, { "id": "e676e616-459c-4107-a5a3-6c9f30d159ba", "name": "textarea1", "type": "TextArea", "pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8", "parent": "ad553e5a-8bce-46c5-947b-ec147b38d79e", "properties": { "value": { "value": "" }, "placeholder": { "value": "Describe your expense" } }, "general": {}, "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "d84b95d0-5354-4c2d-916c-bd006a8f93f6", "type": "desktop", "top": 240.00003051757812, "left": 4.6511967754481525, "width": 39.00000000000001, "height": 90, "componentId": "e676e616-459c-4107-a5a3-6c9f30d159ba" } ] }, { "id": "ad553e5a-8bce-46c5-947b-ec147b38d79e", "name": "modal1", "type": "Modal", "pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8", "parent": null, "properties": { "title": { "value": "Add an expense" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Add an expense" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" }, "modalHeight": { "value": "600px" } }, "general": {}, "styles": { "headerBackgroundColor": { "value": "#ffffffff" }, "headerTextColor": { "value": "#3e63ddff" }, "bodyBackgroundColor": { "value": "#ffffffff" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#5746AF", "fxActive": true }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "144eaacf-1197-4343-9b45-eb66e8e871fe", "type": "desktop", "top": 910, "left": 88.37209609325302, "width": 4, "height": 40, "componentId": "ad553e5a-8bce-46c5-947b-ec147b38d79e" } ] }, { "id": "8b99ade8-3cf1-40c2-8234-7834f12882e7", "name": "filepicker1", "type": "FilePicker", "pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8", "parent": "ad553e5a-8bce-46c5-947b-ec147b38d79e", "properties": { "instructionText": { "value": "Drag and drop the PDF file here or click to select the file" }, "enableDropzone": { "value": "{{true}}" }, "enablePicker": { "value": "{{true}}" }, "maxFileCount": { "value": "{{1}}" }, "enableMultiple": { "value": "{{false}}" }, "fileType": { "value": "{{\"application/pdf\"}}" }, "maxSize": { "value": "{{1048576}}" }, "minSize": { "value": "{{50}}" }, "parseContent": { "value": "{{false}}" }, "parseFileType": { "value": "auto-detect" } }, "general": {}, "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{10}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "64bbeeb9-e412-4bad-8c4c-f911a2764b97", "type": "desktop", "top": 390, "left": 4.651116926357939, "width": 39.00000000000001, "height": 120, "componentId": "8b99ade8-3cf1-40c2-8234-7834f12882e7" } ] }, { "id": "2df144c4-02d8-41cc-9122-72e12266e61e", "name": "button2", "type": "Button", "pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8", "parent": "ad553e5a-8bce-46c5-947b-ec147b38d79e", "properties": { "text": { "value": "Add expense" }, "loadingState": { "value": "{{queries.CreateExpense.isLoading}}", "fxActive": true } }, "general": {}, "styles": { "backgroundColor": { "value": "#3e63ddff", "fxActive": false }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#ffffff00" }, "disabledState": { "value": "{{components.datepicker1.value == undefined || components.numberinput1.value < 0 || components.dropdown1.value == undefined || components.textarea1.value.length < 1 || components.filepicker1.file.length < 1}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "eb4cf732-2e16-4e2b-96f7-045eddccdfdf", "type": "desktop", "top": 530.0000610351562, "left": 76.74421131458854, "width": 8, "height": 40, "componentId": "2df144c4-02d8-41cc-9122-72e12266e61e" } ] }, { "id": "d2308710-8223-4337-8ead-7f98d4bb978a", "name": "container3", "type": "Container", "pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8", "parent": null, "properties": { "visible": { "value": "{{true}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#ffffffff", "fxActive": false }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#8888884d" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2024-01-02T20:27:41.739Z", "layouts": [ { "id": "b5efb757-b4b0-4610-b334-22a39d5ad0ef", "type": "desktop", "top": 159.99998474121094, "left": 2.3255813953488373, "width": 41, "height": 670, "componentId": "d2308710-8223-4337-8ead-7f98d4bb978a" } ] }, { "id": "cc85e3d0-4ff4-4d0b-bd94-baf02800b3ee", "name": "daterangepicker1", "type": "DaterangePicker", "pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8", "parent": "d2308710-8223-4337-8ead-7f98d4bb978a", "properties": { "defaultStartDate": { "value": "{{moment().subtract(3,\"month\").format(\"YYYY/MM/DD\")}}" }, "defaultEndDate": { "value": "{{moment().format(\"YYYY/MM/DD\")}}" }, "format": { "value": "YYYY/MM/DD" } }, "general": {}, "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "16808fc8-772c-473e-999c-cfc1284e7830", "type": "desktop", "top": 50.00001525878906, "left": 2.3255858128800644, "width": 8, "height": 40, "componentId": "cc85e3d0-4ff4-4d0b-bd94-baf02800b3ee" } ] }, { "id": "7d8ecbc2-0c7f-4342-bfa1-202f99d69688", "name": "text15", "type": "Text", "pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8", "parent": "d2308710-8223-4337-8ead-7f98d4bb978a", "properties": { "text": { "value": "Date range" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "2519c60a-4ec9-47ed-b6ce-7cd294dca92a", "type": "desktop", "top": 19.999954223632812, "left": 2.325581868647625, "width": 3.0000000000000004, "height": 30, "componentId": "7d8ecbc2-0c7f-4342-bfa1-202f99d69688" } ] }, { "id": "953e8dbd-d894-4819-9eaf-2d2ce2790cbd", "name": "text16", "type": "Text", "pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8", "parent": "d2308710-8223-4337-8ead-7f98d4bb978a", "properties": { "text": { "value": "Status" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "9eb49c3d-ef1d-4d50-b672-733e8d884e58", "type": "desktop", "top": 19.999954223632812, "left": 23.255812352486057, "width": 3.0000000000000004, "height": 30, "componentId": "953e8dbd-d894-4819-9eaf-2d2ce2790cbd" } ] }, { "id": "7a26ce6b-fbea-45ed-a89d-c232f5d1f78e", "name": "dropdown2", "type": "DropDown", "pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8", "parent": "d2308710-8223-4337-8ead-7f98d4bb978a", "properties": { "label": { "value": "" }, "value": { "value": "{{\"\\%\\%\"}}" }, "values": { "value": "{{[\"\\%\\%\", \"approved\",\"pending\", \"rejected\"]}}" }, "display_values": { "value": "{{[\"All\", \"Approved\", \"Pending\", \"Rejected\"]}}" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select status" } }, "general": {}, "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": null } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2024-01-02T19:21:24.848Z", "layouts": [ { "id": "51e57856-d55d-4ad8-b34f-93c9a5108857", "type": "desktop", "top": 50.00001525878906, "left": 23.255812847395685, "width": 4.999999999999999, "height": 40, "componentId": "7a26ce6b-fbea-45ed-a89d-c232f5d1f78e" } ] }, { "id": "a05048ce-baf2-4f6b-a2b1-cd01d3dbb538", "name": "button4", "type": "Button", "pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8", "parent": "d2308710-8223-4337-8ead-7f98d4bb978a", "properties": { "text": { "value": "Apply filter" }, "loadingState": { "value": "{{false}}", "fxActive": false } }, "general": {}, "styles": { "backgroundColor": { "value": "#3e63dd1a", "fxActive": false }, "textColor": { "value": "#3e63ddff", "fxActive": false }, "loaderColor": { "value": "#3e63ddff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff", "fxActive": false }, "disabledState": { "value": "{{queries.listExpenses.isLoading}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "6cd9769e-6bc4-456c-82a9-4b843c33e9ff", "type": "desktop", "top": 50.00001525878906, "left": 37.20929665310947, "width": 4, "height": 40, "componentId": "a05048ce-baf2-4f6b-a2b1-cd01d3dbb538" } ] }, { "id": "79474342-09b9-4211-9572-bbcb912d5e5c", "name": "table1", "type": "Table", "pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8", "parent": "d2308710-8223-4337-8ead-7f98d4bb978a", "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{queries.listExpenses.isLoading}}", "fxActive": true }, "data": { "value": "{{queries?.listExpenses?.data ?? []}}" }, "useDynamicColumn": { "value": "{{false}}" }, "columnData": { "value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}" }, "rowsPerPage": { "value": "{{10}}" }, "serverSidePagination": { "value": "{{false}}" }, "enableNextButton": { "value": "{{true}}" }, "enablePrevButton": { "value": "{{true}}" }, "totalRecords": { "value": "" }, "clientSidePagination": { "value": "{{true}}" }, "serverSideSort": { "value": "{{false}}" }, "serverSideFilter": { "value": "{{false}}" }, "displaySearchBox": { "value": "{{true}}" }, "showDownloadButton": { "value": "{{false}}" }, "showFilterButton": { "value": "{{false}}" }, "autogenerateColumns": { "value": true }, "columns": { "value": [ { "id": "bccf37f2-27b7-405d-8eb5-11475406d2dc", "name": "id", "key": "id", "columnType": "number", "autogenerated": true }, { "id": "bcdde7b1-24a9-4edf-934e-0bf240d13bdb", "name": "employee name", "key": "employee_name", "columnType": "string", "autogenerated": true }, { "id": "d37a99a5-d5cc-4e28-90c8-bfff0af762ee", "name": "employee email", "key": "employee_email", "columnType": "string", "autogenerated": true }, { "name": "category", "id": "6cdfda6d-1845-4b66-8803-b8de18201b1a", "columnType": "string" }, { "id": "9b20fb02-762f-4461-86e9-fe6bd1150740", "name": "amount ($)", "key": "amount", "columnType": "number", "autogenerated": true }, { "name": "status", "id": "abcc8bcb-9bf9-4e8e-922c-95e15b42b634", "textColor": "{{({ approved: \"#00C65D\", rejected: \"#DF2C00\", pending: \"#F6D100\" })[rowData.status]}}", "columnType": "string", "key": "status" }, { "name": "date submitted", "id": "3d4dc529-964c-4e34-bfac-59d059c85521", "columnType": "datepicker", "isTimeChecked": false, "dateFormat": "YYYY/MM/DD", "parseDateFormat": "YYYY/MM/DD", "key": "date_submitted" }, { "id": "bfba1fb1-1489-4bb6-8795-20be92e87531", "name": "description", "key": "description", "columnType": "string", "autogenerated": true, "textWrap": "hide" } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 30, "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 143, "3d4dc529-964c-4e34-bfac-59d059c85521": 166, "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 217, "f1c5b098-25a8-494a-8141-0b6327a4a60f": 7, "3b38b9bb-bd1b-40b7-82c5-3e17cb660d3a": 131, "f22fda6f-da28-42db-9192-fee66fd26567": 97.99999999999997, "8d6770cb-f6a8-455b-b215-96fb7a2cff4e": 118, "6cdfda6d-1845-4b66-8803-b8de18201b1a": 182, "2ee0c705-e498-40df-b5ae-a0334d50de6f": 256, "bccf37f2-27b7-405d-8eb5-11475406d2dc": 73, "5361da46-9319-41e0-a45f-70f1a581e8ad": 200, "9b20fb02-762f-4461-86e9-fe6bd1150740": 132, "d37a99a5-d5cc-4e28-90c8-bfff0af762ee": 244, "abcc8bcb-9bf9-4e8e-922c-95e15b42b634": 97 } }, "actions": { "value": [] }, "enabledSort": { "value": "{{false}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "email", "Description", "receipt", "datesubmitted", "status", "status", "date_submitted", "datesubmitted", "receipt" ] }, "allowSelection": { "value": "{{false}}" }, "showAddNewRowButton": { "value": "{{false}}" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "regular" }, "borderRadius": { "value": "10" }, "tableType": { "value": "table-classic" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2024-01-02T20:27:02.238Z", "layouts": [ { "id": "444ee90a-7fd8-45e7-bf2e-882e30e96d47", "type": "desktop", "top": 109.99995422363281, "left": 2.325581868647625, "width": 41, "height": 520, "componentId": "79474342-09b9-4211-9572-bbcb912d5e5c" } ] }, { "id": "e9977261-658c-48f8-b40e-0bd116281372", "name": "text11", "type": "Text", "pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8", "parent": "ad553e5a-8bce-46c5-947b-ec147b38d79e", "properties": { "text": { "value": "Date" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "5ce24f26-edde-4e82-86b1-b6fa7d5e6c52", "type": "desktop", "top": 20, "left": 4.651162790697675, "width": 5, "height": 40, "componentId": "e9977261-658c-48f8-b40e-0bd116281372" } ] }, { "id": "27979f76-ec8a-4714-b418-4af2f1b80e69", "name": "datepicker1", "type": "Datepicker", "pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8", "parent": "ad553e5a-8bce-46c5-947b-ec147b38d79e", "properties": { "defaultValue": { "value": "{{moment().format(\"YYYY/MM/DD\")}}" }, "format": { "value": "YYYY/MM/DD" }, "enableTime": { "value": "{{false}}" }, "enableDate": { "value": "{{true}}" }, "disabledDates": { "value": "{{[]}}" } }, "general": {}, "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": null } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "7d20ff89-ff7c-447c-bf07-2546e49338fd", "type": "desktop", "top": 20.000030517578125, "left": 18.604652744961736, "width": 16, "height": 40, "componentId": "27979f76-ec8a-4714-b418-4af2f1b80e69" } ] }, { "id": "89a07678-47f3-493b-bcf9-576bb5b7ed2f", "name": "numberinput1", "type": "NumberInput", "pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8", "parent": "ad553e5a-8bce-46c5-947b-ec147b38d79e", "properties": { "value": { "value": "10" }, "maxValue": { "value": "" }, "minValue": { "value": "0" }, "placeholder": { "value": "{{components.numberinput1.value}}" }, "decimalPlaces": { "value": "2" } }, "general": {}, "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "", "fxActive": false }, "textColor": { "value": "#232e3c" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "d857ee12-9ae6-4a39-88b0-6c375e798ed9", "type": "desktop", "top": 80.00003051757812, "left": 18.604661303453007, "width": 16, "height": 40, "componentId": "89a07678-47f3-493b-bcf9-576bb5b7ed2f" } ] }, { "id": "0dd8d4f4-1449-4d97-8811-d74210a32abc", "name": "text12", "type": "Text", "pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8", "parent": "ad553e5a-8bce-46c5-947b-ec147b38d79e", "properties": { "text": { "value": "Upload the PDF of your receipt" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": true }, "textColor": { "value": "#000000", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "1d8e291c-0b4a-4577-9158-cd7c9961995b", "type": "desktop", "top": 350, "left": 4.651165967311983, "width": 18, "height": 40, "componentId": "0dd8d4f4-1449-4d97-8811-d74210a32abc" } ] }, { "id": "baed89ca-d53f-4fbf-bfb0-c26b4d962862", "name": "container4", "type": "Container", "pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8", "parent": null, "properties": { "visible": { "value": "{{true}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#3e63ddff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#ffffff00", "fxActive": false }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "577e9427-88ec-4a58-b5e7-a5736fa5fb54", "type": "desktop", "top": 20, "left": 2.3255804619478915, "width": 41, "height": 70, "componentId": "baed89ca-d53f-4fbf-bfb0-c26b4d962862" } ] }, { "id": "912683e6-5abc-44a9-b817-3b79223340db", "name": "text13", "type": "Text", "pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8", "parent": "baed89ca-d53f-4fbf-bfb0-c26b4d962862", "properties": { "text": { "value": "B R A N D" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff" }, "textSize": { "value": "{{24}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": "{{0}}" }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "1bf7ec25-b754-4c15-90ed-9a0fb7673f21", "type": "desktop", "top": 10, "left": 2.3255827912519793, "width": 6, "height": 40, "componentId": "912683e6-5abc-44a9-b817-3b79223340db" } ] }, { "id": "72da0c53-69f7-467b-9f2c-ba4cb63f18da", "name": "text17", "type": "Text", "pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8", "parent": "baed89ca-d53f-4fbf-bfb0-c26b4d962862", "properties": { "text": { "value": "{{`${globals.currentUser.firstName} ${globals.currentUser.lastName} `}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff", "fxActive": false }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "capitalize" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": "{{0}}" }, "wordSpacing": { "value": "{{0}}" }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "39331106-8186-42a4-890a-3b762412a343", "type": "desktop", "top": 10, "left": 67.4418648711779, "width": 12, "height": 40, "componentId": "72da0c53-69f7-467b-9f2c-ba4cb63f18da" } ] }, { "id": "9f584f89-9cb1-40e8-9bbd-6d5167218741", "name": "icon1", "type": "Icon", "pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8", "parent": "baed89ca-d53f-4fbf-bfb0-c26b4d962862", "properties": { "icon": { "value": "IconUserCircle" } }, "general": {}, "styles": { "iconColor": { "value": "#ffffffff" }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "c5ccf7bd-6469-47e8-b6e4-300e891e2bed", "type": "desktop", "top": 10, "left": 95.34883163997867, "width": 1, "height": 40, "componentId": "9f584f89-9cb1-40e8-9bbd-6d5167218741" } ] }, { "id": "0c9e42c3-6855-45d1-a194-eae4136535df", "name": "button5", "type": "Button", "pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8", "parent": "d2308710-8223-4337-8ead-7f98d4bb978a", "properties": { "text": { "value": "Add an expense" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#3e63ddff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#375FCF" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "af3f29a8-512a-4234-ac9e-e4f7a8cf8eeb", "type": "desktop", "top": 50.00001525878906, "left": 88.37208709709138, "width": 4, "height": 40, "componentId": "0c9e42c3-6855-45d1-a194-eae4136535df" } ] }, { "id": "59913184-df23-43cc-bd3e-8805570bdbfb", "name": "button3", "type": "Button", "pageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8", "parent": "ad553e5a-8bce-46c5-947b-ec147b38d79e", "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#3e63dd1a", "fxActive": false }, "textColor": { "value": "#3e63ddff", "fxActive": false }, "loaderColor": { "value": "#3e63ddff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#3e63ddff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "86dbbbca-d028-47d6-919b-2147bbf7ff76", "type": "desktop", "top": 530, "left": 62.79067825696466, "width": 5.026685393258427, "height": 40, "componentId": "59913184-df23-43cc-bd3e-8805570bdbfb" } ] } ], "pages": [ { "id": "8d56ab38-2614-4f03-9fd0-977755d8f9f8", "name": "Home", "handle": "home", "index": 0, "disabled": false, "hidden": false, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "appVersionId": "03bae6e8-06f5-4467-9b80-0dc78db8a26c" } ], "events": [ { "id": "f17fca33-52c2-4919-bb56-1e65737c93a9", "name": "onClick", "index": 0, "event": { "eventId": "onClick", "message": "Hello world!", "queryId": "a1556227-c4cb-432d-80a4-33f8c0092ddc", "actionId": "run-query", "alertType": "info", "queryName": "CreateExpense" }, "sourceId": "2df144c4-02d8-41cc-9122-72e12266e61e", "target": "component", "appVersionId": "03bae6e8-06f5-4467-9b80-0dc78db8a26c", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "4266c8fc-5af1-4e4a-b094-486598f73324", "name": "onClick", "index": 0, "event": { "eventId": "onClick", "message": "Hello world!", "queryId": "f45972e5-45aa-47f3-9c00-e6bb657c9d4e", "actionId": "run-query", "alertType": "info", "queryName": "listExpenses", "parameters": {} }, "sourceId": "a05048ce-baf2-4f6b-a2b1-cd01d3dbb538", "target": "component", "appVersionId": "03bae6e8-06f5-4467-9b80-0dc78db8a26c", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "d8f1ef47-0ba3-49a5-bada-23619cd63db3", "name": "onDataQuerySuccess", "index": 0, "event": { "key": "TableData", "value": "{{queries.ListExpensesFilter.data}}", "eventId": "onDataQuerySuccess", "message": "Hello world!", "actionId": "set-custom-variable", "alertType": "info" }, "sourceId": "f45972e5-45aa-47f3-9c00-e6bb657c9d4e", "target": "data_query", "appVersionId": "03bae6e8-06f5-4467-9b80-0dc78db8a26c", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "63e96962-c255-4457-8153-b73d5b24fcab", "name": "onDataQuerySuccess", "index": 1, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "queryId": "f45972e5-45aa-47f3-9c00-e6bb657c9d4e", "actionId": "run-query", "alertType": "info", "queryName": "listExpenses", "parameters": {} }, "sourceId": "a1556227-c4cb-432d-80a4-33f8c0092ddc", "target": "data_query", "appVersionId": "03bae6e8-06f5-4467-9b80-0dc78db8a26c", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "302043b7-a2f9-418e-8043-87fbe6ba1940", "name": "onClick", "index": 0, "event": { "modal": "ad553e5a-8bce-46c5-947b-ec147b38d79e", "eventId": "onClick", "message": "Hello world!", "actionId": "close-modal", "alertType": "info" }, "sourceId": "59913184-df23-43cc-bd3e-8805570bdbfb", "target": "component", "appVersionId": "03bae6e8-06f5-4467-9b80-0dc78db8a26c", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "823c676f-609c-44c3-8d59-04a32a7e74b6", "name": "onClick", "index": 0, "event": { "modal": "ad553e5a-8bce-46c5-947b-ec147b38d79e", "eventId": "onClick", "message": "Hello world!", "actionId": "show-modal", "alertType": "info" }, "sourceId": "0c9e42c3-6855-45d1-a194-eae4136535df", "target": "component", "appVersionId": "03bae6e8-06f5-4467-9b80-0dc78db8a26c", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "03697042-b3c3-4b28-a7af-ba9b8713825c", "name": "onDataQuerySuccess", "index": 0, "event": { "modal": "ad553e5a-8bce-46c5-947b-ec147b38d79e", "eventId": "onDataQuerySuccess", "message": "Hello world!", "actionId": "close-modal", "alertType": "info" }, "sourceId": "a1556227-c4cb-432d-80a4-33f8c0092ddc", "target": "data_query", "appVersionId": "03bae6e8-06f5-4467-9b80-0dc78db8a26c", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" } ], "dataQueries": [ { "id": "a1556227-c4cb-432d-80a4-33f8c0092ddc", "name": "CreateExpense", "options": { "operation": "create_row", "transformationLanguage": "javascript", "enableTransformation": false, "organization_id": "f2743867-cdcd-424b-a551-2d45504aca64", "table_name": "employee_expense", "list_rows": {}, "create_row": { "0": { "column": "date_submitted", "value": "{{components.datepicker1.value}}" }, "1": { "column": "receipt", "value": "{{components.filepicker1.file[0].base64Data}}" }, "2": { "column": "description", "value": "{{components.textarea1.value}}" }, "3": { "column": "category", "value": "{{components.dropdown1.value}}" }, "4": { "column": "amount", "value": "{{components.numberinput1.value}}" }, "5": { "column": "employee_name", "value": "{{`${globals.currentUser.firstName} ${globals.currentUser.lastName}`}}" }, "6": { "column": "status", "value": "pending" }, "0a1caaaa-0018-46c3-907e-027895a2c83d": { "column": "employee_email", "value": "{{globals.currentUser.email}}" } }, "events": [ { "eventId": "onDataQuerySuccess", "actionId": "close-modal", "message": "Hello world!", "alertType": "info", "modal": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, { "eventId": "onDataQuerySuccess", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "f45972e5-45aa-47f3-9c00-e6bb657c9d4e", "queryName": "listExpenses", "parameters": {} } ], "table_id": "7d98bd02-b2d5-4e79-bcc4-c9a102211124", "join_table": { "joins": [ { "id": 1700247662683, "conditions": { "operator": "AND", "conditionsList": [ { "operator": "=", "leftField": { "table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124" } } ] }, "joinType": "INNER" } ], "from": { "name": "7d98bd02-b2d5-4e79-bcc4-c9a102211124", "type": "Table" }, "fields": [ { "name": "id", "table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124" }, { "name": "description", "table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124" }, { "name": "category", "table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124" }, { "name": "receipt", "table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124" }, { "name": "status", "table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124" }, { "name": "amount", "table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124" }, { "name": "employee_email", "table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124" }, { "name": "employee_name", "table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124" }, { "name": "date_submitted", "table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124" } ] } }, "dataSourceId": "78187c08-21e0-4338-b7a4-f049ee1bfbe5", "appVersionId": "03bae6e8-06f5-4467-9b80-0dc78db8a26c", "createdAt": "2023-11-17T19:00:51.303Z", "updatedAt": "2023-11-17T19:01:04.861Z" }, { "id": "f45972e5-45aa-47f3-9c00-e6bb657c9d4e", "name": "listExpenses", "options": { "operation": "list_rows", "transformationLanguage": "javascript", "enableTransformation": true, "organization_id": "f2743867-cdcd-424b-a551-2d45504aca64", "table_name": "employee_expense", "list_rows": { "where_filters": { "5": { "column": "date_submitted", "operator": "gte", "value": "{{components.daterangepicker1.startDate}}", "id": "5" }, "6": { "column": "date_submitted", "operator": "lte", "value": "{{components.daterangepicker1.endDate}}", "id": "6" }, "7": { "column": "status", "operator": "like", "value": "{{components?.dropdown2?.value ?? \"\\%\\%\"}}", "id": "7" }, "32e98c11-6150-48cd-9f44-25a423514636": { "column": "employee_email", "operator": "eq", "value": "{{globals.currentUser.email}}", "id": "32e98c11-6150-48cd-9f44-25a423514636" } } }, "events": [ { "eventId": "onDataQuerySuccess", "actionId": "set-custom-variable", "message": "Hello world!", "alertType": "info", "key": "TableData", "value": "{{queries.ListExpensesFilter.data}}" } ], "table_id": "7d98bd02-b2d5-4e79-bcc4-c9a102211124", "runOnPageLoad": true, "join_table": { "joins": [ { "id": 1700247668640, "conditions": { "operator": "AND", "conditionsList": [ { "operator": "=", "leftField": { "table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124" } } ] }, "joinType": "INNER" } ], "from": { "name": "7d98bd02-b2d5-4e79-bcc4-c9a102211124", "type": "Table" }, "fields": [ { "name": "id", "table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124" }, { "name": "description", "table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124" }, { "name": "category", "table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124" }, { "name": "receipt", "table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124" }, { "name": "status", "table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124" }, { "name": "amount", "table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124" }, { "name": "employee_email", "table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124" }, { "name": "employee_name", "table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124" }, { "name": "date_submitted", "table": "7d98bd02-b2d5-4e79-bcc4-c9a102211124" } ] }, "transformation": "return data.map(({receipt, ...row}) => ({...row}));" }, "dataSourceId": "78187c08-21e0-4338-b7a4-f049ee1bfbe5", "appVersionId": "03bae6e8-06f5-4467-9b80-0dc78db8a26c", "createdAt": "2023-11-17T19:00:51.303Z", "updatedAt": "2024-01-02T20:31:57.172Z" } ], "dataSources": [ { "id": "c5e47097-5219-4b04-8643-ab55d7798173", "name": "restapidefault", "kind": "restapi", "type": "static", "pluginId": null, "appVersionId": "03bae6e8-06f5-4467-9b80-0dc78db8a26c", "organizationId": null, "scope": "local", "createdAt": "2023-11-17T19:00:51.349Z", "updatedAt": "2023-11-17T19:00:51.349Z" }, { "id": "6229a40b-d539-40ce-9685-0e211d799ebe", "name": "runjsdefault", "kind": "runjs", "type": "static", "pluginId": null, "appVersionId": "03bae6e8-06f5-4467-9b80-0dc78db8a26c", "organizationId": null, "scope": "local", "createdAt": "2023-11-17T19:00:51.367Z", "updatedAt": "2023-11-17T19:00:51.367Z" }, { "id": "c6434f9c-9b77-4304-8b92-a197a77f2d2c", "name": "runpydefault", "kind": "runpy", "type": "static", "pluginId": null, "appVersionId": "03bae6e8-06f5-4467-9b80-0dc78db8a26c", "organizationId": null, "scope": "local", "createdAt": "2023-11-17T19:00:51.388Z", "updatedAt": "2023-11-17T19:00:51.388Z" }, { "id": "78187c08-21e0-4338-b7a4-f049ee1bfbe5", "name": "tooljetdbdefault", "kind": "tooljetdb", "type": "static", "pluginId": null, "appVersionId": "03bae6e8-06f5-4467-9b80-0dc78db8a26c", "organizationId": null, "scope": "local", "createdAt": "2023-11-17T19:00:51.401Z", "updatedAt": "2023-11-17T19:00:51.401Z" }, { "id": "ae87947d-b5c3-4423-ae50-8981908cf36f", "name": "workflowsdefault", "kind": "workflows", "type": "static", "pluginId": null, "appVersionId": "03bae6e8-06f5-4467-9b80-0dc78db8a26c", "organizationId": null, "scope": "local", "createdAt": "2023-11-17T19:00:51.416Z", "updatedAt": "2023-11-17T19:00:51.416Z" } ], "appVersions": [ { "id": "03bae6e8-06f5-4467-9b80-0dc78db8a26c", "name": "v1", "definition": { "showViewerNavigation": false, "homePageId": "5c681cb1-23d6-403a-b25a-12bf89a2d445", "pages": { "5c681cb1-23d6-403a-b25a-12bf89a2d445": { "components": { "63494b51-4ea3-4e44-b63e-3a6ffb35af8a": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#3e63ddff", "fxActive": false }, "textSize": { "value": "{{20}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{5}}" }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Your Expenses" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text3", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 120, "left": 2.3255813953488373, "width": 5, "height": 40 } }, "withDefaultChildren": false }, "9cc8d3a8-fddb-4306-9e20-d554c79e6230": { "component": { "properties": { "title": { "type": "code", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } }, "useDefaultButton": { "type": "toggle", "displayName": "Use default trigger button", "validation": { "schema": { "type": "boolean" } } }, "triggerButtonLabel": { "type": "code", "displayName": "Trigger button label", "validation": { "schema": { "type": "string" } } }, "hideTitleBar": { "type": "toggle", "displayName": "Hide title bar" }, "hideCloseButton": { "type": "toggle", "displayName": "Hide close button" }, "hideOnEsc": { "type": "toggle", "displayName": "Close on escape key" }, "closeOnClickingOutside": { "type": "toggle", "displayName": "Close on clicking outside" }, "size": { "type": "select", "displayName": "Modal size", "options": [ { "name": "small", "value": "sm" }, { "name": "medium", "value": "lg" }, { "name": "large", "value": "xl" } ], "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onOpen": { "displayName": "On open" }, "onClose": { "displayName": "On close" } }, "styles": { "headerBackgroundColor": { "type": "color", "displayName": "Header background color", "validation": { "schema": { "type": "string" } } }, "headerTextColor": { "type": "color", "displayName": "Header title color", "validation": { "schema": { "type": "string" } } }, "bodyBackgroundColor": { "type": "color", "displayName": "Body background color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "triggerButtonBackgroundColor": { "type": "color", "displayName": "Trigger button background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "triggerButtonTextColor": { "type": "color", "displayName": "Trigger button text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "headerBackgroundColor": { "value": "#ffffffff" }, "headerTextColor": { "value": "#3e63ddff" }, "bodyBackgroundColor": { "value": "#ffffffff" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#5746AF", "fxActive": true }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Add an expense" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Add an expense" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" }, "modalHeight": { "value": "600px" } }, "general": {}, "exposedVariables": {} }, "name": "modal1", "displayName": "Modal", "description": "Modal triggered by events", "component": "Modal", "defaultSize": { "width": 10, "height": 400 }, "exposedVariables": { "show": false }, "actions": [ { "handle": "open", "displayName": "Open" }, { "handle": "close", "displayName": "Close" } ] }, "layouts": { "desktop": { "top": 820, "left": 88.37209609325302, "width": 4, "height": 40 } }, "withDefaultChildren": false }, "e74c5d62-37f1-4d68-b6b4-ac5749a81426": { "id": "e74c5d62-37f1-4d68-b6b4-ac5749a81426", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": true }, "textColor": { "value": "#000000", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Amount ($)" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text7", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 80, "left": 4.651162790697675, "width": 5, "height": 40 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "914b5b8b-4895-4684-ba77-4428063cc076": { "id": "914b5b8b-4895-4684-ba77-4428063cc076", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": true }, "textColor": { "value": "#000000", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Category" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text8", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 140, "left": 4.651162790697675, "width": 5, "height": 40 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "aca71827-44fa-41c0-9593-16f900f864ad": { "id": "aca71827-44fa-41c0-9593-16f900f864ad", "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "label": { "value": "" }, "value": { "value": "{{\"Reimbursments\"}}" }, "values": { "value": "{{[\"Reimbursments\",\"Pending Payments\", \"Health Benefits\"]}}" }, "display_values": { "value": "{{[\"Reimbursments\",\"Pending Payments\", \"Health Benefits\"]}}" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown1", "displayName": "Dropdown", "description": "Select one value from options", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "layouts": { "desktop": { "top": 140, "left": 18.60464903811819, "width": 16, "height": 40 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "6e67b517-144a-4252-8b83-5ff72bd1d554": { "id": "6e67b517-144a-4252-8b83-5ff72bd1d554", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": true }, "textColor": { "value": "#000000", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Details of expense" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text9", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 199.99993896484375, "left": 4.651162790697675, "width": 11.000000000000002, "height": 40 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "da1fc961-e616-45e6-9e73-2bd3037bf1ec": { "id": "da1fc961-e616-45e6-9e73-2bd3037bf1ec", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Describe your expense" } }, "general": {}, "exposedVariables": {} }, "name": "textarea1", "displayName": "Textarea", "description": "Text area form field", "component": "TextArea", "defaultSize": { "width": 6, "height": 100 }, "exposedVariables": { "value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" } ] }, "layouts": { "desktop": { "top": 240.00003051757812, "left": 4.651186281071691, "width": 39.00000000000001, "height": 90 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "28ae4bd6-9905-4cf5-b791-28c1f1726b5e": { "id": "28ae4bd6-9905-4cf5-b791-28c1f1726b5e", "component": { "properties": { "instructionText": { "type": "code", "displayName": "Instruction Text", "validation": { "schema": { "type": "string" } } }, "enableDropzone": { "type": "code", "displayName": "Use Drop zone", "validation": { "schema": { "type": "boolean" } } }, "enablePicker": { "type": "code", "displayName": "Use File Picker", "validation": { "schema": { "type": "boolean" } } }, "enableMultiple": { "type": "code", "displayName": "Pick multiple files", "validation": { "schema": { "type": "boolean" } } }, "maxFileCount": { "type": "code", "displayName": "Max file count", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "fileType": { "type": "code", "displayName": "Accept file types", "validation": { "schema": { "type": "string" } } }, "maxSize": { "type": "code", "displayName": "Max size limit (Bytes)", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "minSize": { "type": "code", "displayName": "Min size limit (Bytes)", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "parseContent": { "type": "toggle", "displayName": "Parse content", "validation": { "schema": { "type": "boolean" } } }, "parseFileType": { "type": "select", "displayName": "File type", "options": [ { "name": "Autodetect from extension", "value": "auto-detect" }, { "name": "CSV", "value": "csv" }, { "name": "Microsoft Excel - xls", "value": "vnd.ms-excel" }, { "name": "Microsoft Excel - xlsx", "value": "vnd.openxmlformats-officedocument.spreadsheetml.sheet" } ], "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onFileSelected": { "displayName": "On File Selected" }, "onFileLoaded": { "displayName": "On File Loaded" }, "onFileDeselected": { "displayName": "On File Deselected" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{10}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "instructionText": { "value": "Drag and drop the PDF file here or click to select the file" }, "enableDropzone": { "value": "{{true}}" }, "enablePicker": { "value": "{{true}}" }, "maxFileCount": { "value": "{{1}}" }, "enableMultiple": { "value": "{{false}}" }, "fileType": { "value": "{{\"application/pdf\"}}" }, "maxSize": { "value": "{{1048576}}" }, "minSize": { "value": "{{50}}" }, "parseContent": { "value": "{{false}}" }, "parseFileType": { "value": "auto-detect" } }, "general": {}, "exposedVariables": {} }, "name": "filepicker1", "displayName": "File Picker", "description": "File Picker", "component": "FilePicker", "defaultSize": { "width": 15, "height": 100 }, "actions": [ { "handle": "clearFiles", "displayName": "Clear Files" } ], "exposedVariables": { "file": [ { "name": "", "content": "", "dataURL": "", "type": "", "parsedData": "" } ], "isParsing": false } }, "layouts": { "desktop": { "top": 390, "left": 4.651116926357939, "width": 39.00000000000001, "height": 120 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "3c2bd483-6515-4fd6-87ba-08a7b9d0523a": { "id": "3c2bd483-6515-4fd6-87ba-08a7b9d0523a", "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "a1556227-c4cb-432d-80a4-33f8c0092ddc", "queryName": "CreateExpense" } ], "styles": { "backgroundColor": { "value": "#3e63ddff", "fxActive": false }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#ffffff00" }, "disabledState": { "value": "{{components.datepicker1.value == undefined || components.numberinput1.value < 0 || components.dropdown1.value == undefined || components.textarea1.value.length < 1 || components.filepicker1.file.length < 1}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Add expense" }, "loadingState": { "value": "{{queries.CreateExpense.isLoading}}", "fxActive": true } }, "general": {}, "exposedVariables": {} }, "name": "button2", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 530.0000610351562, "left": 76.74421131458854, "width": 8, "height": 40 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "ef5a9d23-8ad7-4d82-830d-02db9a575b8b": { "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#ffffffff", "fxActive": false }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" } }, "general": {}, "exposedVariables": {} }, "name": "container3", "displayName": "Container", "description": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 159.99998474121094, "left": 2.3255813953488373, "width": 41, "height": 670 } }, "withDefaultChildren": false }, "7c55d7f2-ee6d-4533-8e9d-3e4c34dcd743": { "id": "7c55d7f2-ee6d-4533-8e9d-3e4c34dcd743", "component": { "properties": { "defaultStartDate": { "type": "code", "displayName": "Default start date", "validation": { "schema": { "type": "string" } } }, "defaultEndDate": { "type": "code", "displayName": "Default end date", "validation": { "schema": { "type": "string" } } }, "format": { "type": "code", "displayName": "Format", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "defaultStartDate": { "value": "{{moment().subtract(3,\"month\").format(\"YYYY/MM/DD\")}}" }, "defaultEndDate": { "value": "{{moment().format(\"YYYY/MM/DD\")}}" }, "format": { "value": "YYYY/MM/DD" } }, "general": {}, "exposedVariables": {} }, "name": "daterangepicker1", "displayName": "Range Picker", "description": "Select a date range", "component": "DaterangePicker", "defaultSize": { "width": 10, "height": 30 }, "exposedVariables": { "endDate": {}, "startDate": {} } }, "layouts": { "desktop": { "top": 50.00001525878906, "left": 2.3255858128800644, "width": 8, "height": 40 } }, "parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b" }, "f08e1173-3580-4299-ae0f-548b52a4c5e9": { "id": "f08e1173-3580-4299-ae0f-548b52a4c5e9", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Date range" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text15", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 19.999954223632812, "left": 2.325581868647625, "width": 3.0000000000000004, "height": 30 } }, "parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b" }, "bd470c2f-5302-4571-ac65-dc47af8cc6b8": { "id": "bd470c2f-5302-4571-ac65-dc47af8cc6b8", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Status" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text16", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 19.999954223632812, "left": 23.255812352486057, "width": 3.0000000000000004, "height": 30 } }, "parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b" }, "596dd0f2-b24d-4230-950e-b2d9b80f8916": { "id": "596dd0f2-b24d-4230-950e-b2d9b80f8916", "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "label": { "value": "" }, "value": { "value": "{{\"\"}}" }, "values": { "value": "{{[\"\", \"approved\",\"pending\", \"rejected\"]}}" }, "display_values": { "value": "{{[\"All\", \"Approved\", \"Pending\", \"Rejected\"]}}" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select status" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown2", "displayName": "Dropdown", "description": "Select one value from options", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "layouts": { "desktop": { "top": 50.00001525878906, "left": 23.255812847395685, "width": 4.999999999999999, "height": 40 } }, "parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b" }, "a2417394-65f3-48e0-a09b-d149848b18f4": { "id": "a2417394-65f3-48e0-a09b-d149848b18f4", "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "f45972e5-45aa-47f3-9c00-e6bb657c9d4e", "queryName": "listExpenses", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#3e63dd1a", "fxActive": false }, "textColor": { "value": "#3e63ddff", "fxActive": false }, "loaderColor": { "value": "#3e63ddff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff", "fxActive": false }, "disabledState": { "value": "{{queries.listExpenses.isLoading}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Apply filter" }, "loadingState": { "value": "{{false}}", "fxActive": false } }, "general": {}, "exposedVariables": {} }, "name": "button4", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 50.00001525878906, "left": 37.20929665310947, "width": 4, "height": 40 } }, "parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b" }, "842f76ba-e8b9-4a24-93dc-d5cba1ec238d": { "id": "842f76ba-e8b9-4a24-93dc-d5cba1ec238d", "component": { "properties": { "title": { "type": "string", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "data": { "type": "code", "displayName": "Table data", "validation": { "schema": { "type": "array", "element": { "type": "object" }, "optional": true } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "columns": { "type": "array", "displayName": "Table Columns" }, "useDynamicColumn": { "type": "toggle", "displayName": "Use dynamic column", "validation": { "schema": { "type": "boolean" } } }, "columnData": { "type": "code", "displayName": "Column data" }, "rowsPerPage": { "type": "code", "displayName": "Number of rows per page", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "serverSidePagination": { "type": "toggle", "displayName": "Server-side pagination", "validation": { "schema": { "type": "boolean" } } }, "enableNextButton": { "type": "toggle", "displayName": "Enable next page button", "validation": { "schema": { "type": "boolean" } } }, "enabledSort": { "type": "toggle", "displayName": "Enable sorting", "validation": { "schema": { "type": "boolean" } } }, "hideColumnSelectorButton": { "type": "toggle", "displayName": "Hide column selector button", "validation": { "schema": { "type": "boolean" } } }, "enablePrevButton": { "type": "toggle", "displayName": "Enable previous page button", "validation": { "schema": { "type": "boolean" } } }, "totalRecords": { "type": "code", "displayName": "Total records server side", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "clientSidePagination": { "type": "toggle", "displayName": "Client-side pagination", "validation": { "schema": { "type": "boolean" } } }, "serverSideSearch": { "type": "toggle", "displayName": "Server-side search", "validation": { "schema": { "type": "boolean" } } }, "serverSideSort": { "type": "toggle", "displayName": "Server-side sort", "validation": { "schema": { "type": "boolean" } } }, "serverSideFilter": { "type": "toggle", "displayName": "Server-side filter", "validation": { "schema": { "type": "boolean" } } }, "actionButtonBackgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "actionButtonTextColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "displaySearchBox": { "type": "toggle", "displayName": "Show search box", "validation": { "schema": { "type": "boolean" } } }, "showDownloadButton": { "type": "toggle", "displayName": "Show download button", "validation": { "schema": { "type": "boolean" } } }, "showFilterButton": { "type": "toggle", "displayName": "Show filter button", "validation": { "schema": { "type": "boolean" } } }, "showBulkUpdateActions": { "type": "toggle", "displayName": "Show update buttons", "validation": { "schema": { "type": "boolean" } } }, "showBulkSelector": { "type": "toggle", "displayName": "Bulk selection", "validation": { "schema": { "type": "boolean" } } }, "highlightSelectedRow": { "type": "toggle", "displayName": "Highlight selected row", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop " }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onRowHovered": { "displayName": "Row hovered" }, "onRowClicked": { "displayName": "Row clicked" }, "onBulkUpdate": { "displayName": "Save changes" }, "onPageChanged": { "displayName": "Page changed" }, "onSearch": { "displayName": "Search" }, "onCancelChanges": { "displayName": "Cancel changes" }, "onSort": { "displayName": "Sort applied" }, "onCellValueChanged": { "displayName": "Cell value changed" }, "onFilterChanged": { "displayName": "Filter changed" }, "onNewRowsAdded": { "displayName": "Add new rows" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "actionButtonRadius": { "type": "code", "displayName": "Action Button Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" } ] } } }, "tableType": { "type": "select", "displayName": "Table type", "options": [ { "name": "Bordered", "value": "table-bordered" }, { "name": "Regular", "value": "table-classic" }, { "name": "Striped", "value": "table-striped" } ], "validation": { "schema": { "type": "string" } } }, "cellSize": { "type": "select", "displayName": "Cell size", "options": [ { "name": "Condensed", "value": "condensed" }, { "name": "Regular", "value": "regular" } ], "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "regular" }, "borderRadius": { "value": "10" }, "tableType": { "value": "table-classic" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{queries.listExpenses.isLoading}}", "fxActive": true }, "data": { "value": "{{queries?.listExpenses?.data ?? []}}" }, "useDynamicColumn": { "value": "{{false}}" }, "columnData": { "value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}" }, "rowsPerPage": { "value": "{{10}}" }, "serverSidePagination": { "value": "{{false}}" }, "enableNextButton": { "value": "{{true}}" }, "enablePrevButton": { "value": "{{true}}" }, "totalRecords": { "value": "" }, "clientSidePagination": { "value": "{{true}}" }, "serverSideSort": { "value": "{{false}}" }, "serverSideFilter": { "value": "{{false}}" }, "displaySearchBox": { "value": "{{true}}" }, "showDownloadButton": { "value": "{{false}}" }, "showFilterButton": { "value": "{{false}}" }, "autogenerateColumns": { "value": true }, "columns": { "value": [ { "id": "bccf37f2-27b7-405d-8eb5-11475406d2dc", "name": "id", "key": "id", "columnType": "number", "autogenerated": true }, { "id": "bcdde7b1-24a9-4edf-934e-0bf240d13bdb", "name": "employee name", "key": "employee_name", "columnType": "string", "autogenerated": true }, { "id": "d37a99a5-d5cc-4e28-90c8-bfff0af762ee", "name": "employee email", "key": "employee_email", "columnType": "string", "autogenerated": true }, { "name": "category", "id": "6cdfda6d-1845-4b66-8803-b8de18201b1a", "columnType": "string" }, { "id": "9b20fb02-762f-4461-86e9-fe6bd1150740", "name": "amount ($)", "key": "amount", "columnType": "number", "autogenerated": true }, { "name": "status", "id": "abcc8bcb-9bf9-4e8e-922c-95e15b42b634", "textColor": "{{({ approved: \"#00C65D\", rejected: \"#DF2C00\", pending: \"#F6D100\" })[rowData.status]}}", "columnType": "string", "key": "status" }, { "name": "date submitted", "id": "3d4dc529-964c-4e34-bfac-59d059c85521", "columnType": "datepicker", "isTimeChecked": false, "dateFormat": "YYYY/MM/DD", "parseDateFormat": "YYYY/MM/DD", "key": "date_submitted" }, { "id": "bfba1fb1-1489-4bb6-8795-20be92e87531", "name": "description", "key": "description", "columnType": "string", "autogenerated": true, "textWrap": "wrap" } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 30, "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 143, "3d4dc529-964c-4e34-bfac-59d059c85521": 166, "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 217, "f1c5b098-25a8-494a-8141-0b6327a4a60f": 7, "3b38b9bb-bd1b-40b7-82c5-3e17cb660d3a": 131, "f22fda6f-da28-42db-9192-fee66fd26567": 97.99999999999997, "8d6770cb-f6a8-455b-b215-96fb7a2cff4e": 118, "6cdfda6d-1845-4b66-8803-b8de18201b1a": 182, "2ee0c705-e498-40df-b5ae-a0334d50de6f": 256, "bccf37f2-27b7-405d-8eb5-11475406d2dc": 73, "5361da46-9319-41e0-a45f-70f1a581e8ad": 200, "9b20fb02-762f-4461-86e9-fe6bd1150740": 132, "d37a99a5-d5cc-4e28-90c8-bfff0af762ee": 244, "abcc8bcb-9bf9-4e8e-922c-95e15b42b634": 97 } }, "actions": { "value": [] }, "enabledSort": { "value": "{{false}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "email", "Description", "receipt", "datesubmitted", "status", "status", "date_submitted", "datesubmitted", "receipt" ] }, "allowSelection": { "value": "{{false}}" }, "showAddNewRowButton": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "table1", "displayName": "Table", "description": "Display paginated tabular data", "component": "Table", "defaultSize": { "width": 20, "height": 358 }, "exposedVariables": { "selectedRow": {}, "changeSet": {}, "dataUpdates": [], "pageIndex": 1, "searchText": "", "selectedRows": [], "filters": [] }, "actions": [ { "handle": "setPage", "displayName": "Set page", "params": [ { "handle": "page", "displayName": "Page", "defaultValue": "{{1}}" } ] }, { "handle": "selectRow", "displayName": "Select row", "params": [ { "handle": "key", "displayName": "Key" }, { "handle": "value", "displayName": "Value" } ] }, { "handle": "deselectRow", "displayName": "Deselect row" }, { "handle": "discardChanges", "displayName": "Discard Changes" }, { "handle": "discardNewlyAddedRows", "displayName": "Discard newly added rows" } ] }, "layouts": { "desktop": { "top": 109.99995422363281, "left": 2.325581868647625, "width": 41, "height": 520 } }, "parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b" }, "4a829405-e4b2-4bdc-b89d-4e3271ae94f2": { "id": "4a829405-e4b2-4bdc-b89d-4e3271ae94f2", "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "close-modal", "message": "Hello world!", "alertType": "info", "modal": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" } ], "styles": { "backgroundColor": { "value": "#3e63dd1a", "fxActive": false }, "textColor": { "value": "#3e63ddff", "fxActive": false }, "loaderColor": { "value": "#3e63ddff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#3e63ddff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button3", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 530, "left": 62.79068006316184, "width": 5.026685393258427, "height": 40 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "9d61b279-41ab-44c3-a1f9-fe7d1bdacef0": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Date" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text11", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230", "layouts": { "desktop": { "top": 20, "left": 4.651162790697675, "width": 5, "height": 40 } }, "withDefaultChildren": false }, "0078d908-dfcd-407c-853a-998ec267e735": { "component": { "properties": { "defaultValue": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "format": { "type": "code", "displayName": "Format", "validation": { "schema": { "type": "string" } } }, "enableTime": { "type": "toggle", "displayName": "Enable time selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "enableDate": { "type": "toggle", "displayName": "Enable date selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "disabledDates": { "type": "code", "displayName": "Disabled dates", "validation": { "schema": { "type": "array", "element": { "type": "string" } } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "defaultValue": { "value": "{{moment().format(\"YYYY/MM/DD\")}}" }, "format": { "value": "YYYY/MM/DD" }, "enableTime": { "value": "{{false}}" }, "enableDate": { "value": "{{true}}" }, "disabledDates": { "value": "{{[]}}" } }, "general": {}, "exposedVariables": {} }, "name": "datepicker1", "displayName": "Date Picker", "description": "Select a date and time", "component": "Datepicker", "defaultSize": { "width": 5, "height": 30 }, "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230", "layouts": { "desktop": { "top": 20.000030517578125, "left": 18.604652744961736, "width": 16, "height": 40 } }, "withDefaultChildren": false }, "5794387c-e561-4a86-bf13-74f13d307100": { "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "minValue": { "type": "code", "displayName": "Minimum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "maxValue": { "type": "code", "displayName": "Maximum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "backgroundColor": { "type": "color", "displayName": "Background Color" }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "", "fxActive": false }, "textColor": { "value": "#232e3c" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "value": { "value": "10" }, "maxValue": { "value": "" }, "minValue": { "value": "0" }, "placeholder": { "value": "{{components.numberinput1.value}}" }, "decimalPlaces": { "value": "2" } }, "general": {}, "exposedVariables": {} }, "name": "numberinput1", "displayName": "Number Input", "description": "Number field for forms", "component": "NumberInput", "defaultSize": { "width": 4, "height": 30 }, "exposedVariables": { "value": 99 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230", "layouts": { "desktop": { "top": 80.00003051757812, "left": 18.604661303453007, "width": 16, "height": 40 } }, "withDefaultChildren": false }, "6d14ca8d-2b2d-42c9-8a2b-fc5dd8b4774d": { "id": "6d14ca8d-2b2d-42c9-8a2b-fc5dd8b4774d", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": true }, "textColor": { "value": "#000000", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Upload the PDF of your receipt" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text12", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 350, "left": 4.651165967311983, "width": 18, "height": 40 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "6861f955-bf0b-45bf-a528-945469a65717": { "id": "6861f955-bf0b-45bf-a528-945469a65717", "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#3e63ddff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#ffffff00", "fxActive": false }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" } }, "general": {}, "exposedVariables": {} }, "name": "container4", "displayName": "Container", "description": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 20, "left": 2.3255804619478915, "width": 41, "height": 70 } } }, "e7eff5ae-0447-48e1-8f87-8d4074108970": { "id": "e7eff5ae-0447-48e1-8f87-8d4074108970", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff" }, "textSize": { "value": "{{24}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": "{{0}}" }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "B R A N D" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text13", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 10, "left": 2.3255827912519793, "width": 6, "height": 40 } }, "parent": "6861f955-bf0b-45bf-a528-945469a65717" }, "8df02ad7-a07d-44c5-b21b-7c775bd98a4d": { "id": "8df02ad7-a07d-44c5-b21b-7c775bd98a4d", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff", "fxActive": false }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "capitalize" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": "{{0}}" }, "wordSpacing": { "value": "{{0}}" }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{`${globals.currentUser.firstName} ${globals.currentUser.lastName} `}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text17", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 10, "left": 67.4418648711779, "width": 12, "height": 40 } }, "parent": "6861f955-bf0b-45bf-a528-945469a65717" }, "2b423fbf-99bf-494e-b1a6-2e1b0c290478": { "component": { "properties": { "icon": { "type": "iconPicker", "displayName": "Icon", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "iconColor": { "type": "color", "displayName": "Icon color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "iconColor": { "value": "#ffffffff" }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "icon": { "value": "IconUserCircle" } }, "general": {}, "exposedVariables": {} }, "name": "icon1", "displayName": "Icon", "description": "Icon", "defaultSize": { "width": 5, "height": 48 }, "component": "Icon", "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "displayName": "Set Visibility", "handle": "setVisibility", "params": [ { "handle": "value", "displayName": "Value", "defaultValue": "{{true}}", "type": "toggle" } ] } ] }, "parent": "6861f955-bf0b-45bf-a528-945469a65717", "layouts": { "desktop": { "top": 10, "left": 95.34883163997867, "width": 1, "height": 40 } }, "withDefaultChildren": false }, "1f602902-4427-4680-bb97-459f55f75484": { "id": "1f602902-4427-4680-bb97-459f55f75484", "component": { "properties": { "text": { "type": "code", "displayName": "Button text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "show-modal", "message": "Hello world!", "alertType": "info", "modal": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" } ], "styles": { "backgroundColor": { "value": "#3e63ddff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#375FCF" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Add an expense" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button5", "displayName": "Button", "description": "Trigger actions: queries, alerts, set variables etc.", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": { "buttonText": "Button" }, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 50.00001525878906, "left": 88.37208709709138, "width": 4, "height": 40 } }, "parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b" } }, "handle": "home", "name": "Home" } }, "globalSettings": { "hideHeader": true, "appInMaintenance": false, "canvasMaxWidth": "5000", "canvasMaxWidthType": "px", "canvasMaxHeight": 2400, "canvasBackgroundColor": "", "backgroundFxQuery": "" }, "components": { "66923bf7-575d-4169-a3d3-7d16fc0be439": { "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#FFFFFF", "fxActive": true }, "borderRadius": { "value": "0" }, "borderColor": { "value": "#ffffff00" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" } }, "general": {}, "exposedVariables": {} }, "name": "container1", "displayName": "Container", "description": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": -0.00000762939453125, "left": 0.00213096456786458, "width": 43, "height": 80 } }, "withDefaultChildren": false }, "daa992f3-07be-4ec6-9585-1cc8f5e132c0": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#5746AF", "fxActive": true }, "textSize": { "value": "{{32}}" }, "textAlign": { "value": "center" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "italic" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "X" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text1", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "66923bf7-575d-4169-a3d3-7d16fc0be439", "layouts": { "desktop": { "top": 10, "left": 4.913498120258604, "width": 0.9665996878286482, "height": 50 } }, "withDefaultChildren": false }, "5346a015-a8fd-4e5d-a3a5-e371a3a2f49b": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#5746AF", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "penseFlow" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text2", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "66923bf7-575d-4169-a3d3-7d16fc0be439", "layouts": { "desktop": { "top": 10, "left": 7.539730218411148, "width": 4.000665579949918, "height": 50 } }, "withDefaultChildren": false }, "63494b51-4ea3-4e44-b63e-3a6ffb35af8a": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#20134B", "fxActive": true }, "textSize": { "value": "{{20}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Your Expenses" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text3", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 130, "left": 4.715052454462855, "width": 7, "height": 30 } }, "withDefaultChildren": false }, "0d0232ed-93aa-4977-819e-0a0bb83c00d9": { "id": "0d0232ed-93aa-4977-819e-0a0bb83c00d9", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#20134B", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{globals.currentUser.firstName}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text6", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 10, "left": 79.52376037074694, "width": 3.9599698535745054, "height": 50 } }, "parent": "66923bf7-575d-4169-a3d3-7d16fc0be439" }, "9cc8d3a8-fddb-4306-9e20-d554c79e6230": { "component": { "properties": { "title": { "type": "code", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } }, "useDefaultButton": { "type": "toggle", "displayName": "Use default trigger button", "validation": { "schema": { "type": "boolean" } } }, "triggerButtonLabel": { "type": "code", "displayName": "Trigger button label", "validation": { "schema": { "type": "string" } } }, "hideTitleBar": { "type": "toggle", "displayName": "Hide title bar" }, "hideCloseButton": { "type": "toggle", "displayName": "Hide close button" }, "hideOnEsc": { "type": "toggle", "displayName": "Close on escape key" }, "closeOnClickingOutside": { "type": "toggle", "displayName": "Close on clicking outside" }, "size": { "type": "select", "displayName": "Modal size", "options": [ { "name": "small", "value": "sm" }, { "name": "medium", "value": "lg" }, { "name": "large", "value": "xl" } ], "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onOpen": { "displayName": "On open" }, "onClose": { "displayName": "On close" } }, "styles": { "headerBackgroundColor": { "type": "color", "displayName": "Header background color", "validation": { "schema": { "type": "string" } } }, "headerTextColor": { "type": "color", "displayName": "Header title color", "validation": { "schema": { "type": "string" } } }, "bodyBackgroundColor": { "type": "color", "displayName": "Body background color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "triggerButtonBackgroundColor": { "type": "color", "displayName": "Trigger button background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "triggerButtonTextColor": { "type": "color", "displayName": "Trigger button text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "headerBackgroundColor": { "value": "#ffffffff" }, "headerTextColor": { "value": "#000000" }, "bodyBackgroundColor": { "value": "#ffffffff" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#5746AF", "fxActive": true }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Add an expense" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{true}}" }, "triggerButtonLabel": { "value": "Add an expense" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "modal1", "displayName": "Modal", "description": "Modal triggered by events", "component": "Modal", "defaultSize": { "width": 10, "height": 400 }, "exposedVariables": { "show": false }, "actions": [ { "handle": "open", "displayName": "Open" }, { "handle": "close", "displayName": "Close" } ] }, "layouts": { "desktop": { "top": 130.0000457763672, "left": 79.11660889566163, "width": 7, "height": 480 } }, "withDefaultChildren": false }, "e74c5d62-37f1-4d68-b6b4-ac5749a81426": { "id": "e74c5d62-37f1-4d68-b6b4-ac5749a81426", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": true }, "textColor": { "value": "#000000", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Amount" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text7", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 30, "left": 30.232570297538736, "width": 4.0217009887611, "height": 40 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "914b5b8b-4895-4684-ba77-4428063cc076": { "id": "914b5b8b-4895-4684-ba77-4428063cc076", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": true }, "textColor": { "value": "#000000", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Category" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text8", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 30, "left": 60.64153899721448, "width": 3.965709276038984, "height": 40 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "aca71827-44fa-41c0-9593-16f900f864ad": { "id": "aca71827-44fa-41c0-9593-16f900f864ad", "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "6" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "label": { "value": "" }, "value": { "value": "{{\"Reimbursments\"}}" }, "values": { "value": "{{[\"Reimbursments\",\"Pending Payments\", \"Health Benefits\"]}}" }, "display_values": { "value": "{{[\"Reimbursments\",\"Pending Payments\", \"Health Benefits\"]}}" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown1", "displayName": "Dropdown", "description": "Select one value from options", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "layouts": { "desktop": { "top": 30.000015258789062, "left": 72.02652530085741, "width": 7.99943042111011, "height": 40 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "6e67b517-144a-4252-8b83-5ff72bd1d554": { "id": "6e67b517-144a-4252-8b83-5ff72bd1d554", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": true }, "textColor": { "value": "#000000", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Details of expense" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text9", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 79.99996948242188, "left": 6.976730644204823, "width": 17.930261641933875, "height": 40 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "da1fc961-e616-45e6-9e73-2bd3037bf1ec": { "id": "da1fc961-e616-45e6-9e73-2bd3037bf1ec", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{6}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Describe your expense" } }, "general": {}, "exposedVariables": {} }, "name": "textarea1", "displayName": "Textarea", "description": "Text area form field", "component": "TextArea", "defaultSize": { "width": 6, "height": 100 }, "exposedVariables": { "value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" } ] }, "layouts": { "desktop": { "top": 130.00003051757812, "left": 6.879826707760271, "width": 37.01902742646711, "height": 90 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "28ae4bd6-9905-4cf5-b791-28c1f1726b5e": { "id": "28ae4bd6-9905-4cf5-b791-28c1f1726b5e", "component": { "properties": { "instructionText": { "type": "code", "displayName": "Instruction Text", "validation": { "schema": { "type": "string" } } }, "enableDropzone": { "type": "code", "displayName": "Use Drop zone", "validation": { "schema": { "type": "boolean" } } }, "enablePicker": { "type": "code", "displayName": "Use File Picker", "validation": { "schema": { "type": "boolean" } } }, "enableMultiple": { "type": "code", "displayName": "Pick multiple files", "validation": { "schema": { "type": "boolean" } } }, "maxFileCount": { "type": "code", "displayName": "Max file count", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "fileType": { "type": "code", "displayName": "Accept file types", "validation": { "schema": { "type": "string" } } }, "maxSize": { "type": "code", "displayName": "Max size limit (Bytes)", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "minSize": { "type": "code", "displayName": "Min size limit (Bytes)", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "parseContent": { "type": "toggle", "displayName": "Parse content", "validation": { "schema": { "type": "boolean" } } }, "parseFileType": { "type": "select", "displayName": "File type", "options": [ { "name": "Autodetect from extension", "value": "auto-detect" }, { "name": "CSV", "value": "csv" }, { "name": "Microsoft Excel - xls", "value": "vnd.ms-excel" }, { "name": "Microsoft Excel - xlsx", "value": "vnd.openxmlformats-officedocument.spreadsheetml.sheet" } ], "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onFileSelected": { "displayName": "On File Selected" }, "onFileLoaded": { "displayName": "On File Loaded" }, "onFileDeselected": { "displayName": "On File Deselected" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{6}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "instructionText": { "value": "Upload your receipt" }, "enableDropzone": { "value": "{{true}}" }, "enablePicker": { "value": "{{true}}" }, "maxFileCount": { "value": "{{1}}" }, "enableMultiple": { "value": "{{false}}" }, "fileType": { "value": "{{\"application/pdf\"}}" }, "maxSize": { "value": "{{1048576}}" }, "minSize": { "value": "{{50}}" }, "parseContent": { "value": "{{true}}" }, "parseFileType": { "value": "auto-detect" } }, "general": {}, "exposedVariables": {} }, "name": "filepicker1", "displayName": "File Picker", "description": "File Picker", "component": "FilePicker", "defaultSize": { "width": 15, "height": 100 }, "actions": [ { "handle": "clearFiles", "displayName": "Clear Files" } ], "exposedVariables": { "file": [ { "name": "", "content": "", "dataURL": "", "type": "", "parsedData": "" } ], "isParsing": false } }, "layouts": { "desktop": { "top": 250, "left": 6.912380051818922, "width": 37.03004242550304, "height": 90 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "3c2bd483-6515-4fd6-87ba-08a7b9d0523a": { "id": "3c2bd483-6515-4fd6-87ba-08a7b9d0523a", "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "33ed0f11-10cf-4fb1-8fcf-f50c7eedf04b", "queryName": "CreateExpense" } ], "styles": { "backgroundColor": { "value": "#5746AF", "fxActive": true }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#375fcf00" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Add expense" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button2", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 400.0000305175781, "left": 71.90846694544508, "width": 9.000160089471919, "height": 40 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "1d5e0310-8ff5-461b-8d7c-cf48778592a5": { "component": { "properties": { "icon": { "type": "iconPicker", "displayName": "Icon", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "iconColor": { "type": "color", "displayName": "Icon Color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "iconColor": { "value": "#20134B", "fxActive": true }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "icon": { "value": "IconChevronDown" } }, "general": {}, "exposedVariables": {} }, "name": "icon1", "displayName": "Icon", "description": "Icon", "defaultSize": { "width": 5, "height": 48 }, "component": "Icon", "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "displayName": "Set Visibility", "handle": "setVisibility", "params": [ { "handle": "value", "displayName": "Value", "defaultValue": "{{true}}", "type": "toggle" } ] } ] }, "parent": "66923bf7-575d-4169-a3d3-7d16fc0be439", "layouts": { "desktop": { "top": 18, "left": 86.15197037876933, "width": 0.9973514211886291, "height": 30 } }, "withDefaultChildren": false }, "ef5a9d23-8ad7-4d82-830d-02db9a575b8b": { "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#FFFFFF", "fxActive": true }, "borderRadius": { "value": "12" }, "borderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" } }, "general": {}, "exposedVariables": {} }, "name": "container3", "displayName": "Container", "description": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 179.99998474121094, "left": 4.651159790090727, "width": 39, "height": 610 } }, "withDefaultChildren": false }, "bfd37437-2f20-46f6-8e6e-f93c75175e4e": { "id": "bfd37437-2f20-46f6-8e6e-f93c75175e4e", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#2B0E44", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Search" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text14", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 4.651163101286042, "width": 6, "height": 30 } }, "parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b" }, "d6a4fe92-ac6c-45cf-93e5-3616e27d9252": { "id": "d6a4fe92-ac6c-45cf-93e5-3616e27d9252", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error Text Color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onEnterPressed", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "78d38b75-32f3-4572-83db-bc084df0e021", "queryName": "Search" } ], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{6}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": null } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Search" } }, "general": {}, "exposedVariables": {} }, "name": "textinput3", "displayName": "Text Input", "description": "Text field for forms", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 50.00006103515625, "left": 4.651165494953225, "width": 11, "height": 40 } }, "parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b" }, "7c55d7f2-ee6d-4533-8e9d-3e4c34dcd743": { "id": "7c55d7f2-ee6d-4533-8e9d-3e4c34dcd743", "component": { "properties": { "defaultStartDate": { "type": "code", "displayName": "Default start date", "validation": { "schema": { "type": "string" } } }, "defaultEndDate": { "type": "code", "displayName": "Default end date", "validation": { "schema": { "type": "string" } } }, "format": { "type": "code", "displayName": "Format", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "6" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "defaultStartDate": { "value": "01/04/2022" }, "defaultEndDate": { "value": "10/04/2022" }, "format": { "value": "DD/MM/YYYY" } }, "general": {}, "exposedVariables": {} }, "name": "daterangepicker2", "displayName": "Range Picker", "description": "Select a date range", "component": "DaterangePicker", "defaultSize": { "width": 10, "height": 30 }, "exposedVariables": { "endDate": {}, "startDate": {} } }, "layouts": { "desktop": { "top": 50, "left": 34.88372789091864, "width": 10, "height": 40 } }, "parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b" }, "f08e1173-3580-4299-ae0f-548b52a4c5e9": { "id": "f08e1173-3580-4299-ae0f-548b52a4c5e9", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#2B0E44", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Date" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text15", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 34.88372160137631, "width": 6, "height": 30 } }, "parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b" }, "bd470c2f-5302-4571-ac65-dc47af8cc6b8": { "id": "bd470c2f-5302-4571-ac65-dc47af8cc6b8", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#2B0E44", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Status" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text16", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 62.79069758202949, "width": 6, "height": 30 } }, "parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b" }, "596dd0f2-b24d-4230-950e-b2d9b80f8916": { "id": "596dd0f2-b24d-4230-950e-b2d9b80f8916", "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "6" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "label": { "value": "" }, "value": { "value": "" }, "values": { "value": "{{[\"approved\",\"pending\", \"rejected\"]}}" }, "display_values": { "value": "{{[\"approved\",\"pending\", \"rejected\"]}}" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select category of expense" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown3", "displayName": "Dropdown", "description": "Select one value from options", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "layouts": { "desktop": { "top": 50, "left": 60.723448268765594, "width": 10.00465860758617, "height": 40 } }, "parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b" }, "a2417394-65f3-48e0-a09b-d149848b18f4": { "id": "a2417394-65f3-48e0-a09b-d149848b18f4", "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "11f6bc38-f0b6-463d-97cd-d9fe3ea6681b", "queryName": "ListExpenses" } ], "styles": { "backgroundColor": { "value": "#F5F2FF", "fxActive": true }, "textColor": { "value": "#6E56CF", "fxActive": true }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#C4B8F3", "fxActive": true }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Filter" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button4", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 50, "left": 86.04650316559169, "width": 4, "height": 40 } }, "parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b" }, "842f76ba-e8b9-4a24-93dc-d5cba1ec238d": { "id": "842f76ba-e8b9-4a24-93dc-d5cba1ec238d", "component": { "properties": { "title": { "type": "string", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "data": { "type": "code", "displayName": "Table data", "validation": { "schema": { "type": "array", "element": { "type": "object" }, "optional": true } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "columns": { "type": "array", "displayName": "Table Columns" }, "useDynamicColumn": { "type": "toggle", "displayName": "Use dynamic column", "validation": { "schema": { "type": "boolean" } } }, "columnData": { "type": "code", "displayName": "Column data" }, "rowsPerPage": { "type": "code", "displayName": "Number of rows per page", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "serverSidePagination": { "type": "toggle", "displayName": "Server-side pagination", "validation": { "schema": { "type": "boolean" } } }, "enableNextButton": { "type": "toggle", "displayName": "Enable next page button", "validation": { "schema": { "type": "boolean" } } }, "enabledSort": { "type": "toggle", "displayName": "Enable sorting", "validation": { "schema": { "type": "boolean" } } }, "hideColumnSelectorButton": { "type": "toggle", "displayName": "Hide column selector button", "validation": { "schema": { "type": "boolean" } } }, "enablePrevButton": { "type": "toggle", "displayName": "Enable previous page button", "validation": { "schema": { "type": "boolean" } } }, "totalRecords": { "type": "code", "displayName": "Total records server side", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "clientSidePagination": { "type": "toggle", "displayName": "Client-side pagination", "validation": { "schema": { "type": "boolean" } } }, "serverSideSearch": { "type": "toggle", "displayName": "Server-side search", "validation": { "schema": { "type": "boolean" } } }, "serverSideSort": { "type": "toggle", "displayName": "Server-side sort", "validation": { "schema": { "type": "boolean" } } }, "serverSideFilter": { "type": "toggle", "displayName": "Server-side filter", "validation": { "schema": { "type": "boolean" } } }, "actionButtonBackgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "actionButtonTextColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "displaySearchBox": { "type": "toggle", "displayName": "Show search box", "validation": { "schema": { "type": "boolean" } } }, "showDownloadButton": { "type": "toggle", "displayName": "Show download button", "validation": { "schema": { "type": "boolean" } } }, "showFilterButton": { "type": "toggle", "displayName": "Show filter button", "validation": { "schema": { "type": "boolean" } } }, "showBulkUpdateActions": { "type": "toggle", "displayName": "Show update buttons", "validation": { "schema": { "type": "boolean" } } }, "showBulkSelector": { "type": "toggle", "displayName": "Bulk selection", "validation": { "schema": { "type": "boolean" } } }, "highlightSelectedRow": { "type": "toggle", "displayName": "Highlight selected row", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop " }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onRowHovered": { "displayName": "Row hovered" }, "onRowClicked": { "displayName": "Row clicked" }, "onBulkUpdate": { "displayName": "Save changes" }, "onPageChanged": { "displayName": "Page changed" }, "onSearch": { "displayName": "Search" }, "onCancelChanges": { "displayName": "Cancel changes" }, "onSort": { "displayName": "Sort applied" }, "onCellValueChanged": { "displayName": "Cell value changed" }, "onFilterChanged": { "displayName": "Filter changed" }, "onNewRowsAdded": { "displayName": "Add new rows" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "actionButtonRadius": { "type": "code", "displayName": "Action Button Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" } ] } } }, "tableType": { "type": "select", "displayName": "Table type", "options": [ { "name": "Bordered", "value": "table-bordered" }, { "name": "Borderless", "value": "table-borderless" }, { "name": "Classic", "value": "table-classic" }, { "name": "Striped", "value": "table-striped" }, { "name": "Striped & bordered", "value": "table-striped table-bordered" } ], "validation": { "schema": { "type": "string" } } }, "cellSize": { "type": "select", "displayName": "Cell size", "options": [ { "name": "Compact", "value": "compact" }, { "name": "Spacious", "value": "spacious" } ], "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "compact" }, "borderRadius": { "value": "12" }, "tableType": { "value": "table-bordered" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{queries.Search.isLoading===true?true:false}}", "fxActive": true }, "data": { "value": "{{components.textinput3.value===\"\"?variables.TableData:variables.TableSearchData}}" }, "useDynamicColumn": { "value": "{{false}}" }, "columnData": { "value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}" }, "rowsPerPage": { "value": "{{10}}" }, "serverSidePagination": { "value": "{{false}}" }, "enableNextButton": { "value": "{{true}}" }, "enablePrevButton": { "value": "{{true}}" }, "totalRecords": { "value": "" }, "clientSidePagination": { "value": "{{true}}" }, "serverSideSort": { "value": "{{false}}" }, "serverSideFilter": { "value": "{{false}}" }, "displaySearchBox": { "value": "{{false}}" }, "showDownloadButton": { "value": "{{false}}" }, "showFilterButton": { "value": "{{false}}" }, "autogenerateColumns": { "value": true }, "columns": { "value": [ { "id": "bccf37f2-27b7-405d-8eb5-11475406d2dc", "name": "id", "key": "id", "columnType": "number", "autogenerated": true }, { "name": "Date submitted", "id": "3d4dc529-964c-4e34-bfac-59d059c85521", "columnType": "datepicker", "isTimeChecked": false, "dateFormat": "DD/MM/YYYY", "parseDateFormat": "DD/MM/YYYY", "key": "datesubmitted" }, { "name": "category", "id": "6cdfda6d-1845-4b66-8803-b8de18201b1a", "columnType": "string" }, { "name": "Receipt", "id": "3b38b9bb-bd1b-40b7-82c5-3e17cb660d3a", "columnType": "default", "key": "receipt", "columnVisibility": "{{false}}" }, { "id": "f1d1bcca-5d9b-4be3-8122-9d112fe01e00", "name": "datesubmitted", "key": "datesubmitted", "columnType": "string", "autogenerated": true, "columnVisibility": "{{false}}" }, { "id": "bfba1fb1-1489-4bb6-8795-20be92e87531", "name": "description", "key": "description", "columnType": "string", "autogenerated": true }, { "id": "9b20fb02-762f-4461-86e9-fe6bd1150740", "name": "amount", "key": "amount", "columnType": "number", "autogenerated": true } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 30, "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 143, "3d4dc529-964c-4e34-bfac-59d059c85521": 127, "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 217, "f1c5b098-25a8-494a-8141-0b6327a4a60f": 7, "3b38b9bb-bd1b-40b7-82c5-3e17cb660d3a": 131, "f22fda6f-da28-42db-9192-fee66fd26567": 97.99999999999997, "8d6770cb-f6a8-455b-b215-96fb7a2cff4e": 118, "6cdfda6d-1845-4b66-8803-b8de18201b1a": 105, "2ee0c705-e498-40df-b5ae-a0334d50de6f": 256, "bccf37f2-27b7-405d-8eb5-11475406d2dc": 60 } }, "actions": { "value": [] }, "enabledSort": { "value": "{{false}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "email", "Description", "receipt", "datesubmitted", "status", "status" ] }, "allowSelection": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "table1", "displayName": "Table", "description": "Display paginated tabular data", "component": "Table", "defaultSize": { "width": 20, "height": 358 }, "exposedVariables": { "selectedRow": {}, "changeSet": {}, "dataUpdates": [], "pageIndex": 1, "searchText": "", "selectedRows": [], "filters": [] }, "actions": [ { "handle": "setPage", "displayName": "Set page", "params": [ { "handle": "page", "displayName": "Page", "defaultValue": "{{1}}" } ] }, { "handle": "selectRow", "displayName": "Select row", "params": [ { "handle": "key", "displayName": "Key" }, { "handle": "value", "displayName": "Value" } ] }, { "handle": "deselectRow", "displayName": "Deselect row" }, { "handle": "discardChanges", "displayName": "Discard Changes" }, { "handle": "discardNewlyAddedRows", "displayName": "Discard newly added rows" } ] }, "layouts": { "desktop": { "top": 109.99996185302734, "left": 4.80067716063364, "width": 38.97769042256447, "height": 440 } }, "parent": "ef5a9d23-8ad7-4d82-830d-02db9a575b8b" }, "16ae2002-5ad9-476c-9e66-e9bd49d14f58": { "component": { "properties": { "icon": { "type": "iconPicker", "displayName": "Icon", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "iconColor": { "type": "color", "displayName": "Icon Color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "iconColor": { "value": "#20134B", "fxActive": true }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "icon": { "value": "IconSettings" } }, "general": {}, "exposedVariables": {} }, "name": "icon2", "displayName": "Icon", "description": "Icon", "defaultSize": { "width": 5, "height": 48 }, "component": "Icon", "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "displayName": "Set Visibility", "handle": "setVisibility", "params": [ { "handle": "value", "displayName": "Value", "defaultValue": "{{true}}", "type": "toggle" } ] } ] }, "parent": "66923bf7-575d-4169-a3d3-7d16fc0be439", "layouts": { "desktop": { "top": 20, "left": 90.16033118679746, "width": 1.9927217915589999, "height": 30 } }, "withDefaultChildren": false }, "4a829405-e4b2-4bdc-b89d-4e3271ae94f2": { "id": "4a829405-e4b2-4bdc-b89d-4e3271ae94f2", "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#F5F2FF", "fxActive": true }, "textColor": { "value": "#6E56CF", "fxActive": true }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#9b9b9b00" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button3", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 400, "left": 58.139518694339046, "width": 5.026685393258427, "height": 40 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230" }, "c47e04ba-5e57-4c57-b283-d2875101d995": { "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "dividerColor": { "type": "color", "displayName": "Divider Color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#9b9b9bff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": {}, "general": {}, "exposedVariables": {} }, "name": "verticaldivider1", "displayName": "Vertical Divider", "description": "Vertical Separator between components", "component": "VerticalDivider", "defaultSize": { "width": 2, "height": 100 }, "exposedVariables": { "value": {} } }, "parent": "66923bf7-575d-4169-a3d3-7d16fc0be439", "layouts": { "desktop": { "top": 20, "left": 88.45888317732047, "width": 0.9881998277347117, "height": 30 } }, "withDefaultChildren": false }, "512da8e2-a4a1-460d-949e-b896367380da": { "id": "512da8e2-a4a1-460d-949e-b896367380da", "component": { "properties": { "icon": { "type": "iconPicker", "displayName": "Icon", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "iconColor": { "type": "color", "displayName": "Icon Color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "iconColor": { "value": "#20134B", "fxActive": true }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "icon": { "value": "IconCircleLetterR" } }, "general": {}, "exposedVariables": {} }, "name": "icon3", "displayName": "Icon", "description": "Icon", "defaultSize": { "width": 5, "height": 48 }, "component": "Icon", "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "displayName": "Set Visibility", "handle": "setVisibility", "params": [ { "handle": "value", "displayName": "Value", "defaultValue": "{{true}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 77.2570440997141, "width": 0.9575366063738147, "height": 30 } }, "parent": "66923bf7-575d-4169-a3d3-7d16fc0be439" }, "9d61b279-41ab-44c3-a1f9-fe7d1bdacef0": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Date" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text11", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230", "layouts": { "desktop": { "top": 30, "left": 6.976739144922963, "width": 2.968986431794913, "height": 40 } }, "withDefaultChildren": false }, "0078d908-dfcd-407c-853a-998ec267e735": { "component": { "properties": { "defaultValue": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "format": { "type": "code", "displayName": "Format", "validation": { "schema": { "type": "string" } } }, "enableTime": { "type": "toggle", "displayName": "Enable time selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "enableDate": { "type": "toggle", "displayName": "Enable date selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "disabledDates": { "type": "code", "displayName": "Disabled dates", "validation": { "schema": { "type": "array", "element": { "type": "string" } } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onSelect", "actionId": "show-alert", "message": "Hello world!", "alertType": "info" } ], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{6}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "defaultValue": { "value": "01/01/2022" }, "format": { "value": "DD/MM/YYYY" }, "enableTime": { "value": "{{false}}" }, "enableDate": { "value": "{{true}}" }, "disabledDates": { "value": "{{[]}}" } }, "general": {}, "exposedVariables": {} }, "name": "datepicker1", "displayName": "Date Picker", "description": "Select a date and time", "component": "Datepicker", "defaultSize": { "width": 5, "height": 30 }, "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230", "layouts": { "desktop": { "top": 30.000022888183594, "left": 13.953482540204996, "width": 7.011492338254275, "height": 40 } }, "withDefaultChildren": false }, "5794387c-e561-4a86-bf13-74f13d307100": { "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "minValue": { "type": "code", "displayName": "Minimum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "maxValue": { "type": "code", "displayName": "Maximum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "backgroundColor": { "type": "color", "displayName": "Background Color" }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{6}}" }, "backgroundColor": { "value": "#ffffffff" }, "borderColor": { "value": "#fff" }, "textColor": { "value": "#232e3c" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "value": { "value": "10" }, "maxValue": { "value": "" }, "minValue": { "value": "" }, "placeholder": { "value": "0" } }, "general": {}, "exposedVariables": {} }, "name": "numberinput1", "displayName": "Number Input", "description": "Number field for forms", "component": "NumberInput", "defaultSize": { "width": 4, "height": 30 }, "exposedVariables": { "value": 99 } }, "parent": "9cc8d3a8-fddb-4306-9e20-d554c79e6230", "layouts": { "desktop": { "top": 30.000030517578125, "left": 39.53488872762443, "width": 8.042379079311743, "height": 40 } }, "withDefaultChildren": false } } }, "globalSettings": { "hideHeader": true, "appInMaintenance": false, "canvasMaxWidth": 100, "canvasMaxWidthType": "%", "canvasMaxHeight": 2400, "canvasBackgroundColor": "", "backgroundFxQuery": "" }, "showViewerNavigation": false, "homePageId": "8d56ab38-2614-4f03-9fd0-977755d8f9f8", "appId": "1cb5866c-290f-416e-96f8-af1c9e141581", "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "promotedFrom": null, "createdAt": "2023-11-17T19:00:51.312Z", "updatedAt": "2024-01-02T20:34:07.768Z" } ], "appEnvironments": [ { "id": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84", "name": "production", "isDefault": true, "priority": 3, "enabled": true, "createdAt": "2023-04-26T19:44:06.852Z", "updatedAt": "2023-04-26T19:44:06.852Z" }, { "id": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84", "name": "staging", "isDefault": false, "priority": 2, "enabled": true, "createdAt": "2023-04-26T19:44:06.852Z", "updatedAt": "2023-04-26T19:44:06.852Z" }, { "id": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84", "name": "development", "isDefault": false, "priority": 1, "enabled": true, "createdAt": "2023-04-26T19:44:06.852Z", "updatedAt": "2023-04-26T19:44:06.852Z" } ], "dataSourceOptions": [ { "id": "e7e91bf7-9cf9-459e-a980-fc64ef8005c3", "dataSourceId": "c5e47097-5219-4b04-8643-ab55d7798173", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": null, "createdAt": "2023-11-17T19:00:51.358Z", "updatedAt": "2023-11-17T19:00:51.358Z" }, { "id": "8e3c9592-f997-4beb-b2af-83e1c5e08d17", "dataSourceId": "c5e47097-5219-4b04-8643-ab55d7798173", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": null, "createdAt": "2023-11-17T19:00:51.358Z", "updatedAt": "2023-11-17T19:00:51.358Z" }, { "id": "4d890002-24b4-4fe5-b3f0-70b575d3aae3", "dataSourceId": "c5e47097-5219-4b04-8643-ab55d7798173", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": null, "createdAt": "2023-11-17T19:00:51.358Z", "updatedAt": "2023-11-17T19:00:51.358Z" }, { "id": "f8ecfcad-14a0-4770-8c23-d21f4a79dd2e", "dataSourceId": "6229a40b-d539-40ce-9685-0e211d799ebe", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": null, "createdAt": "2023-11-17T19:00:51.375Z", "updatedAt": "2023-11-17T19:00:51.375Z" }, { "id": "2aa2a8f2-24a3-48d4-961d-2d74280dcb28", "dataSourceId": "6229a40b-d539-40ce-9685-0e211d799ebe", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": null, "createdAt": "2023-11-17T19:00:51.375Z", "updatedAt": "2023-11-17T19:00:51.375Z" }, { "id": "2a6b4477-725a-487b-b30f-a21eba2b5e87", "dataSourceId": "6229a40b-d539-40ce-9685-0e211d799ebe", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": null, "createdAt": "2023-11-17T19:00:51.375Z", "updatedAt": "2023-11-17T19:00:51.375Z" }, { "id": "8851f5c6-c327-47d8-9a77-180f10cc451f", "dataSourceId": "c6434f9c-9b77-4304-8b92-a197a77f2d2c", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": null, "createdAt": "2023-11-17T19:00:51.397Z", "updatedAt": "2023-11-17T19:00:51.397Z" }, { "id": "41e2e6f4-56c0-4db4-96bb-bc711414dc90", "dataSourceId": "c6434f9c-9b77-4304-8b92-a197a77f2d2c", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": null, "createdAt": "2023-11-17T19:00:51.397Z", "updatedAt": "2023-11-17T19:00:51.397Z" }, { "id": "6c025059-8d96-475d-95c1-b9b48b4ffbc0", "dataSourceId": "c6434f9c-9b77-4304-8b92-a197a77f2d2c", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": null, "createdAt": "2023-11-17T19:00:51.397Z", "updatedAt": "2023-11-17T19:00:51.397Z" }, { "id": "7128661e-1a58-4d97-b488-c02459780807", "dataSourceId": "78187c08-21e0-4338-b7a4-f049ee1bfbe5", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": null, "createdAt": "2023-11-17T19:00:51.411Z", "updatedAt": "2023-11-17T19:00:51.411Z" }, { "id": "efeb9961-6f32-471d-bdb2-a747a3224a7f", "dataSourceId": "78187c08-21e0-4338-b7a4-f049ee1bfbe5", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": null, "createdAt": "2023-11-17T19:00:51.411Z", "updatedAt": "2023-11-17T19:00:51.411Z" }, { "id": "f756d39b-c1af-47f4-b1a6-0d0443b102cc", "dataSourceId": "78187c08-21e0-4338-b7a4-f049ee1bfbe5", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": null, "createdAt": "2023-11-17T19:00:51.411Z", "updatedAt": "2023-11-17T19:00:51.411Z" }, { "id": "ab353b21-9818-4153-842e-42cc4012bd3d", "dataSourceId": "ae87947d-b5c3-4423-ae50-8981908cf36f", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": null, "createdAt": "2023-11-17T19:00:51.453Z", "updatedAt": "2023-11-17T19:00:51.453Z" }, { "id": "0e8ca5e5-94cd-4234-8203-6183810fd382", "dataSourceId": "ae87947d-b5c3-4423-ae50-8981908cf36f", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": null, "createdAt": "2023-11-17T19:00:51.453Z", "updatedAt": "2023-11-17T19:00:51.453Z" }, { "id": "ff018eb7-7a5d-4f10-88bc-30a558b3bab6", "dataSourceId": "ae87947d-b5c3-4423-ae50-8981908cf36f", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": null, "createdAt": "2023-11-17T19:00:51.453Z", "updatedAt": "2023-11-17T19:00:51.453Z" } ], "schemaDetails": { "multiPages": true, "multiEnv": true, "globalDataSources": true } } } } ], "tooljet_version": "2.26.2-ee2.11.2-cloud2.1.11" }